/*
Theme Name: White_blue
Theme URI: 
Description: Tema za mob.hr
Version: 1.0
Author: Revoloop 
Author URI: www.revoloop.hr 
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/

/* begin Page */
/* Created by Kresoje v3.1.0.48375 */

#art-main, table
{
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.clear{
    clear: both;
}

#google_adwords{
    float: left;
    width: 730px;
    padding-top: 20px;
}

#share_area{
    float: left;
    width: 270px;
    padding-top: 20px;
}

#share_area ul{
    list-style: none;
    margin-top: 12px;
}

#share_area ul li{
    /*float: left; */
    display: inline-block;
    padding: 10px;
}

#share_area ul li.last{
    padding-right: 0px!important;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a 
{
   text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-size: 14px;
}

.art-postcontent p
{
   margin: 12px 0;
   font-size: 17px;
   line-height: 30px;
}

.single_article .art-postcontent p{
    font-size: 15px!important; 
    line-height: 25px!important; 
    color: #253a55;   
}

.single_article .art-postcontent p a{
    text-decoration: underline;
    font-style: italic;
    color: #ee4f21;   
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   text-decoration: none;
}

.art-postcontent a
{
   text-decoration: underline;
   font-style: italic;
   font-weight: 300;
   color: #ee4f21;
}

.art-postcontent a:link
{
   text-decoration: underline;
   font-style: italic;
   color: #ee4f21;
   font-size: 15px;
   font-weight: normal!important;
}

.art-postcontent strong a
{
   font-weight: normal!important;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   color: #ee4f21;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   text-decoration: underline;
   color: #3F84AB;
}

.art-postcontent h1
{
   color: #306482;
   margin: 10px 0 0;
   font-size: 26px;
}

.art-blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 26px;
}

.art-postcontent h2
{
   color: white;
   height: 40px;
   line-height: 40px;
   background-color: #253a55;
   margin: 10px 0 0;
   font-size: 20px;
   text-transform: uppercase;
   font-family: 'Roboto Condensed', sans-serif;
   padding-left: 15px;
}

.art-blockcontent h2
{
   margin: 10px 0 0;
}

.art-postcontent h3
{
   color: #435970;
   margin: 10px 0 0;
   font-size: 18px;
}

.art-blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 18px;
}

.art-postcontent h4, .box-title
{
   color: #3F5469;
   margin: 10px 0 0;
   font-size: 16px;
}

.art-blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}

.search-query-string{
    font-weight: 600;
    color: #ee4f21;
    text-transform: uppercase;
    display: block;
    float: right;
    margin-right: 20px;
    font-style: normal;
}

.search-query-string .avatar{
    background-color: #E7E7E7;
}

.search-query-string.no_upper{
    text-transform: none!important;
}

.search-query-string .avatar img{
    width: 50px!important;
    height: 50px!important;
    margin-top: 30px!important;
    margin-right: 20px!important;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px;
}

.art-postcontent h5
{
   color: #3F5469;
   margin: 10px 0 0;
   font-size: 14px;
}

.art-blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px;
}

.art-postcontent h6
{
   color: #587593;
   margin: 10px 0 0;
   font-size: 13px;
}

.art-blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 13px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
   min-height: 100%;
   font-family: 'Open Sans', sans-serif;
   color: #253a55;
   /*font-family: 'Roboto Condensed', sans-serif;*/
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   /*overflow-x:hidden;
   overflow-y:scroll;*/
}

#art-page-background-glare-wrapper {
   position: fixed;
   width:100%;
}

#art-page-background-glare
{
   position: relative;
   top: 0;
   max-width:800px;
   min-width: 1000px;
   height:160px;
   margin: 0 auto;
   background-image: url('images/page_gl.png');
   background-repeat: no-repeat;
   background-position: center top;
}

body
{
   padding: 0;
   margin:0;
   /*min-width: 1000px;*/
   color: #0F1419;
   background-color: #FFFFFF;
}

.cleared,.cleared2
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   /*overflow:hidden;*/
}

.left{
    float: left;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   /*position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;        */
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   /*overflow:hidden;*/
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
} 
/* end Page */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   z-index: -5;
   width:100%;
   height: 130px;
   margin-top: 0;
   margin-bottom: 0;
   background-color: #131e2b;
}
.art-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
} 

.art-header-wrapper 
{
   position: relative;
   top:0;
   width:1000px;
   margin:0 auto;
}
.art-header-inner 
{
   position: relative;
   margin: 0 0;
}

/*.art-header:before
{
   position: absolute;
   display:block;
   content:' ';
   z-index:-2;
   top: 0;
   width:100%;
   height: 150px;
   background-image: url('images/header.png');
   background-repeat: no-repeat;
   background-position:top center;
} 

.art-header:after
{
   position: relative;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   height: 150px;
   background-image: url('revo_images/ico_header_logo.png');
   background-repeat: no-repeat;
   background-position: left;
}  */


.ads {
    float: right; 
    margin-top: 20px; 
    margin-right: 10px;
}

/* end Header */

/* begin Logo */
/* header ad */
div.art-logo
{
    float: left;
    width: 700px;
}

