/* INIT
-----------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited { text-decoration: none; }
a { color: #933; border: 0;}
ol, ul { list-style: none; }
legend { display: none; }


body, input, textarea, select, option, optgroup, button {
	font-family: Tahoma;
}

input, textarea, select, option, optgroup, button {
	font-size: 1em;
}

/* LAYOUT
-----------------------------------------------------------------------------*/
body{
	background-color:#370f0e;
	background-image:url(../images/tlo.png);
 	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom: 120px;
}

#wrap{
	background: url(../images/wrap-bg.png) no-repeat 50% 73px;
	width: 105%;
	height: 100%;
	float: left;
	margin-left: -5%;
}

#page{
	background-repeat:repeat-x;
	width: 910px;
	display:block;
	position: center top;
	margin: 0 auto;
	margin-bottom: 120px;
}

#header{
	margin: 31px 0px 0px 0px;
	height: 109px;
	position: center;
	background-image:url('../images/naglowek.png');
	background-repeat:no-repeat;
	width:910px;
}

#left{
	float:left;
	background-image:url(../images/left.png);
	width: 41px;
	height: 645px;
	background-repeat:no-repeat;

}

#content{
	float:left;
	width: 830px;
	background-color:#FFFFFF;
	margin-bottom: 150px;
}

#right{
	float:left;
	background-image:url(../images/right.png);
	width: 39px;
	height: 645px;
	background-repeat:no-repeat;
}	
/*stona
------------------------------------------------------*/
#start-nav{
	 float:left;
	padding-top: 30px;
}
#start-nav a{
	float: left;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#top{
	background-image:url(../images/top.jpg);
	height:235px;

}
#tekst{
	padding-left:22px;
	float:left;
	font:normal 13px Arial;
	size: 10px;
	width:656px;
	height:100%;
	text-align:justify;
	color: #666666;
}

p.main{
	padding: 10px 0 0px 15px;
	color: #666666;
	float: left;
}
p.intro{
	padding: 10px 0 0px 15px;
	color: #000;
	font: 16px Tahoma;
}

#naglindex{
background-image:url(../images/nagl_index.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
}
#naglofirmie{
background-image:url(../images/nagl_ofirmie.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
}
#naglozam{
background-image:url(../images/h1-zamowienia.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
}

#nagloferta{
background-image:url(../images/nagl_oferta.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
margin-bottom: 10px;
}
#naglreal{
background-image:url(../images/nagl_realizacje.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
}
#naglkontakt{
background-image:url(../images/nagl_kontakt.png);
width: 658px;
height:50px;
float:left;
background-repeat:no-repeat;
}

#naglindex, #naglofirmie, #nagloferta, #naglreal, #naglkontakt{
	padding-bottom: 15px;
	margin: 0 ;
}



#logo{
	width: 130px;
	height:632px;
	float:right;
	background-image:url(../images/watermark.png);
	background-repeat: no-repeat;
	background-position: right top;
}

p.intro{
	color: #000;
	font-family: tahoma;
	font-size: 15px;
}

/* menu
-------------------------------------------------------------*/

#menu{
	padding: 50px 0px 0px 375px;
	float: left;
	height: 20px;
	width: 520px;
	}
#menu ul{
	height: 20px;
	margin:6px auto;	
}
#menu li{
	float: left;
	height: 16px;
	margin-right: 20px;
}
#menu li a{
	float:left;
	height: 25px;
	width:100%;
}
#menu li a:hover{
	background-image: url(../images/menu-hover.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
#active {background-position: 0 -17px;}

.index{
	background-image: url(../images/menu-01.png);
	background-repeat: no-repeat;
	width:37px;
	padding-right: 0px;
}
.onas{
	background-image: url(../images/menu-02.png);
	background-repeat: no-repeat;
	width:56px;
	padding-right: 0px;
}
.oferta{
	background-image: url(../images/menu-03.png);
	background-repeat: no-repeat;
	width:44px;
	padding-right: 0px;
}
.realizacje{
	background-image: url(../images/menu-04.png);
	background-repeat: no-repeat;
	width:69px;
	padding-right: 0px;
}
.kontakt{
	background-image: url(../images/menu-05.png);
	background-repeat: no-repeat;
	width:53px;
	padding-right: 0px;
}

/*
#activekontakt{
background-image: url(../images/menu/menu_kontakt_b.png);
}
#activeindex{
background-image: url(../images/menu/menu_index_b.png);
}
#activerealizacje{
background-image: url(../images/menu/menu_galeria_b.png);
}
#activeoferta{
background-image: url(../images/menu/menu_oferta_b.png);
}
#activeonas{
background-image: url(../images/menu/menu_onas_b.png);
}
*/

/* Footer
-------------------------------------------------------------*/

#footer{
width: 830px;
height: 40px;
background-image:url(../images/footer.gif);
float:left;

}

