@charset "UTF-8";
/******************************* FONTS *******************************/
@import url(http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Exo:400,700&subset=latin,latin-ext);
/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left:0; border-right:0; border-bottom: 1px solid #FFF; margin:1em 0; padding:0;}
*+html hr {height: 2px;}

/******************************* BASIC ELEMENTS *******************************/
* { margin: 0; padding: 0;}
img { border: 0; }

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.clearfix { width:100%; height: 0; clear: both; }
*+html .clearfix {display: none;}

header, nav, article, footer, address { display: block; }
header, footer { width: 100%; clear: both; padding: 0; margin: 0; }

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justfy {text-align: justify;}

a {color: ; text-decoration: underline;}
a:hover {text-decoration: none;}

strong {font-weight: 700;}

h1, h2, h3, h4, h5, h6 {font-family: 'Exo', sans-serif; font-weight:bold;}

/******************************* BODY *******************************/
body {font-family: Arial, sans-serif; font-size: 14px; color: #464646; background: #ecf6ff url('../images/bg.jpg') no-repeat center top;}

.wrapper {margin: 0 auto; width: 940px; padding: 30px 20px; background: #FFF; -webkit-box-shadow:  0px 3px 2px 2px rgba(0, 0, 0, 0.1); box-shadow:  0px 3px 2px 2px rgba(0, 0, 0, 0.1);}

/******************************* HEADER *******************************/
header {font-family: 'Exo', sans-serif; display: block; width: 100%; height: 90px;}
.logo {float: left; margin-top: 2px;}
header h1, header h2 {float: left; margin: 0 0 0 64px; font-size: 18px; line-height: 21px; color: #000; font-weight: normal; margin-top: 5px;}

header h1 span, header h2 span {font-weight: bold; color: #e2001a; font-weight: bold; font-size: 24px;}

.vizitka {float: right; text-align: right; font-size: 13px; font-weight: bold; line-height: 20px;}
.vizitka small {font-size: 10px;}
.vizitka span {padding-right: 20px;}
.vizitka .tel {background: url('../images/icon-tel.png') no-repeat right top;}
.vizitka .mobi {background: url('../images/icon-mobi.png') no-repeat right top;}
.vizitka .cas {background: url('../images/icon-clock.png') no-repeat right top;}

.menu {font-family: 'Play', sans-serif; width: 100%; height: 53px; background: url('../images/menubg.gif') repeat-x;}
.menu ul li {float: left; list-style: none; border-right: 1px solid #ddd;}
.menu ul li.active, .menu ul li:last-child { border-right: 0px;}
.menu ul li a {float: left; color: #000; text-decoration: none; font-size: 15px; line-height: 20px; padding: 14px 12px 19px 11px; padding: 14px 10px 19px 11px\9;}
.menu ul li a:hover {color: #e2001a;}
.menu ul li.active a {color: #fff; background: url('../images/btn-active.gif') no-repeat right top;}
.menu ul li a.red {font-weight:bold; color: #e2001a;}
	.menu ul li.active a.red {color: #fff;}

.menu ul li.industrija a {font-weight:bold; color: #1a507f;}
	.menu ul li.active.industrija a {color: #fff; background: #1a507f; }


/******************************* CONTENT *******************************/
.main {line-height:1.4; display: block; margin-top: 30px;}
.levo {font-family: 'Exo', sans-serif; float: left; width: 213px;}
.levi-menu > ul > li {float: left; list-style: none; margin-bottom: 5px; background: #bcdbf0; border: 1px #679dc3 solid;}
.levi-menu > ul > li > a {float: left; width: 191px; overflow: auto; font-size: 15px; font-weight: bold; padding: 10px; color: #000; text-decoration: none; display: block;}
.levi-menu > ul > li > a:hover {color: #e2001a;}
.levi-menu > ul > li.active > a {background: #1A507F; color:#fff;}

.levi-menu > ul > li > ul {margin: 0 0 0 22px; padding:5px 0; float:left; font-family: Arial, sans-serif;}
.levi-menu > ul > li > ul > li {padding-bottom: 3px;}
.levi-menu > ul > li > ul > li > a {color: #bcdbf0; text-decoration: none; font-size: 13px; padding-left: 10px; background: url('../images/dot-white.png') no-repeat left 8px;}
.levi-menu > ul > li > ul > li > a:hover {color: #fff;}
.levi-menu li.active {
	background: #1A507F;
}
.levi-menu > ul > li > ul > li.active > a {font-weight: bold; color: #fff;}

.levi-menu > ul > li > ul > li > ul {margin: 0 0 0 10px; padding:5px 0;}
.levi-menu > ul > li > ul > li > ul > li {padding-bottom: 2px;}
.levi-menu > ul > li > ul > li > ul > li a {color: #fff; text-decoration: none; font-size: 13px; padding-left: 14px; background: url('../images/dot-white.png') no-repeat left 8px;}
.levi-menu > ul > li > ul > li > ul > li a:hover {color: #e2001a;}
.levi-menu > ul > li > ul > li > ul > li.active a {font-weight: bold;}

.banner {display: block; font-size: 14px; width: 201px; height: 65px; margin-bottom: 30px; line-height: 18px; padding: 12px 0 0 12px; background: url('../images/banner.gif') no-repeat;}
.banner a {color: #e2001a;}

.badge {display: block; background: #1a507f; color: #FFF; margin-top: 17px; padding: 15px 12px; font-size: 14px;} 

.desno {float: right; width: 697px;}
.flex-control-nav {width: 300px!important; text-align: left!important; margin: 0 0 0 50px!important; bottom: 35px!important;}

.desno .row {margin-top: 36px;}
.desno .col6 {width: 313px; padding-right: 20px;}
.desno .col6 h2, .desno .col12 h2, .desno .col12 h3 {display: block; font-size: 19px; padding-bottom: 10px; text-transform: uppercase;}
.desno .col6 h2 a, .desno .col12 h2 a, .desno .col12 h3 a {color: #000; text-decoration: none;}
.bord {border-right: 1px #d7d7d7 solid;}
.red {color: #e2001a;}
.vec {display: inline-block; color: #e2001a; text-decoration: none; margin-top: 18px;}
.vec:hover {text-decoration: underline;}

/******************************* FOOTER *******************************/
footer {margin: 0 auto; width: 980px; padding: 34px 0 60px 0; font-size: 12px;}
footer .col3 {float: left; width: 209px; margin-left: 3px;}
footer .col3.c2 {float: left; width: 160px; margin-left: 2px;}

.col3-content {
	margin-top:13px;
}

footer .col4 {float: right; width: 404px;}

.c1 {color: #1a507f;}
.c1 a {color: #1a507f; text-decoration: underline;}
.c1 a:hover {text-decoration: none;}

.c2 {color: #696969;}
.c2 img {margin-right: 10px;}

/******************************* PODSTRAN *******************************/
.breadchrumb {color: #b9b9b9; font-size: 12px;}
.breadchrumb a {color: #555555; text-decoration: underline;}
.breadchrumb span {margin: 0 8px;}

.page h1 {font-size: 24px;}
.page-head {padding: 12px 0; margin-bottom: 20px; border-bottom: 1px #c4c4c4 solid;}

.page h2 {font-size: 20px; padding-bottom: 15px; color: #e2001a; margin-top: 25px;}
.page h3 {font-size: 17px; padding-bottom: 15px; color: #e2001a;}
.page h4 {font-size: 17px; padding-bottom: 15px; color: #464646;}
.page ul, .page ol {padding-bottom: 20px; margin-left: 16px; margin-top:-10px;}
.page ul li {background: url('../images/dot.png') no-repeat left 8px; padding: 0 0 4px 10px;}
.page ol li {margin-left:5px; padding: 0 0 4px 5px;}

.page a {color: #1a507f; text-decoration: underline;}
.page a:hover {text-decoration: none;}

.page p {padding-bottom: 20px; line-height: 22px;}

.page img.fl {margin-right: 20px;}
.page img.fr {margin-left: 20px;}

.page table {width:auto; margin-bottom: 20px;}
.page table td {vertical-align:top;}
.page table td img {margin-top:5px;}

.framed {margin-bottom: 20px; line-height: 22px; background:#F2F2F2; border:2px solid #D9D9D9; padding:5px 10px; }

.page table {width: 100%; margin-bottom: 20px;}
.page table td {padding: 5px 10px; border-right: 1px solid #c4c4c4;}
.page table thead tr:nth-child(odd) th{background: #e9e9e9;}
.page table th {padding: 5px 10px; text-align: center; border-right: 1px solid #c4c4c4; }
.page table th {padding: 5px 10px; text-align: left; border-right: 1px solid #c4c4c4; }
.page table tr td:last-child { border-right: none; }
.page table tr th:last-child { border-right: none; }
.page table tr:nth-child(even) td, .page table tr:nth-child(even) th { background: #e9e9e9; }
.page table tr:nth-child(odd)  td, .page table tr:nth-child(odd)  th { background: #fff; }
.page table tr td { background: #e9e9e9; }
.page table tr+tr td { background: #fff; }
.page table tr+tr+tr td { background: #e9e9e9; }
.page table tr+tr+tr+tr td { background: #fff; }
.page table tr+tr+tr+tr+tr td { background: #e9e9e9; }
.page table tr+tr+tr+tr+tr+tr td { background: #fff; }

.page table.brez td { border: none; padding: 0 20px 20px 0; }
.page table.brez th {border: none;  padding: 0 20px 20px 0;}
.page table.brez tr:nth-child(even) td { background: none; }
.page table.brez tr:nth-child(odd)  td { background: none; }
.page table.brez a img {
	cursor: default;
}

.page table#ozadja { margin-top: -20px;}
.page table#ozadja td { border: none; padding: 0 20px 0 0; }
.page table#ozadja th {border: none;  padding: 0 20px 0 0;}
.page table#ozadja td img {
	margin-top: 20px;
}

iframe {margin: 0 0 20px 0;}
.video {margin-bottom: 20px;}

.dokumenti {margin-left: 0!important;}
.dokumenti li {padding-left: 25px!important; margin-top: 6px;}
.dokumenti .pdf {background: url('../images/adobe.png') no-repeat left 2px;}
.dokumenti .word {background: url('../images/word.png') no-repeat left 2px;}

.nav-levo {float: left; width: 27px; height: 126px;}
.nav-levo img {margin-top: 55px;}
.nav-desno {float: right; width: 27px; height: 126px;}
.nav-desno img {margin-top: 55px;}

.brand {padding-bottom: 10px;}

.map {width: 100%; border: 0; margin-bottom: 0;}

.kontakt {display: block;}
.kontakt input {display: block; width: 199px; padding: 8px; border: 0; background: #f2f2f2; margin-bottom: 10px;}
.kontakt textarea {display: block; width: 449px; height: 100px; padding: 8px; border: 0; background: #f2f2f2; font-family: Arial;}

.form-levo {float: left; width: 215px;}
.form-desno {float: right; width: 465px;}

.kontakt button {float: right; cursor: pointer; font-size: 16px; font-weight: bold; margin-top: 10px; border: 0; padding: 8px 15px; background: #e2001a; color: #FFF; font-family: Arial, sans-serif;}

span.validation_error_msg {color:red; font-size:11px;}

.naslovi {display: block; width: 100%; line-height: 22px; overflow: auto; margin: 30px 0; padding: 30px 0; border-top: 1px #d9d9d9 solid; border-bottom: 1px #d9d9d9 solid;}
.naslovi .levi {width: 250px;}
.naslovi .kontakti {width: 230px;}
.naslovi .kontakti span {padding: 0 0 0 20px;}
.naslovi .tel {background: url('../images/icon-tel.png') no-repeat left top;}
.naslovi .mobi {background: url('../images/icon-mobi.png') no-repeat left top;}
.naslovi .fax {background: url('../images/icon-fax.png') no-repeat left top;}
.naslovi .mail {background: url('../images/icon-mail.png') no-repeat left 5px;}
.breadchrumb {
	position: relative;
}
.print {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 12px;
	color: #737373;
	padding-left: 18px;
	background: url(../images/print.png) no-repeat 0px 3px;
}
.page .tel {background: url('../images/icon-tel.png') no-repeat left 1px; padding-left:20px; }
.page .mobi {background: url('../images/icon-mobi.png') no-repeat left 1px; padding-left:20px;}
.page .mail {background: url('../images/icon-mail.png') no-repeat left 2px; padding-left:20px;}

.obvestilo {
	border: 3px solid #e2001a;
	float: left;
	width: 652px;
	padding: 15px 20px;
	background: #ffe3e6;
	margin-top: -10px;
}

.obvestilo ul {
	list-style-type: inherit;
	list-style-position: outside;
	margin: 8px 0 0 20px;
}
.obvestilo p {
	margin-bottom: 5px;
}


img.first-gal { margin-left: 0 !important; }
img.gal { text-decoration: none; }
.cbox { text-decoration: none !important; }