/* mob.hr logo */
.art-header-main-logo{
    float: left;
    width: 300px;
    margin-top: 50px;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
   line-height: 50px;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.art-hmenu{
   position:relative;
   padding: 0 0 0 0;
   float: left;
}

/* end menu structure */

/* menu bar */

.art-nav
{
   width:100%;
   margin:0 auto;
   height: 50px;
   line-height: 50px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}

.art-nav:before, .art-nav:after{
   /*background-image: url('images/nav.png');*/
   background-color: #ee4f21;
}
.art-nav:before{
   right: 5px;
}
.art-nav:after{
   width: 5px;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}
.art-nav-wrapper 
{
   position: relative;
   width:1000px;
   margin:0 auto;
}

.art-nav-inner{
   margin: 0 0;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 30px;
   cursor: pointer;
   text-decoration: none;
   color: #ECF0F4;
   padding: 0 16px;
   line-height: 30px;
   text-align: center;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 14px;
   text-transform: uppercase;      
}

ul.art-hmenu>li>a:before
{          
    left: 0;
    background-position: top left;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    top: 45px;
    background-color: #FFF;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;   
}

ul.art-hmenu>li>a:hover:before
{          
   visibility: visible;
   -webkit-transform: scaleX(1);
   transform: scaleX(1); 
}

ul.art-hmenu>li.active>a:before
{          
    left: 0;
    background-position: top left;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    top: 45px;
    background-color: #FFF;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;   
}

ul.art-hmenu>li>a:after
{
   /*width: 0;
   right: 0;
   background-position: top right;*/
}





.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   text-align: left;
   text-decoration: none;
}

ul.art-hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.art-hmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-hmenu>li>a.active {
   color: #F0F6F9;
}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #F0F6F9;
}

/* end MenuItem */


/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 24px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0;
   border-style: solid;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #FED7C3;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 0;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #FED7C3;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul li a:hover
{
   color: #F0F6F9;
   background-position: left bottom;
   border-top-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: #F0F6F9;
   background-position: left bottom;
   border-top-width: 0 !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet
{
   max-width:1000px;
   margin-top: 0;
   margin-bottom: 0;
   cursor:auto;
   width: 1000px;
   z-index: 9;
}
.art-sheet-body 
{
   padding:0;
   min-width:10px;
   min-height:10px;
   padding-top:0;
   padding-bottom:0;
}
/*.art-sheet:before, .art-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 995px);
}
.art-sheet:before,.art-sheet-body:before{
   right:5px;
}
.art-sheet-body:after{
   width: 5px;
   top:5px;
   bottom:5px;
   background-image:url('images/sheet.png');
}
.art-sheet-body:before{
   top:5px;
   bottom:5px;
   background-image:url('images/sheet.png');
}       */

/* end Box, Sheet */

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.art-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse; 
}

.art-content-layout-row {
   display: table-row;
}

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #E9F2F7!important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 31px;
   height: 31px;
   margin: 0 !important;
   padding: 0 16px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 31px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:1000px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
}

div.art-block select 
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #1D3C4E !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #FFFFFF !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 10px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 10px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
   max-width:1000px;
   margin: 3px;
}
.art-vmenublock-body 
{
   padding:0;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader {
   margin-bottom: 0;
   min-height: 32px;
   line-height:32px;
}

.art-vmenublockheader .t
{
   min-height: 32px;
   line-height:32px;
   color: #22485D;
   font-size: 20px;
   margin:0;
   padding: 0 5px 0 5px;
   white-space: nowrap;
}

.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited, 
.art-vmenublockheader .t a:hover
{
   color: #22485D;
   font-size: 20px;
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
   max-width:1000px;
}
.art-vmenublockcontent-body 
{
   padding:5px;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu ul
{
   list-style: none;
   display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.art-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.art-vmenu ul
{
   display: none;
   position:relative;
}

ul.art-vmenu ul.active
{
   display: block;
}
/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index:0;
   text-decoration: none;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   margin-left:0;
   margin-right:0;
   position:relative;
}

ul.art-vmenu li{
   position:relative;
}

ul.art-vmenu>li>a 
{
   color: #306482;
   padding: 0 10px 0 10px;
   height: 30px;
   line-height: 30px;
   white-space: nowrap;
}

ul.art-vmenu>li>a.active {
   color: #FFFFFF;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
   color: #63A1C5;
}

ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after 
{
   position: absolute;
   display: block;
   content: ' ';
   z-index:-1;
   background-image: url('images/vmenuitem.png');
   top:0;
   height:30px;
}

ul.art-vmenu>li>a:before{
   left: 0;
   right: 0;
   background-position: top left;
}
ul.art-vmenu>li>a:after{
   width: 0;
   right: 0;
   background-position: top right;
}
ul.art-vmenu>li>a.active:before {
   background-position: bottom left;
}
ul.art-vmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-vmenu>li>a:hover {
   background-color: transparent;
}
ul.art-vmenu>li>a:hover:before  {
   background-position: center left;
}
ul.art-vmenu>li>a:hover:after {
   background-position: center right;
}

ul.art-vmenu>li{
   margin-top:0;
}
ul.art-vmenu>li>ul{
   margin-top:0;
}
ul.art-vmenu>li:first-child{
   margin-top:0;
}

/* end VMenuItem */

/* begin Box, Block */
.art-block
{
   max-width:1000px;
   /*overflow: hidden;*/
}
.art-block-body 
{
   padding:0;
   width: 300px;
   float: left;
}

.art-block-body iframe
{
   width: 300px!important;
   /*height: 170px!important;*/
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {
    height: 40px;
    background-color: #ee4f21;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height:40px;
    color: white;
}

.art-blockheader .t
{
    line-height:40px;
    padding-left: 15px;
   color: white;
   font-size: 20px;
   margin:0;
   white-space: nowrap;
}

.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #22485D;
   font-size: 20px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:1000px;
}
.art-blockcontent-body 
{
   padding-bottom:20px;
   color: #2D5E7B;
   font-size: 14px;
}
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #2D5E7B;
   font-size: 14px;
}

.art-blockcontent-body p
{
   margin: 12px 0;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #306482;
   text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
   color: #306482;
   text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
   color: #3F84AB;
   text-decoration: none;
}

.art-blockcontent-body ul li
{
   line-height: 125%;
   color: #0B171E;
   margin: 10px 0 0 0px;
}
/* end Box, BlockContent */

/* begin Box, Post */
.art-post
{
   max-width:1000px;
}
.art-post-body 
{
   padding: 20px 20px 20px 0;
}
/*.art-post:before, .art-post:after 
{
   content: url('images/post_t.png');
   font-size: 0;
   background-image: url('images/post_b.png');
}
.art-post:after{
   clip:rect(auto, auto, auto, 998px);
}
.art-post:before,.art-post-body:before{
   right:2px;
}  */
.art-post-body:after{
   width: 2px;
   top:2px;
   bottom:2px;
   background-image:url('images/post.png');
}
.art-post-body:before{
   top:2px;
   bottom:2px;
   background-image:url('images/post.png');
}

a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
   /*border-color: #B2C2D1;
   border-style: solid;
   border-width: 0;
   margin: 7px 7px 7px 7px; */
}

