/* 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: #b20909;
}
a:hover {
	color: #00458b;
}
ol, ul {
	list-style: none;
}
legend {
	display: none;
}
body, input, textarea, select, option, optgroup, button {
	font-family: Arial;
	text-align: justify;
	font-size: 12px;
	color: #4b586b;
}
input, textarea, select, option, optgroup, button {
	font-size: 11px;
}
/*      LAYOUT-------------------------------------------------------*/
body {
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-color: #f2f5f7;
	background-position: center top;
}

.wrap{
	width: 944px;
	margin: 0 auto;

}

#head{	float: left;
	height: 102px;width: 100%;}

#header{
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	background-position: center top;
	float: left;
	height: 102px;width: 944px;
	}

#logo a{ 
	width:189px; 
	height: 102px; 
	float:left;
	padding-left: 23px;
	}
#head1{height: 60px;float:left; width:auto;}
#imieniny{
	height: 50px;
	width: 250px;
	padding: 10px 0 0 30px;
	float:left;
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
	color: #80c7ff;
	text-transform: capitalize;
	font-weight: bold;
}
/*      navi-------------------------------------------------------*/

#navi{
	height: 50px;
	padding: 10px 0 0 150px;
	width: 250px;
	float:left;}

#navi ul{
	height:7px;
	float:left;
	width:100%;}

#navi li{
	float: left;
	height: 7px;	
	padding: 0px 5px;
}

#navi li a{
	float: left;
	height: 10px;
	width: 100%;


	background-position: center 0;
}
#navi li a:hover {
	background-position: center -10px;
}

#navili.mapa {
	width: 77px;
}
#navi li.mapa a {
	width: 77px;
	background-image: url(../images/menu/mapa.png);
	background-repeat: no-repeat;
}
#navi li.mail {
	width: 40px;
}
#navi li.mail a {
	width: 40px;
	background-image: url(../images/menu/poczta.png);
	background-repeat: no-repeat;
}

#navi li.dodaj {
	width: 84px;
}
#navi li.dodaj a {
	width: 84px;
	background-image: url(../images/menu/dodaj.png);
	background-repeat: no-repeat;
}

#menu{
	height: 36px;
	float:left;
	width: 700px;
	padding-left: 25px;
}

#menu ul{
	height: 36px;
	float:left;
	width:100%;
	}

#menu li{
	float: left;
	height: 36px;
}
#menu li a{
	margin-top: 7px;
	float: left;
	height: 10px;
	width: 100%;
	padding: 0px;
	background-position: center 0;
}
#menu li a:hover {
	background-position: center -17px;
}

#menu li.index {
	width: 56px;
}
#menu li.index a {
	width: 56px;
	background-image: url(../images/menu/start.png);
	background-repeat: no-repeat;
}

#menu li.index a.active {
	margin-top: 0;
	height: 38px;
	width: 56px;
	background-image: url(../images/menu/start-a.png);
	background-repeat: no-repeat;
}

#menu li.index a.active:hover {
	background-position: center top;
}
#menu li.firma {
	width: 56px;
}
#menu li.firma a {
	width: 56px;
	background-image: url(../images/menu/firma.png);
	background-repeat: no-repeat;
}

#menu li.firma a.active {
	margin-top: 0;
	height: 38px;
	width: 56px;
	background-image: url(../images/menu/firma-a.png);
	background-repeat: no-repeat;
}

#menu li.firma a.active:hover {
	background-position: center top;
}

#menu li.projektowanie {
	width: 122px;
}
#menu li.projektowanie a {
	width: 122px;
	background-image: url(../images/menu/projektowanie.png);
	background-repeat: no-repeat;
}

#menu li.projektowanie a.active {
	margin-top: 0;
	height: 38px;
	width: 122px;
	background-image: url(../images/menu/projektowanie-a.png);
	background-repeat: no-repeat;
}

