/*
    Ialomita template
    autor: Jasmin Suljic
    datum zavrsetka : 28.02.14
*/

@import "grid.css";

/* resetiranje margina i paddinga */
* {
    margin:0;
    padding:0;
}

.content,.sidebar
{
    margin-top:20px!important;
}
.last
{
    padding-right:0;
    float:right;
    margin-right: 0!important;
}
.first
{
    padding-left:0;
    float:left;
    margin-left:0!important;
}
li
{
    line-height: 20px;
}
.reset-padding
{
    padding:0;
}
.middle-left
{
    padding-left: 0;
}
.middle-right
{
    padding-right: 0;
    float:right
}
.CL-image-slider
{
    background: none;
}
figure { margin:0px; }
figure img { width:100%; }	
img {
    border:0;
    width: auto;
    height:auto;
    max-width:100%;
}
video {
    width:100%;
    height:auto;
}
.CL-image-slider
{
    background: transparent
}
/*-----------------------------------------------------------------------------*/
body { 
    font-family:Arial, Helvetica, sans-serif;
    color:#5a5a5a;
    font-size:14px;
    line-height:21px;
    background-color:#1a1a1a;
    background-image:url(../img/pattern/10.jpg);
    background-repeat:repeat;
    margin:0;
}
.container{
    background-color: #fff;
}

/*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container
{
	width:1170px;
}*/

.theme-layout {
	width: 1220px;
}

/* override grid, povećaj padding */
.container {
	padding-left: 25px;
	padding-right: 25px;
}

.row {
	margin-left: -25px;
	margin-right: -25px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 25px;
    padding-left: 25px;
}

/* end override grid */

.theme-layout h1,.theme-layout h2,.theme-layout h3,.theme-layout h4,.theme-layout h5,.theme-layout h6 {
    color:#3a3a3a;
    font-weight:normal;
    margin-top:0px;
    line-height:1.25em;
}
.theme-layout h4,.theme-layout h5,.theme-layout h6 { line-height:1.4em; }
.theme-layout h1,.theme-layout h2,.theme-layout h3,.theme-layout h4 { margin-bottom:0; }
.theme-layout h1 { font-size:36px; }
.theme-layout h2 { font-size:30px; }
.theme-layout h3 { font-size:24px; }
.theme-layout h4 { font-size:18px; }
.theme-layout h5 { font-size:15px; font-weight:bold; }
.theme-layout h6 { font-size:13px; }
/* linkovi */
.theme-layout a
{
    text-decoration:none
}
.theme-layout a{ 
    color:#000;
    -webkit-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -moz-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -ms-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -o-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
.theme-layout a:hover {   
    text-decoration:none;	
}
.theme-layout ul,.theme-layout ol
{
    margin:0;
}
/*-----------------------------------------------------------------------------*/
/* Input */

.theme-layout select {
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #E0E0E0;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.theme-layout input[type="text"],.theme-layout textarea {
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #E0E0E0;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}
.theme-layout input[type="text"] {
    height:42px;
    padding:0px 10px;
}

.theme-layout textarea { padding:10px; }
.theme-layout input[type="text"]:focus,.theme-layout textarea:focus {
    border:1px solid #ACACAC;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.theme-layout input[type="submit"],.theme-layout input[type="button"],
.theme-layout input[type="reset"],.theme-layout button,.theme-layout .btn {
    border:none;    
    font-family:'Open Sans', Arial, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#FFF !important;
    padding:8px 10px;
    margin-bottom:4px;
    -webkit-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -moz-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -ms-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    -o-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}

.theme-layout input[type="submit"]:hover,.theme-layout input[type="button"]:hover,.theme-layout input[type="reset"]:hover,.theme-layout button:hover,.theme-layout .btn:hover { background-color:#d33e0a; }
/*-----------------------------------------------------------------------------*/
/* Top Navigation */
#top-navigation .CL-box-main 
{
    padding: 10px 0;
}
#top-navigation .CL-portlet-languageswitch {
    padding-top: 5px;
}
#top-navigation .CL-box-main-title {display:none;}
#top-navigation {
    background-color:#3a3a3a;
    color:#a9a9a9;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:12px;
    position:relative;
    z-index:800;
}

#top-navigation ul li {
    float:left;
    list-style-type:none;
}
#top-navigation ul.CL-menu-level-0 li a {
    color:#A9A9A9;
    font-weight:bold;
    line-height:1em;
    padding:10px 15px;
    float:left;
}
#top-navigation ul.CL-menu-level-0 li.CL-first-child a
{
    padding:10px 15px 10px 0;
}
#top-navigation ul.CL-menu-level-1 li.CL-first-child a
{
    padding:18px 15px;
}
#top-navigation ul.CL-menu-level-0 li a:hover, #top-navigation ul.CL-menu-level-0 li.CL-active a {
    color:#FFF;
    background:url(../img/arrow-top-nav.png) center bottom no-repeat;
}	

