﻿/* DIV { border:1px solid red; } */
body 			{ 
					background:url(imgs/pozadi2.jpg) left repeat;
					font-family:"Trebuchet MS";	
					padding:0;	
					font-size:13px;	
					margin:0px auto auto auto;	
					color:#6c7b81;
				}
body.details 	{ background:url(imgs/bg2.jpg) repeat-x top #fff; }

a 		{ color:#355435; text-decoration:none;}
.clear	{ clear:both;}
h1		{ color:#355435;font-size:16px;font-weight:bold;padding:14px 0 15px 0;margin:0px;}
h1.orange { color:#355435; }
a.orange { text-decoration:underline;}
a.orange:hover { text-decoration:none;}
h2{color:#548A28;font-size:18px;font-weight:bold;padding:13px 0 14px 0;margin:0px;}
p{padding:5px 0 5px 0;margin:0px;text-align:justify;line-height:19px; font-size: 11pt;}
.wrap{  width:960px;margin:0 auto; border-left:1px solid #EAF0EA; border-right:1px solid #EAF0EA; }
/* rotator in-page placement */
.header {
	width:960px;
	height:171px;
	position:relative;
	display: none;
	margin: 0px;
}
/* rotator css */
.header ul {
	list-style-type:none;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.header ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
.header ul li img {
	border-bottom:1px solid #ccc;
	background: #FFF;
}
.header ul li a img{
	text-decoration:none;
	border:0px white none;
	outline-style:none;
}
.header ul li.show {
	z-index:500
}
.header_bottom{width:960px;height:171px; margin:0;clear: both;}
.logo{padding:64px 0 0 64px;float:left;}

/*-----------------------------menu-------------------*/
.menu_head  {  width:960px;height:78px; background-color:#448800;}
/*
#menu				{ width:960px;text-align:right;padding:15px 15px 0 0;margin:0px;  }
#menu ul			{ display:block;list-style:none;margin:0px;}
#menu>ul>li				{ display:inline;padding:0px;margin:0px;width:85px;height:28px;float:left;text-decoration:none;text-align:center;font-size:13px;line-height:28px;}
#menu>ul>li.selected>a 	{ display:block; padding:0px;margin:0 2px 0 2px;width:81px;height:28px;float:left;text-decoration:none;text-align:center;color:white;font-size:13px;line-height:28px;background:url(imgs/menu_bt_a.gif) no-repeat center;}
#menu>ul>li:hover		{ display:block;z-index:200;background:url(imgs/menu_bt_a_hover.gif) no-repeat center;color:white;}
#menu>ul>li>a			{ width:81px;height:28px;display:block;padding:0px;margin:0 1px 0 1px;float:left;text-decoration:none;text-align:center;color:#93A994;font-size:13px;line-height:28px;}
#menu>ul>li>a:hover		{ background:url(imgs/menu_bt_a_hover.gif) no-repeat center; color:#FFFFFF;}
#menu>ul>li>span		{ color:white;text-decoration:none;text-align:center;}
#menu>ul>li>ul			{ display:none;}
#menu>ul>li:hover>ul,
#menu>ul>li:hover>ul>a	{ width:81px;height:28px;margin:0 1px 0 1px;float:left;text-decoration:none; text-align:left;padding:0px 0px 0px 8px;display:block;list-style:none;color:#338833;background:white;}
*/

/******* MENU *******/
/* #menuDiv			{ float:left;margin:0px; z-index:200; padding:0px 0px 0px 20px; } */
#menuDiv			{ float:left;margin:0px; z-index:200; padding:0px 0px 0px 35px; }

#menu, 
#menu ul {
     margin:0px;
     padding:0px 10px 0px 0px;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
     left: 0px; 
     top: 0px; 
     width: 905px"
}

#menu div
{
width:80px;margin:8px 8px 0px 1px;float:left;text-align:center;
}

#menu div a:link, 
#menu div a:active, 
#menu div a:visited {
    display:block;
    padding:0px 5px;
    text-decoration:none;
    background-color:#fff;
    color:white;
    text-align:center;
    background-color:#448800;
}

#menu div a:hover {
    text-decoration:none;
    border:0;
    background-color:#88ff11;
    color:#333;
}

#menu>li>a:link, 
#menu>li>a:active, 
#menu>li>a:visited {
    display:block;
    padding:0px 5px;
    text-decoration:none;
    background-color:#fff;
    color:white;
    text-align:center;
    background-color:#448800;
}

#menu>li>div>a:hover{
    background-color:#88ff11;
    color:#333;
}

#menu a:link, 
#menu a:active, 
#menu a:visited {
    display:block;
    padding:0px 5px;
    text-decoration:none;
    background-color:#fff;
    color:black;
    text-align:left;
}

#menu a:hover{
    background-color:#fff;
    color:#363;
}

#menu li{
	float:left;
	position:relative;	
	padding:0px;
	margin:0 1px 0 1px;
	text-decoration:none;
	text-align:center;
	color:#000;
	font-size:13px;
	line-height:28px;
    width:89px;
	height:28px;
	}

