body{
font-family: Open sans;
font-size: 100%;
color: #676767;
background: #f8f2e4;
}



.filteri select{
display: block; 
width: 100%;
padding: 20px;
color: #333;
border: none;
background: #e5e5e5;	
cursor: pointer;
	
}

.rwd{
display: block;
margin-left: auto;
margin-right: auto;
width: 1024px;
}

.poravnaj{
clear: both;
}

#zaglavlje{
background: #000;	
}

.logo{
color: #003f4f;
margin-top: 30px;
}

.logo .logo_slika{
	width: 180px;
	border: none;
float: left;	
margin-right: 50px;

}

.logo h1{
display: block;
padding-top: 50px;
font-size: 140%;
font-weight: 600;
font-family: Open sans;
}

.logo a{
text-decoration: none;
color: #005569;	
}

.logo h1 .manje{
display: block;
margin-top: 2px;
margin-bottom: 5px;
color: #005569;
font-weight: normal;
font-size: 65%;	

}



.patern{
opacity: 0.5;
top: -2px;
position: absolute;
z-index: 101;
background: url(../slike/patern.png);
width: 100%;
height: 100%;
}


#mobilniizbornik{
display: none;
}

#crtaizbornika{
background: #005569;
width: 100%;
display: block;
height: 64px;
}

#izbornik ul li{
display: block;
float: left;

}

#izbornik ul li a{
padding: 25px;
padding-left: 20px;
padding-right: 20px;
display: block;
text-transform: uppercase;
text-decoration: none;
color: #f1f1f1;
font-size: 80%;
font-weight: 600;
}

#izbornik ul li a:hover{
color: #f8f2e4;	
}

#izbornik ul .parent{
}

#izbornik ul li:hover, .current{
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
background: #003f4f;
}

#izbornik ul li ul{
display: none;
}

#izbornik ul li:hover > ul{
display: block;
position: absolute;
background: url('../slike/ululbg.png');
z-index: 100000;
width: 200px;
padding-bottom: 20px;
padding-top: 20px;
}



#izbornik ul ul li{
display: block;
clear: both;
padding: 8px;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
}

#izbornik ul ul li a{
font-size: 70%;
background: none;
text-transform: capitalize;
padding: 0;
background: none;
}

#izbornik ul ul li:hover{
background: none;
}

#izbornik ul ul .parent a{
background: none;
}




#trazilica{
display: block;
width: 256px;
height: 64px;
float: right;
text-align: right;
}

#trazilica img{
border: none;
cursor: pointer;
float: right;
}

#trazilica_input{
display: block;
float: right;
background: #004455;
color: #fff;
width: 192px;
height: 64px;
}





#trazilica_input input{
padding: 17px;
margin: 0px;
width: 158px;
height: 30px;
border: none;
background: #003f4f;
font-family: Open sans;
font-size: 75%;
color: #fff;
}


#crtaprecaca{
background: url('../slike/ululbg.png');
position: absolute;
width: 100%;
display: block;
height: 64px;
margin-top: -64px;
z-index: 10000;
}

.blokprecaca{
width: 296px;
padding: 17px;
height: 30px;
display: block;	
float: left;
color: #fff;
font-size: 70%;
}

.blokprecaca a{
text-decoration: none;
color: #fff;	
}

.blokprecaca a:hover{
color: #f8f2e4;		
}

.blokprecaca img{
	margin-top: 0px;
	height: 30px;
	margin-right: 12px;
	
float: left;
border: none;	
}

.blokprecaca h3{
margin-bottom: 2px;
color: #fff;
display: block;
font-size: 130%;
font-family: Open sans;
}

.jedan{
background: url('../slike/ululbg.png');
}

.dva{
background: #003f4f;	
}

.tri{
background: url('../slike/ululbg.png');
}


#sadrzaj{
width: 100%;
	
}

#sadrzaj a{
text-decoration: none;
color: #333;
font-weight: bold;

}

.item-page .item-image{
float: left;
margin-right: 40px;	
margin-bottom: 20px;
width: 300px;
padding: 10px;
padding-bottom: 5px;
background: #fff;
}

.item-page .item-image img{
width: 100%;
}

@media only screen and (max-width: 959px){
.item-page .item-image{
float: none;
margin-right: 0;	
width: 90%;
}

.item-page .item-image img{
width: 100%;
}
}