#foot-nav{
	padding: 5px 0px 0px 352px;
	float: left;
	height: 25px;
	width: 470px;
	background: url(../images/footer-kambit.png) no-repeat 23px 4px;
	}
#foot-nav ul{
	height: 25px;
	margin:6px auto 0 auto;	
}
#foot-nav li{
	float: left;
	height: 25px;
	margin-right: 15px;
	width:auto;
}
#foot-nav li a{
	float:left;
	height: 25px;
}
#foot-nav li a:hover{
background-position: 0 -25px;
}


.foot-index{
	background-image: url(../images/foot-start.gif);
	background-repeat: no-repeat;
	width:37px;
}
.foot-onas{
	background-image: url(../images/foot-onas.gif);
	background-repeat: no-repeat;
	width:56px;
}
.foot-oferta{
	background-image: url(../images/foot-oferta.gif);
	background-repeat: no-repeat;
	width:44px;
}
.foot-realizacje{
	background-image: url(../images/foot-real.gif);
	background-repeat: no-repeat;
	width:69px;
}
.foot-kontakt{
	background-image: url(../images/foot-kontakt.gif);
	background-repeat: no-repeat;
	width:53px;
}

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

#galeria{
width: 658px;
float:left;
text-align:justify;

}
#galeria img{
	margin: 1px;
	border: 1px solid #380f0e;
	padding: 3px;
}
h1{
	color:#990000;
	font: bold 13px Tahoma;
	text-indent: 25px;
}
strong.h2-product{
	color:#990000;
	font: normal 13px Tahoma;
}
#galeria-t{
width: 658px;
float:left;
text-align:center;
padding: 15px 0px 15px 0px;

}
#galeria-t img{
	margin: 1px;
	border: 1px solid #380f0e;
	padding: 3px;
}

/* LEAD-ANIM
-----------------------------------------------------------------------------*/
#top.anim{
	background: url('../images/lead-bg.png') no-repeat 0 0;
	padding: 1px 0 0 35px
	
}
.lead-anim{
	position: relative;
}
.lead-anim img{
	position: absolute;
	left: 0;
	top: 0;
}


/* CYCLE
-----------------------------------------------------------------------------*/
#cycle-wrap{
	width: 100%;
	height: 420px;
	float: left;
	background-image: url('../images/dot.png');
	background-repeat: repeat-x;
	background-position: left 23px;
	margin-top: 15px;

}
#cycle{
	width: 640px;
	height: 510px;
	float: left;
	margin: 5px;
	border:0;
}
#cycle p{
	color: #666666;
}
#cycle-nav{
	float:left;
	clear: both;
	height: 23px;
	width: auto;
	padding-left:10px;
	border-width: 0 1px 0 0;
	border-color: #9d2b28;
	border-style: solid;
}
.product{
	width: 610px;
	height: 380px;
	float: left;
	padding: 10px 20px 0px 10px;
}

#cycle-nav li { 
	width: auto; float: left; margin-bottom: 12px; list-style: none;
	border-width: 1px 0 0 1px;
	border-color: #9d2b28;
	border-style: solid;
}

#cycle-nav a { 
	width: 58px; height: 22px; 
	display: block; 
	background-color: #f7f4f4; background-repeat: no-repeat; background-position: center top;
	border-width: 0 0 1px 0;
	border-color: #9d2b28;
	border-style: solid;
}
#cycle-nav a:hover {background-color: #fff;}
#cycle-nav .activeSlide {background-color: #fff; 
	border-width: 0 0 1px 0;
		border-color: #fff; 
	background-position: center -22px;

}

