@charset "UTF-8";
/* CSS Document */
@import 'reset.css';
	
@font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans/OpenSans-Regular-webfont.eot');
    src: url('opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('opensans/OpenSans-Bold-webfont.eot');
    src: url('opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('opensans/OpenSans-Bold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {height: 100%;}

#wrapper {min-height: 100%;}
#MainWPad{overflow:hidden;; padding-bottom: 280px;}
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	/*margin-bottom: 30px;
	margin: 0;*/
	}
.cookie_warning{
	width:100%;
	min-height:50px;
	display: block;
	background-color: #CCC;
	padding-top: 20px;
	color:#FFF;
	/*position:fixed;
	z-index: 2000;*/
}
.cookie_warning_cont{
	width:940px;
	margin: 0 auto;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:130%;

	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}
span{
	
	letter-spacing:0.5px;
	}

h1, h2, h3, h4, h5, h6, p, {
	font-family:'OpenSansRegular';
	text-align:left;
	margin: 0px;
	
}
h1{
	font-family:'OpenSansBold';
	font-size:24px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	}
h2{
	font-family:'OpenSansBold';
	font-size:16px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:3px 0 13px 0;
	}
hr{
	border: none;
	border-top: solid 1px #878787;
	
	margin-bottom:8px;
	}
	
	
/* DEFINIRANJE BOLD TAG */
b, strong{font-family:'OpenSansBold'!important;}	
	
hr.dashed{
	border: none;
	border-top: dashed 1px #878787;
	margin-bottom:8px;
	}
.siva_bg{background-color: #878787;}
.siva_f{ color:#878787;}
.plava_bg{background-color: #8a9ba6;}
.plava_f{color: #8a9ba6;}
article li{
	list-style-type: disc;
	list-style-position:inside;
	line-height: 130%;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
/*############################
## TABLE STYLES
############################*/

table.hadria_tbl{
	color: #000;
	border-collapse:collapse;
	margin-left:15px;
}
table.hadria_tbl,th, td
{
	padding: 3px;
	border: 1px solid #c4cdd2;
}
table.hadria_tbl tr:nth-child(odd){
	background-color: #c4cdd2;
}


table.cjenik{
	color: #000;
	border-collapse:collapse;
	border-spacing: 3px;
	border: 2px solid #fff;
} 
table.cjenik thead{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 2px solid white;
}
table.cjenik thead tr{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 0px solid white;
}
table.cjenik thead td{
	color: #fff;
	
}
table.cjenik tr{	
	text-align: center;
	vertical-align:middle;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
table.cjenik td{	
	text-align: center;
	vertical-align:middle;
	padding: 5px;
	
	
}
table.cjenik tr:nth-child(odd){
	
}
table.cjenik tr:nth-child(even){
	background-color: #c4cdd2;
}

/*############################
## CONTENT STYLES
############################*/
div#container
{
	width: 960px;
	/*overflow:auto;text-align: left;*/
	margin-left: auto;
	margin-right: auto;
	
	
	display:block;
	min-height:100%;
	color:#878787
}
.clearfix{clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*############################
## HEADER STYLES
############################*/
header .first_page{
	background:url(../images/val_bg_big.png) repeat-x;
	background-position:0 150px;
	display: block;
}
header{
	background:url(../images/val_small.png) repeat-x;
	background-position:0 150px;
	display: block;
}
#iluSh {
	margin:0;
	padding:0;
	height:400px;
	background:url(../images/ilu_shadow.png) no-repeat;
	background-position:0px 323px;
	display: block;
}
#ilu_holder {
	margin-top:50px;
	width:960px;
	height:340px;
	display:block;
	margin-bottom:50px;
	}
#inner_border{
	
	position:absolute;
	z-index:998;
	width:950px;
	height:330px;
	display:block;
	/*padding-bottom:25px;
	background:url(../images/ilu_shadow.png) no-repeat;*/
	background-position:bottom;
	border:5px solid;
	border-color:#FFF;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
	}
#iluSh2 {
	margin:0;
	padding:0;
	height:340px;
	background:url(../images/ilu_shadow.png) no-repeat;
	background-position:0px 280px;
}
#ilu_holder2 {
	margin-top:50px;
	width:960px;
	height:300px;
	display:block;
	margin-bottom:50px;
	}
#inner_border2{
	
	position:absolute;
	z-index:998;
	width:950px;
	height:290px;
	display:block;
	/*padding-bottom:25px;
	background:url(../images/ilu_shadow.png) no-repeat;*/
	background-position:bottom;
	border:5px solid;
	border-color:#FFF;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
	}
.home_banners {
	float:left;
	width:267px;
	height:auto;
	padding:8px 18px;
	display:block;
	background:url(../images/home_ban.png) no-repeat;
	background-position:top;
	}
.home_banners img{
	width:267px;
	height:152px;
	/*margin-left:18px;
	margin-right:18px;
	margin-top:8px;*/
	margin-bottom:20px;
	}
.home_banners a{
	text-decoration:none;
	color:inherit;
	text-transform:none;
	}
.home_banners h1{
	font-size:24px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	}
.side_banners {
	width:267px;
	height:auto;
	padding:8px 18px;
	display:block;
	background:url(../images/home_ban.png) no-repeat;
	background-position:top;
	}
.side_banners img{
	width:267px;
	height:152px;
	/*margin-left:18px;
	margin-right:18px;
	margin-top:8px;*/
	margin-bottom:20px;
	}
.side_banners a{
	text-decoration:none;
	color:inherit;
	text-transform:none;
	}
.side_banners h1{
	font-size:24px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	}
#TopHead{
	width:100%;
	display:block;
	height:140px;;
	}
.logo{
	width:250px;
	height:140px;
	margin-right:10px;
	display:block;
	float:left;
	}
.navigation{
	width:690px;
	height:140px;
	display:block;
	float:right;
	}
#lngSwitch{
	width:auto;
	height:22px;
	float:right;
	display:block;
	margin-bottom:50px;
	text-align:right;
	border:1px solid #336a9d;
	margin:17px 5px;
	padding:0 5px 0 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-bottom:43px;
	}
