﻿


.headerKanala {
width:100%;
margin-bottom:10px;
background-image:linear-gradient(to top, rgba(0, 0, 0, 0.631373) 0px, rgba(0, 0, 0, 0.0980392) 100%);
color:#FFFFFF;
}

.naslovKanala {
width:100%;
font-size:50px;
font-weight:bold;
display:inline-block;
padding:5px;
text-transform:uppercase;
letter-spacing:5px;
color:#333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
opacity: 0.4;
text-align:center;
}

.kanalPodkategorijeHolder {
width:100%;
position:absolute;
bottom:0px;
text-align:right;
}

.kanalPodkategorije {
    color:#000;
    float:right;
    padding-left:15px;
    padding-right:15px;
    position:relative;
    display:inline-block;
    /*background-image:url(/img_project/strelicaDesnoPNG.png);*/
    background-repeat:no-repeat;
    background-position-y:center;
    border-right:1px solid #333;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:2px;
    display:inline-block;

}

.bezDesneLinije {
border-right:none;
}
   
    .kanalPodkategorije:hover {
    cursor:pointer;
    //border-bottom:3px solid #fff;
    text-decoration:dotted;
    text-decoration-color:#FFF;
    text-decoration:underline;
     cursor:pointer;
    /*background-image:linear-gradient(to top, rgba(0, 0, 0, 0.631373) 0px, rgba(0, 0, 0, 100.0980392) 100%);*/
     /*   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;*/
    }


    /*-------------------------------------------------------------------------------------------*/
    /*---------------------------------------KONTROLA VIJEST VELIKA sa cetiri male desno-------------------------*/
    /*-------------------------------------------------------------------------------------------*/

.velikaSaMalimDesnoOkvir {
width:690px;

margin-bottom:20px;
}

.velikaVijestOkvir {
width:500px;
float:left;
}

    .velikaVijestOkvir:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
cursor:pointer;    
    }

.velikaVijestOkvirSlika {
background-size:cover;
background-position:center;
background-repeat:no-repeat;
width:100%;
height:281px;
}

.velikaVijestOkvir span {
    
padding-top:10px;
font-weight:bold;   
}

.cetiriMaleDesnoOkvir {
float:right;
width:180px;
}

.cetiriMaleMalaVijest {
width:100%;
font-size:12px;
margin-bottom:10px;
height:61.5px;
border-bottom:1px solid #DCDCDC;
}

.cetiriMaleMalaVijestKategorija {
text-transform:uppercase;
font-size:12px;
color:#666;
}
.cetiriMaleMalaVijestLink {
color:#004aac;
}
.cetiriMaleMalaVijestLink:hover {
cursor:pointer;    
text-decoration:underline;
}

 /*-------------------------------------------------------------------------------------------*/
    /*---------------------------------------KONTROLA OSTALE VIJESTI-------------------------*/
    /*-------------------------------------------------------------------------------------------*/

.ostaleOkvirDesno {
width:690px;
}

.ostaleJednaVijestOkvir {
width:100%;
height:100px;
margin-bottom:10px;
}

    .ostaleJednaVijestOkvirSlika{
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
    float:left;
    width:120px;
    height:90px;
    margin:5px;
    position:relative;
    }
.ostaleJednaVijestOkvirSlika:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
cursor:pointer; 
}
.ostaleTekst {
    /*MuseoSlab-700, Arial, Verdana*/
    width:545px;
    height:90px;
    margin-left:5px;
    margin-top:5px;
    float:left;
    display:inline-block;
    border-bottom:1px solid #dcdcdc;  
    
}
.ostaleTekstKategorija {
font-family:MuseoSlab-700, Arial, Verdana;
font-size:12px;
text-transform:uppercase;
color:#666;
}
.ostaleTekstNaslov {
font-family:MuseoSlab-700, Arial, Verdana;
font-size:18px;
color:#555 !important;   
font-weight: normal;
font-style: normal;
padding-top:5px;
padding-bottom:5px;
}
    .ostaleTekstNaslov:hover {
    cursor:pointer;
    text-decoration:underline;
    }
.ostaleTekstUvod {
text-align:justify;
font-size:14px;
color:black !important;  
font-family:ProximaNova-Regular, Arial, Verdana;
vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}