/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu,  {width:972px; height: 33px;   position:relative; z-index:100;
font-family: Verdana; font-size:0.7em; font-weight: 600;
background-image:url("img/buttons/podmenu_tlo.gif")}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:972px; w\idth:972px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:240px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:243px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {height: 34px;display:block;font-size:1em;text-decoration:none; color:#fff; width:241px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:238px; w\idth:230px;}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:0px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:34px;t\op:33px;}

/* position the third level flyout menu */
.menu ul ul ul{left:242px; top:0px; width:243px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



table.border {border-top: 1px solid #ccc; border-right:1px solid #ccc;}
table.border td{border-left: 1px solid #ccc; border-bottom:1px solid #ccc;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#000; height:auto; line-height:1.3em;
font-family: Verdana; font-size:11px; font-weight: 600;
 padding:5px 20px; width: 199px;border: 1px solid #D1D0CC; border-width:0 1px 1px 1px;
 background: url(../img/ico/strzalka_tlo_niebieskie.gif) 5px no-repeat #EAEAEA; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:245px;w\idth:242px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; 
background: url(../img/ico/strzalka_tlo_zolte.gif) 5px no-repeat #1867AA;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; 
background: url(../img/ico/strzalka_tlo_zolte.gif) 5px no-repeat #1867AA;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

body{margin:0; padding:0; overflow-x: hidden;  font-family: Verdana;}
/*div, a{border: 1px solid black;}*/

@media print
{
		body * { visibility: hidden; }
		#text * { visibility: visible; }
		#text { position: absolute; top: 40px; left: 30px; 
			background-image: none !important;
			background-color: #FFFFFF !important;
			border: none !important;
			float: none !important;
			margin: 8px !important;
			padding: 0% !important;
			width: auto !important;
			overflow: visible !important;		
		}
		*.hidePrint{
			display: none;
		}
}


#container{margin:0; padding:0; width: 1012px;}
#top{margin: 0; height: 196px; width: 1012px; padding:0; background:url(../img/top.png);}
#top a  img{
border: none;
padding:0; margin:0;
}
#top a{
padding:0; margin:0;
}
* html #top {height: 192px;}
#content{margin:0; padding:0;  min-height: 300px; background: url(../img/background_logo.png) repeat-y;  }

#topMenu{text-align: left; height: 56px; margin-left: 20px;} 
#topMenu img{border: none; padding:0; margin:0;}
#MenuBottomImg {
width: 972px;
border-bottom: 1px solid #EAEAEA;}

#pageContent {width: 984px;}


#leftMenuHeader{margin-left: 20px; margin-top: 2px;}
#leftMenu{width: 260px; height: 100%;  float:left; text-align: left; 
border-right: 1px solid #EAEAEA;}
#leftMenu ul{list-style-type:none; margin-left:20px; padding:0;}
#leftMenu a, #leftMenu a:visited {height:auto; line-height:1.3em;
 font-family: Verdana; font-size:11px; font-weight: 600;
 padding: 8px 40px; width: 160px; border: 1px dotted #D1D0CC; border-width:0 0px 1px 0px;
 display:block; text-decoration:none;}
 
#leftMenuLink { margin-left:20px; padding:0; }
#leftMenuLink  img {border: none;}
#leftMenuLink  a, #leftMenuLink  a:visited  {width: 240px;padding:0; margin:0; text-align: center;}

 
a.selected {text-align: right; background: url(../img/ico/strzalka_tlo_niebieskie.gif) 205px no-repeat;
color:#3673A9;
}
a.normal {background: url(../img/ico/strzalka_tlo_zolte.gif) 25px no-repeat;
color:#000;} 
 
 * html #leftMenu {width:240px; w\idth:240px;}
 * html #leftMenu ul a,  * html #leftMenu ul a:visited {width:240px; w\idth:240px;}


.right{text-align: right;}


#headerPathTop{
margin:0;padding:0;
float: left;
width: 732px;}

#headerPath {text-align: left; font-size: 9px;
border-bottom: 1px solid #EAEAEA;
padding: 8px;
}