a#nav0 {background-image: url('../images/c1-nav0.gif'); width:120px;}
a#nav1 {background-image: url('../images/c1-nav1.gif'); width:51px;}
a#nav2 {background-image: url('../images/c1-nav2.gif'); width:69px;}
a#nav3 {background-image: url('../images/c1-nav3.gif'); width:59px;}
a#nav4 {background-image: url('../images/c1-nav4.gif'); width:117px;}
a#nav5 {background-image: url('../images/c1-nav5.gif'); width:108px;}
a#nav6 {background-image: url('../images/c1-nav6.gif'); width:105px;}
a#nav7 {background-image: url('../images/c1-nav6.gif'); width:105px;}

/* CYCLE 2 i inne wewnetrzne 2-go stopnia
-----------------------------------------------------------------------------*/
#cycle2-wrap, #cycle3-wrap, #cycle4-wrap, #cycle5-wrap, #cycle6-wrap, #cycle7-wrap{
	width: 600px;
	height: 420px;
	float: left;

}
#cycle2, #cycle3, #cycle4, #cycle5, #cycle6, #cycle7{
	width: 500px;
	height: 380px;
	float: left;
	border:0;
}

#cycle2-nav, #cycle3-nav, #cycle4-nav, #cycle5-nav, #cycle6-nav, #cycle7-nav{
	float:left;
	height: 470px;
	width: 89px;
	padding: 10px 0;
	border-width: 0 1px 0 0;	
	border-style: solid;
	border-right-color: #828282;
	background-image: url('../images/c2-ul-bg.gif');
	background-position: right 10px;
	background-repeat: no-repeat;
}
#cycle3-nav{ background-image: url('../images/c2-ul-zaluzje.gif');} 
#cycle4-nav{ background-image: url('../images/c2-ul-mosk.gif');}
#cycle5-nav{ background-image: url('../images/c2-ul-rol-zew.gif'); padding-left: 10px;}
#cycle6-nav{ background-image: url('../images/c2-ul-bramy.gif'); padding-left: 10px;}
#cycle7-nav{ background-image: url('../images/c2-ul-verticale.gif'); padding-left: 10px;}
.product2{
	width: 510px;
	height: 370px;
	float: left;
	padding: 10px 0 0 0;
}
.product2 p{
	width: 300px;
	height: 100%px;
	float: left;
	padding:  10px 20px 10px 20px;
}

.product2 a{
	color: #fff;
	padding: 2px;
	float: left;
	margin: 15px 0px 0px 20px;
	border: 1px solid #acacac;
}

.product5{
	width: 510px;
	height: 600px;
	float: left;
	padding: 10px 0 0 0;
}
.product5 p{
	width: 300px;
	height: 100%px;
	float: left;
	padding:  10px 20px 10px 20px;
}

.product5 a{
	color: #fff;
	padding: 2px;
	float: left;
	margin: 15px 0px 0px 20px;
	border: 1px solid #acacac;
}
.product5 a:hover{border-color: #990000;}
.product5 a img{margin:0; padding:0; border:0;} 

#img-column{float: left; width:142px; height:auto; border-left: 1px solid #cecece; padding-bottom: 10px; margin-top: 30px;}

.product2 a:hover{border-color: #990000;}
.product2 a img{margin:0; padding:0; border:0;} 

.product3 p{
	width: 400px;
	height: auto;
	float: left;
	padding:  20px 20px 10px 20px;
}
.product3 a:hover{border-color: #990000;}
.product3 a img{margin:0; padding:0; border:0;} 
.product3 a{
	color: #fff;
	padding: 2px;
	float: left;
	margin: 15px 0px 0px 20px;
	border: 1px solid #acacac;
}
#cycle2-nav li, #cycle3-nav li, #cycle4-nav li, #cycle5-nav li, #cycle6-nav li , #cycle7-nav li { 
	width: 100%; float: left; list-style: none;

}

#cycle2-nav a, #cycle3-nav a, #cycle4-nav a, #cycle5-nav a, #cycle6-nav a, #cycle7-nav a { 
	width: 89px; 
	height: 22px; 
	display: block;
	border-width: 0 0px 0px 0;	
	border-style: solid;
	border-right-color: #828282;
	border-bottom-color: #fff;
}
#cycle2-nav a:hover, #cycle2-nav a.activeSlide, 
#cycle3-nav a:hover, #cycle3-nav a.activeSlide,
#cycle4-nav a:hover, #cycle4-nav a.activeSlide,
#cycle5-nav a:hover, #cycle5-nav a.activeSlide,
#cycle6-nav a:hover, #cycle6-nav a.activeSlide,
#cycle7-nav a:hover, #cycle7-nav a.activeSlide
{
	border-right-color: #fff;
/*	border-bottom-color: #9d2b28;*/
	border-width: 0 1px 0px 0;
	background-image: url('../images/c2-nav-h.gif');
	background-position: 0px 0;

}

/* CYCLE - REALIZACJE
-----------------------------------------------------------------------------*/
#cycle-r{

	float: left;
	margin: 160px 15px 0 22px;
	border:0;

}

