/*arkusz resetujacy domysle style roznych przegladarek */
@import "reset.css";
/*

*/
@import "typography.css";


/* =typografia & kolory*/
#menu{
	font-size:1.7em;
	color:#666;
}
#menu a{
	
	
	color:#fff;
}
a.bialy{
	color:#fff!important;
}

#text p, h3, #lewa {
	font-size:1.27em;
	color:#fff;
}

#stopka-lewa ul li a, #stopka-prawa{
	color:#999;
	
}

a.m-active{
	color:#FF9700!important;
}

.clear{
	clear:both;
}



body{
	background:#333;
	
}
a{text-decoration:none;}


/* =layout*/
#calosc{
	width:939px;
	margin:auto;	
}

#content{
	position:relative;
	
}

*html #content{height:500px;}

#content-srodek{
	position:relative;
	padding:20px 40px 30px 40px;
	background: url(../img/tlo-content.gif);
	z-index:50;
	
}


#naglowek{height:60px;}
#logo a{
	display:block;
	float:left;
	width:222px;
	height:82px;
	margin-top:-20px;
	background: url(../img/benita-logo-trans.png);
	text-indent:-3000px;
}

#naglowek #flagi{
	float:right;
	
}

#naglowek #flagi a{
	display:block;
	float:left;
	width:18px;
	height:22px;
	margin-right:5px;
	
}

#naglowek #flagi a.pl{background:transparent url(../img/flagi/pl-trans.png);}
#naglowek #flagi a.uk{background:transparent url(../img/flagi/uk-trans.png);}
#naglowek #flagi a.ru{background:transparent url(../img/flagi/ru-trans.png);}
#naglowek #flagi a.de{background:transparent url(../img/flagi/de-trans.png);}
#naglowek #flagi a.bl{background:transparent url(../img/flagi/bl-trans.png); height:15px; margin-top:6px;}
#naglowek #flagi a.cz{background:transparent url(../img/flagi/cz-trans.png); height:15px; margin-top:6px;}
#naglowek #flagi a.hu{background:transparent url(../img/flagi/hu-trans.png); height:15px; margin-top:6px;}
#naglowek #flagi a.ro{background:transparent url(../img/flagi/ro-trans.png); height:15px; margin-top:6px;}
#naglowek #flagi a.sk{background:transparent url(../img/flagi/sk-trans.png); height:15px; margin-top:6px;}

#naglowek #flagi a.pl-aktive{background:transparent url(../img/flagi/2pl-trans.png);}
#naglowek #flagi a.uk-aktive{background:transparent url(../img/flagi/2uk-trans.png);}
#naglowek #flagi a.ru-aktive{background:transparent url(../img/flagi/2ru-trans.png);}
#naglowek #flagi a.de-aktive{background:transparent url(../img/flagi/2de-trans.png);}
#naglowek #flagi a.bl-aktive{background:transparent url(../img/flagi/2bl-trans.png);}
#naglowek #flagi a.cz-aktive{background:transparent url(../img/flagi/2cz-trans.png);}
#naglowek #flagi a.hu-aktive{background:transparent url(../img/flagi/2hu-trans.png);}
#naglowek #flagi a.ro-aktive{background:transparent url(../img/flagi/2ro-trans.png);}
#naglowek #flagi a.sk-aktive{background:transparent url(../img/flagi/2sk-trans.png);}

#menu{
	margin:auto;
	width:650px;
	margin-bottom:5px;
	text-align:center;
}

#menu a{padding:0 20px;}


#text{
	position:relative;
	float:left;
	width:550px;
	margin-right:30px;
	padding:25px 0 0 20px;
}

#text p{
	position:relative;
	z-index:60;
}
#text-tlo{
	position:absolute;
	top:0px;
	left:-20px;
	width:90px;
	height:66px;
	background:transparent url(../img/tresc-tlo-trans.png);
	z-index:59;
}

#text-img{
margin-top:30px;

	
	
}
#content-dol{
	position:absolute;
	bottom:-27px;
	left:-12px;
	width:962px;
	height:307px;
	background: transparent url(../img/tresc-dol.gif);
	z-index:10;
}