.art-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin-right: 10px;
}

.art-article table, table.art-article
{
   border-collapse: collapse;
   margin: 1px;
}

.art-post .art-content-layout-br
{
   height: 0;
}

.art-article th, .art-article td
{
   padding: 2px;
   border: solid 1px #1D3C4E;
   vertical-align: top;
   text-align: left;
}

.art-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
    font-family: 'Open Sans', sans-serif;
    color: #22485D;
    margin: 5px 0;
    line-height: 50px;
    font-size: 35px;
    border-left: 10px solid #ee4f21;
    padding-left: 20px;
    font-weight: 500;
}

.art-postheader a, 
.art-postheader a:link, 
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
   font-size: 35px;
   font-weight: 400;
}

.art-postheader a, .art-postheader a:link
{
   text-align: left;
   text-decoration: none;
   color: #295670;
}

.art-postheader a:visited, .art-postheader a.visited
{
   color: #253a55;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #3F84AB;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   color: #3F5469;
}

.art-postheadericons
{
   height: 54px;
   line-height: 54px;
   padding-bottom: 4px;
   padding-top: 2px;
}

.art-postheadericons a, .art-postheadericons a:link
{
   text-decoration: none;
   color: #ee4f21!important;
   font-size: 17px;
   font-weight: 700;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-weight: 700;
   color: #ee4f21;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
   /*font-style: italic;*/
   /*font-weight: normal;*/
   text-decoration: underline;
   color: #3F84AB;
}

#most_popular-inline, #most_new-inline, #widget_featured-posts-4, #sk-2, .page-navi-outer.page-navi-caption{
    display: none;
}

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   float: left;
   line-height: 54px;
   font-size: 17px;
   font-weight: 700;
   color: #ee4f21;
   width: 55%;
}

span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   display:inline-block;
   line-height: 54px;
   width: 40%;
   float: right;
   text-align: right;
}

span.art-postauthoricon .author img{
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   border-radius: 100px; 
}

span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   display:inline-block;
   line-height: 1em;
   margin-top: -10px;
}

span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #304050;
   margin: 3px 0 0 -15px;
   padding: 0 0 0 13px;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
   color: #1D3C4E;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
   margin: 0;
   margin: 5px 0;
}

blockquote
{
   margin: 10px;
   margin-right: 0px;
   padding: 10px;
   background-color: #e7e7e7;
   margin-left: 50px;
   padding-left: 38px;
   background-image: url('images/postquote_orange.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
   color: #3F5469;
}

.art-postfootericons
{
   padding: 1px;
   height: 40px;
   line-height: 40px;
   background-color: #e7e7e7;
   font-size: 17px;
   font-weight: 700;
}

.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #253a55;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #253a55;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
   color: #253a55;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */                    
span.art-postcommentsicon
{
   display:inline-block;
   line-height: 40px;
   padding-left: 24px;
}

span.art-postcommentsicon-more
{
   display:inline-block;
   float: right;
   line-height: 40px;
   padding-right: 24px;
}
/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
   height: 166px;
   background-color: #131e2b;
}

.art-footer-body
{
   position:relative;
   color: #FFFFFF;
   font-size: 11px;
}

/*.art-footer-body ul li
{
   color: #CFD9E2;
   padding: 0 0 0 13px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:50px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer:before, .art-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:50px;
   background-image: url('images/footer_b.png');
}

.art-footer:before
{
   left:0;
   right:0;
   background-position: bottom left;
}

.art-footer:after
{
   right:0;
   width:0;
   background-position: bottom right;
}   */

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td, 
.art-footer-body th,
.art-footer-body caption
{
   color: #FFFFFF;
   font-size: 11px;
}

.art-footer-text
{
   min-height: 5px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 37px;
   text-align: left;
   width: 1000px;
   margin: 0 auto;
}

.art-footer-body .revoloop{
    width: 100%;
    margin: 0 auto;
    border-top: thin solid #253a55;
    margin-top: 32px;
}

.art-footer-body .revoloop_logo{
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    margin-top: -20px;
}

.art-footer-text .second_footer_line
{
   font-size: 13px;
   color: #a9aaab;
   padding-top: 20px;
}

.art-footer-text .footer_pipe{
    line-height: 20px;
    font-size: 20px;
    color: #c24523;
    font-weight: 700;
}

.art-footer-body a,
.art-footer-body a:link
{
   color: #a9aaab;
   text-decoration: none;
   font-size: 20px;
   line-height: 20px;
}

.art-footer-body a:visited
{
   color: #a9aaab;
}

.art-footer-body a:hover
{
   color: #D6E6F0;
   text-decoration: underline;
}

div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 0;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #B1D0E2;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #9CB0C4;
}
/* end PageFooter */

/* begin WordPress, Template.WordPress */
form.art-search {
   display:block;
   position: relative;
   width: 98%;
   padding:0;
   margin:0 auto !important;
   border: none;  
}

form.art-search div {
   margin: 0 18px 0 -2px;
}

