@import "grid.css";

/*------------------------------------*\
    Template: Onega
    Contents:
    RESET
    BASE
    HEADER
    HEADER_MENU
    SLIDER
    BREADCRUMB
    CONTENT
	SIDEBAR
    FOOTER
	BOX_LAYOUTS
	FIXES
 \*------------------------------------*/


/*------------------------------------*\
     $RESET
 \*------------------------------------*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}

/*ol, ul {
	list-style: none;
}*/

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

/*------------------------------------*\
    $BASE
\*------------------------------------*/

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #222;
}
.container {
	width: 1230px;
    padding-left: 30px;
    padding-right: 30px;
}
h1 {
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 15px;
}
h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 9px;
}
h3 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 8px;
}
h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 7px;
}
h5 {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 7px;
}
h6 {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 5px;
}
p {
    margin: 0 0 10px
}
dl {
    margin: 0 0 10px
}
dt {
    font-weight: 400
}
dd {
    margin-left: 10px
}
ul {
    list-style: square
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}
nav.navigation ul, ol {
    padding: 0;
    line-height: 2;
    margin: 0 0 20px 25px
}
p {
    font-size: 18px;
    margin: 0 0 10px
}
.main-wrap p, td, div {
    font-size: 13px;
    line-height: normal;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.CL-box-no-title.CL-box-no-icon .CL-box-title, .CL-box-no-subtitle.CL-box-no-icon .CL-box-subtitle {
    line-height: 0 !important;
    margin: 0;
    padding: 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid #dbdbdb;
    border-left: 5px solid #dbdbdb;
    padding: 6px 7px;
    margin: 0;
    min-height: 34px;
    line-height: 20px;
    background-color: #fefefe;
    outline: 0;
    color: #888;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .3s ease-in-out;
    max-width: 100%;
    -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.03)
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    margin: 0;
    min-height: 34px;
    line-height: 20px;
    background-color: #ECECEC;
    outline: 0;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    /*novo*/
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 0 !important;
    border-style: none none none solid;
    box-shadow: none !important;
    font-size: 16px;
    margin-bottom: 3px;
    padding: 10px 13px;
    transition: all 400ms ease 0s, all 400ms ease 0s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    background-color: #fff
}

.main-wrap input.button {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 56px;
    line-height: 20px;
    margin: 0 -1px 3px 0;
    padding: 8px 25px;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
}

/*------------------------------------*\
     $HEADER
 \*------------------------------------*/


/* top header module */

.header-module {
    text-align: right;
    color: white;
    background-color: #3D3D3D;
    border-top: 5px solid #3D3D3D;
}
.header-module .CL-portlet.CL-portlet-header {
    display: inline-block;
}
.header-module .CL-portlet.CL-portlet-header .CL-box-main-title {
    display: none !important;
}
.header-module .CL-command-options-wrapper {
    top: 13px;
}
.header-module a.CL-command-option-item {
    text-indent: 9999px;
}
.header-module .language {}
.language .CL-box-main-title {
    color: white;
}
.header-module .language .CL-box-main {
    padding: 5px 0;
}

/* real header */

header {}
.header-layout {
    margin-left: -30px;
    margin-right: -30px;
}
.header-wrap {
    margin: auto;
    display: block;
    min-height: 160px;
    position: relative;
    text-align: left;
}
.header-brand {
    max-width: 100%;
    z-index: 250;
}
.header-brand a {
    color: black !important;
}
.header-brand .CL-site-identity img {
    display: block;
    max-width: 100%;
}
.CL-column.CL-position-header {
    display: block;
}

/*------------------------------------*\
     $HEADER_MENU
 \*------------------------------------*/