/* todo: testirati ovo ponasanje, mozda cak i zabraniti menu */
#top-navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2{
    display:none;
    position:absolute;
    top:42px;
    left:0;
    right:0;
    background-color:#F0F0F0;
    border-bottom:1px solid #e0e0e0;
    width:1220px;
	z-index: 100;
}
#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2
{
    top:100%
}
#top-navigation ul.CL-menu-level-0 li >  ul { margin:0px auto; }
#top-navigation ul.CL-menu-level-0 li >  ul li a {
    color:#707070;
    padding:18px 20px;
}	
#top-navigation ul.CL-menu-level-0 li >  ul li:last-child a { border-right:0px; }
#top-navigation ul.CL-menu-level-0 li >  ul li:after {
    content:'|';
    margin:0px -3px;
    color:#CACACA;
    font-weight:normal;
    line-height:46px;
    float:right;
}
#top-navigation ul.CL-menu-level-0 li >  ul li:last-child:after {
    content:'';
    margin:0px;
    display:none;
}	
#top-navigation ul.CL-menu-level-0 li >  ul li a:hover, #top-navigation ul.CL-menu-level-0 li >  ul li.CL-active a {
    color:#000;
    background:none;
    background-color:#eaeaea;
}
#top-navigation ul li.CL-parent-menu:hover ul.CL-menu-level-1,
#top-navigation ul li.CL-parent-menu:hover li:hover ul.CL-menu-level-2
{
    display:block;
}
/* Search u top-navigation */
#top-navigation .CL-portlet-search input[type="text"] {
    font-size:12px;
    height:32px;
    background-color:#202020;
    border:1px solid #000;
    color:#ACACAC;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}	
#top-navigation .CL-portlet-search input[type="text"]:focus { color:#FFF; }
.col-md-3.last .CL-portlet-search .CL-box-main
{
    float:right;
}
/*-----------------------------------------------------------------------------*/			
/* Header */

#header { padding:10px 0; }
/*-----------------------------------------------------------------------------*/
/* Main Navigation */

.main-nav-wrapper {
    margin-bottom: 10px;
}

#main-navigation {
    background-color:#3A3A3A;
    position:relative;
    z-index:800;
    width:100%;
}
#main-navigation .CL-box-main ul li {
    float:left;
    list-style-type:none;
    position:relative;
}
#main-navigation .CL-box-main ul li a {
    font-family: Arial, sans-serif;
    color:#EAEAEA;
    line-height:1em;
    padding:15px 25px;
    float:left;
	display: block;
    font-size:16px;
    border-right:1px solid #2a2a2a;
}
#main-navigation .CL-box-main ul li > ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background-color:#3A3A3A;
}
#main-navigation .CL-box-main ul li:hover > ul { display:block; }
#main-navigation .CL-box-main ul li > ul li, #main-navigation .CL-box-main ul li > ul li a {
    float:none;
    display:block;
}
#main-navigation .CL-box-main ul li > ul li {
    border-top:1px solid #2a2a2a;
    width:200px;
}
#main-navigation .CL-box-main ul li > ul li:hover ul {
    left:100%;
    top:-1px;
}
/*-----------------------------------------------------------------------------*/
/* slider */
#highlight-posts { margin-bottom:0px; }
/* slider */
#highlight-posts {
    position: relative;
    width: 100%;
}
#highlight-posts .CL-position-header_image .CL-portlet {
    padding-bottom: 50px;
}
/*.homepage-slideshow-warp .CL-position-header_image
 {
 padding:15px 0;
 }*/
