@charset "UTF-8";
/* CSS Document */
body, div, span, a, img, p, td, tr, table, h1, h2, h3, h4, form, ul, li, dl, dt, dd, label {
	margin:0;
	border:0;
	padding:0;
}

fieldset, legend {
	border: 1px solid #F7D99C;	
}
input, select, textarea {
	border: 1px solid #EEB277;
	}

body{
	background:#72a2ff url(../images/bg_body.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#1b2c4d;
	font-size:13px;
}
ul li{
	list-style:none;
}

h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2{
	margin:20px 0 0 0;
	padding:0 0 0 30px;
	font-size:22px;
	font-weight:normal;
	color:#ff8a00;
	background:transparent url(../images/bg_h1.gif) no-repeat 0px 5px;
}

h3{
	padding:0 0 0 30px;
	margin:0 0 3px 20px;
	color:#5f759a;
	font-size:20px;
	font-weight:normal;
	background:transparent url(../images/li_img_arrow.gif) no-repeat 0px 5px;
}

h4{
	padding:30px 0 0 0;
	text-decoration:underline;

}

a{
	color:#5f759a;
}

a:hover{
	text-decoration:none;
}

div#wrapper{
	width:954px;
	margin:0 auto 0 auto;
	background:transparent url(../images/bg_wrapper.gif) repeat-y center top;
}

div#header{
	float:left;
	width:914px;
	height:90px;
	text-align:right;
	font-size:10px;
	padding:10px 40px 0 0;
	background:transparent url(../images/bg_header.jpg) no-repeat 23px 0px;
}

div#kontakt_kazalo {
	padding:49px 0 0 0;	
}
div#kontakt_kazalo img {
	padding: 0px 3px 0 15px;	
}

div#header a{
	color:#1b2c4d;
	font-weight:bold;
}

div#header a:hover{
	text-decoration:none;
}

div#header ul{
	float:right;
}

div#header ul li{
	height:20px;
	padding:20px 0 0 10px;
	float:left;
}



/*_________________MAIN NAVIGATION_______________________*/
ul#mainnav{
	clear:left;
	float:left;
	width:929px;
	height:49px;
	padding:0 0 0 25px;
	background:transparent url(../images/bg_menu.gif) no-repeat 23px 0px;
}
ul#mainnav li{
	float:left;
}

ul#mainnav li a{
	display:block;
	padding:16px 25px 17px 26px;
	text-decoration:none;
	color:#b4c3e0;
	font-size:14px;
	background:transparent url(../images/li_img_menu.gif) no-repeat right top;
}

ul#mainnav li a:hover{
	color:#1f2a41;
	background:transparent url(../images/li_img_menu.gif) repeat 0px 49px ;
}

ul#mainnav li a.on{
	color:#8fa1c3;
	background:#2e436a;
}

ul#mainnav li.no_bg1 a{
	background:none;
	padding:16px 28px 17px 28px;
}

ul#mainnav li.no_bg1 a:hover{
	color:#1f2a41;
	background:transparent url(../images/li_img_menu.gif) repeat 0px 49px ;
}

ul#mainnav li.no_bg1 a.on{
	color:#8fa1c3;
	background:#2e436a;
}

/*_________________/MAIN NAVIGATION/_______________________*/



/*_________________SUBMENU___________________*/
ul#submenu{
	clear:left;
	float:left;
	width:916px;
	height:44px;
	padding:7px 0 0 38px;
	background:transparent url(../images/bg_submenu.gif) no-repeat 23px 0px;
}

ul#submenu li{
	float:left;
	padding:0 12px;
	background:transparent url(../images/li_img_submenu.gif) no-repeat right center;
}

ul#submenu li.last{
	background:none;

}

ul#submenu li a{
	text-decoration:none;
	font-size:13px;
	color:#8fa1c3;
}

ul#submenu li a:hover{
	text-decoration:underline;
}

ul#submenu li a.on{
	color:#DAE6FF;	
	
}

