* {margin: 0; padding: 0; border: 0;}

body {
background: #fff;
color:#0c3e87;
font: normal 12px arial;

}

a {color: #0c3e87;
text-decoration:none;
}
a:hover {text-decoration:none;}

h1{
color:#e41a39;
font: bold 14px Arial;
}

h2{
/*color:#e41a39;*/
color:#0c3e87;
font: normal 11px Arial;
}


li{
color: #0c3e87;
margin:3px 0 3px 0;
}

h2, h3, h4, p {margin: 1em 0;}
ul{margin:0 0 0 5px;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/
/*divy srodkujace strone*/
#out { 
margin: 0 auto;
width: 980px; 
}

#wrapper { 
text-align: left;
width: 980px; 
background: url(../img/lew_bg.jpg) repeat-y;
float:left;
}

/* flash gora*/
#gora{
width:980px;
height:170px;
float:left;

}
/*boczne menu*/
#men{
font: normal 18px Arial;
float:right;
margin: 80px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}
/*ustawienia hiperlaczy dla menu*/
#men a{
color:#c6c6c6;
margin:5px;
}
#men a:hover{
color:#fff;
}
#men a.activ{
color:#fff;
}
/*menu + banery pod nim */
#left {
color:#0c3e87;
font: bold 12px Arial;
padding-left: 0px;
padding-top: 0px;
float:left;
width: 240px;
height:800px;
padding: 0;
margin-right :0px;
position:relative;
}
#left span{
	font: bold 12px Arial;
	color: #cc0033;
	margin:0;
	padding:0;
}
/*zakonczenie diva left - grafika */
div.left_dol{
background: url(../img/lewe_dol.jpg) no-repeat;
float:left;
width:980px;
height:42px;
}

