body {
       background:url('../images/iPressBackground.gif') #d2d2d2;
       padding:0px;
       margin:0px;
       font-family:'Roboto', Arial, Verdana, sans-serif;
    }

    .mainBLock{
      z-index: 10;
      position:relative;
       width:970px;
       margin:0 auto 6px;
       -moz-box-shadow: 10px 10px 5px #888;
       -webkit-box-shadow: 10px 10px 5px #888;
       box-shadow: 3px 0px 3px #888, -3px 0px 3px #888;
       
       padding:0px 0px 0px 0px;
      
       background: #fff;
    }

   .headBanner{
      width:100%;
      height:90px;
      padding:0px 5px;
   }
   .headBanerLeft{
      width:227px;
      height:100%;
      background-color: blue;
      margin-right:5px;
      float:left;
      overflow: hidden;
   }
   .headBanerRight{
      width:728px;
      height:100%;
      background-color: green;
      margin-right:0px;
      float:left;      
   }
   .headInfoTime{
      width:100%;
      height:30px;
      font-weight: bold;
      font-size: 14px;
      padding:12px 9px 0px;
      position:relative;
      box-sizing: border-box;
      color:#333;
   }
   

   .headTimeAndDate{
    font-weight: normal;
      position:absolute;
      top:12px;
      right:10px;
      width:50%;
      float:left;
      text-align:right;
      text-transform: uppercase;
      
   }
   .greenHeadPlaceholder{
      width:100%;
      height:80px;
      position:relative;
      background-color: red;
      z-index: 999;
   }

   .greenHead{
     width:980px;
     height:80px;
     background: url('../images/iPressLogoTraka.jpg');
     position: absolute;
     left:-5px;
     
      box-shadow: 0px 4px 3px rgba(10,10,10,0.5);
   }
   
   .LinksHeadSpace {
      display:block;
      max-width: 500px;
      position: absolute;
      right:0px;
      top:27px;
      color:white;
   }
   .LinksHeadSpace a{
      display:inline-block;
      margin-right:17px;
      color:white;
      text-decoration: none;
   }
   
   .LinksHeadSpace a:first-child{
      display:inline;
      margin-right:0px;
   }
   
   .LinksHeadSpace a img:hover{
      opacity: 0.8;
   }
   
   .textReg{
       display:inline-block;
       width:200px;
       height: 100%;
       vertical-align: top;
       line-height: 34px;
       text-align: right;
   }
   
   .menuBarPlaceholder{
     width:100%;
     height:30px;
     position:relative;
     background: url('../images/menuBackground.jpg');
   }
   #underHeadBannerScrollPlaceholder{
      width:100%; /*ide full širina - nakon toga content padding 10px*/
      min-height:0px;
      overflow: hidden;
      /*background-color: orange;*/
   }

   .mainContent{
      width:100%;
      height:100%;
      padding:0px 10px;
      box-sizing:border-box;
   }

   .leftContent{
      width:640px;
      min-height:100px;

      float:left;
   }
   
   .leftOsmContent{
      width:760px;
      min-height:100px;

      float:left;
   }
   
   .leftFullContent{}

   .rightContent{
      margin-left:10px;
      width:300px;
      min-height:100px;
      float:left;
   }
   
   .rightOsmrtniceContent{
      margin-left:10px;
      width:180px;
      min-height:100px;
      float:left;
      
   }
   
.mainArticle, .leftDownContent{
   margin-bottom:10px;
   width:100%;   
   float:left;
}
.leftleftContent{
   width:200px;
   margin-right:10px;
   float:left;
}
.leftRightContent{
   width:430px;
   margin-right:0px;
   float:left;
}

/*Menu*/
ul.menu{
    margin:0px;
    padding:0px;
    
}
ul.menu li {
    list-style:none;
    float:left;
    background: url('../images/menuBackground.jpg');
    }
    
ul.menu li.active {
    background: white;
    color:#000;
    }

ul.menu li a{
    color:#FFF;
    text-decoration:none;
    padding:0px 16px;
    font-size:15px;
    line-height: 17px;
    margin:8px 0px 5px;
    display:inline-block;
    border-right: 1px dotted #fff;

}

ul.menu li.active a{
    color:#000;
    }

ul.menu li a:hover{
    text-decoration: underline;
}

/*color:crna pocrtana, pozadina bijela*/

ul.menu li:first-child {
    list-style:none;
    float:left;
    background: url('../images/HomePASSIVE.png') no-repeat center center;
    border-left: none;
    border-right: none;
}

ul.menu li.active:first-child {
    list-style:none;
    float:left;
    background: url('../images/HomeACTIVE.png') #fff no-repeat center center;
    border-left: none;
    border-right: none;
}

ul.menu li.active:first-child:hover {
    list-style:none;
    float:left;
    background: url('../images/HomeACTIVE.png') #fff no-repeat center center;
    border-left: none;
    border-right: none;
}

ul.menu li:first-child:hover {
    list-style:none;
    float:left;
    background: url('../images/HomeOVER.png') no-repeat center center;
    border-left: none;
    border-right: none;
}

ul.menu li:first-child a{
    float:left;
    padding:0px 0px;
    width:65px;
    font-size:1px;
    border-left: none;
    border-right: none;
    color: transparent;
}

div.moduletable_menu{
    background: url('../images/menuBackground.jpg');
    float:left;
    display: block;
}