*html #content-dol{left:-10px; bottom:-28px;}
#content-gora{
	position:absolute;
	top:0px;
	left:-12px;
	width:963px;
	height:294px;
	background: transparent url(../img/tresc-gora.gif);
	z-index:11;
}

#stopka{
	padding-bottom:50px;
	margin-top:12px;
	
}

#stopka-lewa{
	position:relative;
	z-index:60;
	float:left;
	width:535px;
	padding:10px 0 0 40px;
}

#stopka-lewa ul{
	padding-bottom:20px;
	list-style-type:none;
	color:#999;
	
}
#stopka-lewa ul li{
	float:left;
	padding:0 3px;
}
#stopka-lewa ul li:after{
	content:"|";
	padding-left:6px;
}
li.li-last:after{
	display:none;
}

#stopka-prawa{
	position:relative;
	z-index:60;
	float:right;
	
	padding:10px 60px 0 0;
}
#stopka-prawa div{
	float:left;
	width:150px;
}
#stopka-prawa div h3{
	width:78px;
	height:25px;
	margin-bottom:10px;
	background:transparent url(../img/stopka-logo-mini.gif) no-repeat;
	text-indent:-3000px;
	
}

#stopka-prawa div p{margin-bottom:5px;}
#stopka-prawa div p + p{margin-bottom:-2px;}
#stopka-prawa div p + p + p + p{margin-bottom:5px;}

#kolekcja-tresc, #kolekcja-produkt-tresc, #kontakt-tresc{
	position:relative;
	width:864px;
	margin-left:1px;
	padding-top:20px;
	padding-bottom:55px;
	
}
#kontakt-tresc{padding-bottom:0px;}
#kolekcja-tresc img{
	margin-right:7px;
	margin-bottom:10px;
	padding:4px;
	background:transparent url(../img/obrazek-tlo.png);
}
#kolekcja-tresc img.ostatnia{
	margin-right:0px;
}

#kolekcja-stopka{
	padding-bottom:25px;
	background:none;
}

#kolekcja-produkt-tresc img{
	float:left;
	margin-right:30px;
	padding:4px;
	background:transparent url(../img/produkt-obrazek-tlo.png);
}

#kolekcja-produkt-tresc h4{margin-top:30px;}

#kolekcja-produkt-tresc p, #kolekcja-produkt-tresc h4, #kontakt-tresc p{
	font-size:1.2em;
	color:#fff;
}
#kolekcja-produkt-tresc a{
	display:block;
	position:absolute;
	top:545px;
	left:475px;
	height:25px;
	padding-left:30px;
	color:#fff;
	text-decoration:underline;
	background:transparent url(../img/lupa.gif) no-repeat;
}
#kontakt-tresc h2{
	width:240px;
	height:19px;
	background: transparent url(../img/lewa-h2.gif);
	font-size:11px;
	font-weight:bold;
	padding:7px;
	color:3f3f3f;
}

#kontakt-tresc h2.siedziba{
margin-top:50px;

}
#kontakt-tresc strong{
	color:#FF9700;			
}
#kontakt-tresc div#lewa{
	margin-left:20px;			
}
*html #kontakt-tresc div#lewa{margin-left:10px;}

#lewa, #prawa {
	float:left;
}
#lewa{
	width:390px;
	
}
*html #lewa{width:375px;}
#prawa{width:300px;}

#lewa strong, #lewa p {margin-left:20px; font-size:12px;}

#prawa label{
	display:block;
}
#prawa input{
	width:100%;
}
#tresc_kontakt{
width:430px!important;
height:100px;
padding:0;
}
#submit{
	width:97px!important;
	height:24px;
	margin-top:10px;
	margin-left:208px;
	border:none;
	background:transparent url(../img/wyslij.gif);
	color:#fff;
	font-weight:bold;
	padding-bottom:3px;
	cursor:pointer;
}

h1, .h1 {
	color:#2D472A;
	font-size:12px;
}
.seo{
	font-size:11px;
	color:#2D472A;
}