#cycle-r-nav{
	float:right;
	height: 60px;
	width: 640px;
	margin-top: 20px;
}

#cycle-r-nav li { width: 57px; float: left; margin: 5px; list-style: none; border: 1px solid #a75353; padding: 2px;}
#cycle-r-nav li:hover {border: 1px solid #a75353; padding: 2px;}
#cycle-r-nav a { width: 57px; height: 52px; display: block; opacity: 0.5; }
#cycle-r-nav a:hover {opacity: 1.0; }
#cycle-r-nav a.activeSlide{opacity: 1; }

#nav-r-0 {background-image: url('../images/show-0m.jpg'); background-repeat: no-repeat;}
#nav-r-1 {background-image: url('../images/show-1m.jpg'); background-repeat: no-repeat;}
#nav-r-2 {background-image: url('../images/show-2m.jpg'); background-repeat: no-repeat;}
#nav-r-3 {background-image: url('../images/show-3m.jpg'); background-repeat: no-repeat;}
#nav-r-4 {background-image: url('../images/show-4m.jpg'); background-repeat: no-repeat;}
#nav-r-5 {background-image: url('../images/realizacje1/realizacja1.jpg'); background-repeat: no-repeat;}
#nav-r-6 {background-image: url('../images/realizacje1/realizacja2.jpg'); background-repeat: no-repeat;}
#nav-r-7 {background-image: url('../images/realizacje1/realizacja3.jpg'); background-repeat: no-repeat;}
#nav-r-8 {background-image: url('../images/realizacje1/realizacja4.jpg'); background-repeat: no-repeat;}
#nav-r-9 {background-image: url('../images/realizacje1/realizacja5.jpg'); background-repeat: no-repeat;}
#nav-r-10 {background-image: url('../images/realizacje1/realizacja6.jpg'); background-repeat: no-repeat;}
#nav-r-11 {background-image: url('../images/realizacje1/realizacja7.jpg'); background-repeat: no-repeat;}
#nav-r-12 {background-image: url('../images/realizacje1/realizacja8.jpg'); background-repeat: no-repeat;}
#nav-r-13 {background-image: url('../images/realizacje1/realizacja9.jpg'); background-repeat: no-repeat;}
#nav-r-14 {background-image: url('../images/realizacje1/realizacja10.jpg'); background-repeat: no-repeat;}
#nav-r-15 {background-image: url('../images/realizacje1/realizacja11.jpg'); background-repeat: no-repeat;}
#nav-r-16 {background-image: url('../images/realizacje1/realizacja12.jpg'); background-repeat: no-repeat;}
#nav-r-17 {background-image: url('../images/realizacje1/realizacja13.jpg'); background-repeat: no-repeat;}
#nav-r-18 {background-image: url('../images/realizacje1/realizacja14.jpg'); background-repeat: no-repeat;}



/* KONTAKT
-----------------------------------------------*/
table.dane{
	float: left;
	padding-bottom: 20px;
}
#form2{
	padding-top: 10px ;
	float: left;	
}
input.form{
	margin-bottom: 2px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	width: 165px;
	height: 16px;
	font-size: 12px;
}
input.form:focus, textarea.text:focus{
	border: 1px solid #A86462;
}
textarea.form{	
	margin-top: 3px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	width: 165px;
	font-size: 12px;
}
input.btn{
	margin: 10px 0 0 55px;
	background-color: #fff;
	border: 1px solid #6d1e0b;
	color: #4B4B4B;
	height: 20px;
	padding-bottom: 4px;
	font-family:tahoma;
	font-size: 11px;
	font-weight: normal;
}
input.btn:active{
	background-color: #990000;
	color: #fff;
}