a:focus,
a:hover {
    text-decoration: none
}
p {
    color: #333
}
body {
    color: #333;
    background: url(http://188.166.6.135/slike/loptica.png)
}
.clear {
    clear: both;
    height: 0
}
.clear5 {
    clear: both;
    height: 5px
}
.clear10 {
    clear: both;
    height: 10px
}
.clear15 {
    clear: both;
    height: 15px
}
.clear18 {
    clear: both;
    height: 18px
}
.clear20 {
    clear: both;
    height: 20px
}
.clear30 {
    clear: both;
    height: 30px
}
.clear35 {
    clear: both;
    height: 35px
}
.clear40 {
    clear: both;
    height: 40px
}
.clear45 {
    clear: both;
    height: 45px
}
.clear50 {
    clear: both;
    height: 50px
}
.clear62 {
    clear: both;
    height: 62px
}
.margin3px {
    margin: 3px
}
.img100 {
    width: 100%
}
.margin0 {
    margin: 0!important
}
.margin0auto {
    margin: 0 auto
}
.margintop1 {
    margin-top: 1px
}
.margintop6 {
    margin-top: 6px
}
.margintop8 {
    margin-top: 8px
}
.margintop9 {
    margin-top: 9px
}
.margintop10 {
    margin-top: 10px
}
.margintop20 {
    margin-top: 20px
}
.margintop30 {
    margin-top: 30px
}
.margintop-20 {
    margin-top: -20px
}
.marginbottom30 {
    margin-bottom: 30px
}
.marginbottom20 {
    margin-bottom: 20px
}
.marginbottom0 {
    margin-bottom: 0 !important
}
.marginbottom10 {
    margin-bottom: 10px!important
}
.marginbottom5 {
    margin-bottom: 5px
}
.marginbottom4 {
    margin-bottom: 4px
}
.marginright7 {
    margin-right: 7px
}
.marginright10 {
    margin-right: 10px
}
.marginright15 {
    margin-right: 15px
}
.marginright20 {
    margin-right: 20px
}
.marginright30 {
    margin-right: 30px
}
.marginright40 {
    margin-right: 40px
}
.marginleft10 {
    margin-left: 10px
}
.marginleft20 {
    margin-left: 20px
}
.marginleft30 {
    margin-left: 30px
}
.marginleft40 {
    margin-left: 40px
}
.paddingleft20 {
    padding-left: 20px
}
.paddingleft40 {
    padding-left: 40px
}
.paddingleft45 {
    padding-left: 45px
}
.paddingleft22 {
    padding-left: 22px
}
.paddingtop15 {
    padding-top: 15px
}
.paddingright15 {
    padding-right: 15px!important
}
.paddingbottom10 {
    padding-bottom: 10px
}
.paddingtopbottom30 {
    padding-top: 38px!important;
    padding-bottom: 30px!important
}
.relative {
    position: relative
}
.block {
    display: block
}
.marginimgnovosti {
    margin: 7px 28px 0 0
}
.left {
    float: left
}
.bigtar {
    cursor: pointer
}
.whitebg {
    background: #fff
}
.whitebgcontent {
    background: #fff;
    /*padding: 15px*/
}
.crvena {
    color: #EE2E24
}
.font20 {
    font-size: 20px
}
ol.lh34 li,
ul.lh34 li {
    line-height: 34px
}
.lh18em {
    line-height: 1.8em!important
}
.font-dosis {
    font-family: 'Roboto', sans-serif
}
.toggle-content p {
    text-align: justify
}
.width50po {
    width: 50%
}
.success_message p,
.success_message2 p {
    color: #018461;
    font-size: 18px;
    font-weight: 600
}
.error_message2 p {
    color: #AF0202;
    font-weight: 400
}
a.zutirotator:active,
a.zutirotator:link,
a.zutirotator:visited {
    color: #ffcc00;
    text-decoration: underline
}
a.zutirotator:hover {
    color: #fff;
    text-decoration: none
}
a.crni:active,
a.crni:link,
a.crni:visited {
    color: #111;
    text-decoration: none
}
a.crni:hover {
    color: #111;
    text-decoration: underline
}
a.plavi:active,
a.plavi:link,
a.plavi:visited {
    color: #1e2887;
    text-decoration: none
}
a.plavi:hover {
    color: #0066B3;
    text-decoration: none
}
a.svjetloplavi:active,
a.svjetloplavi:link,
a.svjetloplavi:visited {
    color: #b9c6d1;
    text-decoration: none
}
a.svjetloplavi:hover {
    color: #fff;
    text-decoration: none
}
a.sivi:active,
a.sivi:link,
a.sivi:visited {
    color: #7c7c7c;
    text-decoration: none
}
a.sivi:hover,
a.svjetlosivi:active,
a.svjetlosivi:link,
a.svjetlosivi:visited {
    color: #888;
    text-decoration: none
}
a.svjetlosivi:hover {
    color: #333;
    text-decoration: none
}
a.bijeli:active,
a.bijeli:link,
a.bijeli:visited {
    color: #fff;
    text-decoration: none
}
a.bijeli:hover {
    color: #c3e8ff;
    text-decoration: none
}
a.tagovi:active,
a.tagovi:link,
a.tagovi:visited {
    color: #000;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 0 4px;
    background: #eee;
    float: left;
    margin: 0 4px 4px 0;
    font-size: 11px!important
}
a.tagovi:hover {
    background: #aaa;
    border: 1px solid #adadad;
    color: #fff
}

a.tagovi2:active,
a.tagovi2:link,
a.tagovi2:visited {
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
    padding: 0 10px;
    background: #2C59A6;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 12px!important
}
a.tagovi2:hover {
    background: #DC002E;
    color: #fff
}

a.partnertagovi:active,
a.partnertagovi:link,
a.partnertagovi:visited {
    color: #fff;
    text-decoration: none;
    border: 1px solid #888;
    border-radius: 2px;
    padding: 0 4px;
    background: #888;
    float: left;
    margin: 0 4px 4px 0;
    font-size: 12px!important
}
a.partnertagovi:hover {
    background: #666;
    border: 1px solid #666;
    color: #fff
}
a.partnertagovibig:active,
a.partnertagovibig:link,
a.partnertagovibig:visited {
    color: #fff;
    text-decoration: none;
    border: 1px solid #888;
    border-radius: 2px;
    padding: 0 6px;
    background: #888;
    float: left;
    margin: 0 6px 6px 0;
    font-size: 14px!important
}
a.partnertagovibig:hover {
    background: #666;
    border: 1px solid #666;
    color: #fff
}
a.purple:active,
a.purple:link,
a.purple:visited {
    color: #b40639;
    text-decoration: none;
    font-style: italic
}
a.purple:hover {
    color: #77102e;
    text-decoration: none
}
a.crveni:active,
a.crveni:link,
a.crveni:visited {
    color: #cc0400;
    text-decoration: none
}
a.crveni:hover {
    color: #e60300;
    text-decoration: none
}
.kvali-poc {
    font-size: 2em;
    color: #333;
    line-height: 1.3em;
    height: 1.4em;
    overflow: hidden;
    margin: 0 0 10px;
    font-weight: 400
}
.entryh1 {
    font-size: 2em;
    color: #333;
    line-height: 1.3em;
    margin: 0 0 10px;
    font-weight: 400
}
.entryh1-kontakt {
    font-size: 2em;
    color: #333;
    line-height: 1.3em;
    margin: 0 !important;
    font-weight: 400
}
.entryh1-plavi {
    font-size: 2em;
    color: #005488;
    line-height: 1.3em;
    margin: 0 0 10px;
    font-weight: 400
}
.preko-sli {
    height: 284px;
    transition: all 1s ease
}
.ref-sli-bg {
    background-size: cover;
    background-repat: no-repeat;
    background-position: center center;
    height: 384px;
    border-right: 1px solid #000
}
.ref-sli-logo {
    background: rgba(0, 0, 0, .8);
    transition: all 1s ease
}
.ref-sli-a:hover .ref-sli-logo {
    background: rgba(0, 0, 0, .6)
}
.redbg {
    background-color: #f1f1f1
}
.padupdo20 {
    padding: 20px 0;
    background: #212121
}
footer .form-group {
    margin-bottom: 5px!important
}
.footer-naslov {
    /*font-family: 'Raleway';*/
font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 20px;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid #2e6b90
}
footer span {
    /*color: #b9c6d1*/
}
span.bijeli {
    color: #fff!important
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: #fafafa
}
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent
}
.sidebar {
    background: #f1f1f1;
    padding: 15px
}
header.colored ul.nav-main {
    margin: -15px 0 -20px
}
header.colored nav ul.nav-main li a {
    padding-top: 35px
}
.dobavljacipopis {
    height: 230px;
    max-height: 230px;
    overflow: hidden;
    cursor: pointer
}
.dobavljacipopis h2 {
    margin: 15px 0 10px;
    padding: 0;
    line-height: 20px;
    color: #cc0300;
    font: 400 18px/20px Raleway;
    font-weight: 400;
    height: 2.2em;
    overflow: hidden;
    text-align: center
}
.dobavljacipopis p {
    margin: 0;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
    color: #fff
}
.thumbnail {
    background-color: #212121;
    padding: 0
}
.thumbnail:hover {
    background-color: #000
}
.proizvodthumbnail {
    background-color: #ddd;
    border-radius: 0;
    padding: 0 4px
}
.proizvodthumbnail:hover {
    background-color: #ccc;
    border-radius: 0;
    padding: 0 4px
}
.proizvodipopis {
    height: 248px;
    max-height: 248px;
    overflow: hidden;
    cursor: pointer
}
.proizvodipopis h2 {
    margin: 10px 0;
    padding: 0;
    color: #cc0300;
    font: 400 20px/23px Raleway;
    height: 47px;
    overflow: hidden;
    text-align: center
}
.proizvodjaci {
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    text-align: left
}
.proizvodjacithumbnail {
    background-color: #ddd;
    border-radius: 0;
    padding: 0 4px
}
.proizvodjacithumbnail:hover {
    background-color: #ccc;
    border-radius: 0;
    padding: 0 4px
}
.proizvodjacithumbnail h2 {
    margin: 10px 0;
    padding: 0;
    color: #cc0300;
    font: 400 20px/23px 'Raleway';
    height: 27px;
    overflow: hidden;
    text-align: center
}
.proizvodjacipopis {
    height: 203px;
    max-height: 203px;
    overflow: hidden;
    cursor: pointer
}
td.docs {
    min-width: 200px
}
td.docs a {
    line-height: 1.67
}
h6.doc {
    font-weight: 600;
    font-size: 1.1em
}
.smaller {
    padding: 0!important;
    margin-bottom: 30px!important;
    border: 1px solid #990300
}
.smaller h4.smallerh4 {
    background: #990300;
    color: #FFF;
    margin: 0;
    padding: 0 15px;
    font-size: 1.3em;
    line-height: 33px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.smaller-inside {
    padding: 10px 15px 15px
}
ul.smallerproizvodi {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 13px
}
ul.smallerproizvodi li {
    border-top: 1px solid #fff;
    display: block;
    line-height: 20px
}
ul.smallerproizvodi li a {
    display: block;
    padding: 3px 17px;
    text-decoration: none
}
ul.smallerproizvodi li a:hover {
    background: #E0E0E0;
    display: block;
    text-decoration: none;
    padding: 3px 17px
}
h5.projekti {
    height: 36px;
    overflow: hidden
}
.error_message p {
    color: #AF0202;
    font-weight: 400
}
div.google-map {
    margin: 0;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 0 20px rgba(200, 200, 200, .5);
    -moz-box-shadow: 0 0 20px rgba(200, 200, 200, .5);
    box-shadow: 0 0 20px rgba(200, 200, 200, .5);
    height: 500px
}
footer {
    background: #0358a9;
    color: #b9c6d1!important;
    padding-top: 178px;
    border: 0!important;
    font-size: 13px!important;
margin-top:2px;
}
footer p {
    color: #b9c6d1!important
}
footer ul,
footer ul li {
    margin: 0;
    padding: 0 0 0 25px;
list-style-type:none;
}

.foot-plavo ul li a, .foot-plavo2 ul li a {font:200 16px/18px 'Raleway';}
footer ul li a:link {color:#81acd4;}
footer ul li a:visited {color:#81acd4;}
footer ul li a:hover {color:#fff;}
footer ul li a:active {color:#81acd4;}

ul.social-icons li a i {font-size:15px;line-height:31px;}

ul.social-icons li a:link {color:#0358A9;}
ul.social-icons li a:visited {color:#0358A9;}
ul.social-icons li a:hover {color:#0358A9;}
ul.social-icons li a:active {color:#0358A9;}

.footertopborder {
    border-top: 1px solid #3a3a3e
}
.footerbottomborder {
    border-bottom: 1px solid #3a3a3e
}
h2.entry-podloga {
    font-weight: 400;
    font-size: 1.5em;
    margin: 0 0 12px;
    /*line-height: 1.4em;*/
background: url(http://188.166.6.135/slike/hts-online-servis-back-small.png) 0 repeat-x;
color:#fff;
padding:0 0 0 10px;
}

h2.entry-podloga a:link {color:#fff;}
h2.entry-podloga a:visited {color:#fff;}
h2.entry-podloga a:hover {color:#fff;}
h2.entry-podloga a:active {color:#fff;}



h2.entry {
    font-weight: 400;
    font-size: 1.5em;
    margin: 0 0 12px;
    line-height: 1.4em;
}


h2.heading-bijeli {
    color: #fff;
    font-size: 1.6em;
    margin: 0 0 12px;
    line-height: 1.3em;
    font-family: 'Roboto';
    font-weight: 400
}
h3.heading-turnir {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.9em;
    line-height: 1.2em
}
h1.heading-turnir.naslov {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.9em;
    line-height: 1.2em;
background:none;
color:#005488;
}
.heading-bijeli {
    color: #fff;
    font-size: 1.6em;
    margin: 0 0 12px;
    line-height: 1.3em;
    font-family: 'Roboto';
    font-weight: 400
}
.obavijestpocetnabox {
    margin: 7px 0 0!important;
    padding: 0!important;
    height: 72px;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8
}
h2.pocetnaobavijesti {
    font-weight: 400;
    font-size: 11px;
    margin: 5px 0 0!important;
    padding: 0!important;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0
}
h2.entryxs {
    font-weight: 400;
    font-size: 1.4em;
    margin: 0 0 6px
}
.poveznice {
    margin: 30px 0
}
.potpis {
    color: #575757
}
.inline {
    display: inline
}
.wire {
    border-right: 0;
    padding: 40px 0
}
.wire h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 0
}
.text-center {
    text-align: center
}
.poc-rot-txt {
    color: #fff;
    padding: 25px 30px 25px 40px;
font-weight:200;
line-height:17px;
}
.poc-rot-h2 {
font:bold 24px/60px 'Raleway';
}
.poc-rot-h2 a {
    color: #fff
}

.poc-rot-h2 a:hover {
    color: #fff
}
#mjestoinformacije .poc-rot-h2 {
    margin: 10px 20px
}
.rez-rot-h2 {
    background: #004C7A;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    margin: 0;
    padding: 5px 10px 10px;
    font-family: 'Raleway'
}
.fancybox-title {
    font-size: 20px!important;
    line-height: 24px!important;
    text-align: center
}
.poc2-rot-h2 {
    background: #004C7A;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    margin: 0;
    padding: 5px 10px 10px;
    font-family: 'Raleway'
}
header nav ul.nav-main li a {
    font-size: 14px
}
.entry-lista ul {
    list-style-type: none;
    counter-reset: section;
    width: 100%;
    font-size: 13px;
    padding: 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 30px
}
.entry-lista ul li {
    padding-left: 40px;
    position: relative;
    line-height: 35px;
    border-bottom: 1px dotted #ddd
}
.entry-lista ul li:before {
    counter-increment: section;
    content: counter(section) ".";
    margin: 0 0 0 -34px;
    text-align: right;
    width: 2em;
    display: inline-block;
    position: absolute;
    height: 100%
}
.entry-lista ul li:hover {
    background: #E8E8E8
}
.entry-lista ul li a {
    display: block
}
.rowwire {
    background: #2a2a2a;
    border-top: 0;
    border-bottom: 0
}
.vijesti-box-in2 {
    position: relative
}
#ticker-next,
#ticker-previous {
    color: #000!important
}
ul#vertical-ticker {
    list-style-type: none;
    padding: 0
}
#vertical-ticker li {
    display: block;
    line-height: 20px
}
.verticalnaslov {
    overflow: hidden;
    text-transform: none;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    position: absolute;
    bottom: 20px;
    z-index: 10;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    padding: 5px 10px
}
.verticalnaslov span {
    font-size: 10px;
    text-transform: uppercase
}
.post-pocetna-text {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: #adadad
}
#vertical-ticker hr {
    margin: 0;
    background-color: #2a2a2a;
    color: #2a2a2a
}
.width100p {
    width: 100%
}
.sli-naslov {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    background:url(http://188.166.6.135/slike/sli-nasl-line.png) 50% 50% no-repeat
}
.owl-carousel-novosti .owl-controls .owl-buttons div {
    text-align: center;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #000;
    opacity: 1;
    padding: 0 6px;
    font-size: 20px
}
.owl-carousel-novosti .owl-controls .owl-buttons .owl-prev {
    margin: 0 85px 0 0
}
.owl-carousel-novosti .owl-controls .owl-buttons .owl-next {
    margin: 0 0 0 85px
}
.owl-carousel-wire {
    background: #004c7a!important;
    margin-top: -10px;
    margin-bottom: 30px
}
.owl-carousel-wire.owl-theme .owl-controls .owl-buttons div {
    background: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 5px;
    opacity: .5
}
.owl-carousel-wire .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 18px 10px 16px
}
.owl-carousel-wire .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 16px 10px 18px
}
.owl-carousel.wirez {
    background: #0358A9!important;
    margin-bottom: 25px
}
.owl-carousel.wirez.owl-theme .owl-nav div {
    background: #8A000F;
    color: #BD0023;
    display: inline-block;
    font-size: 30px;
    margin: 0;
border-radius:0;
opacity:1;
}
.owl-carousel.wirez .owl-nav .owl-prev {
    position: absolute;
    right: 50px;
    top: -40px;
    z-index: 40;
    padding: 0 11px 0 8px
}
.owl-carousel.wirez .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: -40px;
    z-index: 40;
    padding: 0 9px 0 10px
}




.owl-carousel.wirez-poc {
    background: #0358A9!important;
    margin-bottom: 25px
}
.owl-carousel.wirez-poc.owl-theme .owl-nav div {
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    margin: 0;
border-radius:0;
opacity:1;
}
.owl-carousel.wirez-poc .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
    top: 182px;
    z-index: 40;
    padding: 5px 15px 5px 13px;
opacity: 0 !important;
}
.owl-carousel.wirez-poc .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: 182px;
    z-index: 40;
    padding: 5px 14px 6px 15px;
opacity: 0 !important;
}

.wirez-poc:hover .owl-nav .owl-prev {opacity: 1 !important;transition: all 1s ease}
.wirez-poc:hover .owl-nav .owl-next {opacity: 1 !important;transition: all 1s ease}



.owl-carousel.wirez2 {
    margin-bottom: 15px
}
.owl-carousel.wirez2.owl-theme .owl-nav div {
    background: #8A000F;
    color: #BD0023;
    display: inline-block;
    font-size: 30px;
    margin: 0;
border-radius:0;
opacity:1;
}
.owl-carousel.wirez2 .owl-nav .owl-prev {
    position: absolute;
    right: 50px;
    top: -55px;
    z-index: 40;
    padding: 0 11px 0 8px
}
.owl-carousel.wirez2 .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: -55px;
    z-index: 40;
    padding: 0 9px 0 10px
}

.owl-carousel.wirez3 {
    margin-bottom: 15px
}
.owl-carousel.wirez3.owl-theme .owl-nav div {
    background: #003160;
    color: #0358a9;
    display: inline-block;
    font-size: 30px;
    margin: 0;
border-radius:0;
opacity:1;
}
.owl-carousel.wirez3 .owl-nav .owl-prev {
    position: absolute;
    right: 50px;
    top: -55px;
    z-index: 40;
    padding: 0 11px 0 8px
}
.owl-carousel.wirez3 .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: -55px;
    z-index: 40;
    padding: 0 9px 0 10px
}

.owl-carousel-sliketab {
    background: #004c7a!important;
    margin-top: -10px;
    margin-bottom: 30px
}
.owl-carousel-sliketab.owl-theme .owl-controls .owl-buttons div {
    background: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 5px;
    opacity: .5
}
.owl-carousel-sliketab .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 18px 10px 16px
}
.owl-carousel-sliketab .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 16px 10px 18px
}
.owl-carousel-wire2.owl-theme .owl-controls {
    position: absolute;
    right: 10px;
    top: -60px
}
.owl-carousel-wire2.owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 101, 163, 1);
    border: 1px solid #004c7a;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0;
    opacity: 1
}
.owl-carousel-wire2.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: rgba(0, 101, 163, 1)!important
}
.owl-carousel-wire2 .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
    padding: 0 8px
}
.owl-carousel-wire2 .owl-controls .owl-buttons .owl-next {
    position: absolute;
    left: 3px;
    top: 0;
    z-index: 40;
    padding: 0 8px
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: 0 0!important
}
.owl-carousel-smaller .owl-controls .owl-buttons div {
    text-align: center;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #000;
    opacity: 1;
    padding: 0 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px
}
.owl-carousel-smaller.owl-theme .owl-controls {
    margin-top: 0!important
}
.owl-carousel-rezultati .owl-controls .owl-buttons div {
    text-align: center;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #000;
    opacity: 1;
    padding: 0 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px
}
.owl-carousel-rezultati.owl-theme .owl-controls {
    margin-top: 0!important
}
.owl-karusel.owl-theme .owl-controls {
    position: absolute;
    right: 10px;
    top: -58px
}
.owl-karusel.owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 101, 163, 1);
    border: 1px solid #004c7a;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0;
    opacity: 1
}
.owl-karusel.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: rgba(0, 101, 163, 1)!important
}
.owl-karusel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 40;
    padding: 0 8px
}
.owl-karusel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    left: 1px;
    top: 35px;
    z-index: 40;
    padding: 0 8px
}
.owl-carousel-izdvojeno.owl-theme .owl-controls .owl-buttons div {
    background: 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin: 5px;
    opacity: 1
}
.owl-carousel-izdvojeno .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 18px 10px 16px
}
.owl-carousel-izdvojeno .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 16px 10px 18px
}
.owl-carousel.izdvojenoz.owl-theme .owl-controls .owl-buttons div {
    background: 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin: 5px;
    opacity: 1
}
.owl-carousel.izdvojenoz .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 18px 10px 16px
}
.owl-carousel.izdvojenoz .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 2%;
    top: 35%;
    z-index: 40;
    padding: 8px 16px 10px 18px
}
.poc-novosti {
    margin: 15px;
    padding-top: 5px
}
.poc-novosti h2 {
    font-size: 22px;
    margin: 20px 20px 5px;
    line-height: 30px;
    height: 62px;
    overflow: hidden;
    font-weight: 300;
    text-transform: uppercase
}
.poc-novosti-text {
    height: 180px;
    overflow: hidden;
    margin: 10px 20px;
    color: #fff;
    font-weight: 300;
    font-size: 13px
}
.breadcrumb {
    font-size: 12px;
    color: #3094d2;
    margin: 0 0 10px;
    background: 0 0;
    padding: 0;
    border-radius: 0
}
.breadcrumb i {
    color: #0064a2
}
.brea .breadcrumb {
    font-size: 12px;
    color: #aaa;
    margin: 5px 0;
    background: 0 0;
    padding: 0;
    border-radius: 0
}
.brea .breadcrumb a,
.brea .breadcrumb i {
    color: #333
}
.brea .breadcrumb a:hover {
    color: #aaa
}