.pagination{
clear: both;
display: block;
width: 100%;
margin-top: -100px;

}

.pagination .pagenav{
display: none;

}

.pagination .pagination-prev .hasTooltip{
display: block;
}

.pagination .pagination-next .hasTooltip{
display: block;
}

.counter{
display: none;
}

.pagination-prev{
	position: absolute;
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url(../slike/prev.png);
margin-top: -320px;
margin-left: -25px;
opacity: 0.6;
}


.item-page .previous{
position: absolute;
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url(../slike/prev.png);
margin-left: -75px;
opacity: 0.6;
margin-top: -60px;
}

.pagination-prev a, .item-page .previous a{
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url../slike/prev.png);
opacity: 1;
}

.pagination-next{
float: right;
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url(../slike/next.png);
margin-top: -320px;
margin-right: -25px;
opacity: 0.6;	
}

.item-page .next{
float: right;
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url(../slike/next.png);
margin-right: -75px;
opacity: 0.6;
margin-top: -60px;
}

.pagination-next a, .item-page .next a{
display: block;
width: 35px;
height: 35px;
text-indent: 0;
font-size: 0;
background: url(../slike/next.png);
opacity: 1;
}


#povezano{
margin-bottom: 64px;
}

.cols-3 .item{
font-size: 80%;
display: block;
float: left;
line-height: 160%;
width: 261px;
text-align: center;
padding: 40px;
background: #f8f2e4;
min-height: 540px;

}

.cols-3 .column-1, .cols-3 .column-3{
background: #f4e9d2;
}
.cols-3 .item .item-image{
margin-bottom: 20px;

}

#phocagallery{
	margin-top: 30px;
}

#phocagallery .page-header{
	display: none;
	position: absolute;
	visibility: hidden;
}

#phocagallery .pagination{
	display: none;
	position: absolute;
	visibility: hidden;
}

.category-desc {
	display: block;
margin-top: 60px;

font-size: 80%;
line-height: 170%;
}

.category-desc img{
margin-right: 60px;
margin-left: 30px;
margin-bottom: 60px;
display: block;
float: left;		
}

.category-desc a{
color: #074e82;
font-weight: bold;
text-decoration: none;	
}

.category-desc h2{
font-size: 140%;
text-transform: uppercase;
text-decoration: none;
color: #005569;
font-weight: 500;
letter-spacing: -0.5px;
display: block;
padding-top: 30px;
margin-bottom: 10px;
}


.slikakategorije{
margin-left: -40px;
display: block;
width: 341px;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
filter: none;
-webkit-filter: grayscale(0%);
}

.slikanaslovnice{
margin-left: -40px;
display: block;
width: 341px;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
filter: none;
-webkit-filter: grayscale(0%);
}


.item-page{
font-size: 80%;
line-height: 170%;
padding: 40px;
padding-bottom: 80px;
background: #f4e9d2;
}
.page-header a, 
.item-title a{

font-size: 140%;
text-transform: uppercase;
text-decoration: none;
color: #005569;
font-weight: 500;
letter-spacing: -0.5px;
display: block;
margin-top: 0px;
min-height: 70px;
max-height: 70px;
overflow: hidden;
}


.page-header a{

font-size: 140%;
text-transform: uppercase;
text-decoration: none;
color: #005569;
font-weight: 500;
letter-spacing: -0.5px;
display: block;
margin-top: 0px;
}


.naslovnica-introtekst{
min-height: 100px;
max-height: 100px;
overflow: hidden;
}

.item-title a:hover{
color: #074e82;
}

.article-info-term{
display: none;
position: absolute;
}

.published{
margin-bottom: 30px;
}

.readmore{
display: block;
padding: 40px;
}

.opsirnije{
display: block;	
border-top: 1px solid #dadada;	
	padding-top: 10px;
}


