@charset "utf-8";
/* CSS Document */

body { font-family: 'Open Sans', sans-serif; color:#1e283a; font-weight:400; font-size:13px; background-color:#fff;}

a { color:#be1e2d; font-weight:800 }
a:hover, a:focus {text-decoration:none;outline:none; color:#141a26}

h1,h2,h3,h4,h5,h6 { font-weight:800; color:#141a26 }
h1 { font-size:30px }
h2 { font-size:24px }
h3 { font-size:20px }
h4,h5,h6 { font-size:18px; }
h1.title { text-transform:uppercase; background-image:url(../images/marker.png); background-repeat:no-repeat; background-position: bottom left; background-size:90px 3px; padding-bottom:15px; margin-bottom:15px }
h2.title { font-size:20px }
h2.info_title { margin-bottom:20px; margin-top:30px}
h1.title span { display:block; font-weight:400; font-size:12px; color:#1e283a }

.redMarker {background-image:url(../images/marker-red.png) !important; background-repeat:no-repeat; background-position: bottom left; background-size:90px 3px; padding-bottom:15px; margin-bottom:15px}
.grayMarker {background-image:url(../images/marker.png) !important; background-repeat:no-repeat; background-position: bottom left; background-size:90px 3px; padding-bottom:15px; margin-bottom:15px}

a.button { display:inline-block !important; margin:10px 0px; padding:8px 25px; color:#fff; background-color:#be1e2d; font-size:16px }
a.button:hover { background-color:#1e283a }
p.note { font-size:11px; margin-bottom:25px; }


/* Layout */
header { padding:0px 0px; position:relative }
.p_fix { padding:0px; }
a.logo { display:block; width:150px; height:35px; background-image:url(../images/cen-logo.png); background-repeat:no-repeat; background-position:center; margin-top:8px; margin-left:-10px }

.wide { display:block; padding:20px 0px; color:#fff}
.wide h1 {color:#fff}
.bg { background-repeat:no-repeat; background-position:center; background-size:cover}
.image_croeu { background-image:url(../images/cro-bg.jpg); }

/* Menu */
ul.menu_main { list-style:none; padding:0px; margin:0px; margin-top:5px }
ul.menu_main li { display:inline-block; }
ul.menu_main li a { padding:5px 15px; margin:0px 10px; font-size:14px; color:#141a26; }
ul.menu_main li a.active {background-color:#be1e2d; color:#fff }
ul.menu_main li a.active:hover { color:#fff }
ul.menu_main li a:hover {color:#be1e2d; }

/* Responsive menu */
a.rButton { display:block; width:50px; height:50px; background-color:#be1e2d; background-image:url(../images/ico-menu.png); background-repeat:no-repeat; background-position:center; margin-right:-15px; }
a.rButton:hover, a.rButton.active { background-color:#141a26}
.rOptions { background-color:#be1e2d; padding:10px; color:#fff; display:none; position:absolute; left:0px; right:0px; z-index:5000}

ul.responsive_menu { margin:0px; padding:0px; list-style:none }
ul.responsive_menu li { display:block }
ul.responsive_menu li a { display:block; color:#fff; padding:12px 10px; text-align:center; border-bottom:1px solid #a61927; font-size:16px }
ul.responsive_menu li a:hover { background-color:#a61927; }
ul.responsive_menu li:last-child a { border-bottom:0px }

/* Rotator */
.rotator_wrapp { /* background-image:url(../images/export-rotator-1.jpg);*/ background-repeat:no-repeat; background-position:center; }
#slider { width:100%}
.royalSlider { height:450px; }
.infoBlock h1 { color:#fff; font-size:28px }
.infoBlock p { color:#fff; font-size:13px; }

.rText { margin-top:80px; }
.image_wrap { display:block; width:100%; text-align:right }
.r_image { display:none; width:100%; }

.royalSlider > .rsContent {visibility: hidden; }

/* Page top */
.page_top { display:block; height:150px;}

/* Search */
.search_bar { background-color:#a61927; color:#fff}
.search_bar form { background-color:#be1e2d; color:#fff; padding:15px;}
.search_bar form .form-control { font-size:18px; height:39px; margin-bottom:15px; }
form.search .btn { display:block; width:100%; background-color:#a61927; border-color:#a61927; color:#fff; font-weight:800; text-transform:uppercase;font-size:18px }
form.search .btn:hover { background-color:#7e141f; border-color:#7e141f }

/* Kategorije */
ul.kategorije_btns { list-style:none; padding:0px; margin:0px }
ul.kategorije_btns li { margin:10px 0px; }
ul.kategorije_btns li a { background-color:#e1e2e4; display:block; padding:20px 20px; text-align:center; text-transform:uppercase }

ul.list_kategorije { list-style:none; padding:0px; margin:0px }
ul.list_kategorije li { display:block }
ul.list_kategorije li a { display:block; padding:8px 0px; text-transform:uppercase;color:#1e283a; border-bottom:1px solid #e1e2e4 }
ul.list_kategorije li a:hover, ul.list_kategorije li a.active {color:#be1e2d;}

/* News */
ul.news_list { margin:0px; padding:0px; list-style:none; }
ul.news_list li { margin-bottom:20px; }
ul.news_list li a { display:block }
ul.news_list li a img { width:100%; }

/* Article */
article { margin-bottom:30px }
span.feature { color:#9aa1ac;}
p.highlight { font-size:18px; }
.article_img { width:100%; display:block; margin-bottom:25px; }

/* Related */
ul.related { list-style:none; margin:0px; padding:0px }
ul.related li { display:block }
ul.related li a { display:block; padding:8px 0px;border-bottom:1px solid #e1e2e4;color:#141a26; padding-left:20px; background-image:url(../images/bullet-red.png); background-repeat:no-repeat; background-position:left top 15px}
ul.related li a:hover, ul.related li a.active, ul.related li.active a {color:#be1e2d; background-image:url(../images/bullet-dark.png); }

/* List */
ul.company_list { list-style:none; padding:0px; margin:25px 0px; border-top:3px solid #e1e2e4; border-bottom:3px solid #e1e2e4;}
ul.company_list li { display:block; margin:5px 0px }
ul.company_list li a { display:block; padding:5px 0px; color:#141a26; font-size:18px; text-transform:uppercase; border-bottom:1px solid #e1e2e4 }
ul.company_list li a span { display:block; text-transform:none; font-weight:400; font-size:12px; color:#1e283a  }
ul.company_list li a:hover {color:#be1e2d;}
ul.company_list li:last-child { margin-bottom:0px }

/* News */
ul.news { margin:0px; padding:0px; list-style:none }
ul.news li {  }

/* Paginacija */
ul.paginacija { list-style:none; padding:0px; margin:0px; margin-bottom:25px; display:block; text-align:center }
ul.paginacija li { display:inline-block; margin:0px 4px;}
ul.paginacija li a { display:block; padding:8px 12px;background-color:#e1e2e4; color:#141a26}
ul.paginacija li a:hover { color:#be1e2d }
ul.paginacija li a.active { background-color:#be1e2d; color:#fff }

/* Prev Next */
ul.prevnext { list-style:none; padding:0px; margin:0px 0px 25px 0px; overflow:hidden }
ul.prevnext li { float:left; width:50%; }
ul.prevnext li a { display:block; background-color:#e1e2e4; padding:20px; font-size:12px; color:#141a26; text-transform:uppercase; background-repeat:no-repeat; -webkit-tap-highlight-color: rgba(190,30,45,75); }
ul.prevnext li a:hover { color:#fff; background-color:#be1e2d }
ul.prevnext li a.cPrev { margin-right:8px;text-align:right; background-image:url(../images/arrow-white-left.png); background-position:left center; padding-left:40px }
ul.prevnext li a.cNext { margin-left:8px; text-align:left; background-image:url(../images/arrow-white-right.png); background-position:right center; padding-right:40px }

/* map */
.map { width:100%; }

/* Footer */
.f_text {display:block; text-align:center}
a.logo_footer { display:inline-block;width:185px; height:115px; background-repeat:no-repeat; background-position:center; background-image:url(../images/logo-footer.png); } 
footer { background-color:#1e283a; color:#fff; padding:20px 0px }
footer p { color:#656d7c }
footer h1.f_title { color:#bec6d5; margin-top:5px; font-size:20px; text-transform:uppercase }

/* Forms */
footer { border-bottom:10px solid #131823 }
.frm_newsletter { display:block; text-align:center }
.btn { background-color:#be1e2d; border-color:#be1e2d; color:#fff; font-weight:800 }
.btn:hover { background-color:#1e283a; border-color:#1e283a; color:#fff }

.frm_request { display:block; margin:25px 0px;border-top:3px solid #e1e2e4; border-bottom:3px solid #e1e2e4; }
.frm_request span {font-weight:400; font-size:12px; color:#1e283a }

footer .form-control { background-color:#131823; border-color:#131823; color:#656d7c }
footer .btn {background-color:#090c11; border-color:#090c11;}
footer .btn:hover { background-color:#be1e2d; border-color:#be1e2d }
footer .form-control input[placeholder], footer .form-control [placeholder], footer .form-control *[placeholder] {color: #656d7c;}

/* Footer menu */
ul.footer_menu { list-style:none; padding:0px; margin:0px; text-align:center; margin-top:15px; display:block }
ul.footer_menu li { display:inline-block; }
ul.footer_menu li a { display:block; padding:10px 10px; color:#656d7c; font-size:11px}
ul.footer_menu li a:hover, ul.footer_menu li a.active { color:#bec6d5; }
.credits { display:block; text-align:center; padding:15px 0px; font-size:11px; color:#656d7c }
.credits a { color:#bec6d5;}
.credits a:hover { color:#be1e2d }

label.error { color:rgba(223, 70, 70, 0.8);}


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}


@media (min-width:321px){
	
}

@media (min-width: 479px){
	/*ul.kategorije_btns li { float:left; width:50%; }
	ul.kategorije_btns li:nth-child(odd) {clear:both }
	ul.kategorije_btns li:nth-child(odd) a { margin-right:7px; }
	ul.kategorije_btns li:nth-child(even) a { margin-left:7px; }*/
	
	ul.news_list li { float:left; width:50%; }
	ul.news_list li div { padding:5px; }
	ul.news_list li:nth-child(2n+1){clear:left}	
	
	.rText { margin-top:130px; }
}

@media (min-width: 768px) {
	/* Layout */
	header { padding:20px 0px }
	a.logo { margin-top:0px; margin-left:0px}
	
	.p_fix { padding:0px; }
	.search_bar form .form-control { margin-bottom:0px; }
	
	.f_text {text-align:left}	
		
	/* Forms */
	.frm_newsletter { text-align:left }
	/* Footer menu */
	ul.footer_menu { text-align:right; margin-top:0px}
	.credits { text-align:right}
	
	.infoBlock h1 { font-size:36px; margin-bottom:35px }
	.infoBlock p { font-size:16px; }
	.rText { margin-top:100px; }
	
}

@media (min-width: 992px) {
	ul.news_list li { float:left; width:33.33%; }
	ul.news_list li:nth-child(2n+1){clear:none}
	ul.news_list li:nth-child(3n+1){clear:left}
	ul.news_list li div { padding:5px; }	
	
	.r_image { width:400px; display:block; }
	
}


@media (min-width: 1200px) {
	
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	a.logo_footer {background-image:url(../images/logo-footer-retina.png); background-size:185px 115px; } 
	a.rButton { background-image:url(../images/ico-menu-retina.png); background-size:50px 50px; }
	a.logo { background-image:url(../images/cen-logo-retina.png); background-size:150px 35px;}
	ul.related li a { background-image:url(../images/bullet-red-retina.png);  background-size:8px 8px;}
	ul.related li a:hover {background-image:url(../images/bullet-dark-retina.png); background-size:8px 8px;}
	
}

form * { -webkit-border-radius:0px !important; -moz-border-radius: 0px !important; border-radius:0px !important; box-shadow:none;}

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, .uneditable-input:focus, .poruka_input:focus, .form-control:focus, input[select] {   
border-color: rgba(223, 70, 70, 0.8); /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/ outline: 0 none;}
input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important;}