#setFavorite {
    cursor:pointer;
    background: url('../images/Bookmark.png');
    background-repeat: no-repeat;
    width:36px;
    overflow: hidden;
    height:30px;
    background-position: right, bottom;
    display:inline-block;
}

#setFavorite:hover {
    background: url('../images/BookmarkOVER.png');
    background-position: right, bottom;
    background-repeat: no-repeat;
}

.clearfix{
    clear:both;
    width:100%;
    float:none;
    
}

.verticalDistance10{
    display:block;
    width:90%;
    height:10px;
    
}

.verticalDistance15{
    display:block;
    width:90%;
    height:15px;
    
}

/*SEARCH*/
.search-title{
    background-color: #199439;
    color:#fff;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding-left: 10px;
}

.btn{
    color:white;
    background:#464646;
    border:0px;
    font-size: 15px;
    line-height: 20px;
    outline: none;
    display:inline-block;
    vertical-align:top;
    float: right;
}

.btn:hover{
    background:#888;
}

.btn-group{
    margin: 30px 0px;
    overflow: hidden;
}

label.search-label{
    float: left;
    vertical-align: bottom;
    display: block;
    height:25px;
    line-height: 25px;
}

.btn-group input[type="text"]{
    height:28px;
    vertical-align: top;
    padding:0px;
    line-height: 28px;
    font-size:15px;
    display: inline-block;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
.btn-group span{
    display: block;
    overflow: hidden;
    padding:0px 10px;
}



.input-container{
    overflow:hidden;
    display: inline-block;
}

.phrases-box{display:block;width:100%;margin-bottom:20px;min-height: 25px;}
.controls{float:left;display:block;width:380px;}
.controls label{vertical-align: top;float:left;margin-right: 15px;}
.controls input{float:right}
.ordering-box{float:right;display:block}
.ordering{vertical-align: top}
.only {float:none;clear:both;}
.result-title{padding-top: 20px;}
.result-title a{color:#199439;font-weight: bold;}
.result-category{padding: 10px 0px 5px 0px ;margin: 0px;font-weight: bold}
.result-text{margin: 0px;}
.result-created{margin: 0px;padding: 10px 0px 10px 0px;color:#888;border-bottom: solid 1px #000}
#ordering_chzn{top:-3px;width:150px!important}

.moduletable h3, body.modal h3, .moduletable-tecajna h3, .moduletable-osmrtnice h3{
    background-color: #199439;
    color: #fff;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    margin-top: 0px;
    font-size: 15px;
    font-family:'Roboto Slab', Arial, Verdana, sans-serif;
    text-transform: uppercase;
}

.moduletable-osmrtnice h3{
   background-color: #000;
}

.moduletable{
   clear:both;
   margin-bottom: 8px;
}

.moduletable-skyscraper150{
   width: 150px;
   float:left;
   clear: none;
   margin-left:10px;
   margin-bottom: 8px;
}
.moduletable-tecajna {
   width: 130px;
   float:none;
   clear: none;
}

.vrijeme {
   width: 130px;
   float:none;
   overflow: hidden;
   clear: none;
   height:197px;
}

.moduletable-bottom_banner{
   
      
}

.moduletable a, .moduletable-skyscraper150 a, .moduletable-tecajna a{
   text-decoration: none;
   display:block;
   color: #222;
   font-size: 13px;
   
}
.moduletable span, .moduletable-tecajna span{
   text-decoration: none;
   display:block;
   color:#199439;
   font-size: 13px;
}

.greenNaslov{
   margin-bottom: 9px;
   
}

.blueNaslov{
   width:130px;
   margin-bottom: 9px;
   background-color: #0371be!important;
   font-size:13px!important;
}

.greenNaslov1{
   width:130px;
   margin-bottom: 9px;
   background-color: #199439!important;
   font-size:13px!important;
}

body.modal h3{
    margin-bottom:39px;
    
}

.userdata-registration label{
   display:inline-block;
   width:125px;
    
}

#sbox-content{
    background: #fff;
    
}

#system-message-container{
    display:none;
    
    
}

.userdata, .userdata-registration{
    padding:0px 20px;
    margin:0px;
    border:0px;
    font-size: 14px;
}

.userdata p{
    margin-top:10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.userdata-registration p{
    margin-top:20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.userdata label{
    display:block;
    padding-bottom: 6px;
    
}

.emailInput{
    display:inline-block;
    width:50%;
    box-sizing: border-box;
    padding: 0px;
    font-size: 13px;
    line-height: 16px;
    
}

.userdata input[type=text], .userdata input[type=password]{
    display:block;
    width:100%;
    box-sizing: border-box;
    padding: 0px;
    font-size: 13px;
    line-height: 14px;
    
}

.userdata-registration input[type=text], .userdata-registration input[type=password], .userdata-registration input[type=email]{
    width:315px;
    overflow:hidden;
    box-sizing: border-box;
    padding: 0px;
    font-size: 13px;
    line-height: 14px;
    
}
.inline-rememberme{
    display:inline-block!important;
    vertical-align: text-bottom;
    padding-bottom: 2px!important;
}

.userdata input[type=submit]{
    float:right;
    background: #484848;
    border: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    line-height: 13px;
    padding:5px;
    margin-top:10px;
}

.userdata ul {
    list-style: none;
    padding: 0px;
    display:block;
    padding-top:10px;
    clear:both;
    margin-bottom: 0px;
}

.userdata ul li{
    padding:3px 0px 3px 0px;
}

.userdata ul li a{
    color: #199439;
    font-size: 14px;
}

.infoLabel{
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px;
}

/* Modal */


#sbox-window {
    background-color: #000!important;
    border-radius: 0px!important;
    padding: 5px!important;
    position: absolute;
    text-align: left;
}
#sbox-btn-close {
    background: rgba(0, 0, 0, 0) url("../images/modal/closebox.png") no-repeat scroll center center;
    border: medium none;
    height: 30px;
    position: absolute;
    right: -11px!important;
    top: -11px!important;
    width: 30px;
    
}
#sbox-content {
    background-color: #fff;
    clear: both;
    height: 100%;
    overflow: auto;
    width: 100%;
}