footer .breadcrumb {
    font-size: 12px;
    color: #fff;
    margin: 0 0 10px;
    background: 0 0;
    padding: 0;
    border-radius: 0
}
footer .breadcrumb i {
    color: #fff
}

footer .breadcrumb a:link {color:#fff;}
footer .breadcrumb a:visited {color:#fff;}
footer .breadcrumb a:hover {color:#fff; text-decoration:underline;}
footer .breadcrumb a:active {color:#fff;}


header div.search input.search:first-child {
    border-radius: 4px;
    background: #924058;
    border: none
}
.form-control.search:-moz-placeholder {
    color: #fff
}
.form-control.search::-moz-placeholder {
    color: #fff
}
.form-control.search:-ms-input-placeholder {
    color: #fff
}
.form-control.search::-webkit-input-placeholder {
    color: #fff
}
.form-control.search {
    color: #fff
}
header div.social-icons {
    clear: none
}
ul.social-icons li {
    /*border-radius: 4px*/
}
ul.social-icons2 li {
    border: 1px solid #7c7c7c;
    border-radius: 50%;
    background-color: #242424
}
.purplebg {
    background: #77102e
}
.purplebg.bigtar {
    transition: all .5s ease
}
.purplebg.bigtar:hover {
    opacity: .85
}
.purplebg h2 a:hover {
    color: #000
}
.lightpurplebg {
    background: #b41040
}
.lightpurplebg.bigtar {
    transition: all .5s ease
}
.lightpurplebg.bigtar:hover {
    opacity: .85
}
.lightpurplebg h2 a:hover {
    color: #000
}
.graybg {
    background: #a8acb3
}
.graybg.bigtar {
    transition: all .5s ease
}
.graybg.bigtar:hover {
    opacity: .85
}
.lightgraybg {
    background: #242428
}
.lightgraybg.bigtar {
    transition: all .5s ease
}
.lightgraybg.bigtar:hover {
    opacity: .85
}
.portalza {
    font-size: 17px!important;
    font-weight: 600!important
}
.punacrta {
    background: #ddd
}
.header-top {
    border-bottom: 0;
    padding: 0;
    background: #fff!important
}
.dropdown-menu {
    min-width: 220px
}
header nav ul.nav-main ul.dropdown-menu>li>a {
    font-size: .85em;
    padding: 2px 10px 2px 5px
}
.glavna-tekst {
    text-align: justify;
font-size:17px;
}

.glavna-tekst p:first-child {font-weight:bold;}


.glavna-tekst img {
    max-width: 100%;
    height: auto;
    display: block;
padding:10px;
}
header.flat-menu ul.nav-main>li>a {
    border-top: 2px solid transparent;
    margin-bottom: 0
}
ul.nav-pills>li.active>a {
    /*border-bottom: 2px solid #80bb01!important*/
font-weight:bold;
}
header.flat-menu nav ul.nav-main li.active>a,
header.flat-menu nav ul.nav-main li>a {
    letter-spacing: 0
}
.homeicon {
    padding-left: 0!important
}
header nav ul.nav-main li.active a.homeicon,
header nav ul.nav-main li>a.homeicon:hover,
header.flat-menu nav ul.nav-main li.dropdown:hover a.homeicon,
header.flat-menu nav ul.nav-main li>a.homeicon:hover {
    background-color: transparent!important;
    color: #fff
}
ul.nav-pills>li.active>a.homeicon {
    border-bottom: 2px solid transparent!important
}
cite {
    border-left: 5px solid #eee;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #efefef;
    display: inline-block
}
.sitemap {
    display: inline-block;
    width: 49%;
    padding: 1px 0
}
.sitemap a {
    display: block;
    color: #7c7c7c;
    transition: all ease .5s
}
.sitemap a:hover,
.sitemap a:hover i {
    color: #bebebe
}
aside hr {
    background: #ddd
}
ul.nav-list.primary>li a {
    padding: 10px 10px
}
ul.nav-list.primary>li:last-child a {
    border-bottom: none
}
ul.nav-list.primary2>li a {
    padding: 5px 10px
}
ul.nav-list.primary2>li:last-child a {
    border-bottom: none
}
.iznadticker {
    color: #000;
    font-size: 16px;
    font-style: italic;
    background: #e7e8ea;
    line-height: 26px;
    padding: 18px;
    margin-top: 10px;
    text-align: center
}
.med-naslov {
    font-size: 18px;
    color: #000;
    line-heigh: 20px;
    max-height: 46px;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    margin: 10px 0
}
.med-tekst {
    font-size: 13px;
    line-height: 18px;
    color: #555;
    font-style: italic;
    height: 60px
}
span.mali {
    font-size: .8em
}
.smallerheader {
    background-color: #b41040;
    padding: 15px
}
.smallerheader h4 {
    margin: 0
}
.smallerheader h4 a {
    color: #fff
}
.smallerheader h4 a:hover {
    color: #ffdce6
}
.liturgija {
    margin-bottom: 40px;
    float: left
}
.liturgija p {
    margin: 0
}
.liturgija .liturgija_txt p {
    padding: 15px 0 0
}
.liturgija .liturgija_uvod {
    font-weight: 600;
    font-size: 1.2em;
    margin: 0 0 12px;
    line-height: 1em
}
.liturgija h1 {
    font-weight: 400;
    font-size: 1.7em;
    margin: 0 0 12px;
    line-height: 1em;
    color: #77102e;
    font-style: italic
}
.liturgija h3 {
    font-weight: 400;
    font-size: 1.4em;
    margin: 0 0 12px;
    line-height: 1em;
    color: #77102e
}
.liturgija .dodatni_prikaz {
    float: left;
    margin-top: 20px;
    padding-top: 30px;
    width: 100%;
    border-top: 1px solid #ddd
}
.liturgija .omotek,
.liturgija .omotek-last {
    float: left;
    width: 100%
}
.liturgija .omotek-last {
    margin: 0 0 20px
}
.liturgija .levo {
    float: left;
    margin: 0 20px 0 0;
    text-align: left;
    width: 135px
}
.liturgija .desno {
    float: left;
    max-width: 600px
}
.liturgija .omotek .desno span,
.omotek-last .desno span {
    color: #77102e;
    font-style: italic
}
.liturgija .omotek .desno p.naslov,
.omotek .levo p.naslov,
.omotek-last .desno p.naslov,
.omotek-last .levo p.naslov {
    color: #77102e;
    font-weight: 600
}
.nav-pills>li {
    border-top: 0
}
.owl-carousel-novosti {
    margin-bottom: 15px
}
.headertopispod {
    background: #ed1b24;
    height: 40px;
    overflow: hidden
}
.headertopispod h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    margin: 0!important;
    padding: 12px 0 10px!important;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase
}
.headertopispodtekst {
    margin: 0!important;
    padding: 0!important;
    line-height: 1em;
    color: #fff;
width:100%;
}
.headertoph1span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    margin: 0!important;
    padding: 12px 0 10px!important;
    line-height: 1em;
    color: #fff;
    float: right
}
.headertoph1span img {
    margin-top: -2px
}
.jezici {
    float: right;
    width: 24px;
    margin: -4px 10px 0 0!important
}
.izbornikdesnotext2 {
    width: 100%;
    float: left;
    height: 100%;
    padding: 0;
    text-align: left;
background:#ca1116;
margin-left:1px;

}
.izbornikdesnotext2 p {
    color: #fff;
    margin: 0 !important;
    padding: 0 !important
}
.izbornikdesnotext2 p a {
width:100%;
height:100%;
float:left;
}

.izbornikdesnotext {
    width: 100%;
    float: left;
    height: 100%;
    padding: 0;
    text-align: left;
background:#ca1116;
margin-left:1px;

}
.izbornikdesnotext p {
    color: #fff;
    margin: 0 !important;
    padding: 0 !important
}
.strelicahead {
    float: left;
    background:url(http://188.166.6.135/slike/strelica-podloga.png) center left no-repeat;
    height: 34px;
    width: 19px
}
.boks {
    background: #fff!important;
    width: 100%;
    height;
    auto;
    font-size: 12px;
    margin-bottom: 30px
}
.boks2 {
    background: #fff!important;
    width: 100%;
    height;
    auto;
    font-size: 12px;
    margin-bottom: 10px
}
.boksunutra-new {
    background: #fff!important;
    padding: 20px!important
}
.boksunutra {
    background: #fff!important;
    /*padding: 20px!important*/
}
.boksunutra p {
    padding: 0!important;
    margin: 0!important
}
.podnaslovboks {
background:#ED1B24;
    width: 100%;
    height: 50px;
    overflow: hidden
}
.podnaslovboks-green {
background:#80bb01;
    width: 100%;
    height: 50px;
    overflow: hidden;
text-align:center
}
.podnaslovboks h2 {
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    float: left
}
.podnaslovboks-green h2 {
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    float: left;
width:100%;
text-align:center
}
a.podnaslovboks-vidi {
    margin: 10px 10px 0 0;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    /*color: #ed1b24;*/
color:#fff;
/*background:#8A000F;*/
background:#0358A9;
float:right;
}
a.podnaslovboks-vidi:hover {
    text-decoration: none;
background:#000;
}
.podnaslovboks-blue {
    background: #005488;
    width: 100%;
    height: 35px;
    overflow: hidden
}
a.podnaslovboks-blue-vidi {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 35px;
    display: block;
    text-align: right;
    color: #fff
}
a.podnaslovboks-blue-vidi:hover {
    text-decoration: underscore
}
.boks-ranglista {
    background: #f1f1f1!important;
    width: 100%;
    height;
    auto;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 20px
}
.sredina {
    margin: 0 auto!important;
    text-align: center!important
}
.news30-1 {
    width: 32%;
    float: left;
    margin: 0 2% 0 0
}
.news30-2 {
    width: 32%;
    float: left;
    margin: 0
}
.news64 {
    width: 66%;
    float: left;
    margin: 0 2% 0 0
}
section.toggle label {
    padding: 8px 20px 8px 10px
}
div.tabs {
    margin-bottom: 5px;
    padding: 20px 0 0
}
.rezultatitable {
    font-size: 10px;
    font-weight: 300
}
.borderless thead tr th,
.rezultatitable tbody tr td {
    border: none;
    padding: 2px
}
.gal-thumb {
    padding: 2px;
    background: #fff
}
.gal-thumb:hover {
    background: #fff;
    border-color: #222
}
a.thumb-info span.thumb-info-title {
    font-size: 13px;
    font-weight: 300
}
.footgalborder img {
    border: 1px solid #fff;
    transition: all .5s ease
}
.footgalborder img:hover {
    border-color: #8996a1
}
section.toggle>label {
    border-radius: 3px
}
span.zoom-za-owl {
    -moz-border-radius: 0 0 0 25px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-border-radius: 0 0 0 25px;
    -webkit-transition: all .3s;
    background: rgba(0, 0, 0, .5);
    border-radius: 0 0 0 25px;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 34px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 40px;
    color: #fff
}
section.togglereg input {
    cursor: auto;
    height: 34px;
    margin: 0;
    opacity: 1;
    position: static;
    width: static;
    z-index: 2
}
section.togglereg .row .col-md-12 {
    margin: 20px 0 10px
}
.togglereg #search .btn {
    float: left
}
h2.pretraga {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 5px
}
.plavakocka {
    background: #0065a3;
    color: #fff;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 20px
}
.plavakocka a {
    color: #fff
}
.gal-thumb,
.img-thumbnail,
a.thumb-info img {
    border-radius: 0
}
a#ml_trigger,
a#ml_trigger:hover {
    right: 65px!important
}
.btn-success {
    border-color: #80bb01!important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #80bb01
}
.btn-success:focus,
.btn-success:hover {
    border-color: #91d401;
    background-color: #91d401
}
.btn-success:active {
    border-color: #6fa201;
    background-color: #6fa201
}



.btn-purple {
    border-color: #732C7B !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #732C7B
}
.btn-purple:focus,
.btn-purple:hover {
    border-color: #614789;
    background-color: #614789
}
.btn-purple:active {
    border-color: #732C7B;
    background-color: #732C7B
}
.btn-purple.active, .btn-purple:active, .btn-purple:focus, .btn-purple:hover {color:#fff;}






.ui-dialog .ui-dialog-titlebar-close {
    background:url(http://188.166.6.135/slike/close-ui.png)
}
.navbar-collapse {
    padding: 0
}
body.sticky-menu-active header.flat-menu>div.container {
    height: 91px;
    margin-bottom: -34px
}
header.flat-menu>div.container {
    height: 91px;
    margin-bottom: -91px
}
body.sticky-menu-active header.flat-menu nav ul.nav-main {
    margin-bottom: 0;
    margin-top: 0
}
body.sticky-menu-active header.flat-menu ul.nav-main>li:hover>a,
body.sticky-menu-active header.flat-menu ul.nav-main>li>a {
    padding-bottom: 0;
    padding-top: 0
}
.font16b {
    font-weight: 700;
    font-size: 16px
}
.slika-uprave {
    width: 78px;
    height: 150px;
    overflow: hidden;
    float: left;
    margin: 0 5px 5px 0;
    background: #eee;
    line-height: 1.2em
}
.slika-uprave p {
    margin: 0!important;
    padding: 10px 5px 0!important;
    font-size: 12px!important;
    text-align: center;
    line-height: 1.2em;
    color.#000!important
}
.boksunutra div.tabs ul.nav-tabs li.active a {
    background: #005488;
    border-top-color: #005488;
    color: #fff
}

.boksunutra div.tabs ul.nav-tabs li.othertab {
float:right;
}

.calendar li {
    background: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}
.calendar li a {
    display: block;
    text-decoration: none;
    background: #eee;
    min-width: 84px
}
.calendar li a span.yrs {
    background: #0358A9;
    color: #fff;
    display: block;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    padding: 9px 0 5px;
    text-align: center
}
.calendar li a span.mth {
    background: none;
    color: #444;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 21px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 1em
}
.calendar li a.select span.yrs,
.calendar li a:hover span.yrs {
    background: #CA1116;
    color: #fff;
    display: block;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    padding: 9px 0 5px;
    text-align: center
}
.table-striped>tbody>tr:first-child>th {
    background-color: #18335B !important;
    color: #fff
}
.red.table-striped>tbody>tr:first-child>th {
    background-color: #CA1116;
    color: #fff
}
.table-striped>tbody>tr:first-child>th >a:active,
.table-striped>tbody>tr:first-child>th >a:link,
.table-striped>tbody>tr:first-child>th >a:visited {
    color: #fff
}
.table-striped>tbody>tr:first-child>th >a:hover {
    color: #fff;
    text-decoration: underline
}
.table-turniri>tbody>tr:first-child>th {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}
.table-turniri>tbody>tr>td {
    vertical-align: middle;
    border: 1px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.table-turniri>tbody>tr:nth-child(2n+1)>td {
    background: #f5f5f5
}
.tablica-igraci tr td,
.tablica-igraci tr th {
    border-top: 0!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em
}
.tablica-igraci td {
    padding: 4px 5px!important
}
.tabs>ul.nav-tabs>li>a:active,
.tabs>ul.nav-tabs>li>a:hover,
.tabs>ul.nav-tabs>li>a:link,
.tabs>ul.nav-tabs>li>a:visited {
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: 600;
    font-size: 16px;
    /*text-transform: uppercase*/
}
.tabs>ul.nav-tabs>li>a span {font-weight: 200;}
ul.nostyle {
    padding: 0
}
ul.nostyle li {
    list-style-type: none
}
.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.video-container embed,
.video-container object,
.youtube-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ispod479px {
    display: none
}
.margin10pa30 {
    margin-bottom: 10px
}
.prethodni a,
.slijedeci a {
    max-width: 100%
}
.prethodni a div.pretslijed,
.slijedeci a div.pretslijed {
    overflow: hidden
}
.prethodni {
    text-align: left;
    overflow: hidden
}
.slijedeci {
    text-align: right;
    overflow: hidden
}
.prethodni a span {
    display: table-cell;
    max-width: 91%;
    overflow: hidden;
    float: right
}
.slijedeci a span {
    display: table-cell;
    max-width: 91%;
    overflow: hidden;
    float: left
}
.input-group-addon-custom-left {
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    padding-right: 5px;
    max-width: 9%;
    float: left
}
.input-group-addon-custom-right {
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5px;
    max-width: 9%;
    float: right
}
.revija-detalji-igraca {
    background: #FC0;
    border: 0;
    top: 20px;
    color: #353535;
    font-size: 12px;
    max-width: 50%;
    padding: 10px;
    position: absolute;
    right: -7px
}
.revija-detalji-igraca table {
    margin-bottom: 0
}
.revija-detalji-igraca table tr td {
    padding: 2px;
    border-top: 0 none
}
.revija-detalji-igraca table tr:first-child td {
    border-top: 0 none
}
.playerstats {
    color: #353535;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    padding-bottom: 5px!important
}
.revija-tekst-uvod {
    background:url(http://188.166.6.135/slike/headerbg.png);
    font-size: 1.1em;
    font-weight: 600;
    margin: 1px 0 0;
    padding: 15px;
    color: #fff
}
.revija-tekst-uvod h1 {
    text-transform: uppercase;
    color: #fff
}
.revija-tekst-uvod span {
    color: #fff
}
.revija-tekst-uvod .revija-zas {
    margin: 0 8px 7px
}
.revija-tekst-uvod>p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400
}
.revija-tekst {
    background: #005f9a!important;
    float: left;
    margin: 0 15px;
    padding-top: 20px;
    position: relative
}
.revija-tekst p {
    color: #fff;
    text-align: justify
}
.revija-tekst p:last-child {
    margin: 0 0 15px
}
.poc-rot-txt-izdv {
    color: #fff;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    text-shadow: none
}
.klikzavise {
    background: #FC0;
    display: none;
    right: 30px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: 30px;
    color: #353535
}
.klikzavise-link:hover .klikzavise {
    display: block
}
.owl-carousel-wire-revija .owl-item>div {
    margin: 0 3px
}
.poc-rot-h2-revija {
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 700;
    margin: 5px 10px 0;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    line-height: 24px
}
.poc-rot-h2-revija a {
    color: #004C7A
}
.boksunutra-revija {
    background: #fff!important;
    padding: 6px 0!important
}
.owl-carousel-wire-revija.owl-theme .owl-controls {
    position: absolute;
    right: 30px;
    top: -46px
}
.owl-carousel-wire-revija.owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 101, 163, 1);
    border: 1px solid #004c7a;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin: 0;
    opacity: 1
}
.owl-carousel-wire-revija .owl-controls .owl-buttons .owl-prev {
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40
}
.owl-carousel-wire-revija .owl-controls .owl-buttons .owl-next {
    left: 3px;
    padding: 0 8px;
    position: absolute;
    top: 0;
    z-index: 40
}
.owl-carousel-wire-revija.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: rgba(0, 101, 163, 1)!important
}
.rez-rot-h2-span {
    background: #004c7a;
    color: #fff;
    display: block;
    font-family: 'Raleway';
    padding: 5px 10px 10px;
    width: 100%
}
.table-turniri-plavi > td {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1em;
    background-color: #0077c0;
    color: #fff;
    border: 1px solid #ddd;
}
.table-turniri-plavi2 > td {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    vertical-align: middle !important;
}
input.btn-print {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0 0 5px;
    padding: 0;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    color: #005488;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
}
input.btn-print:hover {
    color: #005488;
}
.edit_this {
    width: 40px;
    height: 14px;
}
.printshow {
    display: initial
}




.streamtable {font-family:arial; font-weight:700; font-size:14px; color:#fff; margin-bottom:0; // letter-spacing:-0.8px; background:rgba(0,91,148,0.8);}
.streamtable tbody {font-size:15px;}
.streamtable td {padding: 3px 6px !important;}
.semaforoverlay {position:absolute; left:5px; top:5px;}
.naslovstream {background:#fff; min-height:110px; padding-top:30px; float:left; width:100%;}
.naslovstream h1 {font-weight:600; text-align:center; margin-bottom:20px; color:#004c7a}
.fullscreenbutton {position:absolute; top:5px; right:5px; z-index:50;}

.needto111 tr > td {font-family: 'Roboto',sans-serif;font-size: 16px;font-weight: 400;line-height: 1em;text-transform: uppercase;vertical-align: middle !important;}

.streamtable img {height:15px}
.needto111 img {height:11px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.55); -moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.55); box-shadow: 1px 1px 2px 0 rgba(0,0,0,.55);}

.videoWrapper {
	position: relative;
	padding-bottom: 61.75%; /* 16:9 */
	height: 0;
}


.videoWrapper object  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.videoWrapper embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoholderfullscreen {max-height:100%; width:80%; height:auto; margin:0 auto;}

a.kliknitevise {margin:0 0 0 0;}
a.kliknitevise:link {color:#ffcc00;text-decoration:underline;}
a.kliknitevise:visited {color:#ffcc00;text-decoration:underline;}
a.kliknitevise:hover {color:#fff;text-decoration:none;}
a.kliknitevise:active {color:#fff;text-decoration:none;}

.manji-naslov {font-size:12px;font-family:'Raleway', Arial !important;}

.mozonly {display:none}

@-moz-document url-prefix() { 
  .mozonly{display:block}
}

.whiter {background:#fff;
-webkit-box-shadow: 0px 0px 2px 1px rgba(209,209,209,1);
-moz-box-shadow: 0px 0px 2px 1px rgba(209,209,209,1);
box-shadow: 0px 0px 2px 1px rgba(209,209,209,1);

box-shadow: 0 2px 0 0 white, 0 -2px 0 0 white, 0 0 2px 1px rgba(209,209,209,0.2), 0 0 2px 1px rgba(209,209,209,0.2);

margin-top:2px;
padding-top:15px;
}


.prijava-slika {margin:0 12px 0 0;}

header nav ul.nav-main li ul li a {line-height:22px !important;}
.red-bar1 {font-size:30px;line-height:50px;color:#fff;padding:0 0 0 40px;background:#ED1B24;height:50px;width:100%;}
.red-bar2 {font-size:20px;line-height:50px;color:#fff;padding:0 0 0 30px;background:#ED1B24;height:50px;width:100%;margin:0 0 15px 0;}
.red-bar3 {font-size:14px;line-height:50px;color:#fff;padding:0 0 0 10px;background:#ED1B24;height:50px;width:100%;margin:0 0 15px 0;}
.blue-bar {font-size:20px;line-height:50px;color:#fff;padding:0 0 0 30px;background:#0358a9;height:50px;width:100%;margin:0 0 15px 0;}
.blue-bar-small {float:left;font-size:14px;line-height:40px;color:#fff;padding:0 0 0 20px;background:#0358a9;height:40px;width:100%;margin:0 0 0 0;}
.blue-bar-small2 {float:left;text-align:right;font-size:14px;line-height:40px;color:#fff;padding:0 20px 0 0;background:#0358a9;height:40px;width:100%;margin:0 0 0 0;}
.blue-bar-small.redbg {background:#ED1B24;}
.blue-bar-small2.redbg {background:#ED1B24;}


.red-bar-title1 {font-weight:600;}
.red-bar-title2 {font-weight:200;}

.alpha70 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.owl-naslov {
height: 80px;
width:100%;
color:#fff;
font:bold 24px 'Raleway';
padding:0 0 0 40px;
overflow:hidden;
position:absolute;
bottom:0;
line-height:80px;
}

.owl-datum {
height: 20px;
width:100%;
color:#fff;
font:bold 12px 'Raleway';
padding:0;
overflow:hidden;
position:absolute;
bottom:4px;
line-height:12px;
}

.objavljeno {background:#003466;color:#fff;font:normal 11px/40px 'Raleway';text-align:center;}
.objavljeno span {font-weight:600;}
.procitajtevise {background:#ED1B24;color:#fff;font:600 14px/80px 'Raleway';text-align:center;}
.owlcrta {background: url(http://188.166.6.135/slike/owl-crta.gif) 50% 0 repeat-y;min-height:80px;}

.procitajteviselink {width:100%;height:100%;float:left;}
a.procitajteviselink:link {color:#fff;background:#ED1B24;}
a.procitajteviselink:visited {color:#fff;background:#ED1B24;}
a.procitajteviselink:hover {color:#fff;background:#ED1B24;}
a.procitajteviselink:active {color:#fff;background:#ED1B24;}

.ontop {position:absolute;width:100%;top:50px;}

.okopreker {position:relative}
.preker {position:absolute;left:-15px;width:1170px;bottom:-123px;height:123px;z-index:3333;background:#fff;padding:0 15px;}
.preker:before {
  content : "";
  position: absolute;
  left    : 15px;
  bottom  : -5px;
  height  : 5px;
  width   : 1140px;  /* or 100px */
  border-bottom:5px solid #21447C;
}

.htsonline {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 30px;height:50px;width:100%;margin:0 0 0 0;
background: url(http://188.166.6.135/slike/red-login.png) 100% 0 no-repeat, url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;}

.htsonline-red {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 75px;height:50px;width:100%;margin:0 0 0 0;
background: #ed1b24 url(http://188.166.6.135/slike/blue-login.png) 0 0 no-repeat}

.htsonline-red2 {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 75px;height:50px;width:100%;margin:35px 0 0 0;
background: #ed1b24 url(http://188.166.6.135/slike/blue-login.png) 0 0 no-repeat}

.sponzori {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 30px;height:50px;width:100%;margin:0 0 15px 0;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;}
.sponzori2 {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 30px;height:50px;width:100%;margin:0 0 0 0;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;}

.btn-red,.pagination>.active>a,body.dark .pagination>.active>a{border-color:#ED1B24!important;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#ED1B24}
.btn-red:active,.btn-red:focus,.btn-red:hover,.pagination>.active>a:active,.pagination>.active>a:focus,.pagination>.active>a:hover,body.dark .pagination>.active>a:active,body.dark .pagination>.active>a:focus,body.dark .pagination>.active>a:hover{color:#fff;border-color:#BA0022;background-color:#BA0022}


.pagination>.active>a,body.dark .pagination>.active>a{border-color:#ED1B24!important;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#ED1B24}
.pagination>.active>a:active,.pagination>.active>a:focus,.pagination>.active>a:hover,body.dark .pagination>.active>a:active,body.dark .pagination>.active>a:focus,body.dark .pagination>.active>a:hover{color:#fff;border-color:#BA0022;background-color:#BA0022}



.rowe {
 -moz-column-width: 12em;
 -webkit-column-width: 12em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}
.iteme {
 display: inline-block;
 width:  100%; 
}
.welle {
 position:relative;
 display: block;
}
.fuler {margin-bottom:5px;}

.nopadleft {padding-left:0;}
.nopadright {padding-right:0;}

.boks .form-group {margin-bottom:10px;}
.login-form {padding:29px 15px 15px 15px;background:#eee;}

.aktualna label {margin-bottom:2px;}

.aktualna section.toggle {margin-top:0;}

/*.aktualna ul.nav-list.primary > li {padding:0 30px 0 20px;}*/
.aktualna ul.nav-list.primary > li {padding:0 0 0 0;}

/*.padright7 {padding-right:7px;}*/
.padleft8 {padding-left:8px;}
.padright0 {padding-right:0;}
.padleft0 {padding-left:0;}
.padd5 {padding:0 5px}
.padding5 {padding:5px}
.marginbottom15 {margin-bottom:15px;}

.paddingleft5 {padding-left:5px !important;}
.paddingright5 {padding-right:5px !important;}


.foot-plavo {background:#002F5B;padding:40px 0 115px 40px;}
.foot-plavo h4 {font-size:24px;border-bottom:1px solid #0358A9;color:#fff;padding-bottom:30px;margin-bottom:30px;}
.foot-plavo h4 span.red-bar-title2 {color:#81acd4;}

.foot-plavo2 {background:#002F5B;padding:40px 0 163px 40px;}
.foot-plavo2 h4 {font-size:24px;border-bottom:1px solid #0358A9;color:#fff;padding-bottom:30px;margin-bottom:30px;}
.foot-plavo2 h4 span.red-bar-title2 {color:#81acd4;}

.foot-contact {padding:0 0 0 45px;font:200 13px/20px 'Raleway';margin-bottom:10px;}
.foot-contact2 {padding:0 0 0 45px;font:200 13px/20px 'Raleway';margin-bottom:30px;}

.karusel-dolje {border:1px solid #eaeaea;}

.owl-karusel-dolje {position:relative;top:-42px;}

.redfoot {background:#960300;padding:0 0 0 55px;color:#ff585f;font:200 12px/50px 'Raleway';}
#sub-menu {padding:15px 0 0 55px;}
#sub-menu ul li a:link {color:#fff;}
#sub-menu ul li a:visited {color:#fff;}
#sub-menu ul li a:hover {color:#000;}
#sub-menu ul li a:active {color:#fff;}

.okotrazi .trazi {background:#ca1116;width:100%;}
.trazibutton {float:right;padding:10px 0;width:12%;border:none 0;border-radius:0;}
.traziinput {float:left;width:88%;text-align:right;padding:0 35px 0 0;height:40px;color:#fff;}
.form-control.traziinput {background:none;border:none 0;}

.traziinput::-webkit-input-placeholder {color:#fff;opacity:1;}
.traziinput::-moz-placeholder {color:#fff;opacity:1;}
.traziinput:-ms-input-placeholder {color:#fff;opacity:1;}
.traziinput:-moz-placeholder {color:#fff;opacity:1;}

.tabl {font-size:0.8em;}
.rang {color:#003c75;}
.ranglist {padding:15px 0 0 0;}
.rangtabs a {padding:20px 44px !important;border:none 0 !important;}
.nav-tabs.rangtabs {border:none 0;}
.tab-content.ranglist {padding:15px 0 0 0 !important;box-shadow:none !important;border:none 0 !important;}
.tabs.nopad {padding-top:0;}

.table-striped.tabl > tbody > tr:nth-child(2n+1) > td, .table-striped.tabl > tbody > tr:nth-child(2n+1) > th {
    border: 1px solid #ffffff;
}
.tablnaslov {font-weight:bold;font-size:13px;}

.trazilica-igraca {background:#0358a9;padding:15px 20px 20px 20px;font-size:18px;color:#fff;}


/* Thumb Info */
.thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #FFF;
	border: 0px solid #DDD;
	border-radius: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.thumb-info .thumb-info-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 4px;
	margin: 4px;
	overflow: hidden;
	display: block;
	position: relative;
}

.thumb-info .thumb-info-wrapper:after {
	content: "";
	background: rgba(3, 88, 169, 0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	opacity: 0;
	z-index: 1;
}

.thumb-info .thumb-info-action-icon {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	width: 50px;
	z-index: 2;
}

.thumb-info .thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
	color: #FFF;
}

.thumb-info .thumb-info-inner {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}

.thumb-info .thumb-info-inner em {
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(23, 23, 23, 0.8);
	bottom: 10%;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 9px 11px 9px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	z-index: 2;
	max-width: 90%;
}

.thumb-info .thumb-info-type {
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
	z-index: 2;
}

.thumb-info .owl-carousel {
	z-index: auto;
}

.thumb-info .owl-carousel .owl-dots {
	z-index: 2;
}

.thumb-info img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 3px;
	position: relative;
	width: 100%;
}

.thumb-info:hover .thumb-info-wrapper:after {
	opacity: 1;
}

.thumb-info:hover .thumb-info-action-icon {
	right: 0;
	top: 0;
}

.thumb-info:hover .thumb-info-title {
	background: #000;
}

.thumb-info:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.thumb-info.thumb-info-no-zoom:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
	background: rgba(23, 23, 23, 0.25);
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, -10px, 0);
	top: 50%;
	left: 3px;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	opacity: 0;
	z-index: 2;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
	position: relative;
	z-index: 2;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 40px;
	height: 40px;
	line-height: 33px;
	border-radius: 50%;
	margin-right: 3px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
	position: static;
	font-size: 18px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
	position: relative;
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
	background: transparent;
	left: 5%;
	width: 90%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate(0%, -30%);
	top: 50%;
	bottom: auto;
	opacity: 0;
	text-align: center;
	padding: 0;
	position: fixed;
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
	opacity: 1;
	transform: translate(0%, -50%);
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
	background: #FFF;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, 100px, 0);
	top: auto;
	bottom: 0;
	opacity: 0;
	padding: 15px;
	text-shadow: none;
	color: #777;
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info.thumb-info-bottom-info:hover img {
	-webkit-transform: translateY(-18px);
	-moz-transform: translateY(-18px);
	-ms-transform: translateY(-18px);
	-o-transform: translateY(-18px);
	transform: translateY(-18px);
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
	background: -webkit-linear-gradient( bottom , rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	color: #FFF;
}

.thumb-info.thumb-info-push-hor img {
	-webkit-transform: translatex(-18px);
	-moz-transform: translatex(-18px);
	-ms-transform: translatex(-18px);
	-o-transform: translatex(-18px);
	transform: translatex(-18px);
	width: calc(100% + 19px);
	max-width: none;
}

.thumb-info.thumb-info-push-hor:hover img {
	-webkit-transform: translatex(0);
	-moz-transform: translatex(0);
	-ms-transform: translatex(0);
	-o-transform: translatex(0);
	transform: translatex(0);
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
	opacity: 0.65;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
	opacity: 1;
	top: 50%;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
	opacity: 0.1;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
	opacity: 0;
}

.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
	border-radius: 0;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-preview .thumb-info-image {
	min-height: 232px;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	transition: background-position 0.8s linear 0s;
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
	transition: background-position 2.5s linear 0s;
	background-position: center bottom;
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
	transition: background-position 1s linear 0s;
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
	transition: background-position 5s linear 0s;
}

html.webkit .thumb-info .thumb-info-wrapper {
	margin: 4px 4px 3px 4px;
}

html.webkit .full-width .thumb-info .thumb-info-wrapper,
html.webkit .masonry-item .thumb-info .thumb-info-wrapper,
html.webkit .thumb-info-no-borders .thumb-info-wrapper {
	margin: 0;
}


.thumb-info-wrapper i.kriz {background:#0358a9;top:0;right:0;position:absolute;padding:9px;color:#fff;font-size:19px;z-index:4;opacity:0;}
.thumb-info-wrapper i.lupa {background:#0358a9;bottom:0;right:0;position:absolute;padding:15px;color:#fff;font-size:19px;z-index:4;opacity:0;}

.thumb-info.thumb-info-centered-info:hover .thumb-info-wrapper i {opacity:1;}

ul.portfolio-list div.portfolio-item {margin-bottom:35px !important;}
footer.pin {padding-top:0 !important;}

.ntcblock1 {margin:0 0 30px 0;background:#f0f0f0;padding:20px 30px;}
.ntcblock2 {margin:0 0 30px 0;background:#f0f0f0;padding:20px 30px;}
.gray {background:#f0f0f0;margin:15px;padding:30px;color:#424242;}
.gray div h2.entry {color:#0358a9;font:600 18px 'Raleway';}
.gray i.btl {background:#424242;color:#fff;padding:5px;margin:0 15px 0 0;}

.gray-kontakt {background:#f0f0f0;margin:0 15px 15px 15px;padding:30px 0 30px 30px;color:#424242;}
.gray-kontakt div h2.entry {color:#0358a9;font:600 18px 'Raleway';}
.gray-kontakt i.btl {background:#424242;color:#fff;padding:5px;margin:0 15px 0 0;}

h2.gdje {color:#0358a9;font:600 18px 'Raleway';margin-bottom:15px;}
h2.gdje2 {font-size: 22px;line-height: 50px;color: #fff;padding: 0 0 0 15px;height: 50px;width: 100%;background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;margin: 0 0 13px;font-weight: 600;}

.ztsh {background:#ca1116;color:#fff;font:normal 12px/15px 'Raleway';padding:20px;margin:15px;}
.ztsh h4 {font-size:20px;margin:0 0 25px 0;color:#fff;}
.ztsh a:link {color:#fff;text-decoration:underline;}
.ztsh a:visited {color:#fff;}
.ztsh a:hover {color:#fff;text-decoration:none;}
.ztsh a:active {color:#fff;}
.ztsh p {color:#fff !important;line-height:15px;}

.ztth {background:#ca1116;color:#fff;font:normal 15px/25px 'Raleway';padding:20px;margin:0 15px 15px 15px;}
.ztth h4 {font-size:20px;margin:0 0 25px 0;color:#fff;}
.ztth h6 {font-size:17px;margin:0 0 10px 0;color:#fff;line-height:25px;}
.ztth a:link {color:#fff;text-decoration:underline;}
.ztth a:visited {color:#fff;}
.ztth a:hover {color:#fff;text-decoration:none;}
.ztth a:active {color:#fff;}
.ztth p {color:#fff !important;}


/*
.colek1 {padding:0 15px 0 0;background:#f0f0f0;}
.colek2 {padding:0 0 0 15px;background:#f0f0f0;}
*/

.colek1 ul {padding-left:15px;}
.colek2 ul {padding-left:15px;}


.ntcblock1 div ul li {list-style-type:disc;color:#4568AB;}
.ntcblock1 div ul li span {color:#000;}
.ntcblock2 div ul li {list-style-type:disc;color:#4568AB;}
.ntcblock2 div ul li span {color:#000;}

.whitebgcontent h1 {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 15px;height:50px;width:100%;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;
margin: 0 0 13px;font-weight:600;}

.whitebgcontent .plavi-naslov {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 15px;height:50px;width:100%;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;
margin: 0 0 13px;font-weight:600;}

.whitebgcontent.nomargh1 h1 {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 15px;height:50px;width:100%;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;
margin: 0;font-weight:600;}

h4.whitebgcontent-ztth {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 15px;height:50px;width:100%;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;
margin: 0;font-weight:600;}

/*
.tablica-row {background:#DBE7F9;}
.tablica-vrhovni {background:#f4b4b4;}
tr.tablica-glavni td, td.tablica-glavni {background: #6ebdbd;}
*/

.tablica-row {background:#0358A9;color:#fff;}
.tablica-row2 {background:#dddddd;}
.tablica-vrhovni {background:#fffdcf;}
tr.tablica-glavni td, td.tablica-glavni {background: #e3f6be;}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {border:1px solid #fff}

.odabir {
font-size:22px;line-height:50px;color:#fff;padding:0 0 0 30px;height:50px;width:100%;
background: url(http://188.166.6.135/slike/hts-online-servis-back.png) 0 repeat-x;}

.odabir h2 {float:left;fot-weight:bold;font-size:22px;line-height:50px;color:#fff;height:50px;margin-bottom:15px;}
.odabir select {font-size:15px;margin-top:13px !important;}

.fuller .nav-tabs > li > a:hover {border-color:#005488;background:#18335B !important;}
div.tabs.fuller ul.nav-tabs li.active a, div.tabs.fuller ul.nav-tabs li.active a:hover, div.tabs.fuller ul.nav-tabs li.active a:active, div.tabs.fuller ul.nav-tabs li.active a:focus {/*color: #005488;border-color:#005488 #dddddd #ffffff #eeeeee !important;*/}
div.tabs.fuller ul.nav-tabs li a:active, div.tabs.fuller ul.nav-tabs li a:focus {border-bottom:1px solid #ffffff !important;}

.fuller .nav-tabs > li.active > a:hover {background:#fff !important;border-color:#005488 #eeeeee #ffffff #eeeeee !important;color:#005488 !important;}

.toggle-content.row.rang {padding:0 15px;}


#smartsuggest {margin-top:10px;}
#smartsuggest2 {margin-top:10px;}
.no-round {border-radius:0;}

.table-turniri tr:hover {cursor:pointer;}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
    border-radius: 30px;
    display: block;
    height: 15px;
    margin: 8px;
    transition: opacity 200ms ease 0s;
    width: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #18335B;
}

.dropdown-toggle i.fa-angle-down {display:none;}

h1.entryh1 a:link {color:#fff;}
h1.entryh1 a:visited {color:#fff;}
h1.entryh1 a:hover {color:#fff;}
h1.entryh1 a:active {color:#fff;}

.dropdown ul.dropdown-menu li a {padding-top:5px !important;padding-bottom:5px !important;}

.thumbnailh {padding:2px;border:1px solid #ddd;transition:all 0.2s ease-in-out 0s;}
.thumbnailh:hover {border-color:#222;}

.sluzbene-datum {color:#0358a9;font-weight:bold;}

#klubs_length {display:none;}
#klubs_paginate {display:none;}

h1.hts-poc {color:#0358a9;font:600 34px/30px 'Raleway';text-align:right;padding-top:34px;margin-bottom:0;}
h1.hts-poc span {color:#888;font:200 34px 'Raleway';text-align:right}


body.sticky-menu-active header {height:166px}
body.sticky-menu-active .whitebig {display: none}
body.sticky-menu-active .headertopispod {position: relative;top: 57px;}

.izbornikfa {
    bottom: -5px;
    font-size: 24px;
    line-height: 12px;
    position: relative;
}

.izbornikfa-link {padding-left:20px !important;padding-right:20px !important;}


.big-image {position:relative;margin-bottom:30px;}
.over-image {
    bottom: 0;
    color: #ffffff;
    min-height: 63px;
    padding: 0 0 0 30px;
    position: absolute;
    width: 100%;
}
.over-image h1 {
font: bold 26px/60px "Raleway";
padding:0;
background:none;
}
.over-datum {position: absolute;top: -36px;z-index: 999;background: #ed1b24;left: 0;padding: 8px 5px 8px 30px;font: bold 15px 'Raleway';color: #fff;width: 152px;}
.over-datum2 {background: #ed1b24;left: 0;padding: 5px 0 5px 10px;font: bold 15px 'Raleway';color: #fff;}

.nextprev-bar {color:#fff;background:#2C59A6;}

.width50 {float:left;width:50%;}
.gray-oko {background:#F2F2F2;float:left;}
.gray-box {padding:15px;color:#000;font:light 12px/15px 'Roboto', Arial;width:50%;float:left;}


.kontakt-mail {background: url(http://hts.hr/slike/hts-kontakt-mail.png) 0 0 no-repeat !important;content: none;width: 20px;height: 20px;}
.kontakt-info {background: url(http://hts.hr/slike/hts-kontakt-info.png) 0 0 no-repeat !important;content: none;width: 20px;height: 20px;}
.kontakt-mob {background: url(http://hts.hr/slike/hts-kontakt-mob.png) 0 0 no-repeat !important;content: none;width: 20px;height: 20px;}
.kontakt-fax {background: url(http://hts.hr/slike/hts-kontakt-fax.png) 0 0 no-repeat !important;content: none;width: 20px;height: 20px;}


.igracidetsearch .trazilica-igraca {font-size: 22px;line-height: 30px;}
.rowe .iteme .welle img {margin: 0 auto;}


.form-control.traziinput {position:relative; z-index:10}

.pretraga-oko {background: #eee;float:left;padding:10px;line-height: 27px;margin-top:5px;}
.pretraga-righttoleft {float:right}
.loginformnew {padding: 18px 15px 15px 15px;}
.input-darknew {border: 1px solid #999;}
.input-darknew:focus {border-color: #777;}
.input-darknew::-webkit-input-placeholder {color: #444 !important;}
.input-darknew:-moz-placeholder {color: #444 !important;}
.input-darknew::-moz-placeholder {color: #444 !important;}
.input-darknew:-ms-input-placeholder {color: #444 !important;}
.smallradius {border-radius: 2px;}
.inputtrazinew {border: 1px solid #999;}
.inputtrazinew:focus {border-color: #777;}
.inputtrazinew::-webkit-input-placeholder {color: #444 !important;}
.inputtrazinew:-moz-placeholder {color: #444 !important;}
.inputtrazinew::-moz-placeholder {color: #444 !important;}
.inputtrazinew:-ms-input-placeholder {color: #444 !important;}

.klub-podaci {font:normal 14px/20px 'Raleway';}


.scroll-to-top {display:none !important}
.color-black {color:#000;font-weight:bold;}

.height-small {line-height:15px !important;margin-top:-2px;}

.table-49l {width:46%;float:left;}
.table-49r {width:46%;float:right;}

tr#kras th {border-bottom:none;}
tr#kras2 th {color:#003c75;}
tr#kras th.kate {position:relative;top:-46px;left:0%;}
tr#kras th.spol {position:relative;top:-46px;left:0%;}
tr#kras th.klub {position:relative;top:-46px;left:0%;}
tr#kras th.kate select {width:60px;height:36px;font-size:14px;padding:0;}
tr#kras th.spol select {width:60px;height:36px;font-size:14px;padding:0;}
tr#kras th.klub select {width:150px;height:36px;font-size:14px;padding:0;}

tr#kras3 {position:absolute;}
tr#kras3 th.kate label {position:relative;top:-63px;left:253px;}
tr#kras3 th.spol label {position:relative;top:-68px;left:257px;}
tr#kras3 th.klub label {position:relative;top:-68px;left:260px;}
tr#kras3 th {border:0 none;height:1px !important;padding-top:0 !important;padding-bottom:0 !important;}


div.dt-buttons {float:right !important;top:22px !important;margin-left:20px;}

#mainMenu li a {padding-left:14px;padding-right:14px;}

.klub-gumb {position:absolute;left:15px;z-index:44;}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #bbbbbb;
}

.table.table-bordered.table-striped.table-hover tr i.fa {display:none;}
.table.table-bordered.table-striped.table-hover tr:hover i.fa {display:inline;margin-top:4px;}
.table.table-bordered.table-striped.table-hover.fashow tr i.fa {display:inline;}


.dataTables_wrapper .dataTables_filter input {height:36px;}
#playerslist_filter {margin-top:0;}
#playerslist_length select {height:36px;font-size:14px;}
#trenerlist_length select {height:36px;font-size:14px;}

.drugaplava section.toggle.active > label {
    background-color: #0358a9;
    border-color: #0358a9 ;
    color: #ffffff;
}

table.dataTable tbody tr {
    color: #003c75;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #dbe7f9 !important;
}
table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover {
    background-color: #0358A9 !important;
cursor:pointer;
color:#fff;
}

table.dataTable tbody tr:hover td a:link {color:#fff;}
table.dataTable tbody tr:hover td a:visited {color:#fff;}
table.dataTable tbody tr:hover td a:hover {color:#fff;}
table.dataTable tbody tr:hover td a:active {color:#fff;}


table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #cddefa !important;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #ffffff;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #0358A9 !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:none !important;border:1px solid #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding:0 !important;margin:0 !important;}

{!--#playerslist select option:checked {color:#f00;font-weight:bold;}--}

@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

.col-xs-2-5 {
	width: 40%;
	float: left;
}

.col-xs-3-5 {
	width: 60%;
	float: left;
}

.col-xs-4-5 {
	width: 80%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}

	col-sm-2-5 {
		width: 40%;
		float: left;
	}

	col-sm-3-5 {
		width: 60%;
		float: left;
	}

	col-sm-4-5 {
		width: 80%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}

	.col-md-2-5 {
		width: 40%;
		float: left;
	}

	.col-md-3-5 {
		width: 60%;
		float: left;
	}

	.col-md-4-5 {
		width: 80%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}

	.col-lg-2-5 {
		width: 40%;
		float: left;
	}

	.col-lg-3-5 {
		width: 60%;
		float: left;
	}

	.col-lg-4-5 {
		width: 80%;
		float: left;
	}
}




.turniriprijava {color: #003c75;font-family: 'Raleway',sans-serif;text-align: left;background-color: #FFE958;padding: 0 10px;margin-bottom: 10px;min-height: 65px;line-height: 67px;font-weight: bold;font-size: 20px;}
.turniriprijavatext {float: left;line-height: 67px;}
.turniriprijavalogform {background: transparent;float: right;padding: 0;}

.sredinabuttons {
    left: 85px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    right: 0;
    width: 28%;
}

.btn-left {text-align:left !important;padding-left:15px;}