/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* kraj CSS reset */ 




html, body{
/*    background-color : grey;    */
    height           : 100%;
    font-family      : arial;
}


a{
    text-decoration : none;
}


em {
    font-style: italic;
}


strong{
    font-weight: bold;
}


.cont{   
/*    background-color: blue;*/
    width : 1000px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}


.head_wrap
{
    position         : relative;
    padding-bottom   : 15%;
/*    background-color: orange;*/

}

.head{
    position : absolute;
    top      : 0;
    left     : 0;
    right    : 0;
    bottom   : 0;
    width    : 100%;
    height   : 100%;
/*    height : 15%;*/
}


.head a{
    color : #000;
}

.head_gore{
    position: relative;
    height : 54%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
/*    border-bottom: solid 2px #606060;*/
}


    .head_gore a{
        display: inline-block;
        height: 100%;
	color           : #000;
        
    }

    .head_gore a img{
        position: absolute;
        bottom: 30%;
        height: 40%;

    }
    
    
    .jezik_i_kontakt{
        position  : absolute;
        font-size : 0.8em; 
        right     : 0;
        bottom    : 30%;
        height    : 40%;
    }
    
/*    .head span{
        float: right;
        margin-right: 2%;  
    }*/



    .header_crta{
        clear            : both;
        background-color : #606060; 
        position         : absolute; 
        bottom           : 0px; 
        height           : 2%; 
        width            : 100%;
    }


.head_dolje{
    height           : 46%;
/*    background-color : yellow;*/
    border-top       : solid 62% #606060;
    width            : 80%;
    margin-left      : auto;
    margin-right     : auto;
}


    .head li{
        positio: relative;
        margin-top      : 14px;
        font-weight     : bold;
        font-size       : 0.8em;
        list-style-type : none;
        display         : block;
        float           : left;
        margin-right    : 2%;
    }
    .head li:hover{
        border-bottom: solid 2px #c0c0c0;
    }
    
    
    
.podcrtano{
    /* text-decoration: underline; */
    border-bottom: solid 2px #6fbada;
}

.podebljano{
    font-weight: bold;
}


.odabrano{
    color : #0f8cc1;
}   



/* dd menu HDM */

    .dd-menu {
        position : relative;
        display  : inline-block;
    }

    .dd-menu-sadrzaj {
        display          : none;
        position         : absolute;
        background-color : #f9f9f9;
        min-width        : 100px;
        box-shadow       : 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding          : 12px 16px;
    }

        .dd-menu-sadrzaj ul li{
            font-size : 0.9em; 
            display   : block;
            width     : 100%;
        }
        .dd-menu-sadrzaj ul li a{
            display   : block;
            width     : 100%;
        }
        .dd-menu-sadrzaj ul li:hover{
            border:none;
            background-color: #e0e0e0;
        }

        
    .dd-menu:hover .dd-menu-sadrzaj {
        display : block;
        z-index : 100;
    }     
/* kraj dd menu HDM */



/* navigacija lijevo */
.navigacija_lijevo{
    margin-left      : 10%; 
    width            : 12%; 
    float            : left;  
    margin-bottom    : 60px;  
    border-bottom    : solid 1px #000;
}
    .navigacija_lijevo li{
        font-size     : 0.8em; 
        display       : block;
/*        min-height    : 20px;*/
        padding       : 10px 0;
        font-weight   : bold; 
/*        margin-bottom : 10px;*/
        border-top    : solid 1px #000;      
    }
    .navigacija_lijevo li:hover{
        background-color: #e0e0e0;
    }


     .navigacija_lijevo a{
          color: #6fbada;
      }	

/* kraj navigacija lijevo */


.info_lijevo{
    color            : grey;  
    font-size        : 0.8em;
    margin-left      : 10%; 
    width            : 13%; 
    float            : left;  
    border-bottom    : solid 1px #000;
    border-top       : solid 1px #000;
    padding          : 6px 0;
}



.sadrzaj{
    
/*   background-color: blue;*/
}

    .podsadrzaj{
        margin-bottom: 5%;
        margin-left: 2.5%;
        float: left;
        width : 40%;
        
    }

    .podsadrzaj h1{
        line-height: 1.2;    
    } 

    .podsadrzaj div{
        line-height: 1.5;    
    } 




