ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}
  ol{
	padding:0px;
	margin:0px 0px 0px 20px;
	list-style-type: decimal;	
}
 
   li{
	padding:0px;
	margin:0px;
}
input {
	color : #000000;
	font-size : 100%;
	font-weight: bold;
}
select {
	border: 1px solid #C5C5C5;
	display: block;
	padding: 6px 12px;
	margin-bottom: 0.5em;
	line-height: 30px;
	color: #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
*:focus {
    outline: 0;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a img {
	border:0;
	}

/*Main styles =main */
* {margin: 0px; padding: 0px;}
/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body {
	color: #000000;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	}

acronym {
	border-bottom: none;
	}
blockquote {
	padding-top:5px;
	padding-left:40px;
	padding-bottom:5px;
	}
 /*specific divs */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;} 


#panel {
	width:100%;
	margin: 0px;
    padding:0px;
	z-index:0;
	float:left;
} 

#container {
	margin: 0px;
	padding: 0px;
	width:100%;
	display:block;
	z-index:0;
	}

div #headerwrap {
	float:left;
	width: 100%;
	display:block;
	margin: 0px;	
    padding: 0px;
	z-index:2;
	background: url(../images/header_back.png) repeat-x transparent left bottom;
	border-bottom:1px solid #36a7e9;
}
div #headergore {
	min-height: 70px;
	padding-top:52px;
	
}
#headeroklop {
	background: url(../images/header.png) no-repeat transparent right bottom;
	padding-top:52px;
	height:140px;
}
div #maincontent, #headeroklop, #footerup, #footerdown,  #copyright {
	margin:0 auto;
	display:block;
	width:1170px;
}
div #logo{
	background: url(../images/dwp_logo.png) no-repeat transparent left top;
	float:left;
	width: 210px;
	height:68px;
	display:block;
	margin: 0px 40px 0px 30px;	
	z-index:0;
}
div #water{
	float:left;
	width: 190px;
	height:68px;
	display:block;
	margin: 0px 0px 0px 0px;	
	z-index:0;
	font-size:18px;
	font-weight:300;
	color:#304682;
	line-height: 18px;
}
div #state{
	background: url(../images/state_title.png) no-repeat transparent center top;
	float:left;
	width: 226px;
	height:50px;
	display:block;
	margin: 0px 0px 0px 10px;	
	z-index:0;
	border-left:1px solid #36a7e9;
	border-right:1px solid #36a7e9;
}
div #date{
	float:left;
	width: auto;
	height:36px;
	display:block;
	margin: 0px 0px 0px 20px;	
	padding:32px 0px 0px 0px;
	z-index:0;
	font-size:18px;
	font-weight:300;
	color:#304682;
}
div #headerdole {
	min-height: 70px;
}

div #navigacijaback {
	width: 100%;
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	z-index:2;
   }
div #navigacija {
	float:left;
	margin:0px;	
	padding: 14px 0px 0px 0px;
	z-index:2;
   }
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  width: 100%; 
  height:52px;
      -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
	z-index:0;
}
@keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0.5; }
    to   { opacity: 1; }
}
.fixed-header #headeroklop {
	padding-top:0px;
	height:52px;
}
.fixed-header #water, .fixed-header #date  {
	display:none;
}
.fixed-header #logo{
	background: url(../images/dwp_logo_small.png) no-repeat transparent left top;
	width: 113px;
	height:27px;
	margin: 12px 8px 0px 0px;	
}
.fixed-header #state{
	background: url(../images/state_title_small.png) no-repeat transparent center top;
	width: 131px;
	height:27px;
	margin: 12px 0px 0px 0px;	
	border-left:1px solid #36a7e9;
	border-right:0px;
}
.fixed-header #navigacijaback {
	width: 700px;
   }
.fixed-header #navigacija {
	padding: 2px 0px 0px 0px; 
   }
#content {
	background:#ffffff;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width:100%;
	display:block;
	z-index:0;
	float:left;
	}

div #path {
	position:relative;
	width:90%;
	font-size: 13px;
	color:#545454;
	padding: 2px 10px 5px 0px;
	margin:0px;
}
div #sadrzaj #path a:link{
	font-weight:300;
	color:#304682;
}