ul#submenu li.no_bg2, ul#submenu dd.no_bg2{
	background:none;
	
}
ul#submenu .end{
	width:900px;
	
}
/*________________/SUBMENU/__________________*/


/*_________________SUBMENU2___________________*/
dl#submenu2{
	clear:left;
	float:left;
	padding:11px 0 0 38px;
	font-size:11px;
}

dl#submenu2 dd{
	float:left;
	padding:0 12px;
	background:transparent url(../images/li_img_submenu.gif) no-repeat right center;
}

dl#submenu2 dd.last{
	background:none;

}

dl#submenu2 dd a{
	text-decoration:none;
	font-size:13px;
	color:#8fa1c3;
}

dl#submenu2 dd a:hover{
	text-decoration:underline;
}

dl#submenu2 dd a.on{
	color:#FFF;	
}
/*________________/SUBMENU2/__________________*/



/*________________BANNER_____________________*/
div#commercial{
	clear:left;
	float:left;
	width:936px;
	height:194px;
	padding:6px 8px 6px 10px;
	background:transparent url(../images/bg_flash.gif) no-repeat left top;
}
/*_______________/BANNER/____________________*/



/*_________________HOME_____CONTENT_________________*/
div#h_con{
	float:left;
	width:604px;
	padding:0 0 30px 24px;
}
div#h_con p{
	padding:20px 36px 0 36px;
	letter-spacing:1px;
	text-align:justify;
}


div#h_akt{
	float:left;
	width:301px;
	padding:20px 0 0 0;
}
div#h_akt ul#aktualno{
	float:left;
	width:300px;
	font-size:10px;
	margin:0 0 12px 0;
	background:transparent url(../images/li_img_aktualno.gif) repeat-x left top;
}
div#h_akt ul#aktualno li{
	margin: 5px 0 5px 0;
	width:auto;
	padding:5px 15px ;
}
div#h_akt ul#aktualno li p{
	float:none;
	letter-spacing:normal;
	width:auto;
	padding:3px 0 0 18px;
	color:#44577b;
	line-height:normal;
}
div#h_akt ul#aktualno li a{
	color:#44577b;
	font-weight:bold;
}
div#h_akt ul#aktualno li a:hover{
	text-decoration:none;
}



div#h_ref{
	float:left;
	width:602px;
	padding:0 0 0 26px;
	margin:0;
}
div#h_ref ul{
	height:184px;
	width:567px;
	float:left;
	background:transparent url(../images/bg_reference.gif) repeat-x left top;
	padding:0 0 0 34px;
}
div#h_ref ul li{
	float:left;
	width:123px;
	padding:10px 10px 0 0;
}

div#h_ref ul li p{
	text-align:center;
}

div#h_ref ul li a{
	display:block;
	padding:4px 0 4px 4px;
	color:#1b2c4d;
	font-size:10px;
	text-decoration:none;
	background:transparent url(../images/border_pic.gif) no-repeat left bottom;
}
div#h_ref ul# li a img{
	float:left;
}
div#h_ref ul li p a{
	background:none;
	height:20px;
}


div#h_dej{
	float:left;
	width:301px;
}
div#h_dej ul{
	float:left;
	width:260px;
	padding:16px 20px 0 20px;
	background:transparent url(../images/li_img_aktualno.gif) repeat-x left top;
}

div#h_dej ul li{
	padding:0 0 14px 18px;
	font-size:12px;
	color:#44577b;
	background:transparent url(../images/li_img_dejavnosti.gif) no-repeat 0px 2px;
}

div#h_dej ul li a{
	text-decoration:none;
	color:#44577b;
}

div#h_dej ul li a:hover{
	text-decoration:underline;
}



/*_________________/HOME_____CONTENT/________________*/


/*_________________CONTENT_______________*/
div#con_home{
	float:left;
	width:529px;
	padding:0 36px 36px 62px;
	background:transparent url(../images/shadow_left.gif) no-repeat 23px 0px;
}

div#con_home img{
	margin:10px 0 0 0;
	border:#1b2c4d 1px solid;
}

div#con_home p{
	padding:20px 0 0 0;
	letter-spacing:1px;
	text-align:justify;
}

