﻿
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
/*ROTATOR*/
.okvirRotator {
    width:684px;
}


.nazivKontrole_kl {
font-family:'customNaslov', Arial;
font-size:22px;
color:#9b2313;
margin-bottom:2px;

}


.rotator {
width:684px;
height:385px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
z-index:1;
position:relative;
transition:0.4s;
}

    .rotator:hover {
        cursor:pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
    }

/*.rotatorTextHover {
 z-index: 2 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    height: 30px;
    color: #FFF;
    width: 620px;
    position: relative;
    top: 300px;
    font-size: 24px;
    font-weight: bolder;
    padding: 10px;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 12.93) 0px, rgba(0, 0, 0, 0.4) 100%);
}*/

.rotatorTextHover {
 z-index: 2 !important;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;*/
    color: #FFF;
    width: 652px;
    line-height:1em;
    position:absolute;
    bottom: 0px;
    font-size: 27px;
    font-weight: bolder;
    padding: 16px;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align: bottom;
    font-family:Arial;
    font-weight:bold;
    letter-spacing:-0.038em;
    background-color:rgba(0,0,0,0.5);
    /*background-image: linear-gradient(to top, rgba(0, 0, 0, 12.93) 0px, rgba(0, 0, 0, 0.4) 100%);*/
}

.rotatorTextSub {
    color:#3c3c3c;
    width:684px;
    font-family:Arial !important;
    padding-bottom:16px;
    padding-top:7px;
    text-align:justify;
    font-size:16px;
    line-height: 1.214em;
}

.rotatorOstale {

    width:159px;
    float:left;
    margin-left:16px;
    overflow:hidden;
    font-weight:bold;
    margin-bottom:13px;
    transition:0.4s;
    color:#111111;
  font-size:14px;
  font-weight:bold;
  padding-top:16px;
  letter-spacing: -0.4px;
  line-height: 1.214em;
    
}

.prvaOstala {
    margin-left:0px;
}

    .rotatorOstale:hover {
    cursor:pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    text-decoration:underline;
    }

.rotatorOstaleSlika {
position:relative;
background-size:cover;
background-position:center;
width:100%;
height:89px;
margin-bottom:8px;

}
  /*  .rotatorOstale img {
        background-size:cover;
        width:100%;
        height:93px;
        background-color:black;
    }
      */
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
/*NAJCITANIJE*/
.okvirNajcitanije {
width:300px;
//background-color:#dcdcdc;
color:#333;
background-color:#f1f1ef;
}

 a {
text-decoration:none;
text-transform:none;
color:#111;
}


.najnovijeNajcitanijeOkvirVijesti {
width:268px;
height:auto;
padding-top:10px;
padding-left:16px;
padding-right:16px;
font-weight:bold;

color:#111111;
  font-size:14px;
  font-weight:bold;
  letter-spacing:-0.4px;
  line-height:1.214em;

}

    .najnovijeNajcitanijeOkvirVijesti:hover {
    text-decoration:underline;
    
    }

.najcitanijaVijest {
padding-top:9px;
padding-left:5px;
width:295px;
height:60px;
border-bottom: 1px solid #dcdcdc;
margin-top:5px;
box-shadow: 0px 3px 3px #999;
font-size:14px;
overflow:hidden;



}

