@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,300&subset=latin,latin-ext);

body {}

body, input, select, textarea { font-family:"Open Sans", Arial; font-size:14px;}


/* DEFAULT STYLING */
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#cb1940;}
h1 { font-size:36px;}
h2 { font-size:28px;}
h3 { font-size:24px;}
h4 { font-size:18px;}
h5, h6 { font-size:16px;}
a { text-decoration:none; color:#cb1940;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;}
a:hover
{
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
color:#262626;
}
p { margin:10px 0px;}


/* LAYOUT */
header { background-color:#4e1212; height:150px; background-image:url(images/header.jpg); background-repeat:no-repeat; background-position:bottom center; background-repeat:no-repeat;}
footer { height:125px;}
.home header { height: 500px;}
.home .logo-menu { height:143px;}

.content { width:960px; margin:auto; position:relative;}
.dark { background:#2b2b2b !important;}

.main { width:650px; float:left;}
aside { width:300px; float:right;}


/* ELEMENTS */


.lijevo { float:left;}
.desno { float:right;}
.content_padder { padding:40px 0px;}
.content_padder_bottom { padding: 0px 0px 40px 0px;}
.notext { text-indent:-9999px;}
.rounded { border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;}
.logo { width: 200px; height:71px; background:url(images/logo-200.png) no-repeat; position:absolute; left:-80px; top:45px;}
.footer_logo { width:160px; height:63px; background:url(images/logo_invert.png) center no-repeat;position:absolute; left:-35px; top:0px;}
.crta { background-image:url(images/crta.png); height:27px; }
.crta_lijevo { height:34px; line-height:34px; vertical-align:middle; background:url(images/crta_lijevo.png) left center repeat-x;}
.crta_desno { height:34px; line-height:34px; vertical-align:middle; background:url(images/crta_desno.png) right center repeat-x;}
.crta_lijevo.manja {  background:url(images/crta_lijevo_manja.png) left center repeat-x;  }
.crta_desno.manja {  background:url(images/crta_desno_manja.png) right center repeat-x; }
.fade {
-webkit-transition: color 0.5s linear;
-moz-transition: color 0.5s linear;
-ms-transition: color 0.5s linear;
-o-transition: color 0.5s linear;
transition: color 0.5s linear;}

.maps_wide { border-top:3px solid #d4d2d2;border-bottom:3px solid #d4d2d2;}

/* MAIN MENU */
#main_menu { list-style:none; padding:0; margin:0; float:right; margin-top:58px;}
#main_menu * { list-style:none; padding:0; margin:0; }
#main_menu li { float:left; position:relative;}
#main_menu li a { height:24px; line-height:24px; padding: 8px 10px; margin:0px 2px; color:#FFF; text-decoration:none; font-size:13px; text-transform:uppercase;}
#main_menu > li > a { border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;}
#main_menu li a:hover { color:#fec7c7;}
#main_menu li a.active { background-color:#2b2b2b}

#main_menu ul {position:absolute; left:5px; display:none; top:40px;}
#main_menu ul li { width:240px; padding:0; margin:0;}
#main_menu ul li a { display:block; margin:0; background-color:#2b2b2b;}
#main_menu ul li:first-child a {-webkit-border-radius: 13px 13px 0 0; border-radius: 13px 13px 0 0;}
#main_menu ul li:last-child a {-webkit-border-radius: 0px 0px 13px 13px; border-radius: 0px 0px 13px 13px;}
#main_menu ul li a:hover { background-color:#df5f5f; color:#2b2b2b}
#main_menu ul ul { left:240px; top:0px}


/* BULLETS */

.bullet { width:14px; height:14px; background-repeat:no-repeat; line-height:14px; vertical-align:middle; }
.crta_lijevo .bullet, .crta_desno .bullet { margin:10px 0px;}
.bullet_green { background-image:url(images/bullet_green.png);}
.bullet_grey { background-image:url(images/bullet_grey.png);}
.bullet_pink { background-image:url(images/bullet_pink.png);}

/* BOX */
.box { margin-bottom:20px;}
.morebox { margin:30px 0px;}
h2.title { border-radius:17px; -webkit-border-radius:17px; display:inline; font-size:20px; line-height:20px; vertical-align:middle; padding:7px 35px; background-color:#b0cb2d; color:#FFF; text-transform:uppercase; font-weight:normal;}
h3.title, a.read_more { border-radius:12px; -webkit-border-radius:12px; display:inline; font-size:12px; line-height:12px; margin:5px 0px; vertical-align:middle; padding:5px 35px; background-color:#cb1940; color:#FFF; text-transform:uppercase; font-weight:normal;}
a.read_more:hover {background:#2b2b2b;}
.contentbox { padding:20px;}



/* ROTATOR */
.rotator { text-transform:uppercase;}
.rotator p { text-transform:none;}
.rotator h1 { font-size:36px; text-transform:uppercase;}
.rotator .rotator-link { float:right; display:block; margin-top:20px; border-radius: 13px; -webkit-border-radius:13px; font-size:14px; background-color:#b0cb2d; padding:11px 16px; color:#FFF; text-decoration:none; text-transform:uppercase;}
.rotator .rotator-link:hover { background-color:#2b2b2b;}
.br-prev-button, .br-prev-button:hover {border:none; background:none; background: url(images/prev_w.png) center no-repeat; }
.br-next-button, .br-next-button:hover {border:none; background:none; background: url(images/next_w.png) center no-repeat; }
.br-prev-button:hover, .br-next-button:hover {}
.rotator .br-cpanel-wrapper { bottom:10px !important;}

/* NEWS LIST */

ul.lista { padding:0; margin:20px 0px; list-style:none;}
ul.lista li { display:block; min-height:120px;}
ul.lista li a { display:block;}
ul.lista li img { float:left; margin-right:10px; margin-bottom:10px;border:3px solid #d4d2d2; max-height:115px;}
ul.lista li a span.date, span.date { display:block; font-size:11px; color:#CCC;}
ul.lista li a h2, ul.lista li a h3 { font-weight:normal; text-transform:uppercase; font-size:18px; color:#262626; padding:0px 5px;}
ul.lista li a:hover h2, ul.lista li a:hover h3 { color:#cb1940}
ul.lista li a:hover img { border-color:#bbbbbb;}
ul.lista li a p { margin:5px 0px;color:#8b8b8b;}

ul.related { padding:0; margin:20px; list-style:none;}
ul.related li { padding-left:25px; background-image:url(images/bullet_grey.png); background-position:0px 4px; background-repeat:no-repeat;}
ul.related li a { display:block; border-bottom:1px solid #CCC; padding-bottom:8px; margin-bottom:8px; color:#8b8b8b}
ul.related li:last-child a { border:none;}
ul.related li:hover, ul.related li.active { background-image:url(images/bullet_pink.png);}
ul.related li:hover a, ul.related li.active a, ul.related li a.active { color:#cb1940}

nav.pagination { text-align:center; padding:20px 0px;}
ul.pagination li { display:inline; padding:0; margin:0;}
ul.pagination li a { background:#cb1940; color:#FFF; margin:0; padding:4px 12px; height:14px; line-height:14px; vertical-align:middle; }
ul.pagination li a.active { background-color:#d2d2d2; color:#333;}
ul.pagination li:first-child a {
 -webkit-border-top-left-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-topleft: 14px;
-moz-border-radius-bottomleft: 14px;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;}
ul.pagination li:last-child a {
-webkit-border-top-right-radius: 14px;
-webkit-border-bottom-right-radius: 14px;
-moz-border-radius-topright: 14px;
-moz-border-radius-bottomright: 14px;
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;}

/* NEWS */

.big-image img {border:3px solid #d4d2d2;}
article h1.title { margin:10px 0px;}

article table td { padding:5px; border:1px solid #CCC; text-align:left;}
article table thead th, article table thead td, article table tfoot td, article table td.highlighted { background-color:#e4e4e4; color: #262626}
article table.blank td { border:none;}

article blockquote p { border-left:5px solid #cb1940; font-style:italic; margin-left:20px; padding:15px 30px; }

article > ul { margin:10px 0px;}
article ul { margin-left:10px;}
article ul li { padding-left:20px; background-image:url(images/bullet_pink.png); background-position:0px 4px; background-repeat:no-repeat; margin:2px 0px;}
article ul ul { margin:4px 0px 4px 20px;}
article ul ul li {background-image:url(images/bullet_grey.png);}

article h1, article h2, article h3, article h4, article h5, article h6 { margin:10px 0px;}
article h2.title.lijevo { margin:0;}

/* IZDVOJENO */
.izdvojeno { height:262px; background: url(images/izdvojeno.png) no-repeat center bottom; color:#9a9a9a;}
.izdvojeno h1, .izdvojeno h2, .izdvojeno h3 { color:#b0cb2d;}
.izdvojeno .main { height:262px; background-repeat:no-repeat; background-position:top left; }
.izdvojeno .contentbox { padding:10px;}
.izdvojeno .main .contentbox { padding-left:282px;}
.izdvojeno .main p { font-size:13px;}
.izdvojeno .main p b, .izdvojeno .main p strong { font-weight:normal; color:#b0cb2d;}

.tim_scrollable_nav { margin-bottom:20px;}
.tim_scrollable { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #464646; height:34px; line-height:34px; vertical-align:middle;}
.tim_prev, .tim_next { float:left; width:24px; height:34px; color:#FFF; cursor:pointer; display:block;}
.tim_prev { background:url(images/prev_w.png) no-repeat center;}
.tim_prev:hover { background:url(images/prev_g.png) no-repeat center;}
.tim_next { background:url(images/next_w.png) no-repeat center;}
.tim_next:hover { background:url(images/next_g.png) no-repeat center;}

#tim_scroll > div { margin:5px 0px; line-height:18px; vertical-align:middle;}
#tim_scroll .tim_thumb img { height: 74px;}
#tim_scroll .tim_thumb { height: 74px; width:74px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden; border:3px solid #FFF;}
#tim_scroll h3 { font-size:16px; line-height:18px; vertical-align: middle; text-transform:uppercase;}
#tim_scroll a p { color:#9a9a9a; font-size:13px;}
#tim_scroll a:hover p { color:#FFF;}
#tim_scroll a:hover .tim_thumb {border:3px solid #9a9a9a;}


/* SCROLLABLE*/

.home .scrollable .item { width:220px; height:210px; margin:30px 10px 30px 10px;}
.scrollable_nav { height:34px; line-height:34px; vertical-align:middle;}
.scrollable_next, .scrollable_prev { float:left; width:32px; height:34px; color:#FFF; cursor:pointer; display:block;}
.scrollable_prev { background:url(images/prev_w.png) no-repeat center #cb1940;
 -webkit-border-top-left-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius-topleft: 17px;
-moz-border-radius-bottomleft: 17px;
border-top-left-radius: 17px;
border-bottom-left-radius: 17px;}
.scrollable_next { background:url(images/next_w.png) no-repeat center #cb1940;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-right-radius: 17px;
-moz-border-radius-topright: 17px;
-moz-border-radius-bottomright: 17px;
border-top-right-radius: 17px;
border-bottom-right-radius: 17px;}

.gallery_scrollable .item { margin:30px 5px 0 5px;}
.gallery_scrollable .item img { margin-bottom:0px;}

.scrollable a { display:block;}
.scrollable h2 { font-weight:normal; text-transform:uppercase; font-size:18px; color:#262626; padding:0px 5px;}
.scrollable img { border:3px solid #d4d2d2; margin-bottom:15px;}
.scrollable p { color:#8b8b8b; padding:0px 5px;}
.scrollable a:hover h2 { color:#cb1940}
.scrollable a:hover img { border-color:#bbbbbb;}

/* REFERENCE */
.swiper {padding:0px 35px; position:relative; margin-bottom:15px;}
.swiper a.nav, .gallery_wrapp a.nav { position:absolute; width:30px; height:42px; background-repeat:no-repeat; }

.reference .owl-wrapper-outer {height:80px}
.reference .owl-item {text-align:center}
.reference .owl-item a img {clear:both}
.reference .referenca, .reference .referenca img, .reference .owl-item div, .reference .owl-item div img { line-height:80px; vertical-align:middle;}

.nav_btns {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);text-indent:-9999px !important; font-size:10px;}
.nav_btns span {display:block; texxt-indent:-9999px}
.r_lijevo, .r_desno {top:20px;}
.r_lijevo { background-image:url(images/reference-nav.gif); background-position:0px 0px; left:0px;}
.r_desno {background-image:url(images/reference-nav.gif); background-position:-30px 0px; right:0px;}
.r_lijevo:hover { background-position:0px -42px;}
.r_desno:hover {background-position:-30px -42px;}


/* FOOTER */

a.top { position:absolute; left:50%; top:0px; margin-left:-17px; margin-top:-17px; width:34px; height:34px; display:block; background:url(images/top.png) no-repeat center; float:left; cursor:pointer;}
.footer-menu { float:right; margin-top:25px; margin-bottom:40px;}
.footer-menu a { color:#6d6d6d; padding:0 8px 0 15px; text-transform:uppercase;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;}
.footer-menu a.active, .footer-menu a:hover { color:#FFF;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;}

.footer-copy { float: right; clear:both; color:#6d6d6d; font-size:11px;}

.footer-kontakt { float:left; font-size:10px; color:#6d6d6d; position:absolute; top:60px; left:10px;}
.footer-kontakt b { font-size:12px; font-weight:normal; color:#FFF;}
.footer-kontakt p { margin-top:0px;}


/* KONTAKT */

.col-2 { width:50%; float:left;}
.kontakt  label { display:block;}
.kontakt .field { background-color:#e9e5dc; -webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px; margin:5px 0px; width:300px; border:0; outline:none; padding:8px 5px;}
label.error { color:#cb1940}
input.btn_send {-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px; background-color:#cb1940; color:#FFF; cursor:pointer; padding:8px 15px; border:0;}


/* TAGS */

ul.tags { padding:0; margin:0; list-style:none;}
ul.tags li { background:none; padding:0; margin:0; display:inline;}
ul.tags li a { border:1px solid #cb1940; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#cb1940; color:#FFF; text-transform:uppercase; font-size:11px; padding:2px 5px; margin-bottom:5px; margin-right:5px; display:inline-block;}
ul.tags li a:hover { color:#CCC;}