div#lngSwitch a{
	float:left;
	display:block;
	border:0;
	margin-right:5px;
	padding:5px 5px 5px 5px;
	}
div#lngSwitch a:hover, #lngSwitchAC{
	float:left;
	display:block;
	border:0;
	margin-right:5px;
	padding:5px 5px 5px 5px;
	background-color: #336a9d;
	color:#fff;
	}
/*nav#meni{
	float:right;
	width:100%;
	display:block;
	margin-bottom:50px;
	text-align:right;
	position:absolute;
	z-index:999;
	}*/
/*############################
## NAVIGATION STYLES
############################
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html[xmlns] .clear {
	display: block;
}
* html .clear {
	height: 1%;
}
nav#menu{
	}

nav#menu ul{
	margin: 0px; 
	padding: 0px;
	float:right;
	
}
nav#menu li{
	list-style: none; 
	float:right;
	margin-left:10px;
	font-size:14px;
	}
nav#menu li:hover{
	list-style: none; 
	float:right;
	margin-left:10px;
	font-size:14px;
	}
nav#menu li a{
	list-style: none; 
	float:right;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	padding:8px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-size:14px;
	}
nav#menu li a:hover{
	list-style: none; 
	float:right;
	color:#FFF;
	background-color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	padding:8px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-size:14px;
	}*/
	
/*############################
## CONTENT STYLES
############################*/

article.cont{
font-family:'OpenSansRegular';
	float:left;
	width:632px;
	display: block;
	height: auto;
	margin-right:17px;
	
	
}

article.cont h1{
	width:100%;
	padding: 0 0 5px 5px;
	margin:0 0 20px 0;
	border-bottom: 1px solid  #336a9d;
}
article h1{
	width:100%;
	padding: 0 0 5px 5px;
	margin:0 0 20px 0;
	border-bottom: 1px solid  #336a9d;
}

article.cont div#article_cont{
font-family:'OpenSansRegular';
display: block;
	width:100%-20px;
	padding-left:10px;
	padding-right:10px;
}
article.cont a{
	text-decoration: none;
	color:#336a9d;
	
}
article.cont a:hover{
	text-decoration: none;
	color:#000;
	
}

#box_holder{
float: right;
	width:311px;
	display: block;
	height: auto;
}
#box_holder h1{
	font-size:14px;
	width:100%;
	padding: 0 0 5px 5px;
	margin:10px 0 20px 0;
	border-bottom: 1px solid  #336a9d;
}
#box_holder div{
	font-size:11px;
	padding:0;
	margin:10px 10px 20px 10px;
}
.slika {
	float:left;
	width:180px;
	height:auto;
	padding:5px 13px 0 17px;
	display:block;
	background:url(../images/home_small_ban.png) no-repeat;
	background-position:top;
	}
.slika img.kontajner{
	width:176px;
	height:100px;
	/*margin-left:18px;
	margin-right:18px;
	margin-top:8px;*/
	margin-bottom:15px;
	}
/*############################
## FOOTER STYLES
############################*/
footer{
	height:280px;
	background:url(../images/foot_bg.png) #6c9bca repeat-x;
	background-position:bottom;
	bottom:0;
	display: block;
	vertical-align:baseline;
	margin-top: -280px; /* negative value of footer height */
	
	}
footer h1{
	font-size:24px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 10px 15px;
	border: none;
		
	}
footer hr{
	height:1px;
	color:#FFF;
	background-color:#FFF;
	}
.foot_news{
	width:420px;
	display: block;
	color:#FFF;
	padding:10px 10px 0 10px;
	margin:10px 0 10px 0;
	}
.foot_news img{
	margin:0 15px 10px 0;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	}
.foot_news h3{
	font-size:14px;
	margin-bottom:8px;
	}
.foot_news span{
	font-size:12px;
	}
.underFootMenu{
	position:relative;
	padding-top:9px;
	float:left;
	color:#FFF;
	font-size:11px;
	height:24px;
	width:600px;
	text-align:left;
	}
.copyRight{
	position:relative;
	padding-top:9px;
	float:right;
	color:#FFF;
	font-size:11px;
	height:24px;
	width:250px;
	text-align:right;
	}
.hadriaInfo{
	width:350px;
	float:right;
	height:217px;
	padding-top:30px;
	display:block;
	
	}
.hadriaInfo p{
	margin-top:10px;
	margin-left:20px;
	color:#FFF;
	
	}
.shLink{
	margin-left:20px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #fff;
	width:100px;
	height:15px;
	padding:7px;
	display:block;
	color:#FFF;
	background:url(../images/foot_bg.png) 0 80%;
	}
	
	
/*############################
## CONTACT FORM STYLES
############################	*/
	
.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:100%;
	font-weight:700
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:10px;
	border: 1px dotted #6c9bca;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:10px;
	border: 1px dotted #6c9bca;
}
.element .hightlight {
	border:2px solid red!important;
}
.element #submit {
	float:left;
	margin-left:10px;
	color:#FFF;
	background-color: #6c9bca;
	padding:8px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	border: 1px solid #FFF;
}
.element #submit:hover {
	float:left;
	margin-left:10px;
	color:#6c9bca;
	background-color: #FFF;
	padding:8px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	border: 1px dotted #6c9bca;
}
.loading {
	float:right; 
	background:url(../images/contact/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(../images/contact/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}