.naslov1 {
    font-size     : 2em;
    font-weight   : bold;
    margin-bottom : 30px; 
}



.slika_naslovna{
    width: 100%;
}



/* level 2 ****************************************************************** */

    .udarna-square-box{
      position: relative;
      left: 10%;
      width: 80%;
      overflow: hidden;
/*      background: pink;*/
      margin-bottom: 0.75%;
    }


    .udarna-square-box a{
        color           : #000;
    }

    .udarna-square-box:before{
      content: "";
      display: block;
      padding-top: 43%; /*37%*/
    }

    .udarna-square-content{
        position:  absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        color: white;
    }

        .udarna-square-content{ /* div; */
/*          display: */
            width: 100%;
            height: 100%;
    /*        background-color: silver;*/
        }
    
/*            .udarna-square-content div div{
                display : table-cell;
                text-align: center;
                vertical-align: top;
                width : 65%;
                height: 100%;
                background-color: #000;
            }*/


            .udarna_vijest_tekst { /* udarna-square-content div span */
                position: absolute;
                right : 0;
                display: table-cell;
/*                padding: 24px;*/
                width : 35%;
                height : 100%;
/*                text-align: left;
                vertical-align: top;*/
                background-color: #6fbada;
            }
    
    
                .udarna_vijest_tekst h2{ /* udarna-square-content div p span */
                    line-height: 1.2;
                    color: #000;
                    font-weight: bold;
                    font-size: 1em;
                    margin: 24px;
/*                    background-color: grey;*/
                    height : 23%;
                    overflow: hidden;
                     
                }
                
                .udarna_vijest_tekst p{ /* udarna-square-content div p span */
                    line-height: 1.5;
                    color: #fff;
                    margin: 24px;
                    font-size: 0.8em;
/*                    background-color: grey;*/
                    height : 46%;
                    overflow: hidden;
                }
                    .udarna_vijest_tekst p a{
                        color: #fff;
                    }
                
  /* kraj vijest udarna */
  
  
  
  
  
  
  
/* SADRZAJ VIJESTI */  
  
  /* HDM */
    .vijest-square-box{
      position: relative;
      width: 100%;
      overflow: hidden;
/*      background-color: red; */
    }

    .vijest-square-box:before{
      content: "";
      display: block;
      padding-top: 232%;
    }

    .vijest-square-content{
      position:  absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      color: white;
    }

        .vijest-square-content img{
            height:43%;    
        }
        
        .vijest-square-content h2{
            height : 10%;
            overflow: hidden;
/*            background-color: grey;*/
            font-weight: bold; 
            line-height: 1.2;
            color      : #000;
            margin-top : 10px;
            margin-bottom : 10px;
/*            height     : 10%;*/
        }
        
        .vijest-square-content strong{
            display: block;
            height     : 11%;
            overflow   : hidden; 
            line-height: 1.2;
            font-weight: bold;
            font-size  : 0.8em; 
/*            background-color: black;*/
            color      : #108cc1;
/*            height     : 10%;*/
        }
        
        .vijest-square-content p{
            color      : #000;
            margin-top : 10px;
            height     : 16%;
            line-height: 1.2;
            font-size  : 0.8em; 
            overflow   : hidden;  
/*            height     : 10%;*/
        }
        
        .vijest-square-content a{
            position         : absolute;
            bottom           : 0;
            display          : block;
            line-height      : 1.2;
            font-weight      : bold;
            font-size        : 0.8em; 
            width            : 100%;
            height           : 10%;
/*            margin-top : 20px; */
	    color: #000;
        }
    
    .vijest{
        float: left; 
        width: 25%;
        margin: 2.5%;
        margin-left: 0;
        margin-bottom: 0;
    }     
        
        .vijest_lijeva{
            margin-left: 10%;
        }   
  /* kraj HDM */
  



  /* VIJESTI */
    .vijest-square-box-2{
      position: relative;
      width: 100%;
      overflow: hidden;
/*      background-color: red; */
    }

    .vijest-square-box-2:before{
      content: "";
      display: block;
      padding-top: 200%;
    }

    .vijest-square-content-2{
      position :  absolute;
      top      : 0;
      left     : 0;
      bottom   : 0;
      right    : 0;
      color    : white;
    }

        .vijest-square-content-2 img{
            height : 50%;    
        }
        
	.vijest-square-content-2 a{
            color: #000;    
        }


        .vijest-square-content-2 h2{
            height           : 12%;
            overflow         : hidden;
/*            background-color : grey;*/
            font-weight      : bold; 
            line-height      : 1.2;
            color            : #000;
            margin-top       : 10px;
/*            height     : 10%;*/
        }
        
        
        .vijest-square-content-2 p{
            color      : #000;
            margin-top : 10px;
            height     : 18.7%;
            line-height: 1.2;
            font-size  : 0.8em; 
            overflow   : hidden;  
/*            height     : 10%;*/
        }
        
        .vijest-square-content-2 a{
            position         : absolute;
            bottom           : 0;
            display          : block;
            line-height      : 1.2;
            font-weight      : bold;
            font-size        : 0.8em; 
            width            : 100%;
            height           : 5%;
/*            margin-top : 20px; */
        }
     
  /* kraj VIJESTI */