#sbox-content iframe{
    background: #fff;
}

body.modal{
    background: #fff;
    
}

#sbox-content.sbox-content-image {
    overflow: visible;
}
#sbox-image {
    display: block;
}
.sbox-content-image img {
    display: block;
    height: 100%;
    width: 100%;
}
#sbox-content.sbox-content-iframe {
    overflow: visible;
}

.captcha{
    width:70px;
    vertical-align: top;
    height:30px;
    
}

#captchaInput, #jform_captcha{
    width:70px!important;
    margin-top: 0px!important;
    
}

#emailFormCommon{
    text-align: center;
}

#emailFormCommon input[type=text]{
    width: 85%;
    display: inline-block;
    margin-top: 30px;
}

#emailFormCommon input[type=email]{
    width: 85%;
    display: inline-block;
    margin-top: 20px;
}

#emailFormCommon textarea{
    width: 85%;
    display: inline-block;
    margin-top: 20px;
    height:160px;
    
}

#emailFormCommon input[type=submit]{
    background: #484848 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 13px;
    margin-top: 10px;
    padding: 5px;
    text-transform: uppercase;
}

#emailFormCommon input[type=reset]{
    background: #484848 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 13px;
    margin-top: 10px;
    padding: 5px;
    text-transform: uppercase;
}

.email_button_place{
    width:85%;
    display: inline-block;
}

.email-result{
    margin-top: 20px;
    
}

.error_email{
    color:#F00;
    margin-top: 20px;
}


/*article*/


.blokOdTeksta{
   padding: 0px 12px;
   
   
}

.title_glavne {
	font-size:11px;
	font-weight:bold;
	width:389px;
	padding:2px 5px 2px 5px;
	position:  absolute;
	bottom:  0px;
	background-color:#000;
	color:#fff;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}
   
.mainArticleImage{
    width:100%;
    height:400px;
    background-color:#acacac;
    display:block;
    position:relative;
    /*background-size:cover!important;*/
    background-position: center center;
}

.articleImageLegenda{
    width:100%;
    position:absolute;
    bottom:0px;
    padding:5px;
    background-color:rgba(0,0,0,0.33);
    color:white;
    box-sizing: border-box;
}

div.noFloat{
   clear:both;
   float:none;
}
.banneritem{
    text-align: center;
    position:relative;
    
}


#mail, #print, #komentiraj, #pdf, #share{
    display:inline-block;width:30px;height:30px;margin-right: 10px;
    margin-top:10px;
}

#mail{
   background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/MailIconNORMAL.png") no-repeat scroll center center; 
}
#print{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/PrintIconNORMAL.png") no-repeat scroll center center; 
}
#komentiraj{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/CommentIconNORMAL.png") no-repeat scroll center center; 
}
#pdf{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/PDFIconNORMAL.png") no-repeat scroll center center; 
}
#share{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/SocialIconNORMAL.png") no-repeat scroll center center;position:relative; overflow: visible;
}

#mail:hover{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/MailIconOVER.png") no-repeat scroll center center; 
}
#print:hover{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/PrintIconOVER.png") no-repeat scroll center center; 
}
#komentiraj:hover{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/CommentIconOVER.png") no-repeat scroll center center; 
}
#pdf:hover{
    background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/PDFIconOVER.png") no-repeat scroll center center; 
}
#share:hover{
   background: rgba(0, 0, 0, 0) url("../images/ArticleIcon/SocialIconOVER.png") no-repeat scroll center center;
}

#share:hover div{
   display:block;
}

#shares
{
    display: none;
    width:77px;
    position:absolute;
    top:30px;
    left:opx;
    padding: 4px;
    background: white;
    border-radius: 4px;
    box-shadow: 4px 4px 3px #888888;
    border:1px solid #aaa;
}

#shares a
{
    margin:4px 0 2px 2px;
    
}
#shares a:first-child
{
    display: none!important;
    
}

div.articleTime{
    font-size: 13px;
    color:#b5b5b5;
    display: inline-block;
    height:26px;
    vertical-align: bottom;
}

div.articleTime span{
    font-size: 13px;
    color:#464646;
}

.page-header h2{
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 42px;
    color:#000;
    margin-top: 15px;
    line-height: 48px;
    
}

div.page-category{
    font-weight: bold;
    font-size: 14px;
    color:#000;
    margin-top:30px;
}

div.articleBody{
    font-size: 16px;
    line-height: 19px;    
    color:#000;
    margin-top:30px;
    margin-bottom:30px;
}
div.articleBody p{
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 400;
}