input.art-search-text {
   display: block;
   margin: 0;
   height: 27px;
   padding-right: 27px;
   background-color: #EE4F21;
   color: white;
   border: none;
   width: 125px;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   transition: all .5s;     
   
}

input.art-search-text:focus {
   outline: 0;
}

input.art-search-button
{
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   padding: 0;
   margin: 0;
   width: 27px;
   height: 27px;
   background:url('revo_images/search_btn.png') center center no-repeat;
   border: none;
}
/* end WordPress, Template.WordPress */

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
   width: 300px;
   /*border-left: thin solid #e7e7e7;*/
}

.left_sidebar_border{
    /*border-left: thin solid #e7e7e7; */
}

/* end LayoutCell, sidebar1 */

textarea#comment
{
   width:99%;
}

ul#comments-list div.avatar
{
   float:left;
}

ul#comments-list, ul#comments-list li
{
   background: none;
   padding:0;
}

ul#comments-list li li
{
   margin-left: 20px;
}

ul#comments-list li{
    max-width: 660px;
}

div.avatar
{
   position:relative;
   background: #fff;
   float:left; 
}

div.avatar img, div.avatar img.wp-post-image
{
   margin:0 !important;
   padding:0;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
    border-radius: 100px; 
}

span.page-navi-outer, span.page-navi-inner 
{
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:0;
}

span.page-navi-outer
{
   margin: 1px;

}

span.page-navi-inner 
{
   /*padding: 1px;
   min-width:14px;
   line-height:18px;
   text-align:center;
   border: 2px solid #fff;
   font-weight:bold; */

   background-color: #ee4f21!important;
   width: 36px;
   height: 36px;
   border-radius: 18px;
   text-align: center;
   line-height: 36px;
   font-weight:bold;
   color: white;
   font-size: 20px;
   
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    text-decoration: none;
    margin-left: 15px!important;
    font-size: 20px!important;
    color: #b4b4b4!important;
    font-weight: 900;
    float: left;
    padding: 0!important;
    line-height: 33px!important;
    background-color: white!important;
}

a span.page-navi-outer, span.page-navi-caption
{
   margin:2px 1px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{
    border-color: #ee4f21!important;
}

.wp-pagenavi a, .wp-pagenavi span{
    border: none!important;
}

#newset_recs, #most_read_recs{
    height: 300px;
    overflow-y: scroll;
}

.more_recs{
    height: 35px;
    background-color: #e7e7e7;
    text-align: right;
    line-height: 35px;
}

.more_recs a{
    font-size: 17px!important;
    text-decoration: none!important;
    display: block;
    margin-right: 10px;
    font-weight: 700;
    color: #253a55!important;
}

.rpwe-img img{
    border: none!important;           
    padding-right: 15px!important;
}

#newset_recs .rpwe-ul, #most_read_recs .rpwe-ul, #top-teme .rpwe-ul{
    padding-top: 10px!important;
    padding-right: 0px!important;
    padding-bottom: 15px!important;
    padding-left: 15px!important;
    border-left: thin solid #e7e6e3;
} 

#newset_recs .rpwe-ul li a, #most_read_recs .rpwe-ul li a, #top-teme .rpwe-ul li a{
    font-size: 17px!important;
    text-decoration: none!important;
}

#menu-online-trgovine, #menu-preporuke{
    /*margin-top: 5px;*/
    border-left: thin solid #e7e6e3;   
    border-right: thin solid #e7e6e3;   
    border-bottom: thin solid #e7e6e3;    
    padding-top: 5px;  
}

#menu-online-trgovine li, #menu-preporuke li{
    margin-top: 0px!important;
    line-height: 22px;
    padding-top: 8px;   
}

.rpwe-block li{
    border-bottom: none!important;
}

#top-teme .rpwe-title{
    float: left;
    width: 220px;
}

#top-teme .rpwe-img{
    display: block!important;
    float: left;
    width: 50px;
    height: auto;    
}

#top-teme ul{
    border-right: thin solid #e7e6e3;    
}

ul#comments-list li span.fn
{
   font-size: 15px;
   font-weight: 700;
   color: #ee4f21;
   
}

.comment_right_text{
    float: left; 
    width: 565px;
}

.comment_right_text .comment-body p{
    font-size: 13px!important;
    line-height: 20px!important;
    color: #253a55;
}

.comment_right_text a{
    text-decoration: none!important;
    font-style: normal!important;
    font-weight: 700!important;
}

.comment-meta.commentmetadata a{
    font-size: 13px!important;
    text-decoration: none!important;
    color: #bebebe!important;
    padding-left: 20px;
}

#commentform textarea
{
   width: 100%;
}

#commentform
{
   text-align:left;
}

.rtl #commentform
{
   text-align:right;
}

img.wp-smiley
{
   border: none;
   margin: 1px;
   vertical-align:middle;
   padding: 0;
}

.navigation
{
   display: block;
   text-align: center;
}

/* Recommended by https://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.alignright img, img.alignright
{
   margin: 1em;
   margin-right: 0;
}

.alignleft img, img.alignleft
{
   margin: 1em;
   margin-left: 0;
}

.wp-caption
{
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   text-align: center;
}

.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-caption p
{
   text-align: center;
}

.gallery {
   margin: 0 auto 18px;
   clear:both;
   overflow:hidden;
   letter-spacing: normal;
}

.gallery .gallery-item {
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}
.gallery img {
   border: 10px solid #f1f1f1;
}

.gallery .gallery-caption {
   color: #888;
   font-size: 12px;
   margin: 0 0 12px;
}

.gallery dl {
   margin: 0;
}

.gallery br+br {
   display: none;
}
/* End */

.hidden
{
   display: none;
}

/* Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 155px;
}

#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}

#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}

#wp-calendar a {
   display: block;
}

#wp-calendar caption {
   text-align: center;
   width: 100%;
}

#wp-calendar td {
   padding: 3px 0;
   text-align: center;
}

.art-content {
    width: 680px;
   position: relative;
   z-index: 1;
}

#todays-events{
   position: relative;
   z-index: 11;
}

#upcoming-events{
   position: relative;
   z-index: 10;
}

img.wp-post-image 
{
   margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
   list-style-image: none;
   background:none;
   list-style-type:none;
}

div.art-footer div.art-content-layout
{
   margin:0 auto;
   width:100%;
}

div.art-layout-cell-size1 
{
   width:100%;
}

div.art-layout-cell-size2 
{
   width:50%;
}
div.art-layout-cell-size3 
{
   width:33%;
}

div.art-layout-cell-size4
{
   width:25%;
}

.art-widget-title
{
   padding:0 0 0 24px;
   margin-bottom:0;
}

div.art-center-wrapper
{
   position: relative;
   float: right;
   right: 50%;
}

div.art-center-inner
{
   position: relative;
   float: left;
   left: 50%;
}

.firefox2 div.art-center-inner
{
   float: none;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
   margin:0;
}

#respond .comment-notes {
   margin-bottom: 1em;
}

.form-allowed-tags {
   line-height: 1em;
}

#comments-list #respond {
   margin-left: 25px !important;
}

#cancel-comment-reply-link {
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
}

#respond .required {
   color: #1D3C4E;
   font-weight: bold;
}

#respond label {
   font-size: 12px;
}

#respond input {
   margin: 0 0 9px;
   width: 98%;
}

#respond textarea {
   width: 98%;
}

#respond .form-allowed-tags {
   font-size: 12px;
   line-height: 18px;
}

#respond .form-allowed-tags code {
   font-size: 11px;
}

#respond .form-submit {
   margin: 12px 0;
}

#respond .form-submit input {
   font-size: 14px;
   width: auto;
}

.art-footer .art-widget-title 
{
   font-size:1.2em;
   padding: 0;
}

.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover
{
   color: #FFFFFF;
   font-size: 11px;
   text-align: left;
}

.art-footer .art-widget a,
.art-footer .art-widget a:link
{
   color: #FFFFFF;
   text-decoration: none;
}

.art-footer .art-widget a:visited
{
   color: #9CB0C4;
}

.art-footer .art-widget a:hover
{
   color: #D6E6F0;
   text-decoration: underline;
}

DIV[id^="GMPmap"] IMG 
{
   margin: 0;
}

.post-item-divider {
 height: 0px;

}

#wpstats{
    display: none;
}

/* paging */
.wp-pagenavi {
    clear: both;
    text-align: center;
    padding: 15px;
    width: 450px;
    margin: 0 auto;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    /*padding: 3px 25px!important; */
    margin-right: 47px!important;
    font-size: 20px!important;
    color: #b4b4b4!important; 
    font-weight: 900;    
    float: left; 
    padding: 0!important;
    line-height: 33px!important;  
}

/*.wp-pagenavi a:hover,*/ .wp-pagenavi span.current {
    background-color: #ee4f21!important;
    width: 36px;
    height: 36px;
    border-radius: 18px;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.nextpostslink img{
    margin: 0;
    padding-top: 10px;
}

.wp-pagenavi .page{
    float: left;
}

.hide_billboard:hover{
    cursor: pointer;
}

.hide_billboard{
    width: 120px;
    height: 20px;
    background-color: #bb0728;
    color: white;
    font-size: 13px;
    font-weight: 600;
    float: right;
}

#billboard_ad, #width_helper{
    -webkit-transition:opacity 300ms;
    -moz-transition:opacity 300ms;
    -o-transition:opacity 300ms;
    -ms-transition:opacity 300ms;   
    width: 1000px!important;
    margin: 0 auto;
    padding-top: 20px;
}

#width_helper{
    padding-top: 0!important;
}

.hide_billboard .billboard_text{
    padding-left: 10px;
}

.image_open_close{
    position: relative;
    right: 0;
    margin-top: 6px;
    margin-right: 6px;
    float: right;       
}

.search_form{
    float: right; 
    width: 125px;
    margin-top: 10px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f48c6e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #f48c6e;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #f48c6e;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #f48c6e;
}

.tagcloud{
    padding: 10px;
    border: thin solid #e7e6e3;
}

.tagcloud a{
    color: #ee4f21!important; 
    padding-right: 20px;   
    padding-top: 18px;   
    padding-bottom: 18px;   
}

ul.popular_posts_bars{
    margin: 0!important;
}

.popular_posts_bars a{
    padding-left: 10px!important;
    padding-right: 15px!important;
}

.popular_posts_bars_li a{
    color: #1c2c41!important;
    font-size: 13px!important;
    font-weight: 600;
}

.popular_posts_bars_li.red{
    background-color: #f84561!important;
    width: 99%!important;
}

.popular_posts_bars_li.orange{
    background-color: #f96179!important;
}

.popular_posts_bars_li.yellow{
    background-color: #fa7c90!important;
}

.popular_posts_bars_li.green{
    background-color: #fb99a8!important;
}

.popular_posts_bars_li.blue{
    background-color: #fcb5c0!important;
}

.popular_posts_bars_li.no-color{
    background: none!important;
    background-color: #fdd0d7!important;
}

.popular_posts_bars_comment_count_hold{
    top: 0!important;
    right: -24px!important;
}

.popular_posts_bars_li{
    padding: 9px 0 8px 5px!important;
}

.popular_posts_bars_comment_count_triangle{
    border-top: 9px solid #253a55!important;    
}