#menu li.projektowanie a.active:hover {
	background-position: center top;
}
#menu li.technologia {
	width: 102px;
}
#menu li.technologia a {
	width: 102px;
	background-image: url(../images/menu/technologia.png);
	background-repeat: no-repeat;
}
#menu li.technologia a.active {
	margin-top: 0;
	height: 38px;
	width: 102px;
	background-image: url(../images/menu/technologia-a.png);
	background-repeat: no-repeat;
}

#menu li.technologia a.active:hover {
	background-position: center top;
}

#menu li.budowy {
	width: 73px;
}
#menu li.budowy a {
	width: 73px;
	background-image: url(../images/menu/budowy.png);
	background-repeat: no-repeat;
}
#menu li.budowy a.active {
	margin-top: 0;
	height: 38px;
	width: 73px;
	background-image: url(../images/menu/budowy-a.png);
	background-repeat: no-repeat;
}

#menu li.budowy a.active:hover {
	background-position: center top;
}
#menu li.kratownice {
	width: 97px;
}
#menu li.kratownice a {
	width: 97px;
	background-image: url(../images/menu/kratownice.png);
	background-repeat: no-repeat;
}
#menu li.kratownice a.active {
	margin-top: 0;
	height: 38px;
	width: 97px;
	background-image: url(../images/menu/kratownice-a.png);
	background-repeat: no-repeat;
}

#menu li.kratownice a.active:hover {
	background-position: center top;
}

#menu li.kontakt {
	width: 72px;
}
#menu li.kontakt a {
	width: 72px;
	background-image: url(../images/menu/kontakt.png);
	background-repeat: no-repeat;
}
#menu li.kontakt a.active {
	margin-top: 0;
	height: 38px;
	width: 72px;
	background-image: url(../images/menu/kontakt-a.png);
	background-repeat: no-repeat;
}

#menu li.kontakt a.active:hover {
	background-position: center top;
}
#menu li.banery {
	width: 67px;
}
#menu li.banery a {
	width: 67px;
	background-image: url(../images/menu/banery.png);
	background-repeat: no-repeat;
}
#menu li.banery a.active {
	margin-top: 0;
	height: 38px;
	width: 67px;
	background-image: url(../images/menu/banery-a.png);
	background-repeat: no-repeat;
}

#menu li.banery a.active:hover {
	background-position: center top;
}
ul span{
	background-image:url(../images/span.png);
	background-repeat:no-repeat;
	width:3px;
	height:24px; 
	float:left;
	}

#wrapper {
	background-image: url(../images/wrapper.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
}

/*      top-------------------------------------------------------*/

#top{
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-y;
	background-position: center top;
	float:left;
	height: 236px;
	width: 944px;
	}

#news{
	width: 173px;
	padding: 13px 22px 0 22px;
	float:left;
	height: 200px;
	overflow: hidden;
	}

#anim{
	width: 697px;
	float:left;
	height: 225px;
	margin-top:11px;
	}

/*  SUBMENU-------------------------------------------------------*/
#submenu{
	background-image:url(../images/submenu.png);
	background-repeat:no-repeat;
	width: 173px;
	height:194px;
	float:left;
	padding-bottom: 15px;
	}
#submenu ul{
padding: 20px 0 0 15px;
	width: 153px;
	float:left;
	}

#submenu li{

width: 153px;
	float:left;
	}	
#submenu li a{
	background-image:url(../images/sub-li.png);
background-repeat:no-repeat;
padding: 0 0 10px 20px;
	float:left;
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #00458b;
	}
#submenu li a:hover{
background-image:url(../images/sub-li-a.png);
background-repeat:no-repeat;
	float:left;
	}	
#submenu li a.active{
	color: #b20909;
	}
/*  content-------------------------------------------------------*/

#content{
	background-image:url(../images/bg-content.png);
	background-repeat:repeat-y;
	background-position: center top;
	float:left;
	
	height: auto;
	width: 944px;
}
#col-l{
	width: 173px;
	padding: 20px 22px 0 22px;
	float:left;
	}

