<!--

	/*
		
		» Arkusz CSS - Wydawnictwo i Drukarnia Sióstr Loretanek
		» Autor: Michał Romanowski
		
		» Spis treści:
		
			- Główne ustawienia strony
			- Górna część strony - logo
			- Górna część strony - szybka nawigacja / wyszukiwarka
			- Górna część strony - przeglądane
			- Górna część strony - menu
			- Górna część strony - submenu
			- Środkowa część strony
			- Strona główna
			- Artykuł
			- Stronicowanie
			- Standardowy nagłówek działów
			- Nowości
			- Galeria
			- Kontakt
			- Dolna część strony - stopka
		
	*/
	
	/*
		
		» Główne ustawienia strony
		
	*/

	body { 
		
		background: #fffefd url(../images/background.gif) repeat-x;
		margin: 0px;
		padding: 0px;
		cursor: default;
		
	}

	img {
		
		border: 0px;
		margin: 0px;
		padding: 0px;
		
	}

	div#container {
		
		width: 755px;
		margin: 0px auto;
		
	}
	
	.flash_logo {
		
		width: 755px;
		margin: 0px;
		padding: 0px;
		position: relative;
		right: 2px;
		
	}
	
	
	div .clear, .clear_top {
		
		clear: both;
		
	}
	
	div .clear_bottom {
		
		height: 25px;
		clear: both;
		
	}
	
	div.double {
		
		background: url(../images/hr_double.gif) repeat-x;
		border: 0px;
		position: relative;
		top: 10px;
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 1px 0px;
		clear: both;
		
	}
	
	div.solid {
		
		background: url(../images/hr_double.gif) repeat-x;
		border: 0px;
		margin: 10px 0px 10px 0px;
		padding: 1px 0px 0px 0px;
		clear: both;
		
	}

	/*
		
		» Górna część strony - logo
		
	*/

	div#container_top {
		
		background: #fefeff;
		width: 755px;
		
	}

	div#container_top .logo {
		
		background: url(../images/logo.gif) no-repeat;
		width: 755px;
		height: 200px;
		
	}

	/*
		
		» Górna część strony - szybka nawigacja / wyszukiwarka
		
	*/

	div#top {
		
		background: url(../images/top_line_center.gif) repeat-x;
		width: 749px;
		height: 33px;
		margin: 0px auto;
		
	}

	div#top a {
		
		font-family: tahoma;
		font-size: 11px;
		color: #000000;
		padding: 4px;
		
	}
	
	div#top a:hover {
		
		text-decoration: none;
		color: #323232;
		
	}
	
	div#top .left {
		
		background: url(../images/top_line_left.gif);
		width: 350px;
		height: 29px;
		float: left;
		padding: 3px 0px 0px 5px;
		
	}
	
	div#top .left ul {
		
		margin: 0px;
		padding: 0px;
		
	}
	
	div#top .left li {
		
		display: inline;
		margin: 0px;
		padding: 0px;
		
	}
	
	div#top .left img {
		
		padding: 4px;
		position: relative;
		top: 4px;
		left: 4px;
		
	}
	
	div#top .right {
		
		background: url(../images/top_line_right.gif);
		width: 350px;
		height: 29px;
		float: right;
		padding: 3px 5px 0px 0px;
		text-align: right;
		
	}
	
	div#top .search_input {
		
		background: #ffffff;
		width: 140px;
		height: 13px;
		font-family: tahoma;
		font-size: 11px;
		color: #2b2b2b;
		padding: 3px;
		border: 1px solid #d2d7ec;
		vertical-align: middle;
		
	}
	
	div#top .search_submit {
		
		background: url(../images/top_search_submit.gif);
		width: 77px;
		height: 21px;
		border: 0px;
		margin-right: 8px;
		cursor: pointer;
		vertical-align: middle;
		
	}

	/*
		
		» Górna część strony - przeglądane
		
	*/

	div#undertop {
		
		padding: 5px 15px 6px 0px;
		float: left;
		font-family: tahoma;
		font-size: 10px;
		color: #696868;
		
	}

	div#undertop a {
		
		color: #696868;
		
	}
	
	div#undertop a:hover {
		
		color: #000000;
		text-decoration: none;
		
	}
	
	div#undertop p {
		
		margin: 0px 0px 0px 17px;
		padding: 0px;
		float: left;
	}
	
	div#undertop ul {
		
		margin: 0px 0px 0px 7px;
		padding: 0px;
		float: left;
		
	}
	
	div#undertop li {
		
		display: inline;
		margin: 0px 0px 0px 7px;
		padding: 0px;
		
	}

	/*
		
		» Górna część strony - menu
		
	*/

	div#buttons_menu {
		
		background: url(../images/button_background.gif) repeat-x;
		width: 755px;
		height: 39px;
		
	}

	div#buttons_menu ul {
		
		margin: 0px;
		padding: 0px;
		
	}

	div#buttons_menu li {
		
		display: inline;
		margin: 0px;
		padding: 0px;
		
	}

	div#buttons_menu a {
		
		text-decoration: none;
		
	}

	div#buttons_menu .drukarnia {
		
		background: url(../images/button_drukarnia.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		
	}
	
	div#buttons_menu .drukarnia:hover {
		
		background: url(../images/button_drukarnia_hover.gif);
		
	}
	
	div#buttons_menu .drukarnia_active {
		
		background: url(../images/button_drukarnia_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		
	}

	div#buttons_menu .wydawnictwo {
		
		background: url(../images/button_wydawnictwo.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	div#buttons_menu .wydawnictwo:hover {
		
		background: url(../images/button_wydawnictwo_hover.gif);
		
	}
	
	div#buttons_menu .wydawnictwo_active {
		
		background: url(../images/button_wydawnictwo_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}

	div#buttons_menu .internet {
		
		background: url(../images/button_internet.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	div#buttons_menu .internet:hover {
		
		background: url(../images/button_internet_hover.gif);
		
	}
	
	div#buttons_menu .internet_active {
		
		background: url(../images/button_internet_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}

	div#buttons_menu .onas {
		
		background: url(../images/button_onas.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	div#buttons_menu .onas:hover {
		
		background: url(../images/button_onas_hover.gif);
		
	}
	
	div#buttons_menu .onas_active {
		
		background: url(../images/button_onas_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}

	div#buttons_menu .sklep {
		
		background: url(../images/button_sklep.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	div#buttons_menu .sklep:hover {
		
		background: url(../images/button_sklep_hover.gif);
		
	}
	
	div#buttons_menu .sklep_active {
		
		background: url(../images/button_sklep_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}

	div#buttons_menu .kontakt {
		
		background: url(../images/button_kontakt.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	div#buttons_menu .kontakt:hover {
		
		background: url(../images/button_kontakt_hover.gif);
		
	}
	
	div#buttons_menu .kontakt_active {
		
		background: url(../images/button_kontakt_hover.gif);
		display: block;
		width: 125px;
		height: 39px;
		float: left;
		margin: 0px 0px 0px 1px;
		
	}
	
	/*
		
		» Górna część strony - submenu
		
	*/
	
	div#submenu {
		
		background: #1e4ab7 url(../images/submenu_background.gif) repeat-x bottom;
		width: 755px;
		height: 47px;
		font-family: tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #ebf0ff;
		
	}
	
	div#submenu p {
		
		padding: 15px 0px 15px 15px;
		margin: 0px;
		
	}
	
	div#submenu a {
		
		color: #ebf0ff;
		
	}
	
	div#submenu a:hover {
		
		color: #ffffff;
		text-decoration: none;
		
	}
	
	/*
		
		» Środkowa część strony
		
	*/
	
	div#container_content {
		
		width: 755px;
		font-family: tahoma;
		font-size: 11px;
		color: #000000;
		margin: 25px 0px 0px 0px;
		
	}
	
	/*
		
		» Strona główna
		
	*/
	
	div#container_content h2 {
		
		margin: 0px;
		padding: 0px;
		
	}
	
	div#container_content .p {
		
		width: 175px;
		margin: 0px;
		padding: 25px 0px 0px 30px;
		
	}
	
	div#container_content a {
		
		color: #000000;
		
	}
	
	div#container_content a:hover {
		
		text-decoration: none;
		
	}
	
	div#container_content ul {
		
		margin: 20px 0px 0px 0px;
		padding: 0px;
		
	}
	
	div#container_content li {
		
		list-style: disc url(../images/li_line.gif);
		width: 150px;
		margin: 0px 0px 0px 30px;
		padding: 0px;
		
	}
	
	div#container_content .more {
		
		background: url(../images/czytaj_wiecej.gif);
		width: 93px;
		height: 16px;
		display: block;
		margin: 10px 0px 0px 25px;
		list-style-type: none;
		
	}
	
	div#box_wydawnictwo {
		
		background: url(../images/box_bg_wydawnictwo.gif) no-repeat bottom;
		width: 253px;
		height: 243px;
		float: left;
		margin: 0px 0px 0px 3px;
		
	}
	
	div#box_drukarnia {
		
		background: url(../images/box_bg_drukarnia.gif) no-repeat bottom;
		width: 255px;
		height: 243px;
		float: left;
		
	}
	
	div#box_onas {
		
		background: url(../images/box_bg_onas.gif) no-repeat bottom;
		width: 237px;
		height: 243px;
		float: left;
		
	}
	
	div#box_nowosci {
		
		background: url(../images/box_bg_nowosci.gif) no-repeat bottom;
		width: 253px;
		height: 240px;
		float: left;
		margin: 15px 0px 0px 3px;
		
	}
	
	div#box_internet {
		
		background: url(../images/box_bg_internet.gif) no-repeat bottom;
		width: 255px;
		height: 240px;
		float: left;
		margin: 15px 0px 0px 0px;
		
	}
	
	div#box_czasopisma {
		
		background: url(../images/box_bg_czasopisma.gif) no-repeat bottom;
		width: 237px;
		height: 240px;
		float: left;
		margin: 15px 0px 0px 0px;
		
	}
	
	/*
		
		» Artykuł
		
	*/
	
	div#article_top {
		
		width: 755px;
		
	}
	
	div#article_top .title {
		
		float: left;
		
	}
	
	div#article_top h1 {
		
		font-size: 22px;
		color: #cc0000;
		margin: 0px;
		padding: 0px;
		
	}
	
	div#article_top p {
		
		
		font-size: 13px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		
	}
	
	div#article_top .newest {
		
		float: right;
		margin: 15px 10px 0px 0px;
		
	}
	
	div#article_content {
		
		width: 755px;
		
	}
	
	div#article_content p {
		
		font-size: 13px;
		padding: 7px 0px 7px 0px;
		margin: 0px;
		line-height: 18px;
		
	}
	
	div#article_content .read_more {
		
		background: url(../images/czytaj_dalej.gif);
		width: 92px;
		height: 18px;
		display: block;
		float: right;
		margin: 0px 0px 10px 0px;
		
	}
	
	div#article_content .image {
		
		margin: 0px 10px 10px 0px;
		border: 3px solid #1e4ab7;
		
	}
	
	div#article_content .position_list {
		
		margin: 5px 0px 5px 0px;
		
	}
	
	div#article_content .position_list h2 {
		
		font-size: 19px;
		color: #cc0000;
		margin: 0px 0px 15px 0px;
		padding: 0px;
		text-indent: 30px;
		
	}
	
	div#article_content .art_img {
		
		padding: 20px 33px 20px 0px;
		float: left;
		
	}
	
	div#article_content .net_img {
		
		background: url(../images/internet_ramka.gif);
		padding: 2px 2px 11px 2px;
		margin: 30px 0px 0px 20px;
		float: left;
		
	}
	
	div#article_content .position_list div {
		
		width: 530px;
		font-size: 12px;
		margin: 10px 0px 0px 0px;
		float: right;
		
	}
	
	div#article_content .position_list p {
		
		text-indent: 30px;
		
	}
	
	/*
		
		» Stronicowanie
		
	*/
	
	div#pages {
		
		text-align: center;
		height: 20px;
		
	}
	
	div#pages .back {
		
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		margin: 0px 15px 0px 0px;
		
	}
	
	div#pages .back:hover {
		
		color: #9b1b1b;
		
	}
	
	div#pages .back img {
		
		margin: 5px 5px 0px 0px;
		
	}
	
	div#pages .page {
		
		font-size: 11px;
		font-weight: bold;
		margin: 0px 3px 0px 3px;
		padding: 1px 5px 2px 5px;
		text-decoration: none;
		text-align: center;
		
	}
	
	div#pages .page:hover {
		
		background: url(../images/pages_hover.gif) no-repeat;
		
	}
	
	div#pages .active {
		
		background: url(../images/pages_hover.gif) no-repeat;
		font-size: 11px;
		font-weight: bold;
		margin: 0px 3px 0px 3px;
		padding: 1px 5px 2px 5px;
		text-decoration: none;
		text-align: center;
		
	}
	
	div#pages .next {
		
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		margin: 0px 0px 0px 15px;
		
	}
	
	div#pages .next:hover {
		
		color: #9b1b1b;
		
	}
	
	div#pages .next img {
		
		margin: 0px 0px 0px 5px;
		
	}
	
	/*
		
		» Standardowy nagłówek działów
		
	*/
	
	div#content_top {
		
		background: url(../images/hr_double.gif) repeat-x bottom;
		width: 755px;
		height: 28px;
		
	}
	
	div#content_top h1 {
		
		margin: 0px;
		padding: 0px;
		
	}
	
	/*
		
		» Nowości
		
	*/
	
	div#newest_content {
		
		width: 755px;
		margin: 20px 0px 10px 0px;
		
	}
	
	div#newest_content .newest_box {
		
		width: 340px;
		height: 265px;
		float: left;
		border-top: 1px solid #d9b4b4;
		
	}
	
	div#newest_content .newest_box h2 {
		
		font-size: 17px;
		color: #4b4c4e;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		
	}
	
	div#newest_content .position {
		
		color: #555555;
		margin: 0px;
		padding: 0px;
		
	}
	
	div#newest_content .position a {
		
		color: #8a0d00;
		font-weight: bold;
		
	}
	
	div#newest_content .position a:hover {
		
		color: #000000;
		text-decoration: none;
		
	}
	
	div#newest_content .buy {
		
		float: left;
		margin: 5px 0px 0px 0px;
		
	}
	
	div#newest_content .new {
		
		float: right;
		margin: 8px 0px 0px 0px;
		
	}
	
	div#newest_content .left {
		
		width: 96px;
		float: left;
		text-align: center;
		font-size: 12px;
		clear: both;
		
	}
	
	div#newest_content .cover {
		
		background: #f2f3f4;
		padding: 3px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #888a90;
		
	}
	
	div#newest_content .price {
		
		color: #660000;
		font-weight: bold;
		
	}
	
	div#newest_content .right {
		
		width: 234px;
		margin: 10px 0px 0px 10px;
		float: right;
		text-indent: 20px;
		text-align: justify;
		
	}
	
	div#newest_content .read_more {
		
		background: url(../images/czytaj_dalej.gif);
		width: 92px;
		height: 18px;
		display: block;
		float: right;
		margin: 10px 0px 0px 0px;
		
	}
	
	div#newest_content .spacer {
		
		background: url(../images/newest_shadow.gif) no-repeat;
		width: 12px;
		height: 189px;
		float: left;
		margin: 15px 31px 0px 31px;
		
	}
	
	/*
		
		» Galeria
		
	*/
	
	div#gallery_content {
		
		width: 755px;
		
	}
	
	div#gallery_content h1 {
		
		font-size: 20px;
		color: #b50000;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		
	}
	
	div#gallery_content .name {
		
		font-size: 12px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		
	}
	
	div#gallery_content .box {
		
		background: #F8F8F4;
		width: 330px;
		float: left;
		padding: 7px;
		margin: 5px 10px 5px 10px
		
	}
	
	div#gallery_content .box p {
		
		width: 200px;
		margin: 0px;
		padding: 0px;
		float: right;
		
	}
	
	div#gallery_content img {
		
		border: 1px solid #ffffff;
		float: left;
		margin: 0px 10px 0px 0px;
		
	}
	
	/*
		
		» Kontakt
		
	*/
	
	div#contact_content {
		
		width: 635px;
		margin: 15px auto 0px auto;
		font-size: 12px;
		font-weight: bold;
		
	}
	
	div#contact_content a {
		
		color: #b50000;
		text-decoration: none;
		
	}
	
	div#contact_content a:hover {
		
		color: #000000;
		text-decoration: underline;
		
	}
	
	div#contact_content .email_left {
		
		width: 100px;
		float: left;
		margin: 30px 0px 0px 0px;
		
	}
	
	div#contact_content .email_right {
		
		width: 370px;
		float: left;
		margin: 30px 0px 0px 0px;
		
	}
	
	div#contact_content .content_left {
		
		width: 100px;
		float: left;
		margin: 15px 0px 0px 0px;
		
	}
	
	div#contact_content .content_right {
		
		width: 370px;
		float: left;
		margin: 15px 0px 0px 0px;
		
	}
	
	div#contact_content .input {
		
		background: #f6f8fe;
		border: 2px solid #dfe1e7;
		width: 350px;
		padding: 3px 3px 3px 3px;
		font-family: tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #b50000;
		
	}
	
	div#contact_content .textarea {
		
		background: #f6f8fe;
		border: 2px solid #dfe1e7;
		width: 350px;
		height: 170px;
		padding: 3px 3px 3px 3px;
		font-family: tahoma;
		font-size: 11px;
		
	}
	
	div#contact_content .submit {
		
		background: url(../images/contact_submit.gif);
		width: 140px;
		height: 26px;
		float: right;
		margin: 10px 10px 0px 0px;
		border: 0px;
		cursor: pointer;
		
	}
	
	/*
		
		» Dolna część strony - stopka
		
	*/
	
	div#container_bottom {
		
		background: #f6f7fe url(../images/footer_left.gif) no-repeat left;
		width: 755px;
		padding: 5px 0px 5px 0px;
		text-align: center;
		color: #e7e7ed;
		
	}
	
	div#container_bottom ul {
		
		margin: 0px;
		padding: 0px;
		
	}
	
	div#container_bottom li {
		
		display: inline;
		margin: 0px 3px 0px 3px;
		padding: 0px;
		
	}
	
	div#container_bottom a {
		
		font-family: arial;
		font-size: 11px;
		color: #8e8f97;
		
	}
	
	div#container_bottom a:hover {
		
		color: #56565b;
		text-decoration: none;
		
	}
	
	div#container_underbottom {
		
		width: 755px;
		padding: 5px 0px 5px 0px;
		
	}
	
	div#container_underbottom .info {
		
		font-family: tahoma;
		font-size: 11px;
		color: #636363;
		float: center;
		margin-left: 250px;
		padding: 0px 5px 5px 5px;
		
	}
	
	div#container_underbottom .info img {
		
    height: 40px;
		margin: 4px 5px 0px 0px;
		
	}
	
	div#container_underbottom .nktf {
		
		height: 40px;
		float: right;
		font-family: tahoma;
		font-size: 10px;
		color: #c3c3c3;
		padding: 8px 5px 0px 0px;
		
	}
	
	div#container_underbottom .nktf img {
		
		vertical-align: middle;
		margin-left: 4px;
		
	}

-->