@import url("reset.css");
@import url("textFormat.css");
@import url("forms.css");
@import url("tables.css");
@import url("header.css");
@import url("footer.css");
@import url("navmenu.css");
@import url("components.css");
@import url("prettyPhoto.css");
@import url("mapy.css");


/*	=ogolny layout
---------------------------------------------------------------------------- */

body {
	padding: 0;
	background:#9EB4C1 url(../gfx/tlo.gif) repeat-x center top;
}

#container {
	width: 970px;
	margin: 0 auto;
	padding: 15px 15px 10px;
	background:#fff;

}

#content {
	min-height: 400px;
	padding: 0 0 10px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
}

#banner
{
    background: none;
    margin-bottom: 20px;
    padding: 10px 0 0;
    position: relative;
    z-index: 600;
}
#main {
	width: 640px;
	padding: 0 17px 0 0;
}

#sidebar {
	width: 248px;
	padding: 0 0 0 15px;
}

#main,
#sidebar,
#col1,
#col2,
#col3,
.col11,
.col12 {
	float: left;
}

#col1 {
	width: 200px;
}

#col2 {
	width: 500px;
	margin: 0 20px;
}


#col3 {
	width: 220px;
}

.cols2 #col2 {
	width:970px;
	margin-left:0;
}

.cols12 #col2 {
	width:720px;
}

.cols23 #col2 {
	width:620px;
	margin-right:10px;
	margin-left:0;
	padding-right:20px;
}

.subpage #sideBoxes {
margin-top:85px;

}

#introBoxes ul li {
list-style:none;
}

#introBoxes ul li a {
background:url(../gfx/arrowli.jpg) no-repeat left center;
padding-left:14px;
color:#627ac6;
}

/* ===== sites =====
===================================== */
#sites {
	width: 100%;
}

#sitesWrapper {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#sites ul {
	display: inline-block;
	list-style: none;
	margin: 0;
}

#sites li {
	float: left;
	margin-bottom: 0 !important;
	margin-left: 0;
	margin-right: 80px;
}

#sites li.last {
	margin-right: 0;
}

#sites li a {
	display: block;
	text-decoration: none;
	color: #F6FFD7;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px 10px 5px 10px;
}

#sites li a:hover {
	color: #fff;
	background: #6294AF;
}


/*	=boksy
---------------------------------------------------------------------------- */

.box {
	margin: 0 0 20px;
}

.box h3 {
	font-size:14px;
	color:#526fca;	
}

.box h3 a {
	font-size:14px;
	color:#526fca;
}

.box h3 a:hover {
	text-decoration: none;
}

/*	=boks intro
---------------------------------------------------------------------------- */

#intro {
width:640px;
height:470px;
float:left;
margin-bottom:10px;
padding:0px;
position:relative;
overflow:hidden;
}

#intro .readmore {
position:absolute;
bottom:0;
right:0;
padding:15px 20px;
background:url(../gfx/opacity.png) repeat;
text-align:right;
}

#intro .readmore a {
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

#intro .readmore span {
display:block;
color:#fff;
}

#intro .scrollWrapper {
position:relative;
overflow:hidden;
width:100%;
height:100%;
}

#intro div.scrollableArea * {
position:relative;
float:left;
margin:0;
padding:0;
}

#intro .scrollableArea {
position:relative;
width:auto;
height:100%;
}




#sideBoxes {
float:left;
margin:0px 0 0 10px;
width:310px;
}

#sideBoxes .box {
float:left;
clear:both;
width:288px;
border:1px solid #f0f0f0;
background:url(../gfx/shopboxbgx.jpg) repeat-x bottom #fff ;
padding:9px 10px;
line-height:19px;
margin-bottom:12px;
}

#sideBoxes .box p {
margin:2px 0;
}

#sideBoxes .box h3, #introBoxes h3 a {
margin-bottom:6px;
color:#0071AF;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}





#introBoxes,
.boxProduct,
.boxProduct,
.boxProduct .img,
.boxProduct h3, {
	border: solid #C0C0C0;
}

#introBoxes {
	border-width: 0;
}

#introBoxes img {
float:left;
margin-right:20px;
}

#introBoxes h3 {

}

#introBoxes .level {
	border:0;	
}

#introBoxes .col1,
#introBoxes .col2,
#introBoxes .col3 {
	float: left;
	width: 283px;
	border:1px solid #f0f0f0;
	background:url(../gfx/shopboxbgx.jpg) repeat-x bottom #fff ;
	margin:0 10px 10px 0;
	padding:10px 15px;
}

