.contactform .clear2 {
	clear: left;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}



form {margin:0; padding:0;}
.textfield {display: block; float:left; width:190px; background-color: #F3F4E8; margin:3px;	border: 1px solid #D6D9AE;}
label {	display: block;	float: left; text-align:right; font-weight:bold; width: 150px; margin:3px; padding: 5px;}
.button {

	float:right;
	padding:0px;
	background-color:#E3E6C8;
	border: 2px solid #efefef;
	color:#999933;
	margin-top: 3px;
	margin-right: 103px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.textfield:hover {background:#FBFCF8;}
.textfield:focus {background:#ffffff;}











/* ================================================================ 
CSS - FENSTER SYSTEM
=================================================================== */

.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

#nav {
	padding:0;
	list-style:none;
	height:36px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	margin-left: 0px;
}



#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background-color: transparent;
	background-image: url(bgOFF.gif);
	background-repeat: repeat-x;
	background-position: 10px top;
	margin-left: 10px;
	margin-right: 10px;
	}
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display:block;
	float:left;
	height:39px;
	line-height:33px;
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 5px;
	cursor:pointer;
	background: url(blank.gif);
}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#7a9c5a; background: url(blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#7a9c5a; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:450px;
	height:0;
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 260;
}

#nav li:hover ul.sub
{
	left:0;
	top:31px;
	background: #fff;
	padding:0px;
	border:1px solid #9cd412;
	white-space:nowrap;
	width:121px;
	height:auto;
	z-index:300;
}
#nav li:hover ul.sub li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:121px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}
#nav li:hover ul.sub li a
{
	display:block;
	font-size:11px;
	height:20px;
	width:121px;
	line-height:20px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
}







#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#7a9c5a; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#7a9c5a url(arrow_over.gif) 95px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#7a9c5a url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #7a9c5a; white-space:nowrap; width:121px; z-index:400; height:auto;}















/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF;
	color:#363636;
	margin:0;
	padding:0;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* -- header start -- */
#header{
	position:relative;
	margin:0 auto;
	width:714px;
	height:169px;
	color:#000000;
	background-image: url(images/heder_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header img{
	position:absolute; left:393px; top:79px; border:none;}
#header h1{
	position:absolute; left:410px; top:174px; border:none;
	font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000000;}
#header a.service{
	position:absolute; left:598px; top:73px;
	background:url(images/service_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.service:hover{
	position:absolute; left:598px; top:73px;
	background:url(images/service_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.recycle{
	position:absolute; left:598px; top:120px;
	background:url(images/recycle_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.recycle:hover{
	position:absolute; left:598px; top:120px;
	background:url(images/recycle_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
/* -- header end -- */
/* -- top navigation start -- */
#topNav{
	width:705px;
	height:30px;
	margin:0 auto;
	color:#000000;
	/*position: absolute;
	bottom: -1px;*/
	background-image: url(images/top_nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 9px 0;
	display:block;
	float:left;
}
#topNav ul{
	width:420px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 260px;
}
#topNav ul li{
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}
#topNav ul li a{
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#595959;
	display:block;
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(images/top_nav_btn_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
}
#topNav ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#CC006A;
	background-color:#FFFFFF;
	background-image:none;
	border-top:#DADADA 1px solid;
	border-right:#DADADA 1px solid;
	border-left:#DADADA 1px solid;
	display:block;
	text-decoration:none;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 11px;
}
#topNav ul li a.hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#CC006A;
	background-color:#FFFFFF;
	background-image:none;
	padding:0 11px;
	margin:2px 0 0 0;
	display:block;
	text-decoration:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
}
/* -- top navigation end -- */



/*--------------------------------------------------------------- BODY poz FOOT --- MLAZ*/
.bodymain  {
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	/*height: 25px;*/
	width:714px;
	display: block;
	padding-top: 20px;
}


.bodybottom {
	background-image: url(images/bg_foot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 34px;
	display: block;
	width:714px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

.bodytop {
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	display: block;
	height: 23px;
}






/* body start */
#body{
	width:714px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* body end */
/* -- left pannel start -- */
.left{
	width:450px;
	float:right;
	display: block;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.left img{
	border:none;}
.left h2{
	color:#7a9c5a;
	height:25px;
	width:320px;
	float:left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}
.left h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif;
	color:#548311;
	height:25px;}


.left span.dot{
	height:25px;
	width:320px;
	display:block;
	float:left;
	color:#000000;
	background-image: url(images/tackice.gif);
	background-repeat: repeat-x;
	background-position: 0 18px;
}

.left span.naslow{
	height:25px;
	width:400px;
	display:block;
	float:left;
	color:#c71d0b;
	font-size: 18px;
	font-weight: bolder;
}
.left p{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#363636;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 25;
}
.left p span{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636; background-color:#FFF9E5;}
.left p.dotLine{
	color:#363636;
	width:411px;
	display:block;
	font-size:0;
	line-height:0;
	height:13px;
	background-image: url(images/tackice.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 0;
}
.left p.dotLine a.readMore{
	color:#000000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
	background-image: url(images/read_more_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.left p.dotLine a.readMore:hover{
	color:#000000;
	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-2000px;
	width:58px;
	height:13px;
	display:block;
	float:right;
	background-image: url(images/read_more_btn_h.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fotol {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.fotor {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}


.linban {
	margin-left: 7px;
	text-decoration: none;
}









/* -- left pannel end -- */

/* -- right pannel start -- */
.right{
	width:236px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#akt{
	background-color:#F3F3F3;
	background:url(images/akt_bg.gif) repeat-y 0 0 #FFFFFF;
	color:#000000;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	width: 210px;
	}


#akt div.topcurve{
	background:url(images/top_curve.gif) no-repeat 0 #FFFFFF;
	height:4px; width:210px; font-size:0; 
	display:block;
	}

#akt div.bottomcurve{
	background:url(images/bottom_curve.gif) no-repeat 0 0 #FFFFFF;
	height:4px; width:210px; font-size:0; color:#000000;
	display:block;
	}



.right h2{
	color:#a4a48d;
	background-image: url(images/vest.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	height:25px;
	width:170px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}


.right p.opis{
	background-image: url(images/crvena_strelica.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.right p.datum{
	display:block;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9c1b11;
	font-weight: bold;
}

.right p.ban{
	display:block;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 20px;
}


.postinfo a{
	color: #91ad1a;
	text-align: left;
	font-size: 10px;
	clear: left;
	margin-left: 20px;
}
.postinfo a:hover {
	color: #196699;
	text-decoration: none;
}


.ide a{
	color: #91ad1a;
	text-align: left;
	font-size: 12px;
	clear: left;
}
.ide a:hover {
	color: #196699;
	text-decoration: none;
}


.prospekt a{
	color: #91ad1a;
	text-align: left;
	font-size: 10px;
	clear: left;

}
.prospekt a:hover {
	color: #196699;
	text-decoration: none;
}

/* -- right pannel end -- */
/* footer start -- */
#footer{
	color:#000000;
	background-color: #FFFFFF;
}
.footer{
height:115px; padding:12px 0 0 0;}
.footer ul{
}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;float:left;}
	
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000; padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000;  padding:0 8px;}
.footer p{
	margin:0 auto; width:165px; color:#094658; background-color:#EDEDED;
	font:normal 10px/18px Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:100px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:220px; height:17px; padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;
	background-color:#FFFFFF; text-align:center;}
.footer p.tworld a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#456D0B;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#2E4A05;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
/* footer end -- */