div#con_home ul{
	letter-spacing:1px;
	font-size:13px;
	padding:10px 0 20px 20px;
}

div#con_home ul li{
	padding:8px 0 0 20px;
	background:transparent url(../images/li_con.gif) no-repeat 0px 11px;

}

div#con_home h3.hhc{
	margin:16px 0 3px 35px;
	
}

div#con_home ul#c_ref{
	padding:20px 0 0 0;
}
div#con_home ul#c_ref li{
	float:left;
	padding:0 10px 20px 0;
	background:none;
	

}

div#con_home ul#c_ref li a{
	display:block;
	width:162px;
	padding:0 0 4px 3px;
	color:#1b2c4d;
	text-decoration:none;
	font-size:10px;
	background:transparent url(../images/bg_img_ref.gif) no-repeat left bottom;
}
div#con_home ul#c_ref li a img{
	padding:6px 0 0 1px;
	margin:0;
	border:0;

}

div#con_home ul#c_akt{
	padding:20px 36px 0 0;
}

div#con_home ul#c_akt li{
	background:none;
	padding:0;
}

div#con_home ul#c_akt li a{
	font-weight:bold;
	color:#425a85;

}
div#con_home ul#c_akt li a:hover{
	text-decoration:none;
}
div#con_home ul#c_akt li.aktd{
	padding:2px 0 20px 16px;
	font-size:12px;
}
/*________________/CONTENT/______________*/





/*_______________RIGHT SIDE_______________________*/
div#right{
	float:left;
	width:303px;
	padding:0 0 40px 0;
	border-left:1px #9fb3db solid;
	background:transparent url(../images/shadow_right.gif) no-repeat right top;
}

div#right h3{
	clear:both;
	float:left;
	padding:0 0 0 30px;
	margin:25px 0 3px 20px;

}

div#right ul{
	clear:both;
	float:left;
	padding:25px 20px 10px 20px;
	width:260px;
	background:transparent url(../images/li_img_aktualno.gif) repeat-x left top;
}

div#right ul#aktualno{
	font-size:10px;
	padding:10px 20px 24px 20px;
	
}
div#right ul#aktualno li{
	padding:10px 0 0 0;
}
div#right ul#aktualno li p{
	padding:3px 0 0 18px;
	color:#44577b;
}

div#right ul#aktualno li a{
	color:#44577b;
	font-weight:bold;
}

div#right ul#aktualno li a:hover{
	text-decoration:none;

}

div#right ul#dejavnosti li{
	padding:0 0 10px 18px;
	font-size:12px;
	color:#44577b;
	background:transparent url(../images/li_img_dejavnosti.gif) no-repeat 0px 2px;

}

div#right ul#dejavnosti li a{
	text-decoration:none;
	color:#44577b;
}

div#right ul#dejavnosti li a:hover{
	text-decoration:underline;
}

div#right ul#reference li{
	float:left;
	height:150px;
	padding:10px 7px 0 0;
}

div#right ul#reference li a{
	display:block;
	padding:4px;
	background:transparent url(../images/border_pic_right.gif) no-repeat left top;
}

div#right ul#reference li p a{
	padding:0;
	background:none;
	text-align:center;
	height:20px;
	width:115px;
	color:#1b2c4d;
	font-size:10px;
	text-decoration:none;
}

div#right ul#foto li{
	float:left;	
}

div#right ul#foto li a{
	display:block;
	width:120px;
	padding:4px;
}
div#right ul#foto img {
	border:1px solid #1c2d4e;
	-webkit-box-shadow: 0px 0px 2px 2px ;
	-moz-box-shadow: 0px 0px 2px 2px ;
	box-shadow: 0px 0px 2px 2px ;
}
div#right #fotoslider{		
	clear:both;
	padding:25px 0 0 20px;
	width:280px;	
	background:transparent url(../images/li_img_aktualno.gif) repeat-x left top;
}
/*______________/RIGHT SIDE/______________________*/