#maincontent_wrapper {
	float:left;
	display:block;
	z-index:0;
	padding:20px 0px 20px 0px;
	}
.pad #maincontent_wrapper {
	padding:212px 0px 20px 0px;
	}
.pad #leftcontent {
	
	}
div #sadrzajmain {
	width:100%;
	padding: 0px;
	float:left;
	z-index:0;
}
div #sadrzaj {
	margin: 0 auto;
    text-align: left;
	z-index:0;
}
div #sadrzaj p {
	font-size: 100%;
	padding: 10px 0px 10px 0px;
	margin:0px;
	line-height:22px;
}
div #sadrzaj h1 {
	color: #36a7e9;
	font-size: 42px;
	margin: 10px 0px 10px 0px;
	font-weight: 700;
	text-transform: uppercase;
	  line-height: 36px;
   }

div #sadrzaj h2 {
	font-size: 32px;
	margin: 10px 0px 10px 0px;
	font-weight: 700;
	text-transform: uppercase;
	color: #36a7e9;
   }

div #sadrzaj h3 {
	font-size: 24px;
	color:#004f90;
	margin:5px 0px 5px 0px;
	font-weight: 500;
	padding:0px 0px 0px 0px;	
	text-align:left;
   }

div #sadrzaj h4 {
	font-size: 12px;
	font-weight: 400;
	margin:5px 0px 2px 0px;
	color: #000;
	text-transform: uppercase;
   }
div #sadrzaj h5{
	font-size: 10px;
	font-style:italic;
	font-weight: 300;
	margin:2px 0px 5px 0px;
	color: #000;
	text-transform: uppercase;
}   
div #sadrzaj h6 {
	font-size: 95%;
	color: #000000;
	font-weight:bold;
	padding: 0px 2px 5px 2px;
	margin:0px;	
	text-align:center;
   }
div #sadrzaj ul li, div #sadrzaj ol li ul li{
	font-size: 100%;
	font-style: normal;
	text-align: left;
	padding: 1px 0px 2px 15px;
	margin: 5px 5px 5px 10px;
	display:block;
	line-height:20px;
	background: url(../images/bullet.png) no-repeat 0px 6px;
}  
div #sadrzaj ul li p{
	padding: 0px;
} 
 
div #sadrzaj ol li{
	font-size: 100%;
	font-style: normal;
	text-align: left;
	padding:2px 0px 2px 0px;
	margin: 0px 5px 0px 5px;

}
div #sadrzaj a:link, div #sadrzaj a:visited {color: #304682;text-decoration: none;font-weight:400;}
div #sadrzaj a:hover {color: #304682;text-decoration: underline;font-weight:400;}

div #sadrzaj li a:link, div #sadrzaj li a:visited {color: #304682;text-decoration: none;font-weight:400;}
div #sadrzaj li a:hover {color: #304682;text-decoration: underline;font-weight:400;}

div #sadrzaj img {
	margin: 0px 5px 5px 0px;
}
div #sadrzaj table img {
	margin: 0px; 
	box-shadow: none;
}
div #sadrzaj img {
	margin: 0px;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
div #sadrzaj table a.highslide img, #sadrzaj a.highslide img{
	margin: 5px 0px 5px 0px;
  }


div #sadrzaj div.media_embed{
	display:block;
	text-align:center;
}


#sadrzaj p.pdf, #sadrzaj p.word, #sadrzaj p.zip, #sadrzaj p.folder {
	clear: left;
	display: inline-block;
	float: left;
	position: relative;
	padding: 1px 0px 2px 25px ;
	margin: 0px 5px 2px 0px ;
	text-align: left ;
	text-indent: -25px;
	font-weight:bold;
}