#introBoxes .col3 {
margin-right:0;
}

.boxProduct {
	border:1px solid #dbdbdb;
	margin:0 10px 10px 0;
	padding: 15px 15px 5px;
	min-height: 260px;
	width:190px;
	float:left;
}




.boxProduct h3 {
	border:none;

}

.boxProduct h3 a {
	display: block;
	margin: -5px -18px;
	padding: 5px 18px;
	color: #526fca;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
}

.boxProduct h3 a:hover {
	text-decoration:underline;
}

.boxProduct .img {
	border-width: 0 0 0px;
	margin:0 auto;
	text-align:center;
	padding: 0 18px 10px;
	display:block;
}

.boxProduct .img img {
max-width:150px !important;
width:auto;
}

.boxProduct img {

}

.boxProduct .img p {
	margin: 0;
	line-height: 1em;
}

.boxProduct p.price {
	margin-top:-15px;
	margin-bottom:20px;
}

.boxProduct p {
	margin: 0;
}

.boxProduct h5.readMore {
	margin: 0 0 10px;
}

/*	=boks aktualnosci
---------------------------------------------------------------------------- */

.box ul.news li {
	list-style: none;
	margin: 0;
}

.box ul.news .img {
	float: left;
	width: 86px;
}

.box ul.news .desc {
	margin-left: 86px;
}

.box ul.news p {
	margin: 0;
}

.box ul.news h4 {
	margin: 0 0 10px;
	font-size: 14px;
}

.box ul.news h4.small {
	margin: 0 0 5px 84px;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: normal;
}

.box ul.news h6 {
	font-size: 11px;
	margin: 0 0 2px;
	font-weight: normal;
}

.box ul.style2 .first {
	margin: 0 0 -30px;
}

.box ul.style3 li {
	margin: 0;
	float: none;
}

.box ul.style3 li.first {
	margin-left: 0;
}

.box ul.style3 .img {
	
}

.box ul.style3 .img {
	width: 60px;
}

.box ul.style3 .desc {
	margin-left: 71px;
}

/*	=boks Tagi
---------------------------------------------------------------------------- */

.boxTagi li {
	list-style: none;
	margin: 0;
	display: inline;
	font-size: 11px;
}

.boxTagi li { font-size: 29px; }
.boxTagi li.n1 { font-size: 10px; }
.boxTagi li.n2 { font-size: 12px; }
.boxTagi li.n3 { font-size: 14px; }
.boxTagi li.n4 { font-size: 16px; }
.boxTagi li.n5 { font-size: 18px; }
.boxTagi li.n6 { font-size: 20px; }
.boxTagi li.n7 { font-size: 22px; }
.boxTagi li.n8 { font-size: 24px; }
.boxTagi li.n9 { font-size: 26px; }
.boxTagi li.n10 { font-size: 28px; }

.tagArtList .img {
	width: 86px;
	float: left;
}

.tagArtList .desc {
	margin-left: 86px;
}

.tagArtList p {
	margin: 0 0 5px;
}



/*	=menu boczne
---------------------------------------------------------------------------- */

#col3 .menu li {
	list-style: none;
	margin: 0;
}

#col3 .menu li a {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	color: #666;
	outline: 0;
}

#col3 .menu li a:hover {
	color: #444;
}

#col3 .menu li.active a {
	font-weight: bold;
}

#col3 .menu li li a {
	padding-left: 20px;
	font-size: 11px;
}

#col3 .menu li.active li a {
	font-weight: normal;
}

#col3 .menu li.active li.active a {
	font-weight: bold;
}

#col3 .menu li li li a {
	padding-left: 40px;
}

#col3 .menu li.active li.active li a {
	font-weight: normal;
}

#col3 .menu li.active li.active li.active a {
	font-weight: bold;
}




/*	=formatowanie artykulow
---------------------------------------------------------------------------- */

.introtext {
	font-weight:bold;
}



p.iteminfo {
	color: #BAB8A0;
	margin-bottom: 8px;
	font-size:11px;
}

.articleMeta {
	position: relative;
	font-size: 11px;
	color: #999;
	margin: -10px 0 20px;
}

.articleMeta .createdate {
	position: absolute;
	top: 0;
	right: 0;
}

.actionBar {
float:right;
width:156px;
background:#f7f9ff;
border:1px solid #bdc7eb;
margin-right:5px;
display:none;
}

