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

body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#717171; font-weight:400; background-color:#ffffff}

a { text-decoration:none; color:#a62139;}
a:hover {text-decoration:underline}
p {line-height:18px; padding:5px 0px;}
img {display:block}

h1,h2,h3,h4,h5,h6 { font-size:36px; line-height:36px; margin-bottom:15px; font-weight:300; font-style:normal}
h2 { font-size:24px; line-height:24px; font-weight:300}
h3 { font-size:20px; line-height:20px;font-weight:400 }
h4,h5,h6 { font-size:18px; line-height:18px; font-weight:400}
h1.title { margin-bottom:25px }
h2.title { margin-bottom:10px }
article h1,h2,h3,h4,h5,h6 { margin-top:15px}
article h2 {font-weight:400}

/* Help */
.left {float:left}
.right {float:right}
.round, ul.main_menu li a.active {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.roundl {-webkit-border-radius: 3px 0px 0px 3px;-moz-border-radius: 3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;}
.roundr {-webkit-border-radius: 0px 3px 3px 0px;-moz-border-radius: 0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;}

/* Layout */
header, .site_wrapp, .login_wrapp {margin:auto; width:1000px;}
header {margin-top:70px; margin-bottom:25px}
footer { background:#401f1f; padding-bottom:35px}
.column {width:585px; padding-right:40px; margin-top:70px; position:relative}
aside {width:335px; padding-left:40px; margin-top:70px;}
.boxleft {width:585px; padding-right:40px; position:relative}
.boxright {width:335px; padding-left:40px; position:relative}
.box {display:block; position:relative;}
.wide_theme { background:#a62139; display:block; padding:35px 0px; color:#ffffff}
.wide_theme h2 { font-size:30px; font-weight:300}
.wide_theme h3 { font-size:16px; margin:0;}
.wide { padding:50px 0px; background:url(images/wide-grad.jpg) no-repeat top center;}
.login_bar { background-color:#a62139; color:#ffffff; padding:20px 0px; position:absolute; left:0; top:-65px; right:0; height:30px}
.login_wrapp { position:relative;}

/* Elements */
.rotator {display:block; height:430px; background:#efefef;}
.map {display:block; height:300px; background:#efefef;}
.page_image {display:block; height:150px; background:#efefef;}
.br-ext-bg { background:#ffffff !important}
.br-curr {background-color:#a62139 !important}
.br-thumbnails {right:20px !important; top:0}
.br-bullet:hover {background-color:#666 !important}
.br-cpanel {width:990px !important;}
.br-prev-button {left:25px !important; border:0px; background:none}
.br-next-button { left:55px; border:0px;background:none}
.br-bar-timer { background-color:#a62139 }
.caption { padding:15px; background-image:url(images/caption-back.png); left:130px; right:130px; bottom:0px;}
.caption { text-transform:uppercase }
.caption h1 {font-size:28px; margin-bottom:0px}

a.site_logo {width:285px; height:90px; background:#ffffff url(images/vartop-logo.gif) no-repeat top left; text-indent:-9999px;}
nav.menu_holder {width:715px;}
small.date { font-size:12px; color:#CCC; display:block; padding-bottom:3px;}

.nabava_slide {width:335px; height:120px; overflow:hidden; position:relative; margin-top:35px}
.nabava_items { position:absolute; width:20000em;}
.nabava_item {float:left; width:270px; position:relative; padding-left:65px}
.nabava_slide a {color:#ffffff; text-decoration:none}
.nabava_slide a p {color:#dba6b0; font-size:13px}
.nabava_slide a:hover p {color:#ffffff}
.n_date { background:#732229; padding:5px 10px; font-size:22px; line-height:25px; width:30px;text-align:center; position:absolute; left:0; top:3px; font-weight:400;}
.n_date span.n1, .n_date span.n2{display:block; }
.n_date span.n1 {font-size:14px; text-transform:uppercase; line-height:16px;}
.n_date span.n2 {font-size:10px; line-height:13px;}

.n_arrows {position:absolute; top:175px; left:30; width:50px;}
.n_arrowl, .n_arrowr {width:25px; height:25px; background-image:url(images/arrows-red.gif); background-repeat:no-repeat; text-indent:-9999px;}
.n_arrowl { background-position:0px 0px; }
.n_arrowr { background-position:-25px 0px; }
.n_arrowl:hover { background-position:0px -25px; }
.n_arrowr:hover { background-position:-25px -25px; }

.flag { width:37px; height:33px; background:url(images/image-flag.png) no-repeat top left; position:absolute; left:10px; top:3px; }

.list_date { background:#732229; padding:5px 10px; font-size:30px; margin-right:15px; position:absolute; left:0; font-weight:400;color:#fff} /* background:#a3a64e */
.list_date div {float:right; font-size:13px; text-transform:uppercase; padding-top:8px; text-align:center; margin-left:5px;}
.list_date div span {display:block; font-size:10px; line-height:10px; text-align:center; }

.support {display:block; text-align:center;}
.support h1 {font-size:48px}
.support span { font-size:36px; font-weight:bold }
.support p { width:60%; margin:auto;}
.box .support_br {font-size:36px; line-height:54px; vertical-align:middle; font-weight:bold; display:block; background-image:url(images/icon-phone.jpg); background-repeat:no-repeat; background-position:left 50%; padding-left:45px}
.box_support { margin-bottom:35px }
.wide .support_br { line-height:54px; vertical-align:middle;}

.footer_about {width:215px; background-color:#732229; color:#e4a1a1; text-align:center; font-size:12px;}
.footer_about span, .footer_about a {color:#ffffff}
.credits {display:block; font-size:12px; margin-top:10px;color:#796262;}
.credits a {color:#ffffff}

.ico_files {width:37px; height:18px; background:url(images/icon-files.png) no-repeat top left; position:absolute; left:0; padding-top:33px; padding-left:5px; color:#fff; text-transform:uppercase; font-size:10px}

a.btn-more { background-color:#a62139; text-transform:uppercase; text-align:center; padding:10px 25px; color:#ffffff; text-decoration:none; margin:15px 0px}
a.btn-all {width:35px; height:35px; position:absolute; top:3px; right:0px; background-image:url(images/icon-all.png); background-repeat:no-repeat; background-position:0px0px; text-indent:-9999px}
a.btn-all:hover { background-position:0px -35px; background-color:#a3a64e }
a.btn_users {background-color:#a62139; color:#ffffff; position:absolute; right:0px; bottom:-55px; line-height:35px; padding:10px 25px 0px 25px; text-decoration:none; font-size:12px; text-transform:uppercase}

article { margin-bottom:55px}
/*
article ul {margin:35px 0px; border-left:3px solid #a3a64e; padding:0px 25px}
article ul li {display:block; padding:2px 0px}
*/
article ul {margin:35px 0px;}
article ul li {display:block; padding:2px 0px; background-image:url(images/arrow-ul.gif); background-position:top left; background-repeat:no-repeat; padding-left:25px}
article ul ul { margin:3px 15px;}


article i { font-weight:300; color:#a62139}
article blockquote {display:block; padding-left:55px; margin:15px 0px; background-image:url(images/blockquote.gif); background-repeat:no-repeat; background-position:top left; font-weight:300; font-style:italic}
article img {margin:0px 15px 15px 0px; float:left}
article table {width:585px; margin:35px 0px;}
article table thead tr { background-color:#a3a64e; color:#fff; text-transform:uppercase;}
article table tr { border-bottom:1px dotted #cfcfcf}
article table tr td { padding:8px 10px;}
article table tfoot tr {border-bottom:none; font-size:12px; background-color:#F5F5F5}

a.g_left, a.g_right {width:30px; height:30px; background-image:url(images/arrows-gallery.gif); background-repeat:no-repeat; text-decoration:none; text-indent:-9999px; margin-top:40px}
a.g_left { background-position:0px 0px }
a.g_left:hover { background-position:0px -30px }
a.g_right { background-position:-30px 0px }
a.g_right:hover { background-position:-30px -30px }
.gallery {width:585px; margin-bottom:35px; margin-top:20px}
.gallery_slide {width:525px; height:115px; position:relative; overflow:hidden}
.gallery_items {float:left; width:20000em; position:absolute;}
.gallery_item {float:left; }
.gallery_item a {float:left; margin-right:7px}
.gallery_item a img {width:170px;}


/* Forms */
form.newsletter_box {display:block; margin-top:25px}
form.newsletter_box .email { border:0px; background-color:#ffffff; margin:0px; padding:0px 15px; line-height:40px; height:40px; color:#717171 }
form .newsletter_btn { background:#732229; color:#ffffff; border:0px; margin:0; padding:0px 10px; height:40px; line-height:40px; text-transform:uppercase}
form .newsletter_btn:hover, a.btn-more:hover, form.kontakt .btn_send:hover, form.login .btn_login:hover { background:#a3a64e }

form.kontakt {display:block; margin:40px 0px}
form.kontakt label {width:200px; float:left; padding-top:5px}
form.kontakt label span {display:block; font-size:11px; line-height:15px; color:#999}
form.kontakt .field {float:left; background-color:#F5F5F5;  border:0px; padding:0px 15px;line-height:40px; height:40px; color:#717171; margin-bottom:15px;width:330px}
form.kontakt .area {float:left; background-color:#F5F5F5;  border:0px; padding:15px; line-height:18px; color:#717171; margin-bottom:15px; width:330px; height:90px}
form.kontakt .btn_send {background-color:#a62139; text-transform:uppercase; text-align:center; padding:10px 25px; color:#ffffff; text-decoration:none; border:0px; margin-left:200px;}
form input, form textarea, form button { outline:none; resize:none; }

form.login {}
form.login .lfield {width:150px; float:left; border:0px; margin-right:15px;padding:0px 10px; height:30px; line-height:30px; color:#717171}
form.login .btn_login {  background:#732229; color:#ffffff; text-transform:uppercase; text-align:center; padding:0px 25px; line-height:30px; height:30px; border:0;text-decoration:none;}
span.login_title { font-size:22px; font-weight:300; background-image:url(images/icon-login.gif); background-repeat:no-repeat; background-position:top left; padding-left:45px}


.shadow {-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);}

/* UL's */
ul.main_menu { margin-top:40px}
ul.main_menu li { float:left; margin:3px; position:relative}
ul.main_menu li a {display:block; line-height:40px; padding:0px 15px; color:#717171; text-transform:uppercase;}
ul.main_menu li a:hover {color:#a62139; text-decoration:none}
ul.main_menu li a.active {background-color:#a62139; color:#ffffff}
ul.main_menu ul {position:absolute; display:none; background-color:#ffffff; -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);}
ul.main_menu > li:last-child ul { right:0px;}

ul.main_menu ul li {width:240px; padding:0px 5px; margin:0px}
ul.main_menu ul li a { border-bottom:1px dotted #cfcfcf; padding:0px 10px; font-size:12px;}
ul.main_menu ul li a:hover {background-color:#a62139; color:#ffffff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom:1px solid #fff}
ul.main_menu ul li:first-child a {margin-top:5px}
ul.main_menu ul li:last-child a { border:none; margin-bottom:5px}
ul.main_menu ul ul { left:250px; top:0px}

ul.news_list {padding:15px 0px;}
ul.news_list li {padding:5px 0px;position:relative; display:block; margin-bottom:40px}
ul.news_list li a {display:block; text-decoration:none;}
ul.news_list li a img {float:left; margin-right:30px; margin-bottom:15px}
ul.news_list li a p {color:#717171}
ul.news_list li a:hover p {color:#a62139;}

ul.news_list li a h2 { margin-top:0px } 

ul.obavijesti_list {padding:15px 0px; margin-bottom:30px}
ul.obavijesti_list li {padding:5px 0px 5px 95px; display:block; margin-bottom:20px; position:relative}
ul.obavijesti_list li a {display:block; padding:5px 0px; color:#717171;  text-decoration:none; font-weight:400}
ul.obavijesti_list li a:hover {color:#a62139;}

ul.footer_menu {width:785px; margin:10px 0px;}
ul.footer_menu li {float:left; width:157px; position:relative;}
ul.footer_menu li a {color:#ffffff; font-size:18px; font-weight:300; text-decoration:none; line-height:35px}
ul.footer_menu ul { display:block}
ul.footer_menu ul li { clear:both}
ul.footer_menu ul li a { font-size:12px; color:#796262; line-height:20px}
ul.footer_menu ul li a:hover { color:#ffffff }

ul.links {}
ul.links li, .korisni_linkovi li {display:block; padding:8px 0px; border-bottom:1px dotted #cfcfcf}
ul.links li a, .korisni_linkovi li a {display:block; padding-right:30px; font-size:12px; text-transform:uppercase; color:#717171; text-decoration:none; background-image:url(images/links-bullet.gif); background-repeat:no-repeat; background-position:right 50%}
ul.links li a:hover, .korisni_linkovi li a:hover {color:#a62139; background-image:url(images/links-bullet-hover.gif);}
ul.links li:last-child, .korisni_linkovi li:last-child {border:0px}

ul.related {margin-bottom:55px}
ul.related li {padding:0px; margin:10px 0px;}
ul.related li a {display:block; padding:5px 20px 5px 45px; text-decoration:none; text-align:left; color:#717171; background-image:url(images/arrow-related.png); background-repeat:no-repeat; background-position:0px 50%}
ul.related li a:hover {color:#a62139;background-image:url(images/arrow-related-hover.png);}
ul.related li a.active {color:#ffffff;background-image:url(images/arrow-active-related.png); background-color:#a62139; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

ul.pagination {display:block; margin:35px 0px;}
ul.pagination li { float:left; margin:0px 3px;}
ul.pagination li a {padding:8px 15px; background-color:#F5F5F5;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; color:#717171; text-transform:uppercase; font-size:12px; font-weight:300}
ul.pagination li a.active {background-color:#a62139; color:#fff}
ul.pagination li a:hover {background-color:#a3a64e; color:#fff}

ul.files {margin-bottom:55px; position:relative}
ul.files li { padding-left:55px; border-bottom:1px dotted #cfcfcf; margin:8px 0px}
ul.files li a { padding:10px 0px; display:block; text-decoration:none; color:#717171}
ul.files li a:hover {color:#a62139;}
ul.files li a span { display:block; font-size:12px;}

/* PNG's */
.ie6 ul.related li a {background-image:url(images/arrow-related.png);}
.ie6 ul.related li a:hover {background-image:url(images/arrow-related-hover.png);}
.ie6 ul.related li a.active {background-image:url(images/arrow-active-related.png);}
.ie6 a.btn-all {background-image:url(images/icon-all.png);}

label.error { position:absolute; color:#F00; right:0;}

form.kontakt p{ position:relative; overflow:auto;}

.highlighted {background-color:#a62139; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 5px;}