#partnerzy{
	width: 173px;
	height:auto;
	float:left;
	padding-bottom: 15px;
	}
#sz-k{
	background-image:url(../images/box/sz-k.png);
	background-repeat:no-repeat;
	width: 173px;
	height:259px;
	float:left;
	padding-bottom: 15px;
	}

#sz-k p{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #3f4c61;
	padding: 40px 15px 0px 15px;
	}

	
	
.czer{color: #c30808;}
.nieb{color: #00458b;}
#col-r{
	width: 698px;
	padding-top:20px;
	float:left;
	}
#txt{
	width: 390px;
	padding: 10px 20px 10px 10px;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cad6e1;
	float:left;
}

#txt ul{
	width: 100%;
	padding: 0 10px;}
#txt li{width: 380px;
	background-image:url(../images/li.png);
	background-repeat:no-repeat;
	padding: 0px 0px 5px 10px;}


#img{
	float:left;	
	width: 240px;
	padding: 10px 0px 10px 20px;
	text-align:center;}
	
	#img img{
	border: 1px solid #becbd8;
	margin: 3px;
	padding: 3px;
}	
	
	
#text-big{
	float:left;
	width: 678px;
	padding: 10px;}	
#text-big ul{
	width: 100%;
	padding: 0 10px;}
#text-big li{width: 668px;
	background-image:url(../images/li.png);
	background-repeat:no-repeat;
	padding: 0px 0px 5px 10px;}

#text-ap{
	float:left;
	width: 678px;
	padding: 10px;}	

#text-ap img{
	border: 1px solid #003b73;
	margin: 3px;
	padding: 3px;
}	
	
#box-index{
	width: 228px;
	float:left;
	height:349px;
	background-image:url(../images/box.png);
	background-repeat:no-repeat;
	margin: 0 2px;}

#box-index ul{
	width: 208px;
	padding: 0 10px;}
#box-index li{
	background-image:url(../images/li.png);
	background-repeat:no-repeat;
	padding: 0px 0px 5px 10px;
	font-family: Arial;
	text-align: left;
	font-size: 11px;
	color: #4b586b;}
	
#footer{
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	background-position: center top;
	float:left;
	padding: 20px 0 0 220px;
	width: 724px;
	height: 40px;
	float:left;
	clear:both;
}
#footer ul{
	height: 16px;
	float: left;
	width: 100%;
	}
	
#footer li{
	height: 16px;
	float: left;
	width: auto;}

#footer li a{
	height: 16px;
	float: left;
	width: auto;}

#footer ul span{
	background-image:url(../images/footer/span.png);
	background-repeat:no-repeat;
	margin: 0 7px;
	width: 1px;
	height: 17px;
	float: left;}

/* FORM-----------------------------------------------*/
#form2 {
	margin-top: 5px;
}
input.form {
	margin-bottom: 2px;
	background-color: #fff;
	border: 1px solid #CCC;
	width: 165px;
	height: 16px;
	font-size: 12px;
}
input.form:focus, textarea.text:focus {
	border: 1px solid #005BA4;
}
textarea.form {
	margin-top: 2px;
	background-color: #fff;
	border: 1px solid #CCC;
	width: 165px;
	font-size: 12px;
	color: #CCC;
}
input.btn {
	margin: 10px 0 0 55px;
	background-color: #fff;
	border: 1px solid #CCC;
	color: #4B4B4B;
	height: 20px;
	padding-bottom: 4px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
}
input.btn:active {
	background-color: #CCC;
	color: #fff;
}
/*H-----------------------------------------------*/

h1{background-image:url(../images/h1.png);
background-repeat:no-repeat;
width:698px;
height: 45px;
padding: 9px 0 0 16px;
}

h2{
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #c30808;
	margin-bottom: 10px;
}
#licznik{width:800px;
margin: auto;
text-align: left;
background-color: transparent;
font-size: 9px;
padding: 0 0 10px 30px;
font-family: Tahoma;
float:left;}