/*_____________FOOTER__________________________*/
div#footer{
	clear:both;
	width:902px;
	height:223px;
	margin:0 0 0 26px;
	background:transparent url(../images/bg_footer.gif) no-repeat left top;
}

div#footer p{
	float:left;
	padding:30px 0 0 34px;
	font-size:10px;
	color:#6a7c9f;
}

div#footer p a{
	color:#6a7c9f;
	text-decoration:none;
}

div#footer p a:hover{
	text-decoration:underline;
}
/*_____________/FOOTER/__________________________*/


/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */

.scroll2 {
	float:left;
	}	 
div#hold	{ 
	border-top: 1px solid #7fa0c7;
	border-bottom: 1px solid #7fa0c7;
	float:left;
	position:relative; 
	overflow:hidden;
	width:190px;
	height:130px; 
	z-index:100;
	background-color:#E1EDFD;
	}
div#wn	{ 
	position:absolute; 
	left:0px; 
	top:10px; 
	width:200px; height:112px; 
	clip:rect(0px, 200px, 112px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute;
 	visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
div#lyr1 img {
	border: 1px solid #BDD2FD;
	margin:0 18px;	
	padding: 2px;
	background-color:#FFF;
}
  
/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:100% }
table#t1 td { 
	width:200px;
	vertical-align:middle;
	text-align:center;
	
}

/********************** FORMS *************************/

.cgpForm fieldset {
	background-color: #FFF9E8 !important;	
	background-color: #FFF;
	float: left;
	width:527px !important;
}

.cgpForm fieldset legend {
	color: #CC6600;
	padding: 2px 20px;
	background-color: #FFF9E8;
	}

	
.cgpForm label {
	text-align: right;
	padding:2px 5px 1px 5px !important;
	width:81px;
	display:block;
	float:left;
	font-size: 11px;
}
.cgpForm #del_podrocje_lbl {
	height:60px;
	width:131px;
}
.cgpForm span {

	padding:2px 5px 1px 5px !important;
	display:block;
	float:left;
	font-size: 10px;
}
      
	     
.cgpForm label.long_chck {
	text-align: left;
	width:450px;
	}	  
	    
.cgpForm label.long {
	text-align: left;
	width:510px;
	}

.cgpForm input {
	height:14px;
	width:140px;
	float: left;
	padding: 1px 5px 1px 5px !important;
	margin: 0 0 0 5px !important;
	font-size: 10px;
}

.cgpForm input.long {
	width:420px !important;
}

.cgpForm textarea {
	float: left;
	margin: 2px 0 0 20px;
	height:50px;
	width: 400px;
	}

.cgpForm textarea.big {
	float: left;
	margin: 2px 0 0 20px;
	height:120px;
	width: 450px;
	}

.cgpForm li.legenda {
	padding: 5px 10px 5px 10px !important;
	width: 93%;
	color: #000;
	border: 1px dashed #ff8a00;
	background-color: #FDDFBD !important;
}

.cgpForm li.legenda ul {
	width: 155px !important;
	float:left;
	
}

.cgpForm li.legenda ul li {
	width: 155px !important;
	}

.cgpForm ul.pomembnost {
	font-size: 11px;
}
	
.cgpForm ul.zadovoljstvo {
	padding: 0 0 0 155px !important;
	font-size: 11px;	
}

ul#steps{
	clear:left;
	float:left;
	width:520px;	
	margin: 0 0 15px 10px !important;
}


ul#steps li{
	float:left;
	width:90px;
	height:17px;
	text-align:center;
	margin: 10px 2px 0 0 !important;
	border: 1px solid #ff8a00;
	background-color: #FDDFBD !important;	
}

ul#steps li.big {
	width:153px;
}

ul#steps li a{
 	color:#CC6600;
 	text-decoration:none;
 	padding: 0 13px 0 13px;
 	outline:none;
}

ul#steps li a.kon{
 	background-color: #FFF !important;
 	
}

.cgpForm label.pz_label {
	width: 30px;
	padding:2px 3px 1px 2px !important;	
	font-size:12px;
}