.actionBar .votes {
border-bottom:1px solid #bdc7eb;
width:116px;
padding:10px 20px;
}

.actionBar .action-icons {
float:left;
width:136px;
padding:15px 10px;
}

.actionBar ul, .actionBar ul li {
	list-style: none;
	margin: 0;
	display:block;
	padding:0;
}

.actionBar a {
color: #627ac6;
display:block;
float:left;
padding-left:24px;
}

.actionBar .print a {
	background:url(../gfx/iconprint.jpg) no-repeat;
	margin-bottom:10px;	
}

.actionBar .send a {
	background:url(../gfx/iconsend.jpg) no-repeat;
}

/*--------=Zdjecia do artykulu----------*/

.mainPhoto {
	float: left;
	width: auto;
	margin: 0 20px 0 0;
	background: #f9f9f9;
}

.mainPhoto p {
	margin: 0;
	padding: 3px 5px 3px;
	font-size: 11px;
}

.mainPhoto p a {
	color:#000;
}

div.imgGallery {
	float:right;
	}
	
div.imgGallery {
	float:right;
	}
	
div.imgGallery ul li {
	background:none;
	list-style:none;
	}	
	
div.imgGallery ul li a {
background:none;
padding:0;
}

div.imgGallery ul li img {
	border:1px solid #E5E4D2;
	}

div.fullLengthGallery {
float:left;
}

div.fullLengthGallery ul {
margin:0;
padding:0;
}

div.fullLengthGallery ul li {
float:left;
margin:0 10px 10px 0;
padding:0;

}

div.GalleryBottom {
	margin-top:20px;
	margin-bottom:20px;
	}


/*	=blogi
---------------------------------------------------------------------------- */

.leading {
	margin-bottom:10px;
	padding-bottom: 1px;
	background: transparent url(../gfx/dec-dots-h.gif) 0 bottom repeat-x;
	font-size: 12px; /*zmiana z 12*/
	}

.leading h2 {
	margin-bottom:2px;
	font-size:18px;
}

.leading h2.noDate {
	margin-bottom:10px;
	}


.article_row {
	clear:both;
	border-bottom:1px solid #F0F0F0;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	margin-bottom:5px;
}

.article_column h2 {
	margin-bottom:2px;
	font-weight:bold;
	font-size:14px;
	}

.article_column {
	float:left;
}

#content .subPorady .article_row .cols1 {
width:620px;
}

.article_row .cols3 {
	width:32%;
	margin-right:2%;
}

.article_row .cols2 {
	width:48.5%;
	margin-right:3%;
}

.article_row .cols4 {
	width:23.5%;
	margin-right:2%;
}

.article_row .cols5 {
	width:18.4%;
	margin-right:2%;
}

.columns3 .column3, .columns2 .column2, .columns4 .column4, .columns5 .column5 {
	margin-right:0;
}

.article_row .cols4 h2 {
	font-size:15px !important;
}

.oneCol .column1 {
	width:100%;
}

.article_row {
	clear:both;
}


.atrakcje .article_column h2 {
	font-weight: bold;
}

.atrakcje h2 {
	margin-bottom:6px;
	font-size:13px;
	}

.atrakcje img {
	float:left;
	margin-bottom:10px;
	width:100%;	
}


/*--------=Stronicowanie----------*/

.pageNo {
	float: left;
	margin: 0 10px 0 0;
	line-height: 1.5em;
}

ul.pagination li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0 5px;
}


ul.pagination {
	text-align: center;
	position: relative;
	height: 20px;
	margin-bottom: 10px;
}

ul.pagination li {
	background: none;
	display: inline;
	padding: 0pt 2px;
}

ul.pagination li.previous {
	position: absolute;
	left: 0;
}

ul.pagination li.next {
	position: absolute;
	right: 0;
}

ul.pagination li a,
ul.pagination ul strong {
	padding: 4px;
	margin: 0 -2px;
}

/*	=inne
---------------------------------------------------------------------------- */

#accGaleria li {
    list-style: none;
    margin: 0 1px 0px 1px;
    display: inline;
}

#accGaleria li img {
    border:3px solid #E5E4D2;
    }

/*--------=zakładki----------*/

.boxTabs .tabs {
	padding: 5px 15px;
	background: #EBE7C5;
	height: 25px;
}

.boxTabs .tabs li {
	list-style: none;
	margin: 0;
	display: inline;
}

.boxTabs .tabs a {
	display: block;
	float: left;
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
	outline: 0;
}

.boxTabs .tabs .first a {
	padding-left: 10px;
}