/*kapsulka produktu mala*/
div.prod{
width:160px;
height:214px;
float:left;
background: url(../img/prod_bg.jpg) no-repeat;
margin:10px 0 10px 15px;
position:relative;

} 
div.prod h2{
color:#0c3e87;
font: normal 11px Arial;
text-align:center;
}
div.prod a{
text-decoration:none;
}
div.prod2{
width:160px;
height:214px;
float:left;
background: url(../img/prod_bg.jpg) no-repeat;
margin:10px 0 20px 15px;
position:relative;
}
/*tresc kapsulki*/
div.zaw{
margin:5px 0px 5px 15px;
width:130px;
color:#0c3e87;
font:normal 10.5px Arial;
height:214px;
position:relative;
}
div.zaw img{
/*margin:0 20px 0 20px;
float:right;*/
vertical-align: middle;
}
div.zaw a{
text-decoration:none;
}
/*skrocony opis produktu w kapsulce*/
div.opis{
margin-top:10px;
text-align:center;
bottom:5px;
left:0px;
position:absolute;
}
/*pelen opis produktu na jego stronie*/
div.opis_prod{
margin:10px 0 10px 20px;
float:left;
}
/*cena produktu w kapsulce*/
div.metka{
width:48px;
height:27px;
position:absolute;
top:120px;
font:normal 10px Arial;
padding:6px 0px 0px 8px;
background: url(../img/metka.png) no-repeat;
}
div.metka2{
width:55px;
height:36px;
position:absolute;
top:115px;
color:#fff;
font:normal 10px Arial;
padding:11px 0px 0px 7px;
background: url(../img/cena-promocja.png) no-repeat;
}
div.foto{
float:left;
width:220px;
height:230px;
margin: 10px 0 0 10px;

}
/*szczegó3y w kapsulce*/
div.szcze{
font:normal 10px Arial;
float:left;
position:absolute;
bottom:4px;
right:10px;
color:#0c3e87;
}
/* con1, con2, con3, con4 opisy dla poszczególnych kategori Okna,Drzwi...*/
#con1{
margin: 0 0 0 15px;
font:normal 10px Arial;
color:#0c3e87;
width:510px;
height:110px;
background: url(../img/con1.jpg) no-repeat;
float:left;
}
#con2{
margin: 0 0 0 15px;
font:normal 10px Arial;
color:#0c3e87;
width:510px;
height:98px;
background: url(../img/con2.jpg) no-repeat;
float:left;
}
#con3{
margin: 0 0 0 15px;
font:normal 10px Arial;
color:#0c3e87;
width:510px;
height:123px;
background: url(../img/con3.jpg) no-repeat;
float:left;
}
#con4{
margin: 0 0 0 15px;
font:normal 10px Arial;
color:#0c3e87;
width:510px;
height:94px;
background: url(../img/con4.jpg) no-repeat;
float:left;
}
#con1 p{
margin:22px 25px 25px 125px;
font:normal 10px Arial;
color:#0c3e87;
}
#con2 p{
margin:20px 25px 25px 130px;
font:normal 10px Arial;
color:#0c3e87;
}
#con3 p{
margin:35px 25px 25px 145px;
font:normal 10px Arial;
color:#0c3e87;
}
#con4 p{
margin:20px 25px 25px 125px;
font:normal 10px Arial;
color:#0c3e87;
}
/*obrazek kontakt na ka?dej ze stron*/
div.kontakt{
float:left;
padding:0px;
margin:10px 0 0 10px; 
width:195px;
height:185px;
}
/*kapsulka zawieraj1ca produkty promocyjne*/
div.prom{
background: url(../img/prom_bg.jpg) repeat-y;
float:left;
margin:0px 0 0 10px; 
width:195px;
padding: 0 0 0 0px;
position:relative;
}
div.prom h2{
color:#0c3e87;
font: normal 11px Arial;
text-align:center;
}
div.prom a{
text-decoration:none;
color:#0c3e87;
}
div.prom a:visited{
text-decoration:none;
color:#0c3e87;
}
/*tlo dla gory diva promocja*/
div.prom_top{
background: url(../img/prom_top.jpg) no-repeat;
float:left;
margin:0 0 0 0px;
width:195px;
height:30px;
}
/*tlo dla spodu diva promocja*/
div.prom_spod{
background: url(../img/prom_spod.jpg) no-repeat;
margin:5px 0 0 0px;
width:195px;
height:17px;
position:absolute;
bottom:0;
left:0;
}
/*szukajka*/
#szukaj{
float:left;
margin:0px 0px 5px 10px;
width: 196px;
background: url(../img/szuk.jpg) no-repeat;
height:28px;
position:relative;
}
.szukaj{
height:15px;
font:normal 10px Arial;
color:#0c3e87;
position:absolute;
top:5px;
left:7px;
}
.szukajbutt{
float:left;
margin:4px 0 0 163px;
}
/*tlo dla gory menu lewego*/
#menu_top{
margin:5px 0px 0px 8px;
float:left;
width: 196px;
background: url(../img/men_top.jpg) no-repeat;
height:30px;
}
#menu{
margin:0px 0px 0px 8px;
padding:0px 0px 0px 12px;
float:left;
color:#0c3e87;
font:normal 13px Arial;
width:196px;
background: url(../img/men_bg.jpg) repeat-y;
}
/*tlo dla zakonczenia menu lewego*/
#menu_dol{
margin:0px 0px 0px 8px;
float:left;
width: 196px;
background: url(../img/men_dol.jpg) no-repeat;
height:18px;
}
#menu a{
text-decoration:none;
color:#0c3e87;
}
#menu a:visited{
text-decoration:none;
color:#0c3e87;
}
/*lista wypunktowana w menu lewym*/
#left ul li{
list-style-type: none;
margin: 0;
}
/*g3ówna czesc strony*/
div.srodek{
color:#0c3e87;
float:left;
padding: 0;
margin: 0;
width: 530px;
}
div.srodek a{
text-decoration:underline;
}
div.srodek a:visited{
text-decoration:underline;
}
div.srodek2{
color:#0c3e87;
float:left;
padding: 0;
margin: 0;
width: 732px;
}
div.srodek2 a{
text-decoration:none;

}
div.srodek2 a:visited{
text-decoration:none;
}
/* dane prodproduktu na jego stronie */
div.propis{
float:right;
width:240px;
margin:40px 30px 10px 20px;
}
div.miniaturki{
width: 490px;
float:left;
margin:10px 5px 10px 15px;
}
div.miniaturki img{
margin:0 5px 10px 5px;
}
/*prawa czesc strony:kontakt i promocje*/
#prawo{ 
float:left;
padding: 0;
margin: 0;
width: 200px; 
}