#header-menu {
    width: 100%;
}
#header-menu nav.navigation {
    bottom: 0;
    padding: 0 30px;
    position: absolute;
    right: 0;
}
#header-menu nav.navigation .CL-box-main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header-menu nav.navigation .CL-box-main li.CL-parent-menu ul {
    display: none;
}
#header-menu nav.navigation .CL-box-main ul ul ul {
    display: none;
}
#header-menu nav.navigation .CL-box-main ul li {
    display: inline-block;
    float: left;
    margin-left: 1px;
    position: relative;
    text-transform: none;
}
#header-menu nav.navigation .CL-box-main ul li.CL-parent-menu ul:before {
    position: absolute;
    background: url("../img/widgets/submenu_mark.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 5px;
    width: 9px;
    left: 50%;
    top: -5px;
    margin-left: -5px;
}
#header-menu nav.navigation .CL-box-main ul li.CL-parent-menu ul ul:before {
    background: url("../img/widgets/submenu_mark_right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 13px;
    left: 3px;
    position: absolute;
    top: 14px;
    width: 8px;
    z-index: 250;
}
#header-menu nav.navigation .CL-box-main ul li a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #3D3D3D;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    margin-top: 5px;
    opacity: 0.5;
    padding: 0 20px;
    text-decoration: none;
    transition: all 300ms ease 0s;
    z-index: 1570;
}
#header-menu nav.navigation .CL-box-main ul ul li {
    min-height: 25px;
    margin-left: 0;
    display: block;
    width: 100%;
}
#header-menu nav.navigation .CL-box-main ul ul li a {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 10px;
    font-size: 13px;
    line-height: 20px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ececec;
    text-align: center;
    display: block;
    text-transform: none;
    background: #3d3d3d !important;
    height: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}
#header-menu nav.navigation .CL-box-main ul li.CL-active a {
    height: 75px;
    line-height: 75px;
    margin-top: 0;
    opacity: 1;
}
#header-menu nav.navigation .CL-box-main ul li:hover a {
    height: 75px;
    line-height: 75px;
    margin-top: 0;
    opacity: 1;
}
#header-menu nav.navigation li.CL-parent-menu:hover>ul {
    position: absolute;
    width: 180px;
    top: 100%;
    left: 50%;
    margin-left: -90px;
    display: block;
    z-index: 450;
    /*enables show over slider*/
}
#header-menu nav.navigation ul ul li.CL-parent-menu:hover>ul {
    position: absolute;
    top: 0%;
    left: 100%;
    margin-left: 0;
    display: block;
    z-index: 450;
    /*enables show over slider*/
}
.navWrapper {
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    position: fixed;
    z-index: 200;
    display: block;
}
.CL-logged-in .navWrapper {
	top: 40px;
}
#header-menu nav.floatingNav {
    margin: 0 auto;
    position: static !important;
    padding: 15px 0;
}
#header-menu nav.floatingNav .CL-box-main ul li.CL-parent-menu ul:before {
    background: url("../img/widgets/submenu_mark.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    top: -5px;
    width: 9px;
    margin-left: -5px;
}
header #header-menu {
    width: 100%;
}
#header-menu nav.floatingNav .CL-box-main ul li.CL-parent-menu ul ul:before {
    background: url("../img/widgets/submenu_mark_right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 13px;
    left: 3px;
    position: absolute;
    top: 14px;
    width: 8px;
    z-index: 250;
}
#header-menu nav.floatingNav ul {
    min-height: 40px;
}
#header-menu nav.floatingNav ul li {
    display: inline-block;
    float: left;
    margin-left: 1px;
    position: relative;
    text-transform: none;
}
#header-menu nav.floatingNav ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin-top: 0 !important;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 300ms ease 0s;
}
#header-menu nav.floatingNav ul ul {
    display: none;
}
#header-menu nav.floatingNav ul ul li {
    margin-left: 0;
    display: block;
    width: 100%;
}
#header-menu nav.floatingNav li.CL-parent-menu:hover>ul {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    display: block;
    z-index: 450;
    /*enables show over slider*/
}
#header-menu nav.floatingNav li.CL-parent-menu:hover ul ul {
    display: none;
}
#header-menu nav.floatingNav ul ul li.CL-parent-menu:hover>ul {
    display: block;
    left: 100%;
    position: absolute;
    top: 0;
    margin-left: 0px;
}
#header-menu nav.floatingNav ul ul li a {
    padding: 10px 10px!important;
    font-size: 13px!important;
    line-height: 19px!important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: block;
    text-transform: none;
    height: auto!important;
    margin: 0!important;
    opacity: 1!important;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
}