#menu ul{
	position:absolute;
	width:12em;
	top:auto;
	display:none;
	}

#menu li ul a{
    width:12em;
    float:left;
	}

#menu ul ul{
	top:auto;
	}

#menu li ul ul {
    left:12em;
    margin:0px 10px 0 10px;
    }

#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li:hover ul ul ul ul{
    display:none;
    }
    
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li li li:hover ul{
    display:block;
    color:#FFFFFF;
    }

/******* Event Boxes *******/
.event_box {
	margin:10px;
	vertical-align:middle;
	width:240px;
	padding:5px;
}

.event_box h2{
color:#548A28;font-size:18px;font-weight:bold;margin:0px;
	padding:0px 0px 0px 0px;
}

.event_box h2.title{
	padding:10px 0px 5px 10px;
}


.event_box p {
	text-align:center;
	font-size:13px;
}

.event_box_top {
	background-image:url('1.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:13px;
}

.event_box_middle {
	background-image:url('2.png');
	background-repeat:repeat-y;
	background-position:right top;
}

.event_box_middle h2{
}

.event_box_bottom {
	background-image:url('3.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	height:35px;
}



/******* /MENU *******/

.home_center_content{width:940px;overflow:hidden;margin:0;padding:10px; height:320px; background:url(imgs/bg.jpg) repeat-x top #fff;}
.box1{overflow:hidden;margin-bottom:-165px;}
.center_text{width:460px;height:330px;float:left;display:inline;margin:20px 0 0 10px;}
.center_text p{color:#FFFFFF;line-height:21px;}
.big_title{font-size:24px;color:#FFFFFF;padding:0 0 10px 0;}
.big_title span{	padding:4px;	font-weight:bold;	color:#CDDCD1;	background-color: #314E30;}
.center_button_icons{width:450px;overflow:hidden;margin:6px 0 0;padding:0 0 0 5px;}
.center_button_icons li{width:106px;float:left;overflow:hidden;padding:0px 12px 0;text-align:center;}
.center_button_icons li a{font-size:10px;text-decoration:none;}
.center_button_icons li a:hover{color:#99FFFF;}
.right_img{float:right;width:420px;height:281px;text-align:center;padding:10px 0 0 0;background:url(imgs/photo_frame.jpg) no-repeat center;display:inline;margin:16px 0 0 48px;}

/*--------------main_content-----------------*/
.main_content	{ width:960px; padding:0 0 30px 0; background:url(imgs/main_content_bg.jpg) no-repeat center top #fff;}
.left_content	{ width:415px; float:left; padding:20px 0 0 50px; }
.right_content	{ width:415px; float:left; padding:20px 0 0 40px; }
.left_content2	{ width:235px; float:left; padding:20px 0 0 25px; }
.right_content2	{ width:615px; float:left; padding:20px 0 0 40px; }
.wide_content	{ width:850px; float:left; padding:20px 0 0 50px; }
.newsletter	{ padding:15px 0 0 40px; background-color: gray;font-size: 10pt;}
input.input	{ width:210px; height:19px; float:left; border:1px #C8DBCC solid; background-color:#C8DBCC; color:#333; font-style:italic; font-size:13px; margin:3px 0 0 0; padding:2px 0 0 5px; }
input.subscribe	{ float:left; padding:0 0 0 10px; }
.project_box	{ width:381px; margin:10px; }
img.feat_project	{ border:3px #c9c9c9 solid; }
.project_details	{ border-bottom:1px #9c9c9c dotted; padding:5px 0 5px 0; float:left; }
span.left 		{ float:left; display:block; }
a.view			{ float:right; text-decoration:none; color:#666666; }
.news_box		{ float:left; width:390px; clear:both; padding:0 0 20px 0;}
img.news_thumb 	{ float:left;}
.news_content 	{ width:305px; float:left; padding:0 0 0 15px;}
.principles_box { float:left; width:410px; clear:both; padding:0 0 5px 0; margin:0 0 20px 0; border-bottom:1px #cbccce dotted; }
img.principles_thumb { float:left; padding:5px 0 0 0;}
.principles 	{ width:290px; float:left; padding:0 0 0 15px;}
img.big_pic 	{ padding:20px 0 0 0;}

/*---------------------services_list-------*/
.services_list 			{ float:left; padding:0px;}
.services_list ul 		{ list-style:none; padding:0; margin:0px; }
.services_list ul li 	{ padding:6px 0 6px 0; margin:0px; width:382px; height:28px; line-height:28px; background:url(imgs/list_bg.gif) no-repeat center;}
.services_list ul li span 	{ color:#5aa4d4; font-weight:bold;}
.services_list ul li a 		{ text-decoration:none; padding:0 0 0 10px; font-size:12px; margin:0px; color:#6c7b81; }
.services_list ul li a:hover { color:#000000; }

/*---------------contact_form------------------*/
.contact_form { float:left; padding:10px 0 20px 0; }
.form_row { width:360px; clear:both; padding:12px 0 12px 0; color:#a53d17; }
label.contact { width:85px; float:left; font-size:14px; font-weight:bold; text-align:right; padding:4px 15px 0 0; color: #868788; }
input.contact_input { width:250px; height:21px; float:left; border:1px #98cdec solid; background-color:#e2eff4; color:#3596c5; font-size:13px; margin:3px 0 0 0; padding:3px 0 0 5px; }
textarea.contact_textarea { width:250px; height:120px; float:left; border:1px #98cdec solid; background-color:#e2eff4; color:#3596c5; font-size:13px; margin:3px 0 0 0; padding:2px 0 0 5px; }
input.send	{ cursor:pointer; float:right; padding:4px 5px 4px 10px; }

.employe_box_left { float:left; width:180px; line-height:25px; margin:20px 0 0 0; border-right:1px #CCCCCC dotted; }
.employe_box_right { float:left; width:180px; line-height:25px; margin:20px 0 0 40px; }
.contact_info { float:left; padding:5px 0 0 0; }

/*--------------------footer-------------*/
.footer { width:960px; background:url(imgs/footer_bg.gif) repeat-x top; margin:0 auto; border-left:1px solid #EAF0EA; border-right:1px solid #EAF0EA; }
.footer_content { width:960px; margin:auto; padding:0 0 30px 0; }
.footer_tab1 	{ width:285px; float:left; padding:0 0 0 30px; }
span.email		{ background:url(imgs/mail_icon.gif) no-repeat left; padding:0 0 0 45px; line-height:25px; height:23px; display:block; }
.footer_info	{ float:left; padding:5px 0 10px 0; } 
p.info			{ width:180px; float:left; padding:0 0 0 20px; margin-left:25px; font-size: 10pt;}
p.info_contact	{ width:325px; float:left; padding:0 0 0 10px; font-size: 10pt;}
span.orange		{ color:#666666; float:left; }
span.blue		{ color:#58a2d3; font-size:14px; font-weight: bold; }
.footer_copyrights 	{ clear:both; border-top:1px #9c9c9c dotted; color:#939697; padding:10px 0 10px 0; }
.footer_tab2		{ width:350px;  float:left; padding:0 0 0 40px; }
.favorites_box		{ width:315px ; padding:5px 0 10px 0; }
p.favorites			{ width:290px; float:left; padding:0 0 0 10px; margin:0px; font-size: 9pt;}
span.fav_nr			{ width:37px; height:37px; color:#799679; font-size:24px; text-align:center; font-weight:bold; line-height:37px; background:url(imgs/favorites_box.gif) no-repeat center; float:left; }
.footer_tab3		{ width:150px; float:left; padding:0 0 0 30px; }
.footer_links		{ float:left;  padding:0px; } 
.footer_links ul 	{ list-style:none; padding:0; margin:0px; }
.footer_links ul li { padding:6px 0 6px 0; margin:0px; width:150px; border-bottom:1px solid #e2e2e2; }
.footer_links ul li a { text-decoration:none; padding:0; font-size:12px; margin:0px; color:#6c7b81; }
.footer_links ul li a:hover { color:#000000; }

.mini 			{ font:10px "Trebuchet MS"; color:#666666; text-decoration:none; }
.mini:hover		{ text-decoration:underline; }
.miniVerde 		{ font:10px "Trebuchet MS"; color:#3B5C3D; text-decoration:none; }
.miniVerde:hover { text-decoration:underline; }
A.VerdeNormal 	{ font:12px "Trebuchet MS"; color:#3A5B3C; text-decoration:none; }
A.VerdeNormal:hover { text-decoration:underline; }