#sadrzaj p.pdf a:before {
	background: url("../images/pdf.png") no-repeat top right;
	content: "";
	display: inline-block;
	font-size: .8em;
	height: 16px;
	margin-right: 8px;
	margin-bottom: -2px;
	width: 16px;
}
#sadrzaj p.word a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
	margin-right: 8px;
	margin-bottom: -2px;
	background: url(../images/word_icon.gif) no-repeat top right;
}
#sadrzaj p.zip a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
	margin-right: 8px;
	margin-bottom: -2px;
	background: url(../images/zip.png) no-repeat top right;
}
#sadrzaj p.folder a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
	margin-right: 8px;
	margin-bottom: -2px;
	background: url(../images/folder.png) no-repeat top right;
}
div.path {
	display: block;
	font-size: 100%;
	font-weight: normal;
	color: #505052;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
}

div.path a:link, div.path a:visited {color: #505052;text-decoration: none;}
div.path a:hover {color: #E8272A;text-decoration: underline;}

hr {
    border:0;
    color:#f5f5f5;
    background:#f5f5f5;
    height:2px;
}

div #plugin {
	float:left;
}
#backToTop {
	width: 100%;
	height:50px;
	float:left;
	z-index:300;
	margin:30px 0px 20px 0px
}
#sadrzaj #backToTop a:link {
	display: block;
	background: url(../images/li_back.png) no-repeat transparent left center;
	padding: 1em 70px 1em 30px;
	text-transform:uppercase;
	color: #304682;
	font-weight:300;
}
#toTop {
	position: fixed;
	right: 10px;
	bottom: 35px;
	display: none;
	overflow: hidden;
	width: 60px;
	height: 24px;
	border: none;
	background: url(../images/top.png) no-repeat transparent left center;
	text-decoration: none;
	 text-indent: 30px;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 7px;
}
 a:link#toTop {
	text-transform:uppercase;
	color: #304682;
	font-weight:300;
}
a[name] {
	padding-top: 52px;
	margin-top: -52px;
	display: inline-block; /* required for webkit browsers */
	height: 52px;
}
div #footer {
	float:left;
	margin:0px 0px;
	padding:40px 0px 30px 0px;
	width: 100%;
	color: #999;
	background: #eaf3fc;
	border-top: 1px solid #36a7e9;
	font-size: 75%;
	}
div #footer p {
	padding:0px 0px 5px 0px;
	margin:0px;
	}
div #footer img {
	margin:0px 0px 0px 0px;
	}

div #footer a:link, div#footer a:visited {color: #304682;text-decoration: none;font-weight:400;}
div #footer a:hover {color: #304682;text-decoration: underline;font-weight:400;}

div #dwp{
	float:left;
	display:block;
	line-height: 1.5em;
	margin: 10px 0px 10px 0px;	
    padding: 0px 0px 0px 0px;
	z-index:0;
	text-align:right;
}
div #dwp h2 {
	font-size: 13px;
	color: #304682;
	margin:10px 0px 10px 0px;
	font-weight:300;
   }
div #dwp h1 {
	font-size: 18px;
	color: #36a7e9;
	margin:10px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:700;
   }
div #dwp h3 {
	font-size: 11px;
	color: #304682;
	margin:10px 0px 10px 0px;
	font-weight:300;
   }
div #dwp_text{
	float:left;
	width:890px;
	display:block;
	color: #545454;
	margin: 10px 0px 10px 40px;	
    padding: 0px 0px 0px 0px;
	z-index:0;
	text-align:left;
}
div #sitemap h1{ 
	margin-bottom:10px;
}
div #sitemap ul li{ 
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-top:1px;
	padding-bottom:4px;
	padding-left: 20px;
	margin-left:15px;
	margin-right: 5px;
}
div #sitemap ul ul li{ 
	margin-left:30px;
}
* html div #sitemap ul ul li{ 
	margin-left:0px;
}
div #sitemap ul ul ul li{ 
	margin-left:45px;
}
* html div #sitemap ul ul ul li{ 
	margin-left:0px;
}

.google-maps {
	position: relative;
	padding-bottom: 5%;
	overflow: hidden;
	margin: 20px 0px 20px 0px;
}

#mobnav-btn {
	float: left;
	display: none;
	width: auto;
	height: 24px;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 5px;
	text-align: right;
	font-size: 18px;
	color:#0c4076;
}

.mobnav-subarrow {
    display: none;
}