.CL-portlet.CL-portlet-header_image .CL-command-options-wrapper {
    top: -9px;
    z-index: 10;
}
/* custom slider */
/*za custom slider*/
.theme-dark .nivo-directionNav a {
    text-indent: 0;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: -20px;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    transition: opacity 300ms ease 0s;
    vertical-align: middle;
    width: 44px;
    height: 45px;
    z-index: 999;
    background: #333333
}
.theme-dark a.nivo-prevNav {
    bottom: 50%;
    right: auto;
    left: 20px;
    z-index: 8;
    color: white;
    background-image: url('../img/home-slider-arrow.png');
    background-position: 0 0;
    background-color: #333333;
}
.theme-dark a.nivo-nextNav {
    bottom: 50%;
    background-position: -44px 0;
    background-image: url('../img/home-slider-arrow.png');
    left: auto;
    background-repeat: no-repeat;
    background-color: #333333;
    right: 20px;
    z-index: 8;
    color: white
}
.theme-dark .nivoSlider {
    margin-bottom: 0px;
}
.theme-dark .nivo-directionNav a:hover {
    opacity: 1;
}
.theme-dark .nivo-controlNav {
    background: transparent !important;
    height: 0px;
    left: 0;
    padding: 0px;
    position: relative;
    text-align: center;
    top: 25px;
    z-index: 10;
}
.theme-dark .nivo-controlNav a {
    background-color: #333333;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 3px;
    position: relative;
    text-indent: -9999px;
    width: 25px;
    background-image: none;
}
/* end custom slider*/
/*-----------------------------------------------------------------------------*/
/* breadcrumb */
.breadcrumb
{
    display: inline-block;
    float:left;
    width: 100%;
}
.breadcrumb .breadcrumb-title
{
    padding:10px 12px;
    color:#FFFFFF;
    display:inline-block;
    float:left;
}
.breadcrumb a {
    color: white;
    display:inline-block;
    padding:10px 12px;
    background-color:#3A3A3A;
}
.breadcrumb .CL-box-main-title {
    font-family:'Open Sans', Arial, sans-serif;
    display:inline-block;
    margin:0px;
    padding:5px 15px 5px 0;
    font-size:14px;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb .sep, .breadcrumb .trail-end {
    color: white;
    display:inline-block;
    padding:10px 12px;
    background-color:#3A3A3A;
    margin:0 -4px;
}
.breadcrumb .sep
{
    padding:10px 4px;
}
/*-----------------------------------------------------------------------------*/
#bottom {
    margin-top:40px;
	padding: 10px 0;
    background-color:#202020;
    border-top:10px solid #eeeeee;
    color:#a9a9a9;
}
#bottom .widget { margin-bottom:0px; }
#bottom .widget .header { background:#202020 url(../images/border-header-bottom.png) repeat-x center; }
#bottom .widget .header h4 {
    background-color:#202020;
    font-family: Arial, sans-serif;
    font-size:18px;
    padding-left:0px;
}

#bottom a, #footer a { color:#FFF; }
#bottom a:hover, #footer a:hover { color:#a9a9a9; }
#bottom ul li {
    list-style-type:none;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px dashed #8a8a8a;	
}
#bottom h1,#bottom h2,#bottom h3,
#bottom h4,#bottom h5, #bottom h6
{
    color:white;
}
#bottom .CL-box-main-title,footer .CL-box-main-title
{
    background:#202020 url(../img/border-header-bottom.png) repeat-x center;
}
#bottom .CL-box-main-title span,footer .CL-box-main-title span 
{
    background-color:#202020;
    font-family: Arial, sans-serif;
    font-size:18px;
    padding-left:0px;
    padding-right:15px;
}
/*-----------------------------------------------------------------------------*/
/* footer */