.boxTabs .tabs a:hover {
	text-decoration: none;
}

.boxTabs .tabs .active a {
	color: #000;
	background: #F4F1DE;
}

.boxTabs .parts {
	clear: both;
}

.boxTabs .news {
	margin: -5px 0 5px;
}

.boxTabs .news li {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

.boxTabs .news li h4,
.boxTabs .news li h5 {
	margin: 0;
	font-weight: normal;
}

.boxTabs .news li h4 {
	font-size: 12px;
	margin-left: 55px;
}

.boxTabs .news li h5 {
	float: left;
	font-size: 10px;
	color: #999;
}

/*--------=komunikaty----------*/

.messageError {
	background-color: #FFECEA;
	border: solid #FFC6BF;
	border-width: 1px;
	padding: 10px 10px 5px;
	margin: 0 0 20px;
	color: #880E00;
}

.messageError p {
	margin: 0 0 5px;
}


/*--------=strona z wynikami wyszukiwania----------*/

h3.res {
	font-size: 12px;
	font-weight: normal;
	position: relative;
}

h3.res span {
	position: absolute;
	top: 0;
	right: 0;
}

.searchResults li {
	list-style: none;
	display: inline;
	margin: 0;
}


/*	=inne boksy
---------------------------------------------------------------------------- */

.bottomBoxes .box {
	width: 263px;
	margin: 0 0 0 10px;
	float: left;
}

.bottomBoxes .firstBox {
	margin-left: 0;
}


.vBoxes .box {
	float: left;
	position: relative;
	min-height: 151px; /*tmp*/
}

.vBoxes .vBox1 {
	width: 608px;
}

.vBoxes .vBox2 {
	width: 266px;
	margin-left: 32px;
}


.col2Boxes .col1,
.col2Boxes .col2 {
	float: left;
	width: 475px;
	margin: 0 0 0 20px;
}

.col2Boxes .col1 {
	margin-left: 0;
}

.col2Boxes .level {
	padding: 0 0 20px;
}

.col2Boxes .level .box {
	float: left;
	width: 195px;
	margin: 0 0 0 20px;
}

.col2Boxes .level .firstBox {
	margin-left: 0;
}

.col2Boxes .col1 .box {
	min-height: 186px; /*tmp*/
}


.boxZaprenumerujOnline h4, .boxZobaczNowyNumer h4 {
	font-size: 12px;
	font-weight: normal;
	color:#606060;
}

.boxZobaczNowyNumer img {
float: left; 
margin-right:25px;
}

#content .boxLetter h4 {
margin-top:24px;
font-weight:normal;
}

.boxZaprenumerujOnline h3, .boxZobaczNowyNumer h3 {
margin-bottom:0;
}

.block {
	float:left;
	width:155px;
}

.block ul li {
	margin-left:15px;
	margin-bottom:5px;
}

.photo {
float:left;
width:600px;
}

.mainPhoto {
	width:640px;
	height:auto;
	padding:10px 0;
	border:1px solid #F0F0F0;
	overflow:visible;
	float:left;
	text-align:center;
	margin-top:5px;
	margin-bottom:20px;
		background:#FFFFFF url(../gfx/shopboxbgx.jpg) repeat-x scroll center bottom;	
}

.imgGallery {display:none;}

.mainPhoto img {
max-width:610px !important;
}

.mainImg a {
text-decoration:none !important;
}

.imgGallery {
	border:1px solid #bdc7eb;
	padding:35px 4px;
	clear:right;
	height:370px;
	margin-bottom:20px;
	position:relative;
visibility:hidden;
}

.actionBar {
	position:relative;
	top:-465px;
}

.imgGallery a.prev, .imgGallery a.next {
display:block;
width:158px;
height:28px;
text-indent:-9999px;
position:absolute;
left:0;
z-index:50;
outline:none;
}

.imgGallery a.prev {
border-bottom:1px solid #bdc7eb;
background:url(../gfx/arrowtop.jpg) no-repeat;
top:0;
}

.imgGallery a.next {
border-top:1px solid #bdc7eb;
background:url(../gfx/arrowbottom.jpg) no-repeat;
bottom:0;
}

.imgGallery .scrollable {
	width:150px;
	 position:relative; 
    overflow:hidden; 
    height: 370px; 
}


.imgGallery ul.items {
  position:absolute; 
   height:20000em; 
}

.imgGallery li {
	margin-left:0;
}


.imgGallery img {
	width:150px !important;
}




