@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}

body {font:normal 62.50% Tahoma, Arial, Helvetica, sans-serif;color:silver;text-align:center;background:#000 url(../images/bg.png) repeat-x;}

p {font-size:1.1em;margin: 10px 15px 10px 25px;line-height:1.6em;}

a{color:#fff;}
a:hover{color:#369;text-decoration:underline;}

:focus {outline: 0;}

.clear{clear:both;}


/* --- global settings --- */

a{
	cursor:pointer; /* pngFix IE */
}
h2{
	margin:20px 0 0 0;
	font-size:3.6em;
	padding-bottom:5px;
	letter-spacing:-1px;
	border-bottom:1px solid #292929;
	text-transform:none;
	font-weight:normal;
	color:#f0f0f0;
	font-family:Georgia, "Times New Roman", Times, serif
}
h3{
	margin:5px 0 20px 0;
	font-size:1.3em;
	font-weight:normal;
	color:gray;

}

h4{
	font-size:1.3em;
	margin:80px 0 0 0;
	font-weight:bold;
	color: #fff;
}

small{
	color:#363636;
	font-size:1.0em;
}

strong{
	color:silver;
}

strong.adress{font-size:1.3em;}

p{
	margin:10px 0;
	color:gray;
	font-size:1.2em;
}
a.button { padding:10px; background-color:#090; font-weight:bold; text-decoration:none;}
a.button:hover { color:#fff; text-decoration:underline; }


#container {
	margin:0 auto;   
	width:960px;   
	text-align:left;	
}

/* --- section header --- */
#header{
	float:left;
	width:960px;
	height:80px;
	background:#fff url(../images/bgTop.png) no-repeat;
}

/* --- LOGO --- */
#logo{
    	float:left;
    	width:245px;
    	height:80px;    	
}

#logo h1 a {
    	display:block;
    	width:245px;
    	height:80px;
    	text-indent:-9999px;
    	float:left;
}
/* --- MENU --- */
#menu{
	    float:left;
    	width:960px;
    	height:50px	;
    	background: url(../images/bgMenu.png) no-repeat;
}
#menu ul li {
    	display:inline;    
}

#menu ul li a {
    	float:left;
    	width:137px;
    	text-decoration:none;
    	color:silver;      
    	text-align:center;
    	padding-top:20px;
	padding-bottom: 18px;
    	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0px;
	font-variant:small-caps;
}
#menu ul li a:hover {
    	color:#fff;
    	text-decoration:underline;
	font-weight:bold;
}
#menu ul li a.on{
    	color:#fff;
    	background: url(../images/bgMenuOn.png) no-repeat;    
    	font-weight:bold;
}

/* --- NAV --- */
#nav{
	float:left;
    	width:960px;
    	height:40px	;
	font-size:1.1em;
	color:gray;
}
#nav span.nav{
    float:left;
    margin:15px 0 0 5px;
}
#nav span.nav a{
    color:#369;
}

/* --- FLASH BANNER --- */
#flashBanner{
	float:left;
    	width:960px;
    	height:300px;
	background: url(../images/flashBanner.png) no-repeat;
}

/* --- CONTENT --- */
#content{
	float:left;
    	width:960px;
}
#contentHome{
	float:left;
    	width:960px;
	height:230px;
	background: url(../images/bgContentHome.png) bottom right no-repeat;    
}

*html #contentHome{
	float:left;
    	width:960px;
	height:230px;
	background: url(../images/bgContentHome.pngg) bottom right no-repeat;    
}

#content1{
	float:left;
	width:385px;	
}

#content2{
	float:left;
	width:255px;	
}

#content3{
	float:left;
	width:320px;	
}

#content3 ul {
		margin:5px 0 0 40px;
		color:#fff;
	}
#content3 ul li ul {
		margin:0 0 0 20px;
	}

#copyright{
	float:left;
	padding:15px 0 5px 0;
	width:960px;

}
h2.home{
	margin:40px 0 5px 0;
	font-size:2.0em;
	border:0;
	text-transform:none;
	font-weight:normal;
	letter-spacing:-1px;
}
h2.home2{
	margin:40px 0 5px 10px;
	font-size:2.0em;
	border:0;
	text-transform:none;
	font-weight:normal;
	letter-spacing:-1px;
}

h3.home{
	font-size:1.3em;
	margin:9px 0 0 10px;
	font-weight:normal;
	padding-top:41px;
	color:#000;
	float:left;
}

h3.footer{
	font-size:1.1em;
	margin:9px 0 0 10px;
	font-weight:normal;
	color: #363636;
	float:left;
}

p.home{
	margin:0 10px 0 0;
	line-height:1.3em;
	color:silver;
	font-size:1.1em;
}

p.home1{
	margin:45px 10px 0 0;
	line-height:1.3em;
	color:silver;
	font-size:1.1em;
}

p.home2{
	margin:10px 10px 0 20px;
	line-height:1.3em;
	color:silver;
	font-size:1.1em;
}

a.home{
	float:left;
	margin-top:10px;
	padding:3px 5px;
	background-color:#363636;
	text-decoration:none;
	color:#fff;
}
a.home:hover{
	text-decoration:underline;
}

#footer{
	float:left;
	width:960px;
	height:34px;
	background: url(../images/bgFooter.png) no-repeat;    
}
div.gallery{
	float:left;
	width:25%;
	margin:20px 0 0 0;
}

div.gallery2{
	float:left;
	width:20%;
	margin:20px 0 0 45px;
}