.cgpForm label.lbl_podrocje {
	width: 330px;
	padding:2px 3px 1px 2px !important;	
	font-size:12px;
	text-align:left;
}
.cgpForm label.pz_desc_label {
	width: 155px;
	text-align: center;	
}
	
.cgpForm input.radio {
	width:15px;
	border:0;
	}
	
.cgpForm input.date {
	width:50px;
	}	
	
.cgpForm label.radio {
	text-align: left;
	width:100px;
	padding:3px 5px 0px 5px;
	}	
		

.cgpForm ul {
	margin: 5px 0 0 0 !important;
	padding: 0 0 5px 0 !important;
	float:left;
	width: 100%;
}

.cgpForm li {
	list-style:none;
	background:none !important;
	padding: 3px 0 0 0 !important;
	margin:0 !important;
	float:left;
}

.errorMessage li, #errorMessage li {
	width:490px !important;
	}


.cgpForm li.presledek {
	padding: 15px 0 0 0 !important;
	}
		
.cgpForm li.nolbl {
	padding: 3px 0 10px 85px !important;
	width:415px !important;
	background-color: #CC0000;
	}

.cgpForm li.section {
	padding: 25px 0 10px 20px !important;
	width:400px !important;
	font-weight: bold;
	color:#ff8a00;
	}
.cgpForm li.subsection {
	padding: 10px 0 3px 20px !important;
	width:400px !important;
	font-size: 11px;
	color:#ff8a00;
	font-weight: bold;
	}

.cgpForm .submitForm {
	width:133px;
	height:30px;
	border:0;
	float: right;
	margin: 20px 0 0 0;
	outline:none;
	border: 1px solid #EEB277;
	background-color: #ff8a00;	
}


.cgpForm .error {
	display:block;
	color: #E70021;
	padding:0 0 0 20px;
	font-size:10px;
}
.errorMessage, #errorMessage {
	border: 1px dashed #EEB277;
	background-color: #FFF9E8;
	margin:10px 0 10px 0px;
	width:495px;
	color: #CC6600;
	padding:10px;
	float: left;
}

.errorMessage li, #errorMessage li {
	font-size:10px !important;
}

/*_________________________SKUPINA CGP_________________________________*/

#hp h3 a {
	color:#5f759a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}

#hp ul{
	letter-spacing:1px;
	padding:10px 0 20px 0 !important;
}

#hp ul li{
	padding:8px 0 0 0 !important;
	background-image:none !important;
}

#hp div {
	padding: 10px 0 10px 30px;
	border-bottom:1px #305291 solid;
	background-color:#edf3ff;
	font-size:12px;
	line-height:1.8em;
}

#hp h3{
	background: transparent url(../images/CGP_logotip.gif) no-repeat top left;
	padding: 10px 0 4px 60px;
	margin:40px 0 0 0;
	border-bottom:1px #305291 solid;
	text-align:center;
}

#hp h3.igm{
	padding: 10px 0 4px 100px;
	background: transparent url(../images/IGM_logotip.gif) no-repeat top left;
}

#hp h3.vgp{
	padding:40px 0 0 0;
	background: transparent url(../images/VGP-logotip.gif) no-repeat top left;
}

#hp h3.stresnik{
	padding:30px 0 0 0;
	background: transparent url(../images/stresnik-logotip.gif) no-repeat top left;
}

/*              NEPREMICNINE               */

div#con_home img.nepr{
	margin:none;
	border:none;
}

div#con_home img.okol{
	float:right;
	margin:0 0 20px 20px;
}

div#con_home p.imp{
	padding:8px 0;
	margin:20px 0 0 0;
	font-weight:bold;
	border-top:black 1px dotted;
	border-bottom:black 1px dotted;
}


div#con_home ul.poud{
	margin:10px 0 20px 0;
	font-weight:bold;
	background:#ecf0b3;
	border:#dae081 1px solid;
}

div#con_home h3.hdar{
	padding:0;
	margin:40px 0 0 0;
	background:none;
	color:#c8cf5e;

}

iframe{
	margin:20px 0 0 0;

}