ul.commentList li {
display:block;
float:left;
clear:both;
padding:0;
margin:0;
padding-bottom:10px;
border-bottom:1px solid #bdc7eb;
width:100%;
color:#8c8c8c;
font-size:11px;
}

ul.commentList li h6 {
float:left;
background:url(../gfx/iconcomment.png) no-repeat;
width:48px;
height:48px;
line-height:48px;
text-align:center;
font-size:13px;
}

ul.commentList li h5 {
color:#606060;
padding:0;
margin:0;
margin-bottom:8px;
}

ul.commentList li .DateAndAuthor {
float:left;
width:68px;
margin-left:10px;
}

ul.commentList li .Fulltext {
float:left;
padding-top:10px;
width:620px;
line-height:20px;
}

.yvComment, .comment-form {
width:760px;
float:left;
clear:both;
margin-top:20px;
}

.yvComment h2 {
color:#606060;
font-size:14px;
text-transform:uppercase;
}

.comment-form input.button-send, .comment-form input.button-preview, .comment-form input.button-cancel {
height:20px;
float:left;
text-indent:-9999px;
border:none;
margin:10px 6px 0 0;
}

.comment-form input.button-send {
width:67px;
background:url(../gfx/buttonsend.png) no-repeat;

}

.comment-form input.button-preview {
width:81px;
background:url(../gfx/buttonpreview.png) no-repeat;
}

.comment-form input.button-cancel {
width:67px;
background:url(../gfx/buttoncancel.png) no-repeat;
}

.comment-form input.text, .comment-form textarea.text {
background:url(../gfx/inputbgx.jpg) repeat-x top;

padding:6px 5px 2px;
}

.comment-form input.text {
height:20px;
}

.comment-form .text:focus {
background:#f9f9f9;
}

#page {
float:left;
width:760px;
}

.cols23 #page {
width:auto;
}



/* ===== shop =====
=================== */

ul.dimensions, ul.dimensions li {
display:block;
list-style:none;
padding:0;
margin:0;
}

ul.dimensions {
margin-left:10px;
}

ul.dimensions li {
margin-bottom:10px;
padding-left:10px;
background:url(../gfx/dimensionsli.gif) no-repeat center left;
}

.homepage .vmCartModule {
	display:none;
}

.vmCartModule {
	border:1px solid #DFDFDF;
	position:absolute;
	right:0;
	top:-10px;
	padding:10px;
	background:#fff;
}


.vmCartModule div {
	margin-right:5px;
	}

.bottom_menu {
	float:left;
	margin-bottom:25px;
	margin-top:10px;
}

.bottom_menu ul li {
	list-style:none;
	float:left;
	padding:0 25px;
	margin:0;
	border-right:1px solid #9EB4C1;
}

table.reasume {display:none;}

.formLabel {font-weight:normal !important;text-align:left !important;}
.formLabel strong {color:red !important;}
p.req {margin-top:15px;font-size:11px;}
#agreed_div a {font-size:11px !important;}

.userData td {border:1px solid #F5F5F5;
padding:10px;}

div.hide {display:none;}

ul.steps li {
	float:left;
	height:50px;
	list-style:none;
	}
	
ul.steps li span.num {
	display:block;
	float:left;
	margin-right:10px;
	width:25px;
	padding-left:15px;
	height:32px;
	padding-top:7px;
	color:#82A3B7;
	font-weight:bold;
	font-size:16px;
	background: url(../gfx/bg-step.gif) no-repeat left top;
	top:0 !important;
	}	

ul.steps li.active span.num {
	background: url(../gfx/bg-step-a.gif) no-repeat left top;
	color:#fff;
	}

ul.steps li.active a {
	font-weight:bold;
	}

ul.steps li {
	margin-right:20px;
	position:relative;
	left:-20px;
	}
	
ul.steps li a, ul.steps li span {
	position:relative;
	top:10px;
	}

ul.steps li a span {
	top:0px;
	}	
		
.priceSpan {
float:right;
}

.productImages {
width:600px;
overflow:visible;
}



/*======== black ========
=========================



body {
background-color:#9E9E9E;
}

#header, #footer {
background:#cbcbcb;
}

#header h1, #header h1 a {
width:328px;
height:100px;
position:relative;
z-index:300;
}

#mainnav {
background:#686868;
}

#sideBoxes .box h3,
#introBoxes h3 a,
.box h3 a,
p.pathway a,
.boxProduct h3 a,
a {
color:#373737;
}

*/