#headerPath a{color: black; text-decoration: none; font-size: 9px;}


/* Formatowanie tekstu nas stronie */
#text, .cke_show_borders{width: 680px; text-align: justify; 
	overflow: hidden; font-size: 12px;
	padding: 15px 35px 15px 15px; float: left;
	/* kolor czcionki */
	color: #4D4D4D;
	line-height: 1.4em;
	font-family: Arial;
}
.cke_show_borders {
overflow: auto;
}


* html #text{
width: 730px;
}

#text ul, .cke_show_borders ul{
list-style-image: url(../img/ico/strzalka_zolta.gif);

}
#text ul ul, .cke_show_borders ul ul{
list-style-image: url(../img/ico/punktator_kwadrat.gif);
}

.square, #text .square{
list-style-image: url(../img/ico/punktator_kwadrat.gif);
}

#text ul ul li{

}
#text a, .cke_show_borders a {color:#3676b2; text-decoration:none;}
#text a img, .cke_show_borders a img {border:none; }
#text img{

}

#text table, .cke_show_borders table {padding:0; margin: auto; text-align: center;
/* kolor czcionki for IE */
color: #4D4D4D;}
#text table td, .cke_show_borders table td{padding:3px; margin: 0; text-align: left;}

#footer{background: url(../img/footer.png) repeat-y; width: 1012px; height: 60px; padding: 10px 0; }
#footerContent, #footerContentBottom{
 width: 952px;  margin: 0 30px; height: 28px; font-size: 9px; 
}
#footerContent{color: #EAEAEA;}
#footerContentBottom{color: #fff; font-size: 10px; font-weight: 600;}
#footerContentBottom a{color: #fff; font-size: 10px; font-weight: 600; text-decoration: none;}
#footerLeft{width: 200px; float: left;}
#footerCenter{width: 550px; float: left;}
#footerRight{width: 200px; float: left; text-align: right;}
#footerContent a{ color: #777;
text-decoration: none;
}




/* style na stronie */

/* wizytówka kontakt */
.card { width: 247px; height: 117px; background: url(../img/page/wizytowka_podklad.jpg); padding: 15px 15px 10px 0px;
 font-size: 12px}