#footer {
    background-color:#000;
    padding:20px 0px;
    font-family:'Open Sans', Arial, sans-serif;
    color:#a9a9a9;
    font-size:13px;
}
#footer p { margin:2px 0px 0px 0px; }
#footer ul.social li {
    display:inline;
    list-style-type:none;
    padding:0px 4px;	
}
.copyright a,.col-md-7.last
{
    color:White;
}
/*-----------------------------------------------------------------------------*/
/* scroll up */
.scrollup {
    width:54px;
    height:54px;
    position:fixed;
    bottom:0px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background:url('../img/back-to-top.png') no-repeat;
    z-index:99999;
    bottom:10px;
}
/*-----------------------------------------------------------------------------*/
/* sidebar */

.sidebar .CL-box-main-content .CL-image-slider
{
    max-width: 100%;
}
.col-md-4 .CL-portlet.CL-portlet-right,.col-md-4 .CL-portlet.CL-portlet-left
{
    width:100%!important;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li a {
    border-color: #ccc !important;
}
.sidebar .CL-portlet .CL-box-main {
    margin-bottom: 25px;
}
.sidebar .CL-portlet:last-child {
    margin-bottom: 5px;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul > li {
    display: block;
    float: left;
    text-align: left;
    list-style-type: none;
    width: 100%;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li > a {
    display: block;
    color: #555555;
    background: white;
    border-bottom: 1px solid;
    padding: 10px 15px 10px 10px;
    position: relative;
    border-radius:0px;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li a{
    background-size: 15px 15px;
    background-color:rgba(0,0,0,0);
    background-position: left;
    background-repeat: no-repeat;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li > a {
    text-align: left;
    padding-left:20px;
    background-image:url(../img/icons/arrow_right.png);
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li li > a {
    padding-left:25px;
    background-image:url(../img/icons/arrow_right.png),url(../img/icons/arrow_right.png);
    background-position: left center,8px center;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li li li > a {
    padding-left:35px;
    background-image:url(../img/icons/arrow_right.png),url(../img/icons/arrow_right.png),url(../img/icons/arrow_right.png);
    background-position: left center,8px center,16px center;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li > a:hover {
    background-color: #F8F8F8;
}
.sidebar h2.CL-box-main-title{
    background:#F0F0F0 url(../img/border-header.png) repeat;
    line-height:1em;
    margin-bottom:20px;
    text-align:left;
}
.sidebar h2.CL-box-main-title span
{
    font-family:'Open Sans', Arial, sans-serif;
    color:#FFF;
    display:inline-block;
    margin:0px;
    padding:5px 15px;
    font-size:14px;
}
.sidebar ul, .sidebar ol {
    margin:0;
    padding:0}

.sidebar ul li {
    list-style:none
}
/*-----------------------------------------------------------------------------*/
/* module */
/* search */
.CL-search {
    position: relative
}
input.CL-vote-submit 
{
    max-width: 350px;
}
footer .CL-portlet-search .CL-box-main
{
    width:250px!important;
}
footer .CL-portlet-bottom.CL-portlet-search .CL-box-main
{
    width:100%!important;
}
/*.CL-portlet .CL-search input.btn_search {
        display: block;
        width: 42px;
        font-size: 25px;
        margin:0;
        font-weight: 100;
        line-height: 20px;
        border: medium none;
        cursor: pointer;
        display: inline-block;
        transition: all 300ms ease 0s;
        position: absolute;
        right: -1px;
        top: 0px;
        height: 42px;
        right: 0px;
        font-family: FontAwesome;
        text-align:center;
        opacity:0.75;
}*/
/* fontAwesome fix!! */
.CL-portlet .CL-search input.btn_search {
    width: 42px;
    height: 42px;
    margin:0;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 0px;
    right: 0px;
    opacity:0.75;
    background-image:url(../img/icons/search.png);
    background-position: center;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
}
.CL-portlet .CL-search input.btn_search:hover {
    text-decoration: none;
    opacity:1;
}
.CL-search-text {
    width: 100%;    
    height: 36px;    
}
#top-navigation .CL-portlet .CL-search input.btn_search
{
    height:32px;
    background-size: 20px 20px;
    width:32px;
}
.add.col-md-8.last .CL-box-main
{
    margin-bottom:10px;
}
/*----------------------------------------------*/
/* contact */
.CL-contact-form .CL-contact-form-item {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}
.CL-contact-form .CL-contact-form-item
.CL-contact-form-item-text {
    width: 100%;
}
/* not needed, if error occurs recheck this!! */
/*.contactFormContent {
        float: left;
        width: 100%;
        margin: 10px 0;
}
.contactFormContent {
        text-align: center;
        font-family: FontAwesome;
}
.contactFormContent i {
        font-style: normal;
        font-size: 50px;
        width: 100px;
        display: inline-block;
        position: relative;
        top: -22px;
        background: white;
}*/
.CL-contact-form input.button:hover {
    cursor: pointer;
}
.CL-contact-form {
    width: 100% !important;
}
.contactForm {
    margin: 0;
    padding: 0;
    text-align: center;
}
.CL-form-item.CL-contact-form-item .text-input-required, 
.CL-form-item.CL-contact-form-item .text-input,
.CL-booking-form select,
.CL-search-result-scope {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    border: 1px solid #CCC;
    height: 40px;
    color: #676F7A;
    background-color: white;
    font-size: 14px;
    line-height: 1.42857;
    padding: 0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin: 0 auto;
    max-width:100%;
    text-indent: 7px;
}
.CL-booking-form .CL-form-item .datetime-input {
	width: 25%;
}
.CL-booking-form select {
	width: 25%;
}
.CL-contact-form .CL-contact-form-item:first-child,
.CL-booking-form .CL-contact-form-item:first-child {
    margin-top: 0;
}
.CL-contact-form-item textarea
{
    padding:7px !important;
    border:1px solid #ccc;
    text-indent: 0 !important;
}
.CL-contact-form-message {
	margin-bottom: 15px;
}
/*----------------------------------------------*/
/* upload */
.sidebar .CL-upload-file-container {
    max-width: 300px;
}
.CL-upload-link-icon {
    position: relative;
    top: 3px;
    left: 9px;
}
.CL-upload-file-container {
    max-width: 700px;
    padding:0;
    overflow: hidden;
}
.CL-upload-file-link-text {
    color: white;
    padding: 11px 15px 0px 12px;
    display: inline-block
        ;
    float: right;
}
.CL-upload-file-link {
    display: inline-block;
    color: white;
}
/*
removed due to not using fontawesome anymore
.downloadButton {
        content: "";
        font-family: fontawesome;
        font-size: 25px;
        display: block;
        float: left;
        color: white;
        position: relative;
        left: 0px;
        top: 0px;
        height: 40px;
        padding: 11px 8px 8px;
}*/

.downloadButton {
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px;
	float: left;
    height: 40px;
    width:  40px;
    background-image:url(../img/icons/download.png);
    background-position: center;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}
.CL-article-block.CL-module-renderer.CL-article-Upload {
    display: inline-block;
    margin-right: 15px;
}
.CL-upload-file-container {
    height: auto;
    overflow: hidden;
    max-width: 700px;
    width: 100%;
    border-radius:0px;
    display: inline-block;
    float: left;
}
.sidebar .CL-upload-file-container 
{
    margin-left:0!important;
}
/*----------------------------------------------*/
/* anketa */
.CL-poll-results > h3 {
    font-size: 17px;
    font-family: inherit;
    font-weight: 300;
}
.CL-poll-results > h4 {
    font-size: 18px;
    font-weight: 300;
    margin: 6px 0 8px 0;
}
.CL-show-other-poll-result
{
    background-color: white;
}
.CL-poll-form p
{
    margin:0 0 8px;
}
.CL-graph-wrapper {
    margin-right: 0;
    width: 100% !important;
}
.CL-question .bar-container strong {
    color: white;
    top: -1px;
}
.CL-portlet-poll input.text-input {
    width: 100%;
}
.CL-show-other-poll-result {
    margin-left: 0;
}
select.CL-show-other-poll-result {
    border-radius: 0;
    padding: 9px;
    border:1px solid #CCC;
    width: 100% !important
}
.CL-question .bar-container {
    margin: 0 0 8px;
    height: 20px;
    overflow: hidden;
}
.CL-poll-results span {
    margin-bottom: 5px;
}
.CL-question .bar-container strong {
    left: 3px;
    top: 0px;
    font-size:12px;
}
/*----------------------------------------------*/
/* login */
#CL-recover-password {
    margin-left: 10px;
}
.CL-portlet .CL-video-embed {
    max-width: 100%;
}
.content .CL-article-LoginForm .CL-form-item {
    margin-bottom: 15px;
}
/*----------------------------------------------*/
/* forms mutual */
.CL-contact-form input.button, .CL-booking-form input.button, .CL-admin-form input.button,input.CL-vote-submit,.CL-upload-file-container
{
    margin-top: 5px;
    font-weight: 400;
    border-radius: 0px;
    transition:all 500ms ease 50ms;
    font-size:15px;
	color:white;
} 
.theme-layout input[type=text],.theme-layout input[type=password],.theme-layout textarea{   
    resize:none;   
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    padding:0px;
    color:#888;
    max-width: 100%;
    color:#888;
    text-indent: 7px;
    font-size:14px;
}
textarea{
    background:#fff;
}

input, textarea,input[type="submit"]:focus{
    outline:0 none}

input[type="radio"],input[type="checkbox"]{
    margin-right:10px; margin-left:10px}

input[type="reset"],input[type="submit"],input[type="button"], button{    
    border:1px solid;
    outline-width:0;
    text-align:left;
}
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus{
    cursor:pointer}
.sidebar .CL-portlet .CL-search .CL-search-text, .sidebar .CL-portlet .text-input, .CL-search-text,.content .CL-admin-form.CL-login-form .text-input {
    margin-bottom: 0px;
    border:1px solid #CCC;    
    background: white;
    font-size: 14px;
    height: 42px;
    line-height:25px;
    padding:0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border-radius: 0px;
}
.CL-admin-form.CL-login-form .text-input 
{
    text-indent: 7px;
}
.sidebar .CL-portlet .CL-search .CL-search-text, .sidebar .CL-portlet .text-input, .CL-search-text
{
    width: 100% !important;
}
.content .CL-admin-form.CL-login-form .text-input {
    width: 350px !important;
}
.CL-form-item.CL-contact-form-item .text-input-required:focus, 
.CL-form-item.CL-contact-form-item .text-input:focus,
.content .CL-admin-form.CL-login-form .text-input:focus,.CL-form-item textarea:focus {
    border-color: #999;
} 
/*-----------------------------------------------------------------------------*/
.CL-video-container
{
    width: 100%;
    max-width: 100%;
}
/* sidebar images */
.sidebar .CL-image-slider 
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:5px solid #F0F0F0;
    padding:3px;
}
/*-----------------------------------------------------------------------------*/
/* galerija */
.CL-gallery-single-image-wrapper .CL-gallery-image {
    opacity: 1;
    transition: opacity 300ms ease 50ms;
}
.CL-gallery-single-image-wrapper .CL-gallery-image:hover {
    opacity: 0.7;
    cursor: pointer
}
.CL-gallery-single-image-wrapper {
    border-color: rgba(0,0,0,0);
}
.CL-gallery-single-image-wrapper {
    margin: 10px;
}
/*-----------------------------------------------------------------------------*/
/* boxevi */
/*----------------------------*/
/* newsBox */
article.NewsBox
{
    display:inline-block;
    width:100%;
    float:left;
}
.NewsBox .post_top
{
    display:inline-block;
    width:50%;
    float:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:0;
}
.NewsBox .post-top .CL-box-content-image
{
    float:none!important;
}
.NewsBox .post_top .CL-box-content-image-wrapper,.NewsBox .post_top .CL-box-content-image-wrapper img,.NewsBox .ui-wrapper
{
    margin:0!important;
}
.NewsBox .post_bottom
{
    width:50%;
    float:right;
    border:1px solid #DADADA;    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:10px 20px 20px;
    position: relative;
}
.NewsBox .post_bottom .box_subtitle
{
    height:35px;
    position:absolute;
    top:-35px;;
    left:0px;
    padding: 0 15px;
    max-width: 100%;
    color:#FFF;
    font-family: Arial, sans-serif;
    display: inline-block;
    z-index: 50;
    margin-left:-1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.NewsBox .post_bottom .box_subtitle .CL-box-subtitle
{
    color:white;
}
.NewsBox .post_bottom .box_title h3.CL-box-title
{
    font-size:24px;
    line-height:1.25em;
    border-bottom:2px dashed #dadada;
    padding-bottom:20px;
    margin-bottom:20px;

}
/* one column */
.CL-box-default.CL-box-no-image .NewsBox .post_top
{
    display: none;
}
.CL-article-block-group .CL-box-default.CL-box-no-image .NewsBox .post_bottom
{
    width: 100%;
    margin-top:35px;
}
.CL-article-block-group .CL-box-default.CL-box-no-image.CL-box-no-subtitle .post_bottom
{
    margin-top:0px;
}

/* two three columns */
.CL-article-block-group.CL-block-with-options .NewsBox .post_top
{
    width:100%;
}
.CL-article-block-group.CL-block-with-options .NewsBox .post_bottom
{
    width:100%;
}
/* livepreview */
.CL-box-live-preview .NewsBox .post_top,.CL-box-live-preview .NewsBox .post_top .CL-box-content-image-wrapper,
.CL-box-live-preview .NewsBox .post_top .CL-box-content-image-wrapper img,.CL-box-live-preview .NewsBox .post_top,.CL-box-live-preview .NewsBox .post_bottom
{
    width:100%!important;
}

/*-----------------------------------------------------------------------------*/

/* blogbox */
article.BlogBox
{
    position:relative;
    padding:0px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 500ms ease 0s;
    text-align:left;
    display: inline-block;
}
article.BlogBox img
{
    transition: all 500ms ease 0s;
}
article.BlogBox .post_top,article.BlogBox .post_bottom
{
    display:inline-block;
    float:left;
    padding:0;
}
article.BlogBox .post_bottom
{
    position:relative;
    bottom:0;    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 500ms ease 0s;
    color:white;
    text-align:left;
}
article.BlogBox .post_bottom .box_icon,
article.BlogBox .post_bottom .box_title,
article.BlogBox .post_bottom .box_subtitle,
article.BlogBox .post_bottom .box_text,
article.BlogBox .box_picture
{    
    display: inline-block;
    float:left;
    width: 100%;
}
article.BlogBox .box_picture
{
    margin-top:0;
}
article.BlogBox .box_picture .box_link
{
    margin-top:20px;
}
article.BlogBox .box_icon .CL-box-icon
{
    top:30px;
    right:0px
}
/* one column */
.CL-article-block-group article.BlogBox .post_top,
.CL-article-block-group article.BlogBox .post_bottom
{
    width: 100%;
}

.CL-article-block-group article.BlogBox .post_top
{
    padding:0;
}
.CL-article-block-group .CL-box-no-image article.BlogBox .post_bottom
{
    width:100%;
}
/* two three column */
.CL-article-block-group.CL-block-with-options article.BlogBox .post_top{
    padding: 0;
}
.CL-article-block-group.CL-block-with-options article.BlogBox .post_top,
.CL-article-block-group.CL-block-with-options article.BlogBox .post_bottom
{
    width: 100%;
}
.CL-article-block-group.CL-block-with-options article.BlogBox .post_bottom
{
    width: 100%;
    padding:30px!important;
}
.CL-article-block-group.CL-block-with-options article.BlogBox .post_bottom
{
    bottom:0px!important;
    position: relative
}
.CL-article-block-group.CL-block-with-options .CL-box-no-link article.BlogBox .post_bottom
{
    bottom:0px;
    padding: 0;
}
/* single */
.CL-article-block-group .BlogBox .box_picture .CL-box-content-image-wrapper
{
    margin-bottom: 15px;
}
.CL-article-block-group .BlogBox .box_picture .CL-box-content-image-wrapper.CL-box-content-image-left
{
    margin-right:15px;
}
.CL-article-block-group .BlogBox .box_picture .CL-box-content-image-wrapper.CL-box-content-image-right
{
    margin-left:15px;
}
/* two three columns */
.CL-article-block-group.CL-block-with-options .BlogBox .box_picture .CL-box-content-image-wrapper
{
    margin-bottom: 10px;
}
.CL-article-block-group.CL-block-with-options .BlogBox .box_picture .CL-box-content-image-wrapper.CL-box-content-image-left
{
    margin-right:10px;
}
.CL-article-block-group.CL-block-with-options .BlogBox .box_picture .CL-box-content-image-wrapper.CL-box-content-image-left
{
    margin-left:10px;
}
/* prikazivanje & ne prikazivanje sadrzaja */
.CL-box-no-title .BlogBox .box_title,
.CL-box-no-subtitle .BlogBox .box_subtitle
{
    display: none;
}
.CL-box-no-image .BlogBox .post_top
{
    padding-top:0!important
}
.CL-article-block-group .CL-box-no-image article.BigPictureBox .post_bottom
{
    width:100%;
}

/* boxes mutual */
.CL-box-default li
{
    list-style-position: inside;
}
.CL-box-read-more-link
{
    display:inline-block;
    float:left;
    text-align:left;
    padding:7px 15px;
    margin-top:10px;

}
.CL-box-read-more-link a
{
    color:white;
}
.CL-box-read-more-link a:hover
{
    color:white;
}
/* hide and show */
.CL-box-default.CL-box-no-image .NewsBox .box_picture ,.CL-box-default.CL-box-no-title .box_title ,
.CL-box-default.CL-box-no-subtitle .box_subtitle
{
    display: none;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

/* admin dio */

.rowFooter {
    width: 278px;
    margin-right: 19px;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px
}
.CL-box-default.CL-box-no-title h3.CL-box-title, .CL-box-default.CL-box-no-subtitle .CL-box-subtitle{
    display:none;
}
/* admin dio */

.CL-hidden-portlet-indicator.CL-hidden-portlet-indicator-left
{
    left:-24px;
}
.CL-hidden-portlet-indicator.CL-hidden-portlet-indicator-right
{
    right:-24px;
}
#top-navigation .CL-hidden-portlet-indicator
{
	bottom: auto;
}
#top-navigation .CL-hidden-portlet-indicator-left ul.CL-hidden-portlet-indicator-list
{
	top: 0;
	left: 50px;
}
.CL-article-text-item ol,.CL-article-text-item ul
{
    list-style-position: inside;    
}
.CL-box-icon
{
    float:right;
    width:auto;
}
.CL-box-default.CL-box-no-title.CL-box-no-subtitle .CL-box-icon
{
    width:100%;
}
.CL-box-default.CL-box-no-title.CL-box-no-subtitle .CL-box-icon img
{
    float:right;
}
.CL-hidden-portlet-indicator
{
    z-index:801;
}

/* admin.css fix for top-navigation */
#top-navigation .CL-command-options-wrapper{
    top:38px;
    height:50px;
}
#top-navigation .CL-command-options-wrapper .CL-command-options{
    border-top:none;
    border-bottom: 2px dashed #9E9E9E;
}

.CL-article-Upload.hovered{
    min-width: 180px;
}

.CL-site-identity{
    max-width: 100%;
}

.toggle-nav {
	display:none;
}

.CL-search-result-scope {
	height: 42px;
}

.CL-search-result-item, .CL-search-result-item a {
	width: auto;
	height: auto;
}

.CL-search-result-group {
	max-width: 100%;
}