/*
Font za "objavljeno" i "zadnja promjena" je Roboto, regular, 13px. Svijetlo sivi je #b5b5b5, a tamno sivi je #464646.

Font rubrike jeRoboto, bold, 14px, #000000

Font naslova je Roboto Slab, bold, 42px, #000000

Font teksta je Roboto, regular, 16px, prored 19px, razmak između paragrafa 10px, #000000
*/

/*-------facebook */

.FBConnectButton_Simple,
.FBConnectButton_RTL_Simple{background-image:url(http://www.facebook.com/images/connect_favicon.png);background-repeat:no-repeat;outline:none;text-decoration:none}
.FBConnectButton_RTL_Simple{background-position:right 0}
.FBConnectButton_Simple .FBConnectButton_Text_Simple{margin:0 0 0 20px;padding-bottom:1px}
.FBConnectButton_RTL_Simple .FBConnectButton_Text_Simple{margin:0 10px 0 0}
a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple{text-decoration:underline}
.FBConnectButton,
.FBConnectButton_RTL{background:#29447e url(/images/connect_sprite.png);background-repeat:no-repeat;cursor:default;display:inline-block;padding:0 0 0 1px;text-decoration:none;outline:none}
.FBConnectButton .FBConnectButton_Text,
.FBConnectButton_RTL .FBConnectButton_Text{background:#5f78ab url(/images/connect_sprite.png);border-top:solid 1px #879ac0;border-bottom:solid 1px #1a356e;color:#fff;display:block;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:bold;padding:2px 6px 4px;margin:1px 1px 0 0;text-shadow:none}
a.FBConnectButton,
a.FBConnectButton_RTL ,
.FBConnectButton,
.FBConnectButton_RTL{text-decoration:none}
a.FBConnectButton:active .FBConnectButton_Text,
a.FBConnectButton_RTL:active .FBConnectButton_Text ,
.FBConnectButton:active .FBConnectButton_Text,
.FBConnectButton_RTL:active .FBConnectButton_Text{border-bottom:solid 1px #29447e;border-top:solid 1px #45619d;background:#4f6aa3;text-shadow:none}
.FBConnectButton_BigPun,
.FBConnectButton_RTL_BigPun{background-position:left -60px;font-size:24px;line-height:30px}
.FBConnectButton_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-left:38px}
a.FBConnectButton_BigPun:active{background-position:left -99px}
.FBConnectButton_RTL_BigPun{background-position:right -268px}
.FBConnectButton_RTL_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-right:39px}
a.FBConnectButton_RTL_BigPun:active{background-position:right -307px}
.FBConnectButton_Large,
.FBConnectButton_RTL_Large{background-position:left -138px;font-size:13px;line-height:16px}
.FBConnectButton_Large .FBConnectButton_Text{margin-left:24px}
a.FBConnectButton_Large:active{background-position:left -163px}
.FBConnectButton_RTL_Large{background-position:right -346px}
.FBConnectButton_RTL_Large .FBConnectButton_Text{margin-right:25px}
a.FBConnectButton_RTL_Large:active{background-position:right -371px}
.FBConnectButton_Medium,
.FBConnectButton_RTL_Medium{background-position:left -188px;font-size:11px;line-height:14px}
.FBConnectButton_Text,
.FBConnectButton_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-left:21px}
a.FBConnectButton_Medium:active{background-position:left -210px}
.FBConnectButton_RTL_Medium{background-position:right -396px}
.FBConnectButton_RTL_Text,
.FBConnectButton_RTL_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-right:22px}
a.FBConnectButton_RTL_Medium:active{background-position:right -418px}
.FBConnectButton_Small,
.FBConnectButton_RTL_Small{background-position:left -232px;font-size:10px;line-height:10px}
.FBConnectButton_Small .FBConnectButton_Text{padding:2px 6px 3px;margin-left:17px}
a.FBConnectButton_Small:active ,
.FBConnectButton_Small:active{background-position:left -250px}
.FBConnectButton_RTL_Small{background-position:right -440px}
.FBConnectButton_RTL_Small .FBConnectButton_Text{padding:2px 6px;margin-right:18px}
a.FBConnectButton_RTL_Small:active{background-position:right -458px}
.FBConnectButton_Inactive{filter:alpha(opacity = 40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4}
.fb_share_count_wrapper{position:relative;float:left}
.fb_share_count{background:#b0b9ec none repeat scroll 0 0;color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;text-align:center}
.fb_share_count_inner{background:#e8ebf2;display:block}
.fb_share_count_right{margin-left:-1px;display:inline-block}
.fb_share_count_right .fb_share_count_inner{border-top:solid 1px #e8ebf2;border-bottom:solid 1px #b0b9ec;margin:1px 1px 0 1px;font-size:10px;line-height:10px;padding:2px 6px 3px;font-weight:bold}
.fb_share_count_top{display:block;letter-spacing:-1px;line-height:34px;margin-bottom:7px;font-size:22px;border:solid 1px #b0b9ec}
.fb_share_count_nub_top{border:none;display:block;position:absolute;left:7px;top:35px;margin:0;padding:0;width:6px;height:7px;background-repeat:no-repeat;background-image:url(/rsrc.php/zCXBS/hash/89zgzk50.png)}
.fb_share_count_nub_right{border:none;display:inline-block;padding:0;width:5px;height:10px;background-repeat:no-repeat;background-image:url(/rsrc.php/zAQB0/hash/1a8txe26.png);vertical-align:top;background-position:right 5px;z-index:10;left:2px;margin:0 2px 0 0;position:relative}
.fb_share_no_count{display:none}
.fb_share_size_Small .fb_share_count_right .fb_share_count_inner{font-size:10px}
.fb_share_size_Medium .fb_share_count_right .fb_share_count_inner{font-size:11px;padding:2px 6px 3px;letter-spacing:-1px;line-height:14px}
.fb_share_size_Large .fb_share_count_right .fb_share_count_inner{font-size:13px;line-height:16px;padding:2px 6px 4px;font-weight:normal;letter-spacing:-1px}


/* content - category */
.items-leading{
   width:420px;
   overflow:hidden;
   float:right;
}

.items-leading div.inner-items-leading{
   box-sizing: border-box;
   width:100%;
   float:right;
   background: #ececec;
   overflow: hidden;
   padding: 0px 10px 15px 10px;
}

.items-leading div.leading-0 .leading-kategorija{
   color:#fff!important;
}

.leading-1 a img.mainImage{
   width:400px;
   max-height:300px;
   object-fit: contain;
}

.inner-items-leading a img.mainImage{
   width:400px;
   max-height:300px;
   object-fit: contain;
}

.mainImageSmallCategory{
   width:210px;
   max-height:210px;
   object-fit: contain;
   
}

.items-leading div.leading-0{
   overflow: hidden;
   width:100%;
   background: #000000!important;
   margin-bottom: 10px;
}

.normal-items-blog{
   overflow: hidden;
   padding-right:10px;
}

.items-leading div.inner-items-leading a.contentpagetitle img.mainImage{
   width:400px;
   height:175px;
   display: block;
}

.items-leading div.inner-items-leading a.contentpagetitle{
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   font-size: 30px;
   color:#000;
   margin-top: 15px;
   line-height: 36px;
   text-decoration: none;
}

.leading-0 a.contentpagetitle{
   font-size: 34px;
   color:#FFF!important;
   line-height: 40px;
}

div.inner-items-leading a.contentpagetitle div.leadingText{
   margin-top:15px;
   font-family: Roboto, sans-serif;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
}

.items-leading div.inner-items-leading div.line{
   margin-bottom: 10px;
   height:1px;
}

.leading-2 div.line, .leading-3 div.line, .leading-4 div.line, .leading-5 div.line, .leading-6 div.line, .leading-7 div.line, .leading-8 div.line, .leading-9 div.line{
   border-top:1px solid #898989;
}

.leading-kategorija{
   margin-top: 10px;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px; 
   font-family: Roboto, sans-serif;
   /*text-transform: uppercase;*/
}


.shares-rubrika
{
    display: none;
    width:77px;
    height:77px;
    position:absolute;
    top:17px;
    left:opx;
    padding: 4px;
    background: white;
    border-radius: 4px;
    box-shadow: 4px 4px 3px #888888;
    border:1px solid #aaa;
}

.shares-rubrika a
{
    margin:4px 0 2px 2px;
    
}
.shares-rubrika a:first-child
{
    display: none!important;
    
}

div.shareLittleImage{
   background: url('../images/shareLttle.png');
   width:17px;
   height:17px;
   display: inline-block;
   margin-left: 5px;
   vertical-align: top;
   position: relative;
   overflow: visible;
   
}

div.shareLittleImage:hover div{
   display:block!important;
}

/*male*/

.items-kategorija{
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px; 
   font-family: Roboto, sans-serif;
   /*text-transform: uppercase;*/
}

.items-kategorija-featured{
   background: #000;
   color:white;
   margin-bottom: 0px;
   font-weight: bold;
   font-size: 14px;
   line-height: 18px; 
   font-family: Roboto, sans-serif;
   /*text-transform: uppercase;*/
   /*white-space: nowrap;*/
   width: auto;
   display: inline-block;
   padding:5px 10px;
}

.items-row a.contentpagetitle{
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   font-size: 19px;
   color:#000;
   margin-top: 15px;
   line-height: 21px;
   text-decoration: none;
}

a.contentpagetitle-featured{
   display: inline-block;
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   font-size: 47px;
   color:#fff;
   margin-top: 0px;
   line-height: 47px;
   text-decoration: none;
   background: #000;
   display:block;
   padding:5px 10px;
   box-sizing: border-box;
}

.items-row{
   margin-bottom: 10px;
   
}

.items-row div.line{
   border-top:1px solid #898989;
   margin-bottom: 10px;
   height:1px;
   
}

.items-row:first-child  div.line{
   display: none;
   
}

.items-more{
   width:100%;
   float:right;
}

.josURubrici{
   background:#464646;
   height: 26px;
   margin-top:10px;
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   font-size: 15px;
   line-height: 27px;
   color:#FFF;
   padding:0px 10px;
   position: relative;
}

.items-more li{
   display:block;
   width:49%;
   float:left;
}

.items-more a{
   color:#000;
   text-decoration: none;
   font-size: 14px;
   line-height: 17px;
   font-weight: bold;
}

.items-more ol li{
   margin-bottom:5px;
}

.items-more ol li a:hover{
   margin-bottom:5px;
   color:#555;
}

.items-more ol li:nth-child(even){
   display:block;
   margin-left:2%;
   float:left;
}

.items-more ol li:nth-child(odd){
   display:block;
   float:left;
   clear:left;
}

.items-more ol{
   margin-top:10px;
   list-style: none;
   padding:0px;
   margin-bottom:10px;
}

.items-more-featured{
   width:210px;
   float:right;
   margin-right: 10px;
}

.items-more-featured li{
   display:block;
   width:49%;
   float:left;
}

.items-more-featured a{
   color:#000;
   text-decoration: none;
   font-size: 14px;
   line-height: 17px;
   font-weight: bold;
}

.items-more-featured a img.mainImage{
   width:210px;   
   max-height:210px;
   object-fit: contain;
}

.items-leading div.leading-0 a img{
   width:400px;   
   max-height:300px;
   object-fit: contain;
}



.items-more-featured ol li{
   margin-bottom:5px;
}

.items-more-featured ol li a:hover{
   margin-bottom:5px;
   color:#555;
}

.items-more-featured ol li:nth-child(even){
   display:block;
   margin-left:2%;
   float:left;
}

.items-more-featured ol li:nth-child(odd){
   display:block;
   float:left;
   clear:left;
}

.items-more-featured ol{
   margin-top:10px;
   list-style: none;
   padding:0px;
   margin-bottom:10px;
}




.prikaziSve{position:absolute;right:4px;color:#FFF;top:0px;text-transform:none;cursor:pointer}

/* content - category */

/*frontpage-featured*/
.blog-featured{
   margin:0px;
   padding: 0px;
   
}

.frontpage-items-leading{
   margin-bottom: 10px;
   
}

.frontpage-items-leading a:first-child{
   margin-bottom: 10px;
   text-align: center;
   display: inline-block;
   width:100%;
}

.frontpage-items-leading a:first-child img{
   object-fit: contain;
   width:640px;
   max-height: 500px;   
}

.customfooterStranice{
   text-align: center;
   background: #000;
   color: #fff;
   font-size: 14px;
   line-height: 34px;
}

.medjunaslov{
    font-family: 'Roboto Slab', serif;
    font-weight: 600!important;
    font-size: 20px;
    margin-top: 25px!important;
    display: inline-block;
}

.nabr{
   font-family: 'Roboto Slab', serif;
   font-weight: 600!important;
   font-size: 13px;
   text-transform: uppercase;
}

.marketing-menu, .marketing-menu a{
   display:inline-block;
   width:426px;
   font-family: 'Roboto Slab', serif;
   font-weight: 600!important;
   font-size: 30px;
   color:#0072bc;
}
.marketing-phone, .marketing-phone a{
   display:inline-block;
   font-family: 'Roboto Slab', serif;
   font-weight: 600!important;
   font-size: 18px;
   color:#555;
   line-height: 130px;   
}

.marketing-naslov{
   display:inline-block;
   font-family: 'Roboto Slab', serif;
   font-weight: 600!important;
   font-size: 42px;
   color:#000;
   width:100%;
   height:85px;
   text-align: center;
}

.margeting-tabela{
   width:100%;
   border-spacing: 0px 10px;
}

.margeting-tabela td{
   font-family: 'Roboto Slab', serif;
   font-weight: 600!important;
   font-size: 13px;
   color:#000;
   background-color:#e8f4eb;
   padding: 3px;
   text-transform: uppercase;
   
}

.margeting-tabela td:last-child{
   text-align: right;
}

.latestnewsTitle{
   background: #ea0202;
   color: #FFF;
   font-family: "Roboto Slab",serif;
   font-size: 13px;
   font-weight: bold;
    line-height: 24px;
    margin-top: 0px;
    text-decoration: none;
    padding-left: 10px;
   
}

ul.latestnews-latest{
      margin-top: 0px;
      padding: 0px;
}

ul.latestnews-latest li{
      list-style: none;
      width:100%;
      border-bottom: #acacac solid 1px;
      min-height: 30px;
      padding-top:10px;
}

ul.latestnews-latest li:last-child{
      border-bottom: #ea0202 solid 2px;
}

ul.latestnews-latest li a{
      width:100%;
}

div.lat_vrijeme{
   width:36px;
   height:15px;
   overflow:hidden;
   display: inline-block;
   vertical-align: middle;
   background:#ea0202;
   font-size: 11px;
   font-weight: bold;
   color: #fff;
   text-align: center;
   line-height: 16px;
}

div.lat_naslov{
   width:160px;
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   line-height: 15px;
   margin-left: 10px;
}

.komentarifooterStranice{ 
   background:url('/templates/ipressTemplate/images/footer_back.gif')#000;
}
.komentarifooterStranice p{ 
   text-align: center;
   color: #fff;
}

.komentari a{
   margin-bottom: 9px;
   
}

ul.mostread{
   list-style: none;
   padding: 0px 0px 0px 9px;
   margin: 0px;
}

ul.mostread a{
   color:#000;
   display: inline-block;
   margin-bottom: 8px;
}

ul.mostread a span{
   color:#000;
}

.mod-sppoll {
   font-size: 13px;
   
}

.mod-sppoll label{
   display: inline-block;
   margin-top:5px;
}

.mod-sppoll label input{
   vertical-align: bottom;
}

.dnoAnketa{
    background: #199439 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    text-align: center;
    margin-top: 8px;
}

.dnoAnketa input{
    background: none ;
    border: 0 none;
    color: white;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    outline: medium none;
    vertical-align: top;
    cursor: pointer;
   
   
}



/*Tecajna*/
tr.tec_red_1 	{}
td.tec_red_0 	{padding-left:3px;}
td.tec_red_1 	{padding-left:3px;}
td.tec_prva 	{color:#6073b8;font-weight:normal;padding-left:2px;}
td.tec_treca 	{color:#2a8b3c;font-weight:normal;}
.tec_tabela 	{float:left;/*width:130px;*/margin:0px;font-size:12px;font-weight: normal;min-height: 116px;}/*line height maknuti kad bude u 2*/
.tec_tabela td {padding-left:3px;line-height: 20px;}/*line height 16 kad bude u 2*/
.tec_sele	{border-width:2px;padding:0px 0px 0px 0px;float:none;font-size:9px}
.tex_sele	 {border-width:1px;border-style:solid;padding:0px 0px 0px 2px;float:left;font-size:10px;border-color: #a9a9a9; width:46px;
		}
.prvi_sele 	{float:none;width:120px;
		margin:3px 8px 0px 8px;
		}
.drugi_sele 	{float:none;width:120px;
		margin:3px 8px 5px 8px;
		}
.tec_main	{ display:block; width:130px;border:none;color:#000; padding: 0px;overflow:hidden}
#tec_lef{
   
   
}

#tec_tab_cont{width:260px;min-height: 132px;float: left}

.tec_tabela tr:first-child td{padding-bottom: 4px;}

.styled-select{
   border:2px solid #a9a9a9;
   display:inline-block;
   line-height: 10px;
   overflow: hidden;
   width:42px;
   background: url('../images/selectDown.png') right center no-repeat;
}

.styled-select select {
   background: transparent;
   padding: 0px;
   margin: 0px;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   width:57px;
}

.styled-select select option {
   padding: 0px;
   margin: 0px;
}

.izracunaj_button {
   background: url('../images/izracunaj.png') center center no-repeat;
   width:58px;
   height:17px;
   display:inline-block;
   margin-top: 6px;
   cursor: pointer;
}

.izracunaj_button:hover{
   opacity:0.7;
}

#Tl{
   background:url('../images/lT.png') center center no-repeat;
   width:15px;
   height:15px;
   display:inline-block;
   margin-top: 6px;
   cursor: pointer;
   vertical-align: top;
}

#posTec{
   width:25px;
   height:15px;
   font-size: 12px;
   line-height: 12px;
   display:inline-block;
   margin-top: 6px;
   vertical-align: sub;
}

#Tr{
   background:url('../images/rT.png') center center no-repeat;
   width:15px;
   height:15px;
   display:inline-block;
   margin-top: 6px;
   cursor: pointer;
   vertical-align: top;
}

.streliceTecaj{
   text-align: center;
   
   }	

.botom_banner_container {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 997;
}
.banneritem-bottom_banner {
    display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;
   /* width: 994px;*/
   
}
.closing_div {
    display: block;
}
.closing_div > span {
    display: block;
    text-align: right;
    width: 100%;
    position:relative;
}
.closing_div > span > span {
/*    background: #000 none repeat scroll 0 0;
    color: #fff;*/
    cursor: pointer;
    display: inline;
    font-weight: bold;
    text-decoration: none;
    
}
.bottom_banner_acord {
    height: 0;
    overflow-y: hidden;
    max-width: 100vw;
    text-align: center;
    overflow-x: hidden;
}

.bannergroup-bottom_banner{
height:auto;
}

.close_this_div{
   width: 32px;
   height:22px;
   background:url('../images/arrows.png') top center no-repeat;
   position:absolute!important;
   right:15px;
   bottom:-24px;
   display: block!important;
   transition: all 2s ease 0s;
}

.clUpState{   
   bottom:4px;
   transition: all 2s ease 0s;
   -ms-transform: rotate(180deg); /* IE 9 */
   -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
   transform: rotate(180deg);
}

.bb_handler{
   width:970px;color:#666;font-size: 10px;font-weight:bold;text-align:right;height:17px;cursor:pointer;z-index:100;margin:0 auto;
}


.moduletable-outRight, .moduletable-outLeft{
   position: fixed!important;
}

.bannergroup-outLeft{
   position:absolute;top:0px;left:-330px;width:330px;height:824;
}

.allover{
   display:block;
   width: 100vw;
   height: 100vh;
   position:fixed;
   z-index:9999999;
   background-color:rgba(100,100,100,0.5); 
}

.bannergroup-floatng, .moduletable-floatng{
   display:inline-block; 
}

.moduletable-floatng{
   position: absolute;
   top: 50%;
   left: calc(50% - 6px);
   transform: translateY(-50%) translateX(-50%);  
}

.buttonClose{
   
    background: rgba(0, 0, 0, 0) url("/media/system/images/modal/closebox.png") no-repeat scroll center center;
    border: medium none;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
}

.backAlloverBanner{
   width: 100%;
   position: absolute;
  /* z-index: -1;*/
   overflow: hidden;
   min-height: 1080px;
top:0; bottom:0; left:0; right:0;
   
}

.backAlloverBanner div{
   display: inline-block;
}

.backAlloverBanner img{
   position: fixed;
    top: 0px;

    left: -9999px;
    right: -9999px;
    margin: auto;

}
/*VRIJEME*/

.v_block_v{
   padding:0px;
   margin:0px;display:block;
   position:relative;
   color:#199439;
   text-align: center;
   
}

.v_block_v img{
   vertical-align: middle;
   width:100%;
   
}

.highlight{
   font-weight: bold;
   
}

#sve_tekst div li a{color:#199439}
#sve_tekst div li {font-size: 12px;}


.pagination {
	margin: 18px 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
	padding: 11px 19px;
	font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
	padding: 2px 10px;
	font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
	padding: 0 6px;
	font-size: 9.75px;
}

.pager {
	margin: 18px 0;
	list-style: none;
	text-align: center;
	*zoom: 1;
}
.pager:before,
.pager:after {
	display: table;
	content: "";
	line-height: 0;
}
.pager:after {
	clear: both;
}
.pager li {
	display: inline;
}
.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
	float: right;
}
.pager .previous > a,
.pager .previous > span {
	float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #999;
	background-color: #fff;
	cursor: default;
}

.icon-stop:before {
   font-family: "IcoMoon";
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
   font-family: "IcoMoon";
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
   font-family: "IcoMoon";
	content: "\7b";
}
.icon-first:before {
   font-family: "IcoMoon";
	content: "\7d";
}
.icon-last:before {
   font-family: "IcoMoon";
	content: "\e000";
}

a, .j-toggle-sidebar-button {

    color: #0088CC;

}

.osm_blok{
		width:100%;		
		clear: both;
		float:left;
		font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:16px;
		
	}
	 .osm_blok a{
		display: flex;
		float: left;
		width:100%;
		margin-left:0px;
		margin-top: 10px;
      align-items: center;
		
	 }
	 
	 .osm_blok a:first-child{
		margin-top: 0px;
		
	 }
	 
	 .osm_blok a div:first-child{
		display: inline-block;
		width:66px;
		height:66px;
		background: #333;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		margin-right: 10px; 
	 }
	
	.osm_blok a div:last-child{
		width:210px;
      vertical-align: middle;
		font-weight: bold;
		color:black;
		margin: auto 0px;
      text-decoration: none!important;
	 }
    
   .osm_blok  a:link {
  text-decoration: none!important;
}

.osmc_blok{
		width:100%;		
		clear: both;
		float:left;
		font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:16px;
		
	}
	 .osmc_blok a{
		display: flex;
		float: left;
		width:253px;
      height:112px;
		margin-left:0px;
		margin-top: 12px;
      cursor: pointer;
		
	 }
	 
	 
	 .osmc_blok a div:first-child{
		display: block;
		float: left;
		width:94px;
		height:112px;
		background: #333;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		
	 }
	
	.osmc_blok a div:last-child{
		display: block;
		float: left;
		width:210px;
		font-weight: bold;
		color:black;
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 16px;
	 }
    
    .nn_osmc{
      font-weight: 100;
      display:block;
      margin-bottom: 10px;
      
    }
    
    .sTugomu{
      width:100%;		
		clear: both;
		text-align: center;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:17px;
      
      
    }
    
    .sImageO{
      float:left;
      margin-top:16px;
      margin-right:10px;
      background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
      width:195px;
      height:234px;      
    }
    
    .sImeIpr{
      width:510px;
      float:left;
      margin-top:110px;
      text-align: center;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:28px;
      font-weight:bold;
      
    }
    
    .sGodine{
      
      
    }
    
    .sFooter{
      padding-top:18px;
      width:100%;
      clear:both;
      text-align: center;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:17px;
      
    }
    .sOsalos{
      font-weight:bold;
      padding-top:10px;
      width:100%;
      float:both;
      text-align: center;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:17px;
      
    }
    .sOsList{
      width:100%;
      float:both;
      text-align: center;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
		font-size:17px;
    }
    
    .searchOsmField{
      background: black;
      width:750px;
      color: #fff;
      font-weight: bold;
      height: 25px;
      line-height: 25px;
      padding-left: 10px;
      margin-top: 0px;
      font-size: 15px;
      font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
      text-transform: uppercase;
        
        
    
    }
    .searchOsmField form{float:right;position:relative;}
    #searchOsm{
        
        width:220px;
        height:19px;
        font-size:14px;
        color:  white;  
        background: transparent;
        padding:0px 30px 0px 3px;
        margin-left:0px;
        margin-right: 3px;
        margin-top:2px;
        display: inline-block;
        vertical-align: super;
        border: #808080 solid 1px;
        display: inline-block;
        
        
    }
    .searchOsmButt{
        position: absolute;
        top:3px;
        right: 0px;
        font-size:1px;
        color:  white;
        border: none;
        background: transparent;
        padding:3px;
        opacity:70%;
        cursor: pointer;
        display: inline-block;
    
         width: 17px;
         height: 17px;
         background: url(../img/povecaloBijelo.svg) no-repeat scroll 0 0;
         background-size: contain;
         
         margin-right: 5px;
         margin-top: 1px;
        
        
    }
    
    .searchOsmButt:hover{
      opacity:100%;
      
    }
    
.osmPaginaion{
   margin-top:20px;
   text-align: center;
   background: black;
   color:white;
   padding: 0px 3px;
   font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
}
    
.osmse, .osm1p, .osmp{
   display:inline-block;
   /*border: 1px solid white;*/
   margin: 3px;
   padding: 3px;
   color:white;
   text-decoration: none;
}

.menuOsmrtice{
   color: #FFF;
   text-decoration: none;
   padding: 0px 10px;
   font-size: 17px;
   line-height: 16px;
   margin: 8px 0px 5px;
   display: inline-block;
   border-right: 1px dotted #fff;
   font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
   width:9px;
   height:17px;
   text-align: center;
   float:left;
}

.menuOsmrtice :hover{
   text-decoration: underline;
}