/* kraj SADRZAJ VIJESTI */   







/* NAVIGACIJA VELIKA*/
    .navigacija-velika-square-box{ 
      position: relative;
      width: 100%;
      overflow: hidden;
      background-color: #bcbec0;
    }

    .navigacija-velika-square-box:before{
      content: "";
      display: block;
      padding-top: 30%;
    }

    .navigacija-velika-square-content{
      position:  absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      color: white;
    }

/*    .navigacija_velika-square-content div {
      display: table;
      width: 100%;
      height: 100%;
    }
*/    
/*    .navigacija_velika-square-content span {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      color: white
    }*/

        .navigacija_velika_rub_gornji{
            
           width:100%; 
           height: 9%; 
/*           background-color: teal;*/
            
        }    
              
        .navigacija_velika_rub_lijevi{
            float : left; 
/*            background-color: purple; */
            width: 10%;  
            height: 82%; 
            margin: 0;
        }

        .navigacija_velika_kvadrat{
            float : left; 
/*            background-color: gold;   */
            width: 25%;    
            height: 82%;
        }

            .navigacija_velika_kvadrat img{
                width  : 100%; 
                height : 100%;
            }
            
        .navigacija_velika_razmak{
           float : left; 
/*           background-color: purple; */
           width: 2.5%; 
           height: 82%; 
        }

        
        .kategorija{
            background-color: #000;
            font-size: 0.8em;
            padding: 12px;
            
            position: absolute;    
        }
        
        .kategorija {
            color : #fff;
        }
/* kraj NAVIGACIJA VELIKA*/



/* FOOTER */
    .foot-square-box{
      clear    : both;  
      
      position : relative;
      
      width    : 100%;
      overflow : hidden;
      
      background-image: url("../img/foot.png"); 
/*      background-color: #231f20;*/

    }

    .foot-square-box:before{
      content: "";
      display: block;
      padding-top: 24%;
    }

    .foot-square-content{
      bottom: 0;
      color: white;
      
      position:  absolute;
        left: 0;
        right: 0;
        top: 0; 
    }

    
    .navigacija_velika_kvadrat a{
        color : #fff;
    }
    
    
        .foot_sekcija, .foot_link {
            border-bottom : solid 2px #fff;
            color         : #fff;
            display       : block;
            font-weight   : bold; 
            font-size     : 0.8em;

            padding-bottom: 10px;
            padding-top   : 10px;
        }
        
        .foot_link{
            border: solid 2px #fff;
            text-align: center;
        }
        .foot_link:hover{
            background-color: #0f8cc1;
        }
        
        .registar_udruga{
            margin-top : 23%;
        }
        .registar_udruga a{
            color: #fff;
        }
        .registar_udruga a:hover{
            color: #0f8cc1;
        }
        
        
        
        .kontakt{
            display : block;
            margin-top: 4.8px;
        }
        
        .baner{
            float:left; 
            font-weight: bold; 
            width: 40%; 
            margin-top: 4.8%; 
            border: solid 2px #fff; 
            padding: 3%; 
            text-align: center;
        }

        .baner:hover{
            background-color: #0f8cc1;
        }
        .baner_izmedu{
            float:left; 
            width: 4.8%;
        }
        