a.popular_posts_bars_comment_count{
    background: #253a55!important;
    width: 50px!important;
    height: 30px!important;
    font-size: 17px!important;  
    font-weight: 600!important; 
    padding: 0!important; 
    padding-top: 12px!important; 
}

#yiw-featured-post img, #menu-recenzije img{
    width: 30px!important;
    height: 30px!important;
    margin-left: 15px;
    margin-top: 5px;
}

ul#yiw-featured-post li, ul#menu-recenzije li{
    border-bottom: none!important;
    margin: 0!important;
    padding: 0!important;
    height: 60px!important;
}

ul#yiw-featured-post li a{
    font-weight: 500;
}

ul#menu-recenzije{
    height: 290px;
    overflow-y: scroll;
}

ul#menu-recenzije li a{
    font-size: 17px!important;
    text-decoration: none;    
}
  /*
ul#newset_recs{
    height: auto!important;
    overflow-y: auto!important;
}  */

ul#yiw-featured-post li:hover, ul#menu-recenzije li:hover{
    background-color: white!important;
}

.featured-title a{
    font-size: 17px!important;
    text-decoration: none!important;
}

#comments{
    min-height: 40px;
    height: auto;
    line-height: 40px;
    padding-left: 22px;
    background-color: #e7e7e7;
}

.comment-author.vcard{
    float: left;
    width: 65px;
}

#menu-preporuke li a, #nav_menu-8 li a{
    font-size: 17px!important;
    text-decoration: none!important;
    padding-left: 20px;
    display: block;
    padding-bottom: 10px;
}

#nav_menu-8 .art-blockcontent-body{
    padding-bottom: 0px!important;
}

#popular_posts_bars-2 .art-block-body{
    border: thin solid #e7e6e3;
    padding-bottom: 10px!important;
}

#popular_posts_bars-2 .art-blockcontent-body{
    padding-bottom: 0px!important;
}

#popular_posts_bars-2 .art-blockheader{
    height: auto;
    line-height: 20px;
    border: thin solid #ee4f21!important;
}

#popular_posts_bars-2 .art-blockheader .t{
    line-height: 22px;
    padding: 10px 15px 10px 15px;
}

/*#popular_posts_bars-2 .t:after{
    padding-left: 195px;
    position: relative;
    bottom: 10px;
    content: url('revo_images/ico_title_popular.png');
}

#text-80 .t:after{
    padding-left: 145px;
    position: relative;
    content: url('revo_images/ico_title_video.png');
}

#rpwe_widget-3 .t:after{
    padding-left: 95px;
    position: relative;
    top: -3px;
    content: url('revo_images/ico_title_drop_down.png');
}

#widget_featured-posts-4 .t:after, #rpwe_widget-4 .t:after{
    padding-left: 180px;
    position: relative;
    top: -3px;
    content: url('revo_images/ico_title_drop_down.png');
}

#rpwe_widget-2 .t:after{
    padding-left: 105px;
    position: relative;
    top: -3px;
    content: url('revo_images/ico_title_drop_down.png');
}

#nav_menu-4 .t:after{
    padding-left: 175px;
    position: relative;
    top: -3px;
    content: url('revo_images/ico_title_drop_down.png');
}

#tag_cloud-4 .t:after{
    padding-left: 200px;
    position: relative;
    top: -3px;
    content: url('revo_images/ico_title_drop_down.png');
}  */

/* HIDE REST WIDGETS */
#nav_menu-7, #nav_menu-6, #search-5{
    display: none;
}

.cycloneslider-template-default .cycloneslider-caption, .cycloneslider-template-default .cycloneslider-caption-title{
    background: none!important;
    font-size: 35px!important;
    line-height: 50px!important; 
}

.cycloneslider-caption-title{
     border-left: 10px solid #6aa3ee;
}

.cycloneslider-template-default .cycloneslider-pager {
    left: 20px!important;
}

.cycloneslider-template-default .cycloneslider-pager span.cycle-pager-active{
    background-color: #6aa3ee!important;    
}

.cycloneslider-template-default .cycloneslider-pager span{
    width: 18px!important;
    height: 18px!important;
    border-radius: 9px!important;
    border: thin solid #6aa3ee; 
    background: none!important;
}

#width_helper{
    width: 1000px!important;
    margin: 0 auto;
}

#billboard_ad_container, #width_helper_container{
    background-color: #f5f5f5;
    width: 100%;
    padding-bottom: 20px;
}

#width_helper_container{
    padding-bottom: 0px!important;    
}

#show_hide_button_wrapper{
    width: 1000px;
    margin: 0 auto;
}

#glam_slider_recent_wrap, #glam_slider_3_wrap{
    width: 100%!important;
    max-width: 100%!important;
    max-height: 170px!important;
}

#glam_slider_recent{
    max-height: 200px!important;
}

.glam_slide_content a{
    display: none;
}


.glam_slide_content span{
    border-left: 10px solid #6aa3ee;
    padding-left: 15px;
}

.slider_thumbnail.full.glam_slider_thumbnail{
    background:rgba(0,0,0,0.6);
}