.toggle-nav {
	display:none;
}

/*------------------------------------*\
     $SLIDER
 \*------------------------------------*/

.slider-wrap {
    position: relative;
    max-height: 510px;
    background-color: #FFF;
}

/*------------------------------------*\
     $BREADCRUMB
 \*------------------------------------*/

.breadcrumb {
    width: 100%;
    margin: 0 auto;
}
.CL-portlet.CL-portlet-breadcrumb.CL-portlet-trail {
    border-bottom: 1px solid;
    width: 100%;
    margin-bottom: 3px;
}

/*------------------------------------*\
     $CONTENT
 \*------------------------------------*/

.content-wrapper {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*------------------------------------*\
	 $SIDEBAR
 \*------------------------------------*/

.sidebar {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

.CL-layout_left .sidebar {
    border-right: 1px solid #000;
}

.CL-layout_right .sidebar {
    border-left: 1px solid #000;
}

/*Side bar menu*/

.sidebar ul, ol {
    padding: 0;
    line-height: 2;
    margin: 0 0 0px 0px
}
.sidebar .CL-portlet-menu .CL-box-main-content ul {
    list-style-type: none;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li {
    display: block;
    min-width: 80%;
    max-width: 100%;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul li a {
    background-color: #ECECEC;
    display: block;
    height: 40px;
    padding: 5px 5px 5px 25px;
    border-left: 4px solid;
    transition: all 300ms ease 0s;
    margin-bottom: 1px;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul ul a {
    background-color: #D4D4D4
}
.sidebar .CL-portlet-menu .CL-box-main-content ul ul ul a {
    background-color: #9B9B9B;
}
.sidebar .CL-portlet-menu .CL-box-main-content ul ul {
    display: none
}
.CL-parent-menu-collapsed:hover a,
.sidebar .CL-parent-menu:hover a {
    background-image: url('../img/widgets/siva.png');
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

/*Mozda promijeniti*/
.CL-parent-menu-show>a {
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
.CL-parent-menu-show:hover>a {
    background-image: url('../img/widgets/sivaUp.png');
}
.CL-parent-menu-collapsed>a,
.sidebar .CL-parent-menu>a {
    background-image: url('../img/widgets/blue.png');
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
.CL-parent-menu-show>ul {
    position: relative;
    display: block!important;
    top: 100%;
    left: 0%;
}
.CL-parent-menu-collapsed ul {
    position: relative;
    display: none!important;
    top: 100%;
    left: 0%;
}
.CL-portlet-menu .CL-box-main-content a:hover {
    text-decoration: none!important
}
.sidebar .CL-portlet .CL-box-main-content {
    margin-bottom: 15px
}
.sidebar .CL-portlet.CL-portlet-trail .CL-box-main-content {
    margin-bottom: 15px
}
.sidebar .CL-video-container {
    max-width: 100%;
}
.sidebar .CL-portlet-menu ul li li {
    margin-left: 4px;
}

/*------------------------------------*\
     $FOOTER
 \*------------------------------------*/

footer.footer {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    overflow: auto;
}
.footer .footer-top {
    background: none repeat scroll 0 0 #3D3D3D;
    padding: 0;
    text-align: center;
}
.footer .footer-bottom {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
.footer .footer-bottom .container {
    display: block;
    position: relative;
}
#buttonUp {
    position: fixed;
    bottom: 40px;
    right: 40px;
    /*display: none;*/
    height: 40px;
    width: 40px;
    transition: background-color 300ms ease 0s;
    z-index: 2000;
    background: url("../img/bg/strelica.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    box-shadow: #666 0px 1px 2px;
}
#buttonUp:hover {
    background-position: left bottom;
}
.footer-bottom .CL-portlet-custom1-CL-search .CL-box-main-title {
    display: none;
}
footer .CL-portlet.CL-portlet-search .CL-box-main-title {
    display: none;
}
footer .CL-portlet.CL-portlet-menu a {
    color: #fff!important;
}
footer .CL-portlet-menu .CL-box-main-content ul li {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
}
.footer-top .CL-portlet-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-top .CL-portlet-menu .CL-box-main-content {
    margin-bottom: 0px;
}
footer .CL-portlet-menu .CL-box-main-content ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    transition: all 300ms ease 0s;
    min-width: 90px;
    background-color: #ECECEC;
    border-color: #BFD4BF;
}
footer .CL-portlet-menu ul ul {
    display: none;
}
footer .CL-box-main-title {
    color: #CCDECC;
    letter-spacing: 1px;
}
footer .CL-command-options-wrapper {
    top: -7px;
}

.copyright {
    padding-bottom: 10px;
    color: #CCDECC;
}
.copyright a {
    color: #fff;
}

/*------------------------------------*\
	$BOX_LAYOUTS
\*------------------------------------*/


/* POST_BOX */

.post {
    margin-top: 0px
}
.postBoxMedium {
    display: block;
    text-align: center;
    min-height: 200px !important;
    margin: 5px 0px 10px 0px;
    width: 100%
}
.postBoxMedium .CL-box-main-content .CL-box-default, .CL-box-default.CL-box-style-1 {
    color: black;
    transition: background-color 300ms ease 0s;
    transition: color 300ms ease 0s;
}
.postBoxMedium .boxMedium {
    width: 95%;
    margin: 0 auto;
    padding: 15px 0 15px 0;
}
.postBoxMedium .boxMedium .post-header-boxMediumOne .post-icon {
    position: relative;
}
.postBoxMedium img {
    max-width: 100%;
}
.postBoxMedium .boxMedium .post-header-boxMediumOne .post-icon div.icon {
    display: block;
    height: 72px;
    text-align: center;
    transition: color 300ms ease 0s;
    width: 100%;
}
.postBoxMedium .boxMedium .post-header-boxMediumOne .post-icon div.icon .CL-box-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.postBoxMedium .boxMedium .post-header-boxMediumOne .post-title ul {
    list-style: none;
}
.postBoxMedium .CL-box-read-more-link a {
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    min-height: 40px;
    min-width: 60px;
    max-width: 180px;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 5px 10px 5px;
    transition: all 300ms ease 0s;
}
span.link {
    width: 100%;
}
div.slika {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}
.postBoxMedium .CL-box-read-more-link a:hover {
    text-decoration: underline;
}
.postBoxMedium .boxMedium .post-body .link {
    height: 50px;
}
.postBoxMedium .boxMedium .post-body p {
    margin-bottom: 5px;
    margin-top: 0px;
    text-align: center;
    transition: color 300ms ease 0s;
}
.CL-box-default.CL-box-no-icon .postBoxMedium .boxMedium .post-header-boxMediumOne .post-icon span.icon {
    display: none;
}
.postBoxMedium ul {
    list-style-type: none;
}
article.postBoxMedium {
    border-bottom: 6px solid;
}
.postBoxMedium .slika {
    display: block;
}
.postBoxMedium .post-title h3, .postBoxMedium .post-title h4 {
    text-align: center!important
}
.postBoxMedium h3, .postBoxMedium h4 {
    text-align: center!important
}

/* POST_PICTURE_BOX */

.postPictureBox a {
    color: #000;
}
article.postPictureBox img {
    max-width: 100%;
}
.postPictureBox .CL-box-read-more-link a {
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    min-height: 40px;
    min-width: 60px;
    max-width: 180px;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 5px 10px 5px;
    transition: all 300ms ease 0s;
}
div#pictureItem:hover a {
    color: #fff!important;
}
div#pictureItem a:hover {
    text-decoration: underline;
}
.postPictureBox figure.media .CL-box-content-image-wrapper {
    width: 100%;
    display: block;
}
article.postPictureBox {
    overflow: hidden;
}
.CL-article-block .postPictureBoxPicture-float {
    display: block;
    float: right;
    width: 53%;
    margin-top: 10px;
    margin-right: 5px;
}
.CL-article-block-group .postPictureBoxPicture-float img {
    float: right
}
.CL-article-block-group .postPictureBoxContent-float {
    display: block;
    float: left;
    width: 45%;
    margin-top: 10px;
    margin-left: 5px;
}
.CL-article-block .postPictureBoxContent-float #pictureItem {
    margin-top: 45px;
    width: 100%;
}
.CL-article-block-group.CL-block-with-options .postPictureBoxPicture-float {
    display: block;
    float: none;
    width: 95%;
    margin: auto;
    margin-top: 10px
}
.CL-article-block-group.CL-block-with-options .postPictureBoxContent-float {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
}
.CL-article-block-group.CL-block-with-options .postPictureBoxContent-float #pictureItem {
    margin-top: 0px;
}
.Link {
    margin-top: 5px;
    display: block;
    width: 100%;
}
article.postPictureBox {
    display: block;
    width: 100%;
    background: none repeat scroll 0 0 #ECECEC;
    transition: all 400ms ease 0s;
    border-bottom: 6px solid;
    text-align: center
}

article.postPictureBox:hover {
    background: none repeat scroll 0 0 #3d3d3d;
    color: #fff;
}
.CL-article-block-group.CL-block-with-options .postPictureBox .post-title h3 {
    text-align: center!important
}
.CL-article-block-group.CL-block-with-options .postPictureBox .post-title h4 {
    text-align: center!important
}
.postPictureBoxContent-float #pictureItem h3, .postPictureBoxContent-float #pictureItem h4 {
    text-align: center!important
}
.postPictureBox .CL-box-read-more-link {
    padding-bottom: 10px;
    text-align: center!important
}
.CL-box-live-preview .postPictureBoxPicture-float .CL-box-content-image-wrapper img {
    width: 100%!important;
    height: auto!important;
}

/* POST_HORIZONTAL */

article.postHorizontalItem {
    border-left: 6px solid;
    background: none repeat scroll 0 0 #ECECEC;
    display: block;
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
}
.CL-article-block-group div.postHorizontalItem {
    width: 100%;
    margin: 0 auto;
    max-height: 170px;
}
.CL-article-block-group div.postHorizontalItem div.naslovi {
    width: 60%;
    float: left;
    padding: 50px 0;
}
.CL-article-block-group .postHorizontalItem-Link {
    float: right;
    width: 30%;
    max-height: 265px;
    text-align: center;
    padding: 50px 0;
    position: relative;
}
.CL-article-block-group .postHorizontalItem-Link .Link {
    height: 70px;
    width: 90%;
    margin: auto;
    position: relative;
    overflow: hidden;
    background: none repeat scroll 0 0 #3D3D3D!important;
}
.CL-article-block-group .CL-box-no-link .postHorizontalItem-Link .Link {
    height: 0;
}
.postHorizontalItem-Link .Link a {
    background: none!important;
    color: #ECECEC;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    width: 100%;
    text-align: center;
    transition: all 400ms ease 0s;
}
.postHorizontalItem-Link .CL-box-read-more-link a:hover {
    text-decoration: none;
}
.postHorizontalItem h3.CL-box-title {
    font-weight: bold;
}
.postHorizontalItem h4.CL-box-subtitle {
    font-weight: normal;
}
.CL-article-block-group.CL-block-with-options div.postHorizontalItem div.naslovi {
    float: left;
    padding: 50px 0;
    min-width: 97%;
    text-align: center;
}
.CL-article-block-group.CL-block-with-options .postHorizontalItem-Link {
    margin: 0 auto;
    display: block;
    min-height: 90px;
    padding: 0;
    text-align: center;
    min-width: 100%;
}
.twelve.columns .CL-article-block-group div.postHorizontalItem div.naslovi {
    width: 60%;
    float: left;
    padding: 50px 0;
}
.CL-article-block-group.CL-block-with-options .postHorizontalItem-Link {
    float: left;
    width: 40%;
    min-height: 90px;
    text-align: center;
    position: relative;
    top: 0;
    padding: 0
}
.CL-article-block-group .postHorizontalItem-Link {
    float: right;
    width: 40%;
    min-height: 190px;
    text-align: center;
    padding: 50px 0;
    position: relative;
    top: 0;
    /* CHECK this out, possible fix needed for 100px */
}
.postHorizontalItem .naslovi h4, .postHorizontalItem .naslovi h3 {
    text-align: right;
}
.CL-article-block-group.CL-block-with-options .postHorizontalItem .naslovi h4, .CL-article-block-group.CL-block-with-options .postHorizontalItem .naslovi h3 {
    text-align: center!important;
}
.CL-article-block-group .postHorizontalItem .naslovi h3, .CL-article-block-group .postHorizontalItem .naslovi h4 {
    text-align: right!important
}
.CL-box-live-preview .postHorizontalItem .naslovi h4, .CL-box-live-preview .postHorizontalItem .naslovi h3 {
    text-align: center;
    margin-bottom: 10px;
}
.CL-box-live-preview .postHorizontalItem-Link .Link {
    width: 70%;
    margin: 0 auto;
}
.CL-article-block article.postHorizontalItem {
    max-height: 170px;
}
.CL-article-block-group.CL-block-with-options .postHorizontalItem {
    max-height: 400px;
}

/* POST */

.CL-box-default.CL-box-no-icon .post-icon {
    display: none;
}
article.post .post-body {
    margin: 5px 10px;
}
article.post h4 {
    padding-top: 7px;
    text-align: left!important;
    margin-left: 4px;
}
article.post h3 {
    padding-top: 7px;
    text-align: left!important;
    margin-left: 4px;
}
.post-header {
    position: relative;
}
article.post .post-header .CL-box-icon {
    top: 20px;
    right: 10px;
}
article.post .post-title {
    margin: 5px;
}
article.post .post-body img {
    max-width: 100%;
}
article.post .CL-box-read-more-link {
    display: block;
    margin: 10px 0;
    padding-bottom: 10px;
}
article.post .CL-box-read-more-link a {
    padding: 7px 10px;
}
article.post {
    background: #ECECEC;
    transition: all 300ms ease 0s;
    border-bottom: 6px solid;
    display: inline-block
}
article.post:hover {
    color: white;
    background: #3d3d3d
}
article.post .CL-box-read-more-link a {
    min-width: 90px;
}
article.post .CL-box-read-more-link {
    text-align: left!important
}
.CL-box-live-preview .post .CL-box-icon {
    right: 35px;
    top: 49%;
}

/*------------------------------------*\
	$FIXES
\*------------------------------------*/


/* Standardno */

.highlight {
    width: 1230px;
}
.highlight-inner {
    width: 1170px;
    margin: 0 auto;
}

.CL-column.CL-position-right {
    margin-left: 10px;
}

/*custom*/

.CL-login-form #email, .CL-login-form #password {
    max-width: 300px;
    width: 100% !important;
    height: 30px;
}
input.btn_search {
    background: url("../img/widgets/search_btn.png") no-repeat center rgba(61,61,61,0.3);
    border: medium none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 40px;
    width: 40px;
    transition: background-color 300ms ease 0s;
}
.btn_search:hover {
    background-color: rgba(61,61,61,1);
}
.CL-box-default.CL-box-no-subtitle ul li {
    display: none
}
input.CL-search-text {
    width: 85%;
    margin-left: 2px;
    opacity: 0.7;
    transition: all 300ms ease 0s;
}
input.CL-search-text:focus {
    opacity: 1;
    background-color: #3D3D3D;
    color: #fff;
}
.CL-box-main-title {
    color: #3d3d3d;
    font-weight: 400
}
h4.CL-box-subtitle.CL-inplace-title-edit {
    font-weight: normal;
}
.CL-box-default.CL-box-no-subtitle .CL-box-subtitle {
    display: none;
}

/*neccesary for required mark in input boxes*/


.CL-search-result-submit {
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    margin: 0 -1px 3px 0;
    padding: 10px 25px;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
}
.CL-vote-submit.button {
    margin-top: 5px!important
}
.CL-portlet.CL-portlet-trail .CL-box-main-content {
    margin-bottom: 5px
}

.CL-portlet.CL-portlet-top.CL-portlet-menu .CL-box-main-content {
    margin-bottom: 0;
}
.CL-search-result-toolbar {
    width: auto;
	border: none;
}
.CL-search-result-text {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.CL-search-result-item, .CL-search-result-item a {
	width: auto;
	height: auto;
}

.CL-search-result-group {
	max-width: 100%;
}
.seventeen.columns .CL-box-main-content {
    margin-bottom: 20px;
}
.CL-box-default img {
    max-width: 100%;
}
.CL-box-default ul {
    list-style-type: none
}
.CL-box-default {
    text-align: justify
}
.CL-box-default .CL-box-read-more-link {
    text-align: left
}
.CL-box-container h4 {
    padding-top: 7px;
    text-align: left!important;
    margin-left: 4px;
}
.CL-box-container h3 {
    padding-top: 7px;
    text-align: left!important;
    margin-left: 4px;
}
.CL-box-container .CL-box-icon {
    top: 10px;
    right: 4px;
}
.CL-box-container .CL-box-header {
    margin: 5px;
}
.CL-box-container .CL-box-content {
    margin: 7px;
}
.CL-box-container .CL-box-content img {
    max-width: 100%;
}
.CL-box-container .CL-box-read-more-link {
    display: block;
    margin: 10px 0;
    padding-bottom: 10px;
}
.CL-box-container .CL-box-read-more-link a {
    padding: 7px 10px;
}
.CL-box-container {
    background: #ECECEC;
    transition: all 300ms ease 0s;
    border-bottom: 6px solid;
    overflow: hidden
}
.CL-box-container:hover {
    background: #3d3d3d;
    color: white;
}
.CL-box-default .CL-box-read-more-link a {
    min-width: 80px;
}
.CL-box-read-more-link:hover a {
    text-decoration: none!important
}
.content-wrapper .CL-title-part h1, .content-wrapper .CL-title-part h2, .content-wrapper .CL-title-part h3, .content-wrapper .CL-title-part h4, .content-wrapper .CL-title-part h5, .content-wrapper .CL-title-part h6 {
    text-align: left!important
}
.CL-box-default .CL-box-read-more-link a {
    overflow: hidden;
    padding: 7px 5px
}
.CL-main-info-message h3 {
    text-align: center!important
}
.CL-box-live-preview {
    overflow: auto
}
.main-wrap .CL-form-item span.required {
    bottom: 0;
    left: 0;
    position: relative;
    margin: 0;
}
.CL-form-item.CL-contact-form-item {
    display: inline-block;
    width: 100%;
}
.CL-contact-form .CL-contact-form-item {
	margin-bottom: 10px;
}
.CL-form-item.CL-contact-form-item .text-input-required, .CL-form-item.CL-contact-form-item .text-input-required {
    width: 100%;
    max-width: 100%
}
.CL-contact-form {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.CL-contact-form-item input {
	width: 100%;
}

.CL-form-item.CL-contact-form-item textarea {
   width: 100%;
}
.CL-inplace-title-edit-text.CL-active-title-inplace {
    background: white!important
}

/* addded */

.CL-article-text-item ul, .CL-article-text-item ol {
    list-style-position: inside;
}
.CL-video-container {
    max-width: 100%
}
.CL-box-content-image-wrapper {
    max-width: 100%;
}
.CL-article-text-item ul, .CL-article-text-item ol {
    list-style-position: inside;
}
.CL-upload-file-link-text {
    color: white;
    line-height: 28px;
    padding: 0 15px 0 12px;
    display: inline;
    text-overflow: ellipsis;
}