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,
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-family: Georgia,Arial,Verdana, Geneva,  Helvetica, sans-serif;font-size: 12px;color:#343434;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1.25;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a,a:active{outline: none;text-decoration: none;} /* usuwa ramki z punkcikow dookola linkow*/
.cleaner {clear: both;}
img {border: 0; padding: 0; margin: 0;}
img, div { behavior: url(iepngfix.htc) }
/************************************************* KONIEC RESETU *******************************/


/************************************************* podstawowe elementy *******************************/
body{background-image:url(images/body.jpg);background-repeat:repeat-x;}
#mainbox{width:998px;height:800px;margin:0px auto 0px auto;position:relative;background:url(images/mainbox_art.jpg) no-repeat ;background-position:bottom;}
#mainbox_of{width:998px;height:850px;margin:0px auto 0px auto;position:relative;background:url(images/mainbox_art.jpg) no-repeat ;background-position:bottom;}
#mainbox_rel{width:998px;height:950px;margin:0px auto 0px auto;position:relative;background:url(images/mainbox_art.jpg) no-repeat ;background-position:bottom;}
#mainbox_cer{width:998px;height:750px;margin:0px auto 0px auto;position:relative;background:url(images/mainbox_art.jpg) no-repeat ;background-position:bottom;}
.top{width:998px;height:467px;}
/*---------------------------------------  do strony głównej link  ---------------------------------------*/
.powrot {position:absolute;top:353px;left:122px;color:#009de6}
a:hover.powrot{color:#343433;}



#footer{height:50px;margin:0px auto 0px auto;background-color:#100500;background-image:url(images/footer.jpg);background-repeat:repeat-x;}
.link{height:42px;width:998px;margin:0px auto 0px auto;}
.link p.foot{float:right;padding-top:10px;}
.link p.foot a{color:white;}
#content{background-color:red;width:998px;height:auto;}

/************************************************* BOXY *******************************/
.box1{background:url(images/box1.png) no-repeat;float:left;width:285px;height:231px;position:absolute;
top:375px;left:100px;}
.art_box1{position:absolute;top:350px;left:80px;z-index:1;}
.box1 .textbox1{float:right;width:266px;height:189px;}
.textbox1 p.right{padding-left:110px;font-size:14px;padding-right:10px;}
.textbox1 p{font-size:14px;}
.textbox1 h1{padding-left:110px;font-size:24px;color:#ff7e00;margin:5px 0px 5px 0px;font-weight:normal;}
.more{position:absolute;top:575px;left:120px;}
a.more {color:orange;}
a:hover.more {color:#620901;}
.zakladki{width:503px;height:397px;position:absolute;left:410px;top:337px;}
.zakladki li.link1,.zakladki li.link2,.zakladki li.link3{height:50px;padding-top:75px;margin-bottom:10px;}
.zakladki li.link1 h2{font-size:24px;font-weight:normal;position:absolute;top:23px;left:15px;;z-index:2;}
.zakladki li.link2 h2{font-size:24px;font-weight:normal;position:absolute;top:180px;left:15px;;z-index:2;}
.zakladki li.link3 h2{font-size:24px;font-weight:normal;position:absolute;top:303px;left:15px;;z-index:2;}
.zakladki li.link1 p{margin:0px 0px 0px 15px;font-size:14px;}
.zakladki li.link2 p{margin:20px 0px 0px 15px;font-size:14px;}
.zakladki li.link3 p{margin:5px 0px 0px 15px;font-size:14px;}
.zakladki li.link1 h2{color:#343433;}
.zakladki li.link2 h2{color:#620901;}
.zakladki li.link3 h2{color:#009de6;}
.zakladki li.link1 img{position:absolute;left:0px;top:0px;z-index:1;}
.zakladki li.link2 img{position:absolute;left:0px;top:160px;z-index:1;}
.zakladki li.link3 img{position:absolute;left:0px;top:280px;z-index:1;}
.zakladki li.link3 a.narrow{float:right;width:18px;height:18px;display:block;background:url(images/art3_small.jpg) no-repeat;position:absolute;top:311px;left:275px;}				 
.zakladki li.link2 a.narrow{float:right;width:18px;height:18px;display:block;background:url(images/art2_small.jpg) no-repeat;position:absolute;top:187px;left:140px;}	
.zakladki li.link1 a.narrow{float:right;width:18px;height:18px;display:block;background:url(images/art1_small.jpg) no-repeat;position:absolute;top:30px;left:100px;}	
.boxkontakt{position:absolute;top:630px;left:120px;}
.boxkontakt h2{font-size:20px;font-weight:normal;}
.boxkontakt a{color:#009de6;}
/************************************************* boxfirma *******************************/
.boxfirma{width:700px;height:auto;margin-left:120px;position:absolute;left:0px;top:370px;}
.boxfirma p{font-size:14px;}
.bold{font-size:16px;color:#009de6;font-weight:bold;}
.boxfirma h1.left{float:left;margin-bottom:20px;font-size:24px;}
.boxfirma img{border:1px solid #ddd6c6;padding:5px;}
.boxtextfirma{width:400px;position:absolute;top:80px;left:270px;}
.smalltextfirma{font-size:12px;font-style:italic;color:#620901;}
p.sign{float:right;margin-top:40px;}
/************************************************* boxoferta *******************************/
.boxoferta{width:700px;height:auto;margin-left:120px;position:absolute;left:0px;top:370px;}
.boxoferta h1.left{float:left;margin-bottom:20px;font-size:24px;}
.boxoferta ol.oferta{width: 650px;height: 300px;float: right;list-style: square;}
.boxoferta li{font-size:16px;color:#620901;}
.boxoferta a{font-size:16px;color:#620901;}
.boxoferta a:hover{font-size:16px;color:#009de6;}

                     /****** boxofertapartnerzy *********/
.boxofertapartnerzy{position:absolute;top:635px;left:90px;}
.boxofertapartnerzy h1{font-size:18px;margin-bottom:10px;margin-left:29px;color:#009de6}


                   /****** tooltip *********/
#linktooltip h3.ni{font-size:14px;font-family:Tahoma;color:#105c21;}	
#linktooltip h3.klub{font-size:12px;font-family:Tahoma;color:#d58b02;}
ul.dane{float:right;list-style:none;width:300px;}
ul.dane li{text-align:center;}
	
#linktooltip img{
		background:white;
		padding:1px;
		;
		float:left;
		margin-right:10px;
		}		

.item{display:none;}
.item p{font-size:14px;}
.small{font-size:11px;color:#009de6;font-style:italic;}
a.tooltip{border:none;}
a:hover.tooltip{border:none;}
a.tooltip img{float:right;}


#linktooltip {
	position: absolute;
	background:white;
	color: #000;
	font-size: .7em;
	padding: 10px;
	width:370px;
	border:1px solid #ddd6c6;
}
/****** tooltip_s *********/
#linktooltips h3.ni{font-size:14px;font-family:Tahoma;color:#105c21;}	
#linktooltips h3.klub{font-size:12px;font-family:Tahoma;color:#d58b02;}
ul.dane{float:right;list-style:none;width:300px;}
ul.dane li{text-align:center;}

#linktooltips img{
		background:white;
		padding:1px;
		;
		float:left;
		margin-right:10px;
		}		

.item{display:none;}
.item p{font-size:14px;}
.small{font-size:11px;color:#009de6;font-style:italic;}
a.tooltips{border:none;}
a:hover.tooltips{border:none;}
a.tooltips img{float:right;}


#linktooltips {
	position: absolute;
	background:white;
	color: #000;
	font-size: .7em;
	padding: 10px;
	width:206px;
	border:1px solid #ddd6c6;
}

/************************************************* boxrealizacje *******************************/
.boxrealizacje{width:700px;height:auto;margin-left:120px;position:absolute;left:0px;top:370px;}
.boxrealizacje h1.left{float:left;margin-bottom:40px;font-size:24px;}
.boxrealizacje ol.rel{width: 550px;height: auto;float: right;list-style: square;}
.boxrealizacje li{font-size:16px;color:#620901}
.boxrealizacje p{font-size:14px;}
/************************************************* boxcertyfikaty *******************************/
.boxcertyfikaty{width:700px;height:auto;margin-left:120px;position:absolute;left:0px;top:370px;}
.boxcertyfikaty h1.left{float:left;margin-bottom:20px;font-size:24px;}
.boxcertyfikaty li{font-size:16px;color:#620901}
ul.certyfikaty{width:880px;height:200px;margin-left:0px;position:absolute;left:-30px;top:170px;}
ul.certyfikaty li{float:left;width:80px;margin:5px 6px 5px 6px;}
ul.certyfikaty li.wieksze{width:50px;height:50px;}
ul.certyfikaty li a{font-size:16px;color:black;padding:5px;}

ul.certyfikaty li img.styl_1{background: url(certyfikaty/1.jpg) no-repeat;}
ul.certyfikaty li img.styl_2{background: url(certyfikaty/2.jpg) no-repeat;}
ul.certyfikaty li img.styl_3{background: url(certyfikaty/3.jpg) no-repeat;}
ul.certyfikaty li img.styl_4{background: url(certyfikaty/4.jpg) no-repeat;}
ul.certyfikaty li img.styl_5{background: url(certyfikaty/5.jpg) no-repeat;}
ul.certyfikaty li img.styl_6{background: url(certyfikaty/6.jpg) no-repeat;}
ul.certyfikaty li img.styl_7{background: url(certyfikaty/7.jpg) no-repeat;}
ul.certyfikaty li img.styl_8{background: url(certyfikaty/8.jpg) no-repeat;}
ul.certyfikaty li img.styl_9{background: url(certyfikaty/9.jpg) no-repeat;}

/************************************************* boxkontakt *******************************/
.boxkontaktformularz{width:470px;height:auto;margin-left:120px;position:absolute;left:0px;top:370px;}
.boxkontaktformularz h1.left{float:left;margin-bottom:20px;font-size:24px;}	
.formularz{margin-left:50px;}								 
.formularz li{height:30px;margin-bottom:10px;}
.formularz input{float:right;border:1px solid #d2d2cf;width:260px;}
input.button{float:left;margin-top:10px;background-color:white;color:#009de6;width:80px;}
.formularz label{width:150px;float:left;font-size:16px;color:#620901;font-weight:normal;}
.formularz label.tresc{width:130px;float:left;font-size:16px;color:#620901;font-weight:normal;margin-bottom:10px;}
.formularz textarea{
	float: right;
	width: 350px;
	border: 1px solid #d2d2cf;
	overflow: hidden;
	height:160px;
}
.boxkontakt_right{position:absolute;top:580px;left:695px;}
.boxkontakt_right h2{font-size:20px;font-weight:normal;}
.boxkontakt_right a{color:#009de6;}
a.formularz_back{margin-top:100px;}
.komunikat{width:470px;height:100px;margin-left:120px;position:absolute;left:0px;top:50px;}

.markernext{color:red;}
/************************************************* MENU *******************************/

                                        /* menu */
.menu{position:absolute;top:115px;left:277px;}
.menu ul{width:496px;height:74px;}
.menu ul li{float:left;}
/*------------link1 -----------*/	
.link1 a,.link2 a,.link3 a,.link4 a,.link5 a{font-family:Tahoma;font-size:18px;font-weight:bold;color:#d3b7b3;} 


.link1 a{width:71px;height:37px;display:block;margin-left:0px;text-align:center;padding-top:0px;}
.link1 a:hover{color:white;}
/*------------link2 -----------*/	 
.link2 a{width:79px;height:37px;display:block;margin-left:0px;text-align:center;padding-top:0px;}
.link2 a:hover{color:white;}
/*------------link3 -----------*/	 
.link3 a{width:108px;height:37px;display:block;margin-left:0px;text-align:center;padding-top:0px;}
.link3 a:hover{color:white;}
/*------------link4 -----------*/	 
.link4 a{width:119px;height:37px;display:block;margin-left:0px;text-align:center;padding-top:0px;}
.link4 a:hover{color:white;}
/*------------link5 -----------*/	 
.link5 a{width:94px;height:37px;display:block;margin-left:0px;text-align:center;padding-top:0px;}
.link5 a:hover{color:white;}
/*-------------------------------------------------------------------------------------*/