.readmore a{
background: url(../slike/opsirnije.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 17px;
text-transform: uppercase;
color: #171717;
font-size: 95%;
text-decoration: none;
font-weight: 700;
}

.opsirnije a{
background: url(../slike/opsirnije.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 17px;
text-transform: uppercase;
color: #171717;
font-size: 80%;
text-decoration: none;
font-weight: 700;
}


.readmore a:hover, .opsirnije a:hover{
color: #074e82;
}


.simplePagerContainer{
margin-bottom: 64px;
}

ul.pagination1,
ul.pagination2,
ul.pagination3,
ul.pagination4,
ul.pagination-dokumenti{
margin-top: 30px;
padding: 20px;
background: #f4e9d2;
}

ul.pagination1 a,
ul.pagination2 a,
ul.pagination3 a,
ul.pagination4 a,
ul.pagination-dokumenti a{
text-decoration: none;
color: #8f8f8f;
}

ul.pagination1 .block,
ul.pagination2 .block,
ul.pagination3 .block,
ul.pagination4 .block,
ul.pagination-dokumenti .block{
padding: 10px;
}


ul.pagination1 .slika img,
ul.pagination2 .slika img,
ul.pagination4 .slika img,
ul.pagination-dokumenti .slika img{
border: none;
float: left;
height: 71px;
width: auto;
margin-right: 20px;
}





ul.pagination4 .slika img{
height: 121px;
}




ul.pagination1 .bilo,
ul.pagination2 .bilo,
ul.pagination3 .bilo,
ul.pagination4 .bilo,
ul.pagination-dokumenti .bilo{

}

ul.pagination1 .naslov,
ul.pagination2 .naslov,
ul.pagination3 .naslov,
ul.pagination4 .naslov,
ul.pagination-dokumenti .naslov{
font-size: 130%;
font-weight: 400;
text-transform: uppercase;
color: #333;
margin-bottom: 0px;
height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



ul.pagination1 .sadrzaj,
ul.pagination2 .sadrzaj,
ul.pagination3 .sadrzaj,

ul.pagination-dokumenti .sadrzaj{
font-size: 90%;
line-height: 140%;
color: #8f8f8f;
height: 32px;
font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.pagination4 .sadrzaj{
font-size: 85%;
line-height: 130%;
color: #8f8f8f;
height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}



ul.pagination1 li:hover,
ul.pagination2 li:hover,
ul.pagination3 li:hover,
ul.pagination4 li:hover,
ul.pagination-dokumenti li:hover{

}

ul.pagination1 li,
ul.pagination2 li,
ul.pagination3 li,
ul.pagination-dokumenti li{
height: 70px;
font-size: 80%;
margin-bottom: 1px;
list-style:none;
}

ul.pagination4 li{
background: #f6f6f6;
    height: 90px;
    font-size: 80%;
    margin-bottom: 1px;
	list-style:none;
}

ul.pagination3 li,
ul.pagination2 li{
cursor: pointer;
}

ul.pagination2 label{
cursor: pointer;
}


ul.red {
	outline:10px solid red;
}

ul.simplePagerNav{
	padding-top: 20px;
padding-bottom: 20px;
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;

}

ul.simplePagerNav li{
    display:inline-block;
  
    width:15px;
    padding: 10px;
    text-align: center;
    font-size: 70%;
    		margin-bottom: 0px;

}

ul.simplePagerNav li a{
    color: #333;
    text-decoration: none;
}

li.currentPage {

    background: #4c4c4e;	
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
}

table.pageme {
    border-collapse: collapse;
    border: 1px solid #ccc;
}  

table.pageme td {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.datum{
border: none;
float: left;
padding: 10px;
width:44px;
height:44px;
color: #3b3b3b;
margin-right: 20px;
font-size: 180%;
text-align: center;
line-height: 100%;
}

.dan{
font-size: 140%;
font-weight: 600;
display:block;
text-align: center;
width: 100%;
line-height: 80%;
}

.mjesec{
font-size: 45%;
display:block;
width: 100%;
text-align: center;
color: #737373;
line-height: 160%;
}

.godina{
line-height: 200%;
font-size: 60%;
display:block;
line-height: 60%;
text-align: center;
width: 100%;
color: #ababab;
}

#poslovica_okvir{
background: #005569;
}

#poslovica{
background: url(../slike/drustvoneretvanasplit-negativ.png);
background-position: 70px bottom;
background-repeat: no-repeat;
text-align: center;
font-family: 'Marck Script', cursive;
color: #fff;
padding: 60px;
font-size: 140%;
font-weight: 400;	
}

@media only screen and (max-width: 959px){
#poslovica{	
display: block;
width: 90%;
background: none;
text-align: center;
font-family: 'Marck Script', cursive;
color: #fff;
padding: 5%;
font-size: 120%;
font-weight: 400;	
}




}

#kontakt_okvir{
background: #fff;	
min-height: 200px;
}


@media only screen and (max-width: 959px){
 	
.cols-3 .item{
padding: 5%;
width: 90%;
min-height: auto;
}	

.item-page{
padding: 10%;
width: 80%;
}

#izbornik{
display: none;
}

}