.najcitanijeNaslov {
display:inline-block;
border-bottom:0px solid #666; 
width:auto; 
font-weight:bold;
}

    .najcitanijeNaslov:hover {
    border-bottom-width:3px;
    cursor:pointer;
    }

    .najcitanijaVijest span {
        padding-top:5px;
        width:200px;
        padding-left:5px;
        float:left;
    }
    .najcitanijaVijest img {
        padding-top:5px;
        float:right;
        width:80px;
        height:45px;
        background-size:auto;

    }

    .najcitanijaVijest:hover {
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

    /*Kontrola jedna velika i dvije male*/

.okvirJedanPlusDva {
    width:684px;
    //border:1px solid red;
}

    .okvirJedanPlusDva span {
        font-weight:bold;
        width:auto;
        padding-bottom:16px;
    }

        .okvirJedanPlusDva span:hover {
        border-bottom-width:3px;
        cursor:pointer;
        }

/*U kontroli jedanPlusDva vijest velika*/
.JedanPlusDvaOVijestVelika {
float:left;
width:350px;
height:auto;
}

.JedanPlusDvaOVijestVelikaSlika {
    width:334px;
    height:188px;
    background-position:center;
    background-size:cover;
    position:relative;
}

    .JedanPlusDvaOVijestVelika img:hover {
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

.JedanPlusDvaOVijestVelikaNaslov {
    font-size:20px;
    font-weight:bold;
    padding:5px 0px 16px 0px;
    width:334px;
    color:#111;
      line-height: 1em;
    letter-spacing: -0.4px;
}

    .JedanPlusDvaOVijestVelikaNaslov:hover {
        cursor:pointer;
        text-decoration:underline;
    }

.JedanPlusDvaOVijestVelikaUvod {
width:334px;

color:#3c3c3c;
    font-family:Arial !important;
    padding-bottom:16px;
    
    font-size:16px;
    line-height: 1.214em;

}

.JedanPlusDvaOVijestMala {
    float:left;
    width: 175px;
}

.JedanPlusDvaOVijestMala_desna {
    float:left;
width:159px;
}

.jedanPlusDvaVijestMala_Vijest {
width:159px;

}

.jedanPlusDvaVijestMala_Vijest_slika {
width:159px;
height:89px;
background-position:center;
background-size:cover;
position:relative;
}

    .jedanPlusDvaVijestMala_Vijest_slika:hover {
    cursor:pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
    }
    
.jedanPlusDvaVijestMala_VijestText {
font-weight:bold;
font-size:14px;
padding-top:16px;
color:#111111;
/*height:55px;
overflow:hidden;*/
 letter-spacing: -0.4px;
  line-height: 1.214em;

}
    .jedanPlusDvaVijestMala_VijestText:hover {
    cursor:pointer;
    text-decoration:underline;
     
    }


     /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

/*JEDNA VELIKA KATEGORIJA*/

.kontrolaDvijeKategorijeOkvir {

    width:696px;
}

.kontrolaDvijeKategorije_jednaKategorijaOkvir {
float:left;
width:348px;
height:auto;
}


.kontrolaDvijeKategorije_jednaKategorija_velikaVijest {
width:332px;
}

/*
.kontrolaDvijeKategorije_jednaKategorija_velikaVijest img {
    width:335px;
    height:188px;
}

.kontrolaDvijeKategorije_jednaKategorija_velikaVijest img:hover {
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
    */
.kontrolaDvijeKategorije_jednaKategorija_velikaVijestSlika {
    width:332px;
    height:188px;
    background-position:center;
    background-size:cover;
    position:relative;
}

    .kontrolaDvijeKategorije_jednaKategorija_velikaVijestSlika:hover {
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

.kontrolaDvijeKategorije_jednaKategorija_velikaVijestNaslov {
    color:#111111;
  font-size:20px;
  font-weight:bold;
  padding:5px 0 13px;
  width:334px;
  line-height: 1em;
    letter-spacing: -0.4px;
}

    .kontrolaDvijeKategorije_jednaKategorija_velikaVijestNaslov:hover {
        cursor:pointer;
        text-decoration:underline;
    }

.kontrolaDvijeKategorije_jednaKategorija_velikaVijestUvod {
color:#3C3C3C;
  font-family:ProximaNova-Regular, Arial, Verdana !important;
  font-size:16px;
  line-height: 1.214em;
  width:332px;
}

.kontrolaDvijeKategorije_jednaKategorija_ostale {
font-weight:bold;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
padding-top:16px;
font-size:14px;
width:335px;
color:#111111;
letter-spacing: -0.4px;
  line-height: 1.214em;
}

    /*.kontrolaDvijeKategorije_jednaKategorija_ostale:first-letter {
    text-transform:uppercase;
    }*/

    .kontrolaDvijeKategorije_jednaKategorija_ostale:hover {
    text-decoration:underline;
    cursor:pointer;
    }
    .kontrolaDvijeKategorije_jednaKategorija_ostale:before {
    fill-rule:nonzero;
    }


    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
/*KONTROLA CETIRI KATEGORIJE*/
.cetiriKategorijeOkvir {
    width:684px;
}

.cetiriKategorijeKategorija {
    float:left;
    width:163.5px;
    margin-left:10px;
}
.bezMargine {
    margin-left:0px;
}

.cetiriKategorijeKategorija span {
/*font-weight:bold;
display:inline-block;
border-bottom-style:solid;
border-bottom-width:0px;
width:auto;
margin-bottom:8px;*/
border-bottom-color:#3399CC;
  
  font-family:'customNaslov',Arial;
  font-size:20px;
  margin-bottom:2px;
}

    .cetiriKategorijeKategorija span:hover {
        border-bottom-width:3px;
        cursor:pointer;
    }

.cetiriKategorijeGlavnaVijest {
width:100%;
}

    .cetiriKategorijeGlavnaVijest:hover {
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    }

.cetiriKategorijeGlavnaVijestSlika{
width:159px;
height:89px;    
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;
}

.cetiriKategorijeText {

color:#111111;
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding-top:8px;
}


.cetiriKategorijeTextOstale {
color:#111111;
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding-top:16px;

}    

.cetiriKategorijeTextOstale:hover {
padding-left:2px;
text-decoration:underline;
cursor:pointer;
color:#111111;
}

/*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

/*KONTROLA JEDNA VIJEST*/

.jednaVijestOkvir {
    width:300px;
   // background-color:#dcdcdc;
   
    
}

.JednaVijestNaslov {
display:inline-block;
border-bottom:0px solid #666;
width:auto; 
font-weight:bold;
margin-bottom:5px;
}

    .JednaVijestNaslov:hover {
    border-bottom-width:3px;
    cursor:pointer;
    }    

.jednaVijestOkvirSlika{
width:100%;
height:169px;
position:relative;
background-position:center;
background-size:cover;
}
.jednaVijestOkvirSlika:hover {
cursor:pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}

.jednaVijestOkvirNaslov {
font-size:20px;
font-weight:bold;

padding-left:16px;
padding-right:16px;

letter-spacing:-0.4px;
  line-height:1em;
  padding-top:10px;
}
.jednaVijestOkvirNaslov:hover {
        text-decoration:underline;
        cursor:pointer;
    }

.jednaVijestOkvirTekst {

font-size:16px;
padding-top:10px;
padding:5px;
line-height:1.214em;
padding:16px;
}


/*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

/*KONTROLA VIDEO VIJESTI*/

.okvirVideoVijesti {
    width:684px;
}

.VideoVijestNaslov {
display:inline-block;
border-bottom:0px solid #666;
width:auto; 
font-weight:bold;
margin-bottom:5px;
}

    .VideoVijestNaslov:hover {
    border-bottom-width:3px;
    cursor:pointer;
    }  

.videoLijevo {
width:516px;
height:auto;
float:left;
}

.glavnaVijestSlika {
width:505px;
height:285px;
position:relative;
background-position:center;
    background-size:cover;
}
.playButton64 {
width:64px;
height:64px;
background-image:url(/img_project/play64.png);
background-repeat:no-repeat;
position:absolute;
left:10px;
bottom:10px;
}

.playButton32 {
width:32px;
height:32px;
background-image:url(/img_project/play32.png);
background-repeat:no-repeat;
position:absolute;
left:5px;
bottom:5px;
}

.playButton16 {
width:16px;
height:16px;
background-image:url(/img_project/play16.png);
background-repeat:no-repeat;
position:absolute;
left:5px;
bottom:5px;
}

.glavnaVijestNaslov {
width:509px;
padding-top:5px;
font-size:20px;
font-weight:bold;
color:#111111;
  line-height: 1em;
  letter-spacing: -0.4px;
}
    .glavnaVijestNaslov:hover {
    text-decoration:underline;
    }

.glavnaVijestUvod {
    width:509px;
    padding-top:10px;
    
    color:#3C3C3C;
  font-family:ProximaNova-Regular, Arial, Verdana !important;
  font-size:15px;
  line-height:16px;
  line-height: 1.214em;
}

.videoDesno {
    width:159px;
    float:right;
}
.malaVijestDesnoOkvir {
width:100%;
height:auto;
}
.malaSlikaDesno {
width:159px;
height:89px;
position:relative;
background-position:center;
    background-size:cover;
   
}
.maliTekstDesno {
width:160px;
color:#111111;
  font-size:14px;
  font-weight:bold;
   padding-top:6px;
     letter-spacing: -0.4px;
  line-height: 1.214em;
  padding-bottom:16px;
}

    .maliTekstDesno:hover {
    
    text-decoration:underline;
    }

.maliTekstDesnoSamoTekst {
    width:140px;
    font-weight:bold;
    font-size:14px;
      letter-spacing: -0.4px;
  line-height: 1.214em;
  padding-bottom:13px; 
    background-image:url(/img_project/strelica-price-12x14.png);
    background-repeat:no-repeat;
    background-position-x:left;
    background-position-y:2px;
    padding-left:16px;
}



    .maliTekstDesnoSamoTekst:hover {
    text-decoration:underline;
    
    }


    /**************************POPULARNI TAGOVI KONTROLA**************************/


  .popularniTagoviOkvir{
    width:300px;
    margin-bottom:20px;
}

.popularniTagoviNaslov {
display:inline-block;
border-bottom:0px solid red;
width:auto; 
font-weight:bold;
margin-bottom:5px;
}

    .popularniTagoviNaslov:hover {
    border-bottom-width:3px;
    cursor:pointer;
    }

.popularniTagoviContainer {
width:100%;
height:auto;
background-color:red;
}

    .popularniTagoviContainer a {
    float:left;
    margin:5px;
    padding:2px;
    color:#666;
    }

    .popularniTagoviContainer a:hover {
    color:#fff;
    background-color:#333;
    }


    /*****************************************************************************/