/*basic styles*/
.glam_slider_fouc .glam_slider {display: none;} /* Keep this as it is */
.glam_slider div,.glam_slider p,.glam_slider li,.glam_slider span,.glam_slider img,.glam_slider h4,.glam_slider ul{list-style:none;vertical-align:baseline;}
.glam_slider{margin: 0 0 0 0;line-height:18px;position:relative;height:auto;}
.glam_slides_wrap{position:relative;overflow:hidden;height:auto;border: 1px solid #ccc;}
/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. It\'s enough that you set width and height for the root element
and not for this element. */
.glam_items { width:20000em; position:absolute; /*margin-left:24%!important;*/ }
.glam_slider .glam_slider_instance { padding: 0; clear: left; overflow:hidden; position:relative;}
.glam_slider .glam_slider_nav_wrap{position:relative;}
.glam_slider .glam_slide {float:left;padding: 0;}
.glam_slider .glam_slideri{float:left;margin:0;position:relative;max-width: 1000px!important;}
.glam_slider span{display:block;}
.glam_slider a{border:none;text-decoration:none !important;}
.glam_slider a:hover{text-decoration:underline !important;}
.glam_slider .glam_slider_thumbnail{position:relative;opacity: .5;-moz-opacity: .50;filter: alpha(opacity=50);width:100%; height: 200px!important;}
.glam_slider h4{clear:none;display:block;padding:0px;border:none;text-shadow:none}
.glam_slider div.glam_slideri{padding:0px;}

.glam_slide_content {position: absolute; bottom: 0px; left: 0px; padding: 10px 15px 20px 0px; z-index: 101; width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:     border-box;    box-sizing: border-box;height:auto;}
.glam_slide_content h4{padding-bottom:5px;float:left;display:block;width:100%;}
.glam_slide_content p { clear:left; }
.glam_slider p.more a{text-decoration:underline;float:right;}
.glam_slider p.more a:hover{text-decoration:none;}

.glam_slider p.more a{text-decoration:underline;float:right;}
.glam_slider p.more a:hover{text-decoration:none;}

/* Next and Previous navigational arrows */
.glam_slider .glam_next {position: absolute;right: 0px; width: 23px; height: 46px; cursor: pointer; background: transparent url(buttons/default/next.png) no-repeat;z-index:99;}
.glam_slider .glam_next{background-position:-23px 0;}
.glam_slider .glam_next:hover{background-position:0 0;}
.glam_slider .glam_prev { position: absolute;left: 0px; width: 23px; height: 46px; cursor: pointer; background: transparent url(buttons/default/prev.png) no-repeat 0 0;z-index:99;}
.glam_slider .glam_prev:hover{background-position:-23px 0;}

.glam_slider .glam_left_link,.glam_slider .glam_right_link{position:absolute;z-index:10;background:#000;opacity:0;-moz-opacity:.0;filter:alpha(opacity=0)}
.glam_slider .glam_right_link{right:0;top:0}

/*Navigation buttons*/
.glam_slider .glam_nav { position:relative;text-align:center;margin: 0 auto;z-index:101; margin-bottom: -50px; margin-left: -820px; }
.glam_slider .glam_nav a { margin: 3px; display:inline-block;width:12px;height:12px;background:url(buttons/default/nav.png) no-repeat top left;cursor:pointer;}
.glam_slider .glam_nav a.glam_nav_a { background-position:-16px 0 !important; }
.glam_slider .glam_nav a:focus { outline: none; }

.glam_slider .sldr_clearlt{display:block;visibility:hidden;clear:left;height:0;content:".";}
.glam_slider .sldr_clearrt{display:block;visibility:hidden;clear:right;height:0;content:".";}

/* Generated CSS */
.glam_slider{/*width:960px;max-width:960px;*/} 
.glam_slider .sldr_title{font-family:Squada One, cursive;font-size:22px;line-height:27px;font-weight:normal;font-style:normal;color:#bbbbbb;margin:5px 0 10px 0} 
.glam_slider .glam_slides_wrap{background-color:#ffffff;border:1px solid #cccccc;} 
.glam_slider .glam_items{margin-left:110px;} 
.glam_slider .glam_slider_instance{height:380px;margin:10px;} 
.glam_slider .glam_slide{height:380px; overflow: hidden;} 
.glam_slider .glam_slideri{width:700px;height:380px;margin-left:5px;margin-right:5px;} 
.glam_slider .glam_slide_content{} 
.glam_slider .glam_slider_thumbnail{height:380px;border:0px solid #bbbbbb;opacity: 0.4;-moz-opacity: 0.4;filter: alpha(opacity=40);} 
.glam_slider .glam_slideri h4{clear:none;line-height:21px;font-family:Oswald, 'Century Gothic','Avant Garde',sans-serif;font-size:16px;font-weight:normal;font-style:normal;color:#ffffff;margin:0 0 5px 0;} 
.glam_slider .glam_slideri h4 a{font-family:Oswald, 'Century Gothic','Avant Garde',sans-serif;font-size:16px;font-weight:normal;font-style:normal;color:#ffffff;} 
.glam_slider .glam_slideri span{font-family:Open Sans, Verdana,Geneva,sans-serif;font-size:12px;line-height:15px;font-weight:normal;font-style:normal;color:#ffffff;} 
.glam_slider .glam_slideri p.more{color:#ffffff;font-family:Open Sans, Verdana,Geneva,sans-serif;font-size:12px;} 
.glam_slider .glam_next{background-image:url(https://192.168.1.3/wordpress/wp-content/plugins/glam-slider/css/buttons/default/next.png);top:40%;} 
.glam_slider .glam_prev{background-image:url(https://192.168.1.3/wordpress/wp-content/plugins/glam-slider/css/buttons/default/prev.png);top:40%;} 
.glam_slider .glam_nav{} 
.glam_slider .glam_nav a{    
    width: 12px!important;
    height: 12px!important;
    border-radius: 12px!important;
    border: thin solid #6aa3ee; 
    background: none!important;
    margin-right: 15px;
}
    
.glam_slider .glam_nav a.glam_nav_a{
    background-color: #6aa3ee!important;    
} 
.glam_slider .glam_side_link{width:120px;height:400px;} 

.slider_bck{
    position: absolute;
    z-index: 100;
    background: url('https://mob.revoloop.hr/blog/wp-content/themes/White_blue/revo_images/bg_shader1.png') repeat-y;
    max-height: 200px;
    max-width: 1000px;
    height: 100%;
    width: 100%;
}


.mobile_slider{
    max-width: 1000px;
    width: 1000px;
    margin: 0 auto;
    position:relative;
    float: left;
}

.mobile_slider img{
    max-width: 1000px;
}

.slider_content{
    position:absolute;
    padding: 10px 15px 15px 0px; 
    z-index: 2; 
    width: 96%;
    bottom: 10px;
}

.slider_content a{
    text-decoration: none;
}    


.slider_content h4{
    border-left: 10px solid #71A6F5;
    padding-left: 15px;
    font-size: 24px;
    font-weight: normal; 
    color: white;
}

.main_characteristics_main_container{
    margin-bottom: 20px;
}

.main_characteristics_row{
    border-bottom: thin solid #e7e7e7;
    line-height: 20px;
}

.main_characteristics_row .m_c_left{
    float: left;
    width: 30%;
    font-size: 15px;
    line-height: 40px;
    color: #253a55; 
    font-weight: bold;
}

.main_characteristics_row .m_c_right{
    float: right;
    width: 70%;
    text-align: right;
    font-size: 15px;
    line-height: 40px;
    color: #253a55; 
}

.header_prednosti{
    width: 100%;
    background-color: #253a55;
    height: 40px; 
}

.header_prednosti_left{
    float: left;
    width: 47%;
    line-height: 40px;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 15px;
}

.header_prednosti_right{
    float: left;
    width: 45%;
    line-height: 40px;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 15px;
}

.prednosti_nedostaci_container{
    margin-top: 20px;
}

.content_prednosti_left{
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 20px;
}

.content_prednosti_right{
    float: left;
    width: 45%;
    border-left: thin solid #e7e7e7;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.clear{
    clear: both;
}

.rec_container a, .rec_container a span{
    color: white!important;
}

.recenzije_all{
    margin-top: 20px;
}

.recenzije_all .rec_container{
    float: left;
    width: 48%;
    height: auto;
    max-height: 114px;
    margin-bottom: 6%;
} 

.firm_logo img{
    margin-top: 10px;
    width: 58%;
    max-width: 324px;    
}

.recenzije_all .rec_container:nth-child(odd){
    margin-right: 2%;    
}

.recenzije_list_mobiles{
    margin-top: 40px;
    margin-bottom: 40px;
}

.recenzije_list_mobiles img{
    border: none!important;
}

.recenzije_list_mobiles .wp-caption-text.gallery-caption{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #22485D;    
    font-weight: 600;
    padding: 10px;
}

#responsive-menu{
    margin-top: 65px;
}

 .responsive-menu li a{
    font-size: 16px!important;
    text-transform: uppercase; 
    font-family: 'Roboto Condensed', sans-serif;  
    font-weight: 600; 
}


#responsive-menu ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6e7378;
    font-family: 'Open Sans', sans-serif;
}

#responsive-menu :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6e7378;
   font-family: 'Open Sans', sans-serif;
   opacity:  1;
}

#responsive-menu ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6e7378;
   font-family: 'Open Sans', sans-serif;
   opacity:  1;
}

#responsive-menu :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #6e7378;
   font-family: 'Open Sans', sans-serif;
}

#responsive-menu button {
   background-color: #151e2c;
   border: none;
   margin-top: 8px;
   float: right;
   margin-right: 10px;   
}

#responsive-menu button img{
   max-height: 22px;
}


.art-postcontent ul:after {
    content:'';
    display:block;
    clear: both;
}

.side_banner{
    position: absolute;
    width: 100%;
    height: 3200px;
    z-index: 1;
    background: url(/alcatel_wallpaper.jpg) no-repeat center bottom;
    /*background-attachment:fixed;*/    
    background-position: center top;
}

.side_banner:hover{
    cursor: pointer; 
}

.author_archive{
    margin-top: 25px!important;
    margin-left: 20px!important;
    display: block;
    float: left;
    padding-right: 15px;
    margin-top: 50px;
}

#text-30 .art-box.art-block.widget.widget_text{
    padding-top: 20px;    
}

#text-30 iframe {
    border:solid thin #e7e6e3!important;
}

.pluginBoxDivider{
    border-top: thin solid #e7e6e3!important;
}

.search_header_field{
    background-color: #E7E7E7;    
    height: 108px;
    line-height: 108px;
    padding-left: 20px;
    font-style: italic;
    color: #ee4f21;
    font-size: 18px;
    font-weight: 600;
}

#text-30 .art-box.art-blockcontent{
    padding-top: 20px;    
}

#nav_menu-8 .art-blockcontent-body{
    padding-bottom: 0px!important;
}

#text-142 .art-blockcontent-body{
    padding-bottom: 12px;    
    padding-top: 6px;    
} 
.art-footer-body .revoloop{
    margin-left: 0px;
}

.art-postcontent ul>li{
    background-image: none;    
}

#wc_openModalFormAction > div#wc_response_info{
    font-size: 17px!important;
    text-decoration: none!important;
    font-weight: 700;
    color: #253a55!important;
}

#wc_openModalFormAction > div#wc_response_info{
    background-color: #e7e7e7;
    border: thin solid #ee4f21;
}

.slider_content a{
    color: white!important;
}
.glam_slide_content .more a{
    display: none!important;
}

.glam_slide_content .inner_slider_link{
    display: block!important;
    color: white!important;
    text-decoration: none;
}

.wc_comment{
    overflow: auto!important;
}

.art-postcontent strong a
{
   font-weight: normal!important;
}

.art-postcontent strong{
    font-weight: bold!important;
}

h2 span{
    color: white!important;
}

.main_characteristics_row{
    line-height: 20px;
}

.wp-pagenavi a.first{
    display: none;
}

.art-postcontent a:link
{
   font-size: 15px;
}

.nextpostslink img {
padding-top: 0;
}
.wp-pagenavi img {
margin-top: 10px;
}