@charset "utf-8";
/*:first-child+html #logo{

#00c1e4 - niebieski
*/

html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}

body{
	background:url(../images/tloB.png)left top;
	background-color:#aa0c00;
	font-family: Tahoma;
	font-size:12px;
	width:100%;
	color:#e69c3e;
	height:100%;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,img, table{	
	margin:0;
	padding:0;
}

/* General
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul, table{
	padding-bottom:18px;
}
h1{
	font-size:24px;
	color:#e69c3e;
	font-family:"Times New Roman";	
}
h2{
	font-size:22px;
	color:#e69c3e;
	font-family:"Times New Roman";
}	
h3{
	font-size:1.1em;
	color:#FF9600;
	font-family:"Times New Roman";
}
a{
	color:#e69c3e;
	text-decoration:none;	
}
a:hover{
	color:#e69c3e;
	text-decoration:underline;
}
a img{
	border:none;
}	

.clear{
	clear:both;	
	line-height:1px;
	height:30px;	
	font-size:1px;
}
.zapychacz{
clear:both;	
line-height:1px;
height:30px;	
font-size:1px;
}

/*
--------------------------------------------------*/
#tlo{
background:url(../images/tlo.png) no-repeat top center;
margin:0 auto;

}

/*Container
--------------------------------------------------*/
#container{
	width:960px;
	margin:0 auto;	
}
#logo{
background:url(../images/logo.png) top no-repeat;
width:960px;
height:170px;
}

/* Header
--------------------------------------------------*/
#header{
	width:960px;
	position:relative;
}

/*Menu Podmiana
----------------------------------------------------*/
#topNavContainer{
    float:left;
	width:960px;
	height:56px;
	background:url(../images/menu.png) top left no-repeat;
	list-style:none;
}
#topNavContainer ul li{
	float:left;
	background:none;
	padding:0;
	margin:0;
	list-style:none;	
}

#nav li a{
	background:url(../images/menu.png) top left no-repeat;
	background-position:0 -400px;
	display:block;
	list-style:none;
}
#n1{
	width:100px;
	height:56px;

}
#n1:hover{
	background-position:0 -56px;
}
#n2{
	width:100px;
	height:56px;

}
#n2:hover{
	background-position:-100px -56px;
}
#n3{
	width:120px;
	height:56px;

}
#n3:hover{
	background-position:-200px -56px;
}
#n4{
	width:120px;
	height:56px;

}
#n4:hover{
	background-position:-320px -56px;
}
#n5{
	width:130px;
	height:56px;

}
#n5:hover{
	background-position:-440px -56px;
}



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li ul li a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #ffa92d;
	text-align:center;
   font-weight:bold;
   	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li:hover{
background:#f79b29;
text-align:center;
font-weight:bold;
}
#nav li ul a{
text-decoration:none;
color:#971b12;
margin-top:5px;
margin-bottom:5px;
}
#nav li ul a:hover{
text-decoration:none;
color:#971b12;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Content
--------------------------------------------------*/
#content{
	/*fixes ie double padding*/
	display:inline-block;
	width:960px;
	
}

/* Leftcolumn
--------------------------------------------------*/
#leftColumn{
display:inline;
background:url(../images/menuL.png);
height:100%;
width:244px;
float:left;
color:#666555;
}
ul.menu_pionowe, ul.menu_pionowe li {
	display: block;
	list-style: none;
	font-size: 12px;
		
}
ul.menu_pionowe a:link, ul.menu_pionowe a:visited {
	text-decoration: underline;
}
ul.menu_pionowe a:link, ul.menu_pionowe a:visited, ul.menu_pionowe a:hover {
	border: none;
}

ul#menu_pionowe2 a:link, ul#menu_pionowe2 a:visited {
	display: block;
	width: 184px;
	text-decoration: none;
	font-variant:small-caps;
	color: #fdf7f7;
	margin-left:40px;
	margin-top:8px;
	font-size:11px;
	padding-top:15px;
	padding-bottom:10px;
	
	
}
ul#menu_pionowe2 a:hover {

	color:#ffb140;
	margin-left:60px;
	padding-top:15px;
	padding-bottom:10px;	
}

#menu_pionowe2 li{
	padding:0;
	margin:0;
	background:none;
	background:url(../images/linia.png)bottom no-repeat;	
}




/* Centercolumn
--------------------------------------------------*/
#centerColumn{
display:inline;
background-color:#b30d00;
width:478px;
float:left;
}
.naglowek_center{
width:450px;
font-family:"Times New Roman";
color:#ffb140;
font-size:13px;
padding:10px 0 0 5px;
}
.nazwa_produktu{
margin-top:20px;
margin-left:30px;
font-family:Tahoma;
color:#ffb140;
font-weight:bold;
} 
.kolory{
width:20px;
font-size:9px;
margin-top:15px;
}
.produkt{
margin-left:30px;
margin-bottom:40px;
}
.zdjecie_produktu{
background:url(../images/produkt.png);
margin-right:10px;
float:left;
width:97px;
height:97px;
}
.obraz_produktu{
margin:7px 0 0 7px;
}
.doKoszyka{
background-image:url(../images/do_koszyka.png);
background-repeat:no-repeat;
width:112px;
height:30px;
float:right;
margin-top:20px;
margin-right:30px;
}
.produkt input{
background:#aa0c00;
border-bottom:#be1609;
border-right:#be1609;
border-left:#be1609;
border-top:none;
color:#d74b40;
border-width:2px;
text-align:center;
}

/* Rightcolumn
--------------------------------------------------*/
#rightColumn{
	width:237px;
	float:right;
	
}
.et{
width:237px;
background:url(../images/bgK.png) repeat;
}
.et1{
display:table;
width:237px;
background:url(../images/topK.png) no-repeat top;
padding-top:25px;
}
.et2{
background-image:url(../images/endK.png);
width:237px;
height:8px;
}
.koszyk{
margin-left:25px;
margin-bottom:10px;
font-weight:bold;
}
.naglowek{
margin-left:25px;
margin-top:5px;
}
.koszyk_pasek_zamowienia{
background-image:url(../images/koszyk_pasek_zamowienia.png);
width:188px;
height:29px;
margin-left:25px;
margin-top:10px;
}
.kwadracik{
float:left;
margin-top:5px;
margin-right:20px;
}
.tytul{
float:left;
margin-top:5px;
margin-right:20px;
}
.ilosc{
float:left;
margin-top:5px;
}
.kwota{
margin-top:5px;
margin-right:5px;
float:right;
}
.x{
	position:absolute;
	background-image:url(../images/x.png);
	background-repeat:no-repeat;
	width:7px;
	height:8px;
	margin-left:55px;
	margin-top:9px;
	
}
.zamow{
float:right;
background-image:url(../images/zamow.png);
background-repeat:no-repeat;
width:69px;
height:30px;
margin-top:10px;
margin-right:30px;
}
.bgR{
width:237px;
background:url(../images/bgK.png) repeat;
}
.reklama{
padding-top:10px;
}
.endR{
background-image:url(../images/endK.png);
width:237px;
height:8px;
}
.reklama{
margin-left:39px;
}

/* Footer
--------------------------------------------------*/
#footer{
	height:56px;
	width:960px;
	background-position:top;			
}
#gosu img{
	width:154px;
	height:56px;
	border:none;
}

/*Dodatkowe na podstrony
-----------------------------------------------------*/
.sTekst{
width:450px;
padding-left:10px;
}
.koszyktr{
width:450px;
font-size:11px;
}
.pZdjecia{
margin-left:60px;
}