#right span{
margin-left: 30px;
font: bold 12px Arial;
}
/*teksty na stronie*/
#tekst p{
margin-left: 30px;
}
#tekst img{
margin-left: 30px;
}
#tekst {
float:left;
text-align: justify;
padding-top: 30px;
margin-left: 30px;
height: auto  ;
width: 474px;
}
div.text{
font:normal 12px Arial;
color:#0c3e87;
text-align:justify;
line-height:20px;
margin:10px 10px 10px 15px;
}
/*stopka*/
div.stopka{
clear:both;
height:40px;
width:980px;
float:left;
font:normal 10px Arial;
color:#0c3e87;
border-top:solid 1px #0c3e87;
margin:5px 0 0 0px;
}
.stopka a{
color:#0c3e87;
text-decoration:none;
}
.stopka a:visited{
color:#0c3e87;
text-decoration:none;
}
.stopka a:hover{
color:#0c3e87;
text-decoration:underline;
}
/*wyróznienia*/
span.copy{
margin-left:500px;
}
span.grub{
font-weight:bold;
}
span.grubro{
font-weight:bold;
color:#e41a39;
}
span.colo{
color:#e41a39;
font: bold 12px Arial;
}
span.gora{
margin-bottom:5px;

}
span.aktiv{
border:solid 1px #e41a39;
}
/*kontakt*/
#kontakt td{
font:normal 14px Arial;
margin:0;
height:40px;
padding:5px 5px 5px 5px;
}
#tabela{
float:left;
width:350px;
}
#form{
float:left;
margin:90px 0 0 0px;
width:350px;
}
#form textarea{
color:#0c3e87;
border:solid 1px #0c3e87; 
height:120px;
width:280px;
}
.kontakt{
padding: 30px 20px 40px 18px;
}
.kontakt2{
padding: 30px 0px 40px 0px;
margin: 30px 0px 40px 10px;
}
.kontakt2 img{
float:left;
}
.forr{
margin:0 0 0 0px;
}
div.obr{
float:left;
width:30px;
height:30px;
margin:0 0 0 0px;
}
div.tel{
float:left;
width:150px;
padding:5px 0 0 10px;
}
input.wyslij{
	height: 22px !important;
	width: 50px !important;
	float:left;
	padding:10px 10px 10px 0px;
	margin:0px 30px 0 0px;
	cursor: pointer;
}
/*nawigacja*/
div.nawi{
padding-left:10px;
color:#0c3e87;
font:normal 10px Arial;
height:13px;
background: url(../img/naw.jpg) repeat-x;
}
div.nawi a{
text-decoration:none;
color:#0c3e87;
}
div.nawi a:visited{
text-decoration:none;
color:#0c3e87;
}
/*banery po lewej stronie*/
#pomiar{
float:left;
width:196px;
height:130px;
margin:10px 0 0 7px;
}

/*laureno*/
#bannery {
text-align: center;
margin: 15px 30px 0 0;
}
br.clear {
clear: both;
}
div.tstrona {
padding: 15px;
}
img.warimg, img.zdjpimg {
	vertical-align: middle;
	padding: 2px;
}
div.nawi{
	overflow: hidden;
}
div.con {
	margin: 0 0 0 15px;
	font:normal 10px Arial;
	color:#0c3e87;
	width:515px;
	height:123px;
	background: url(../img/contlo.jpg) no-repeat;
	float:left;
}
div.con p {
	margin: 28px 16px 0 6px;
	height: 64px;
	overflow: hidden;
}
img.imkat {
	float: left;
}
ul {
	list-style-position: inside;
}
div.foto {
	float:left;
	padding: 43px 0 0 0;
	text-align: center;
}
/*laureno*/
p.stronny{

margin:5px 0px 5px 15px;
}
p.stronny a{
text-decoration:none;
}
p.stronny a:visited{
text-decoration:none;
}
p.stronny a:hover{
color:#e41a39;
}
a.market{
color:#e41a39;
}
span.zlyform {
color: #f00;
font: bolder 16px Tahoma;
padding: 0 0 0 10px;
}
/* laureno end */
td.nagl{
border-right:solid 1px #000;
border-bottom:solid 1px #000;
background:#0c3e87;
padding:0px 5px 0px 5px;
color:#fff;
margin:0;
}
table.cennik{
border-left:solid 1px #000;
border-top:solid 1px #000;
height:auto;
margin: 0px;
padding:0px;
}
p.cennik{
margin:0px;
padding: 0px;
border:solid 1px blue;
}
td.kom{
border-right:solid 1px #000;
border-top:solid 1px #000;
width:110px;
font-weight:bold;
}
td.cena_tab{
border-right:solid 1px #000;
border-bottom:solid 1px #000;
margin:0px;
padding:0px;
width:110px;
height:10px;
}
td.obr_tab{
border-right:solid 1px #000;
border-bottom:solid 1px #000;
width:110px;
}
p.nic{
margin:0px;
padding:0px;
text-align: center;
}