* html .card {width: 272px; height: 132px;}
.card1st{color: #355B9A; font-size: 13px; font-weight: 600;}
.card2nd{color: #E0AD16; font-size: 11px; font-style:italic;  font-weight: 600;}

.arrow{background: url(../img/ico/strzalka_zolta.gif) 5px 17px no-repeat; padding-left: 25px;}

/* centrowanie tresci*/
.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* kolory */

 .orange,  .orange:visited, #text  .orange, #text .orange:visited{
color:  #F6A204;
}


.blue{color:#4272B2;}

/* zdjęcie z podpisem */
.fotoOpis{
	width:315px;
	float: right;
	padding: 0 0 0 10px;
}
.fotoOpis span{
	float: left;
	width:270px;	
	display: block;
	padding: 0 10px;	
	font-size: 10px;	
}
* html .fotoOpis span{
	width: 290px;
}

/* link z raquo */
.orangeLink{
	padding: 0 0 0 15px;
	background: url(../img/ico/raquo.gif) 5px 6px no-repeat;	
}

/* div typu info (zdjęcie z i) */
.info {
	border: 1px solid grey; 
	padding:10px 10px 10px 80px; 
	width:510px; 
	min-height:60px; 
	background: url(../img/ico/info.jpg) 5px no-repeat #FEF2DC;}
* html .info{width: 600px;}

/* lista typu check */
.check{
	list-style-image: url(../img/ico/znak_ptaszek_orange.gif);
}
.checkBlue{
	list-style-image: url(../img/ico/znak_ptaszek_blue.gif);
}

/* pozycje katalogu */
#text .tdspacing {vertical-align: top; padding: 15px 0 40px 0;
	background: url(../img/katalog/katalog_tlo_kategorie.jpg) no-repeat;
}

#text .tdspacingBig {vertical-align: top; padding: 15px 0 70px 0;
	background: url(../img/katalog/katalog_tlo_kategorie_duze.jpg) no-repeat;
}

.raquo , .raquo :visited{
	padding-left: 10px;
	background:url(../img/ico/raquo.gif) 0 no-repeat;				
}
div.return {
	text-align: right;
	clear: both;
	padding-top: 40px;
	text-decoration: underline;
	
}
.laquo , .laquo :visited{
	padding-left: 10px;
	background:url(../img/ico/laquo.gif) 0 no-repeat;					
}

.twoColumnRow{display: table-row; padding:0; margin:0;border: 1px solid black;}
.twoColumn1, .twoColumn2 {display: table-cell;  padding:0; margin:0; border: 1px solid black;}

#text .tdspacing img {float: left;}
.cat{width: 205px; padding:0; margin:0; font-size: 11px; display: table; }
.cat1st, .cat2nd {font-size: 11px; padding:0; margin:0;display: block; float: left; line-height: 14px;}
.cat1st{width: 150px; color: #4272B2; }
.cat2nd{width: 50px;  color: #4D4D4D; text-align: right;}

#text .big{
	font-size: 16px;
}

#mainPage{
	width: 950px;
	padding-top:20px;
	/* kolor czcionki */
	color: #4D4D4D;
}
#mainPage #main{
	font-size: 11px;
	font-family: Arial;
		/* kolor czcionki */
	color: #4D4D4D;
	
}
#mainPage #main table{
	font-size: 11px;
	font-family: Arial;
	/* kolor czcionki */
	color: #4D4D4D;
	
}
#mainPage #main td{
	width: 25%;
	vertical-align: top;
	border-left: 1px solid #D0D0D0;
	padding: 2px;
	text-align: left;
}
#mainPage #main table td{
	border: none;
	padding:0;margin:0;
	}
#mainPage ul{
	padding: 0 0 0 15px;
	margin: 0 0 0 0px;	
}
#mainPage ul li{
	padding-bottom: 0;
	margin: 0 0 0 0px;	
}
#mainPage .group{
	padding: 0px;
	margin: 0;
}
#mainPage .group img{
	margin-bottom: 15px;
}
#mainPage .groupText{
padding-left: 15px;
}
#mainPage .groupText img{
margin: 0px;
}
#mainPage a img{
	padding: 0; 
	border: none;
}

#mainPromocje{
	height: 200px;
	padding-left: 15px;
	line-height: 1.5em;
}
#mainPromocje img{
	float:left;
	padding-right: 10px;
}
#mainPromocje ul{
	list-style-image: url(../img/ico/strzalka.gif);
}
* html #mainPromocje{
	height: 128px;
}

#menuNowosci{
	padding-left: 0px;
	height: 362px;
}
#menuNowosci img{
	float:left;
	padding-right: 10px;
}

.group{
}

.producSpacing{height: 40px;}

.product{
	height: 100px;
	width: 670px;
	background:url(../img/znak_strzalka.jpg) 650px no-repeat;
	border-bottom: 1px solid #E7E7E7;
}

.product img{
	float: left;
	margin-right: 30px;
}
.product ul li{
	font-size: 15px;
	font-weight: 600;
	color: #3475B5;
}
.product span{
	display: block;
	height: 45px;
	padding: 0; margin: 0;
}
* html .product span{
	height: 40px;
}
					
				
.sale li{
	font-size: 14px;
	font-weight: 600;
}

.sale div{
	height: 100px;
	width: 670px;
	font-weight: 300;
	font-size: 12px;
	border-bottom: 1px solid #E7E7E7;
}
.sale span{
	display: block;
	padding: 0; margin: 0;
}
* html .sale span{
}	

.productFullTitle{
	color:#3879B3;
	font-size:18px;
	font-weight:600;
	height: 30px;
}	

.newProduct{
	height: 100px;
}
.newProduct img{
		padding-bottom: 20px;
}
.newProduct a{
float: right;
}
#druk {
	float:right;
}