div.gallery img{
	padding:10px;
	float:left;

}

/* --- kategorie realizacje --- */

ol.katFot                   { margin:30px 0; }
ol.katFot li                { display:inline; float:left; margin:10px 20px 30px 0; position:relative; }
ol.katFot li a              { float:left; text-align:center; text-decoration:none; }
ol.katFot li a:hover        { text-decoration:none; }
ol.katFot li a strong 	   { display:block; margin-top:0; background-color:#000; color:silver; font-size:1.6em;	padding:10px 5px; font-weight:normal; text-align:left; font-variant:small-caps; filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; }
ol.katFot li a:hover strong { color:yellow; text-decoration:none; }
ol.katFot li a strong u	   { font-weight:bold; font-style:normal; text-decoration:none; color:yellow; font-variant:normal; font-size:0.9em; }
ol.katFot li a em             { position:absolute; font-style:normal; font-size:1.1em; padding:10px; background:#b30000; color:#fff; text-align:center; text-decoration:none; left:0; bottom:0; }

.w220 { width:220px; }
.w150 { width:140px; }
.h150 { height:150px; }
.h250 { height:250px; }


ol.katFot li a.kat1         { background-image: url(../galerie/realizacje/kat1_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat1   { background-image: url(../galerie/realizacje/kat1.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat2         { background-image: url(../galerie/realizacje/kat2_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat2   { background-image: url(../galerie/realizacje/kat2.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat3         { background-image: url(../galerie/realizacje/kat3_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat3   { background-image: url(../galerie/realizacje/kat3.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat4         { background-image: url(../galerie/realizacje/kat4_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat4   { background-image: url(../galerie/realizacje/kat4.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat5         { background-image: url(../galerie/oferta/kat6_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat5   { background-image: url(../galerie/oferta/kat6.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat6         { background-image: url(../galerie/oferta/kat7_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat6   { background-image: url(../galerie/oferta/kat7.jpg);  background-repeat:no-repeat; }

ol.katFot li a.kat11         { background-image: url(../galerie/oferta/kat1_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat11   { background-image: url(../galerie/oferta/kat1.jpg);  background-repeat:no-repeat; }


ol.katFot li a.kat22         { background-image: url(../galerie/oferta/kat2_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat22   { background-image: url(../galerie/oferta/kat2.jpg);  background-repeat:no-repeat; }




ol.katFot li a.kat33         { background-image: url(../galerie/oferta/kat3_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat33   { background-image: url(../galerie/oferta/kat3.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat44         { background-image: url(../galerie/oferta/kat4_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat44   { background-image: url(../galerie/oferta/kat4.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat55         { background-image: url(../galerie/oferta/kat5_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat55   { background-image: url(../galerie/oferta/kat5.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat66         { background-image: url(../galerie/oferta/kat6_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat66   { background-image: url(../galerie/oferta/kat6.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat77         { background-image: url(../galerie/oferta/kat7_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat77   { background-image: url(../galerie/oferta/kat7.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat88         { background-image: url(../galerie/oferta/kat8_.jpg);  background-repeat:no-repeat; }
ol.katFot li a:hover.kat88   { background-image: url(../galerie/oferta/kat8.jpg);  background-repeat:no-repeat; }

ol.katFot li a.kat111         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat1.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat222         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat2.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat333         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat3.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat444         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat4.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat555         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat5.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat666         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat6.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat777         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat7.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat888         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat8.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat999         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat9.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat10         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_standard/kat10.jpg);  background-repeat:no-repeat; }

ol.katFot li a.kat1111         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat1.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat2222         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat2.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat3333         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat3.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat4444         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat4.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat5555         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat5.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat6666         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat6.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat7777         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat7.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat8888         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat8.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat9999         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat9.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat1010         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat10.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat111111         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat11.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat121212         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat12.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat131313         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat13.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat141414         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat14.jpg);  background-repeat:no-repeat; }
ol.katFot li a.kat151515         { background-image: url(../galerie/oferta/drzwi_uchylne_fornirowane_prestiz/kat15.jpg);  background-repeat:no-repeat; }



ul.listaNeodrzwi li {
    	display:inline;   
}

ul.listaNeodrzwi li img {
    
	border:10px solid #363636;
	padding:0;
	margin:8px;
	text-decoration:none;
}
ul.listaNeodrzwi li a { text-decoration:none; }
ul.listaNeodrzwi li img:hover.gallery{
	border:10px solid #191919;
	text-decoration:none;
	margin:8px;
}



ul.offerList {
	float:left;
	margin-top:20px;
}
ul.offerList li {
   
		
		
		height:300px;
		background-color:#000;
		border:5px solid #666;
		padding:5px;
		margin:8px;
}

ul.offerList h2 {
	font-size:1.3em;
	border-bottom:none;
	letter-spacing:0;
}

ul.offerList li img {
    
	
}
ul.offerList li img:hover.gallery{
	border:5px solid #fff;
	padding:5px;
	margin:8px;
}


#webcreo{
}

.container{
    margin:0 auto;   
    width:960px;   
    text-align:left;
}
div#webcreo a{
	float:right;
	text-decoration: none;
 	color:gray;
 	font-weight:normal;
 	font-size:1.1em;
 	margin:15px 0 15px 0;
 	text-align:right;
}
div#webcreo a strong{
	color:#fff;
}
div#webcreo a:hover{
	color:#fff;
}
div#webcreo a:hover strong{
	color:#d1e4f4;
	text-decoration:underline;
}