.country{
	position:relative;
	float:left;
	display: block;
	width:158px;
	margin: 0px 30px 30px 0px;	
    padding: 20px;
	z-index:0;
	text-align:left;
	border:1px solid #a2cdf2;
	min-height: 245px;
}
.end{
	margin: 0px 0px 30px 0px;	
}
#sadrzaj .country h1.country_name{
	color: #36a7e9;
	font-size: 23px;
	margin: 5px 0px 5px 0px;
	font-weight: 700;
	text-transform:uppercase;
	 line-height: 19px;

	}
#sadrzaj .country h2.country_note{
	color: #787878;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	font-weight: 300;
	text-transform:uppercase;
	
	}
div #sadrzaj .country ul li, div #sadrzaj .download ul li{
	font-size: 13px;
	font-weight: 300;
	padding: 3px 0px 5px 30px;
	margin: 5px 0px 5px 0px;
	display:block;
	background: url(../images/li_back.png) no-repeat 0px 0px;
	text-transform:uppercase;
} 
div #sadrzaj .country ul{
	position:absolute;
	top:170px;
	
}
div #sadrzaj .download ul{
	display: inline-block;
	vertical-align: bottom;
}
div #sadrzaj .country img{
	border:1px solid #cfcfcf;
}


#sadrzaj table p{
	font-size: 90%;
	padding: 2px 3px 2px 0px;
	margin:0px;
	line-height:16px;
}
#sadrzaj  p.right, ul.right, h5.right{
	width:70%;
	border-left:10px solid #00aeef;
	font-size: 90%;
	padding: 2px 3px 2px 10px;
	margin:0px;
}
#sadrzaj  p.left{
	padding: 2px 3px 2px 0px;
	margin:0px;
}
#sadrzaj  p.b{

}
#sadrzaj  p.a{
	
}
#sadrzaj  p.clear{
	clear:both;
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
    position: absolute;
  top: 150px;
}

div #sadrzaj p.c_title {
	font-size: 36px;
	margin: 15px 80px 15px 0px;
	font-weight: 700;
	text-transform: uppercase;
	color: #36a7e9;
	text-align:right;
	  line-height: 30px;
}
div #sadrzaj p.c_subtitle {
	font-size: 15px;
	margin: 15px 80px 15px 0px;
	font-weight: 400;
	color: #000;
	text-align:right;
}
div #sadrzaj p.c_sub2title {
	font-size: 20px;
	margin: 15px 80px 5px 0px;
	font-weight: 400;
	color: #000;
	text-align:right;
	line-height: 22px;
}
div #sadrzaj p.c_no {
	font-size: 32px;
	margin: 15px 80px 5px 0px;
	font-weight: 400;
	color: #000;
	text-align:right;
}
div #sadrzaj p.c_note {
	font-size: 13px;
	font-weight: 300;
	padding: 5px 35px 5px 0px;
	margin: 20px 80px 0px 0px;
	display:block;
	background: url(../images/li_back.png) no-repeat right center;
	text-transform:uppercase;
	text-align:right;
}
div #sadrzaj p.water_text {
	margin-right: 30px;


}
div #sadrzaj p.up_title {
	font-size: 23px;
	padding: 0px 20px 0px 0px;
	margin:0px;
	line-height:20px;
	color:#304682;
	text-transform: uppercase;
	font-weight:400;
}

div #sadrzaj p.sub_title {
	font-size: 18px;
	font-weight:600;
	padding: 30px 20px 5px 0px;
	margin:0px;
	line-height:16px;
	color:#36a7e9;
}
div #sadrzaj p.table_text {
	font-size: 15px;
	font-weight:300;
	padding: 5px 20px 15px 0px;
	margin:0px;
	line-height:20px;
}
div #sadrzaj h1.title {
	font-size: 53px;
	line-height: 45px;
	font-weight:900;
}

.download{
	float:left;
	display: inline-table;
	width:90%;
	margin: 0px 30px 30px 0px;	
    padding: 40px;
	z-index:0;
	text-align:left;
	border:1px solid #a2cdf2;
}
div #sadrzaj .download img{
	float:left;
	display: inline-table;
	width:107px;
	margin: 20px 50px 30px 0px;	
	z-index:0;
	text-align:left;
}