@media screen and (max-width: 967px) { 



#crtaprecaca{
background: url('../slike/ululbg.png');
position: relative;
width: 100%;
display: block;
height: 192px;
margin-top: -2px;
z-index: 10000;
}

.blokprecaca{
width: 90%;
padding: 5%;
padding-bottom: 17px;
padding-top: 17px;
height: 30px;
display: block;	
float: left;
color: #fff;
font-size: 70%;
}

.rwd{width: 920px;} 

#trazilica{
display: none;	
}







#mobilniizbornik{
display: block; 
top: 0;
left: -220px;
z-index: 1000; 
float: left;   
width: 220px;        
position: absolute;
}

.mobilniizbornikotvoreni{   
width: 220px; 
margin-left: 220px;    
}

.odmakni{   
        left: 220px;   
        position: relative;  
        overflow: hidden;          

        }



.ugasiskrol{

           overflow: hidden;

           }





#mobizbornik{
float:left;
width: 64px;
height: 64px;
cursor: pointer;
border: none;
display: block;
background: url('../slike/rwd.jpg') no-repeat;
background-position: center;
}























#mobilniizbornik ul li{

                    

                    

                    }









#mobilniizbornik ul .active  a{

                      

                      }

                      

 #mobilniizbornik ul .active ul li a{

                                  

                                  color: #ccc;

                                  

                                  background-repeat: no-repeat;

                                  background-position: 0px 15px;

                                  }                         

                      



#mobilniizbornik ul li ul li{

                             list-style: none;

                             border: none;

                             

                             

                             background-repeat: no-repeat;

                             

                             

                             }

                             

#mobilniizbornik ul li ul li a{                             

                              padding-top: 17px;

                              padding-bottom: 17px;

                              }

                              

#mobilniizbornik ul li ul li img{

                                border: none;

                                margin-right: 10px;

                                }                          

                               

#mobilniizbornik ul li a{

                          text-decoration: none;

                          padding: 12px;

                          padding-left: 20px;

                          color: #ccc;

                          font-size: 70%;

                          border-top: 1px solid #1f1f1f;

                          border-bottom: 1px solid #515153;

                         

                         }





#mobilniizbornik ul li a:hover{

                              color: #fff;

                              }





.parent{
background: url('../slike/mobilniizbornikstrelica.png');
background-repeat: no-repeat;
background-position: right top;
}

.slikakategorije{
float: left;
display: block;
width: 110%;
height: 200px;
margin-bottom: 60px;
margin-left: -5%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
filter: none;
-webkit-filter: grayscale(0%);
}

.slikanaslovnice{
margin-left: -5%;
display: block;
width: 110%;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
filter: none;
-webkit-filter: grayscale(0%);
}


}





@media only screen and (max-width: 700px) {


#crtaprecaca{
margin-top: 0px;
}

#jmslideshow-87{	
display: none;	
}



.item-page img{
padding: 0px;
background: #fff;
border: none;
clear: both;
display: block;
width: 100%;
margin-bottom: 15px;
}

.rwd{width: 100%;} 


.cols-3 .item{
border-bottom: 15px solid #f4f4f4;
padding: 5%;
width: 90%;
display: block;
float: left;
}




}



@media only screen and (min-width: 480px) and (max-width: 701px) {



.rwd{width: 480px;} 



.logo{
color: #003f4f;
margin-top: 10px;
}

.logo .logo_slika{
width: 150px;
border: none;
float: left;	

margin-right: 50px;
}

.logo h1{
display: block;
padding-top: 50px;
font-size: 140%;
font-weight: 600;
font-family: Open sans;
}

}




@media only screen and (max-width: 480px) {

.logo{
color: #003f4f;
margin-top: 10px;
}

.logo .logo_slika{
width: 120px;
border: none;
float: left;	
margin-right: 30px;
}

.logo h1{

display: block;
padding-top: 30px;
font-size: 120%;
font-weight: 600;
font-family: Open sans;
}	
	
}





@media only screen and (max-width: 245px) {





@media only screen and (min-width: 701px) and (max-width: 959px) { .rwd{width: 620px; } 


}