/* kraj FOOTER */




/* GALERIJA */
.galerija_lijeva{
  float: left; 
  width: 25%;
  margin: 1.25%;
  margin-left: 10%;
}
.galerija_srednja{
  float: left; 
  width: 25%;
  margin: 1.25%;
}
.galerija_desna{
  float: left; 
  width: 25%;
  margin: 1.25%;
}

    .galerija-square-box{
      position: relative;
      width: 100%;
      overflow: hidden;
      background-color: yellow;

    }

    .galerija-square-box:before{
      content: "";
      display: block;
      padding-top: 100%;
    }

    .galerija-square-content{
      position:  absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      color: white;
    }


/* kraj GALERIJA */




/* poveznice */
.poveznice{
    margin-left   : 26%;
    margin-bottom : 30px; 
}
 
    .poveznice li {
        margin-bottom : 10px;
    }
        .poveznice li a{        
            color : #6fbada;
            font-size : 1.1em;
        }
        .poveznice li a:hover{        
            color : #3E7C96;
        }
        
/* kraj poveznice */



/* clanovi */
.clanovi{
    margin-bottom : 10%; 
    margin-top    : 10%; 
}

.dvije_slike{
    width      : 100%; 
    text-align : center;  
} 
.dvije_slike img{
    width      : 49%; 
    margin-top : 10px;
} 
    .clanovi dt{
        margin-bottom  : 5%; 
        margin-top     : 12%; 
        font-weight    : bold;
  
    }
        
    .clanovi dd{
        margin-bottom   : 2.5%;
        line-height     : 1.5;
    }
    
        .clanovi dd strong{
            font-weight : bold;
            display     : block;
        }
        
        .clanovi dd h3{
            font-weight   : bold;
            font-size     : 0.9em;
            margin-top    : 10px;
            margin-bottom : 10px;
        }
        
        .clanovi dd img{
            text-align : center; 
            max-width  : 100%;
        }
        
        .clanovi dd figcaption{
            text-align    : center;
            font-size     : 0.8em;
            margin-bottom : 10px; 
        }
        
        
        .clanovi dd ul{
            margin-top    : 10px;
            margin-bottom : 20px;
        }
        
        .clanovi dd li{
            margin-left     : 36px; 
            list-style-type : circle;
        }

        .clanovi dd p{
            margin-bottom : 10px; 
            margin-top    : 10px;
        }
            .clanovi dd p b{
                font-weight: bold;
            }
        
        .clanovi dd table{
            margin-bottom : 10px; 
            margin-top    : 10px;
        }
            .clanovi dd table caption{
                font-size: 0.8em;
            }
            .clanovi dd table th{
                font-weight: bold;
            }
            .clanovi dd table td, th{
                border     : solid 1px #000;
                padding    : 4px;
                text-align : center;
                font-size  : 0.8em;
            }
            
            
            
/* kraj clanovi */


/* uprava */
.podlista{
    margin-left : 5%;
}
.podlista dt{
    color       : #606060;
}
/* kraj uprava */


/* dokumenti*/
.dokumenti li{
    margin-top : 5%; 
}
    .dokumenti li a, .dokument {
        color      : #3E7C96;
        font-weight: bold;
    }
    .dokumenti li a:hover{
        text-decoration: underline;
    }
    
/* kraj dokumenti*/




/* PRIDRUZI SE */
.pridruzise{line-height     : 1.5;}
dl.pridruzise{margin-left:20px;}
    .pridruzise dt{ display: list-item; list-style-type: square;}
    .pridruzise dd{margin-bottom:10px; padding-left:20px;}
/* kraj PRIDRUZI SE */



.link{
    font-weight : bold;
    color       : #3E7C96;
    
}

.paragraf_1{
    line-height: 1.5;   
}