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

/* default */
* {margin:0px;padding:0px;border:0px none;outline:0px none;font-size:11px;}
body, html {font-family:Arial, Helvetica, sans-serif;color:#000;font-size:11px;background:#f6f6f6;}
h1, h2, h3, h4, h5, h6 {color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:10px 0px;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}
a img {border:0px none;outline:0px none;}
a {color:#f00;text-decoration:none;}
a:hover {color:#f00;text-decoration:underline;}
p {margin:10px 0px;}

/* blueprint */
.clear {clear:both;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.pa {position:absolute;}
.pr {position:relative;}
.pf {position:fixed;}
.bold {font-weight:bold}
.upper {text-transform:uppercase;}
.italic {font-style:italic}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

/* layout 2 - white bg */
#wrapper {width:100%;background:#f6f6f6;/*margin-bottom:50px;*/}
#container {width:939px; padding-left:21px; height:959px;background:url(../images/bg-left.png) no-repeat left top #fff;margin:0px auto;}
#header {width:937px;height:319px;background-image:url(../images/head_html.png);background-color:#341F56;position:relative;}
#body {width:937px;height:443px;padding-top:35px;margin-top:2px;background:url(../images/bg-body3.gif) no-repeat #fff;}
#left {width:318px;height:443px;float:left;position:relative;}
#right {width:572px;padding-left:23px;height:443px;float:left;position:relative;}
#footer {width:937px;height:154px;margin-top:1px;border-top:2px solid #D8DADA;/*border-bottom:2px solid #D8DADA;*/}

/* header */
#header a.home-link {position:absolute;display:block;width:140px;height:70px;top:40px;left:9px;}
#header div {position:absolute;color:#fff;}
#header div a, #header div a:hover {color:#fff;text-decoration:none;}
#header div.updated {top:300px;left:580px;}
#header div.date {top:190px;left:660px;}
#header div.date em {display:block;font-style:normal;font-size:39px;}
#header div.date span {display:block;font-size:77px;}
#header div.change-language {top:300px;left:790px;}
#header div.langs {top:255px;left:884px;padding:5px 0px 0px 10px;width:33px;height:52px;background-color:#37274F;line-height:16px;}
#header div.info {top:10px;left:796px;}
#header div.info h1, #header div.info h2 {font-weight:normal;font-size:10px;margin:0px;padding:0px;color:#fff;}
#header div.info p {font-size:10px;line-height:12px;margin:0px 0px 10px 0px;}

/* content */
#clanak {width:435px;position:relative;z-index:10;}
#clanak h2 {color:#f00;margin:7px 0px 10px 0px;}
#clanak .datum {color:#f00;padding-left:25px;}
#clanak p {line-height:1.4;margin:15px 0px 20px 0px;}
a.opsirnije {display:block;height:16px;line-height:16px;font-weight:bold;text-align:center;padding:0px 7px;background:#C7CE2A;color:#000;text-decoration:none;}
a.opsirnije:hover {background:#C7CE2A;color:#000;text-decoration:none;}
#clanak .images a {display:inline-block;position:relative;}
#clanak .images a img {float:left;border:2px solid #C7CE2A;margin-right:5px;}
#clanak .images a span {display:block;position:absolute;top:2px;left:2px;width:59px;height:59px;background:url(../images/video_overlay.png) no-repeat;}
#clanak .summary {background:url(../images/bg-crta1.gif) repeat-x bottom left;padding:0px 0px 12px 0px;}
#clanak .summary .fr a.opsirnije {margin-top:21px;}
#clanak .scroll {height:188px;padding-right:5px;}
#clanak .scroll2 {height:315px;padding-right:5px;}
#clanak .scroll3 {height:150px;padding-right:5px;}
#clanak .scroll p, #clanak .scroll2 p {margin:0px 0px 10px 0px;width:420px;}
.ul-menu {padding: 0px 0px 0px 28px;list-style: none;position:absolute; top:390px;z-index:15;}
.ul-menu li {padding: 0;margin: 0px;float: left;position: relative;text-align: center;}
.ul-menu li em {background: url(../images/tooltip.png) no-repeat;width:86px;height: 26px;padding: 2px 0px 0px 5px;position: absolute;top: -55px;left: -70px;z-index: 2;display: none;color:#000;font-weight:bold;font-size:9px;font-style:normal;text-align:left;font-family:Verdana, Geneva, sans-serif;}

.ul-menu li em.big {background: url(../images/tooltip_big.png) no-repeat;width:110px;height:41px;padding:2px 5px 0px 5px;position: absolute;top:-60px;left: -105px;z-index: 2;display: none;color:#000;font-weight:bold;font-size:9px;font-style:normal;text-align:left;font-family:Verdana, Geneva, sans-serif;}

.ul-menu li span {
	width:42px;
	height:14px;
	line-height:14px;
	display:block;
	position:absolute;
	left:-7px;
	bottom:-20px;
	font-size:10px;
	text-align:center;
	background-color:#C7CE2A;
	color:#000;
}
.ul-menu li span.video {
	background-color:#F67622;
	color:#fff;
}
.ul-menu li span.upit {
	background-color:#275245;
	color:#fff;
}
.ul-menu li span.pdf {
	background-color:#DF0028;
	color:#fff;
}
.ul-menu li span.arhiva {
	background-color:#DF0028;
	color:#fff;
}
.ul-menu li span.doc {
	background-color:#341F56;
	color:#fff;
}





.bottom-link {width:26px;margin-right:30px;height:26px;padding:0px;display:block;float:left;text-transform:uppercase;color:#000;font-weight:bold;text-decoration:none;position:relative;background-repeat:no-repeat;background-image:url(../images/sprite.png);background-position:-7px -7px;}
.bottom-link:hover {color:#000;text-decoration:none;}
.ul-menu .ico1 {background-position:-3px -5px;}
.ul-menu .ico2 {background-position:-64px -7px;}
.ul-menu .ico3 {background-position:-125px -6px;}
.ul-menu .ico4 {background-position:-186px -5px;}
.ul-menu .ico5 {background-position:-274px -5px;}
.ul-menu .ico6 {background-position:-322px -6px;}
.ul-menu-tekst {}
.list-link {position:relative;margin-left:-8px;}
.list-link a {text-decoration:none;color:#000;display:block;}
.list-link a:hover {background:#f00;color:#FFF;}
.h4-gurni {padding-left:11px;}
.zastupstva {padding:14px 0px 0px 9px;}
.zastupstva a {width:120px;height:66px;border:2px dotted #bbb;display:block;float:left;margin:0px 6px 6px 0px;background-position:center;background-repeat:no-repeat;}
.zastupstva a#logo1 {background-image:url(../images/logo/zastupstva_2_curve_r2_c2.png);}
.zastupstva a#logo2 {background-image:url(../images/logo/zastupstva_2_curve_r2_c4.png);}
.zastupstva a#logo3 {background-image:url(../images/logo/zastupstva_2_curve_r2_c6.png);}
.zastupstva a#logo4 {background-image:url(../images/logo/zastupstva_2_curve_r4_c2.png);}
.zastupstva a#logo5 {background-image:url(../images/logo/zastupstva_2_curve_r4_c4.png);}
.zastupstva a#logo6 {background-image:url(../images/logo/zastupstva_2_curve_r4_c6.png);}
#search-res a {display:block;padding:5px 0px;text-decoration:none;overflow:auto;}

#search-res a span {
	display:block;float:left;
	margin-right:5px;
}
#search-res a span.link {
	display:block;float:left;width:360px;margin-left:5px;color:#f00;
}

#search-res a:hover span.link {
	color:#777;
}

#search-res a:hover {text-decoration:none;color:#777;}
#search-res a span {color:#777;}

#right #clanak .h2-proizvodi {
	display:inline;
	float:left;
	padding-left:0px;
	padding-right:10px;
	padding-top:4px;
	font-size:15px;
}
a.back {
	position:absolute;
	/*top:-75px;
	right:-84px;*/
	margin-left:480px;
	display:block;
	padding:1px 4px;
	background-color:#F6F6F6;
	text-decoration:none;
}
a.back:hover {
	background-color:#f00;
	color:#fff;
	text-decoration:none;	
}

/* proizvodi */
#right .proizvodi h2 {font-size:13px;padding-top:6px;}
#right .proizvodi2 h2 {padding-top:0px;}
#right .proizvodi h4 {font-size:11px;margin:0px;}
#nav1, #nav2 {list-style:none;position:relative;}
#nav1 li, #nav2 li {margin:0px;padding:0px;display:inline;}
#nav1 li a, #nav2 li a {width:54px;height:25px;display:block;float:left;text-decoration:none;font-weight:bold;text-align:center;color:#000;background-color:#fff;margin-right:10px;background-image:url(../images/sprite_proizvodi.png);background-position:-54px 0}
#nav1 li a:hover, #nav2 li a:hover, #nav1 li a.current, #nav2 li a.current {color:#fff;background-color:#DE0027;}
#nav1 li a:hover, #nav1 li a.current {background-position:0 0;}
#nav1 li a {font-size:15px;height:25px;line-height:20px;/*padding:0px 10px;*/margin-bottom:13px;}
#nav2 li a {font-size:11px;height:15px;line-height:14px;padding:0px 5px;}
#nav1 {padding:10px 0px 0px 0px;}
.proizvodi .list {list-style:none;}
.proizvodi .list li {margin:7px 0px;padding-left:20px;background:url(../images/arrow2.png) no-repeat 2px 5px;font-size:11px;/*text-transform:uppercase;*/}
.proizvodi2 .list {list-style:none;}
.proizvodi2 .list li {margin:20px 0px; font-weight:normal;padding-left:20px;background:url(../images/arrow2.png) no-repeat 2px 5px;font-size:12px;text-transform:uppercase;}
#detail {padding:15px 0px 0px 0px;	}
#detail .images {margin-bottom:4px;}
#detail .img-box {padding-top:15px;	}
.box {margin-right:13px;font-size:10px;color:#444;}
.box-top {width:188px;height:19px;font-size:0px;background:url(../images/box-top.png) no-repeat;}
.box-middle {width:172px;min-height:80px;height:auto!important;height:80px;background:url(../images/box-middle.png) repeat-y;padding:2px 8px 0px 8px;}
.box-bottom {width:188px;height:5px;font-size:0px;background:url(../images/box-bottom.png) no-repeat;}
#container #body #right .black {color:#000;}
#container #body #right .red {color:#f00;}

/* left */
#nav {float:right;}
#nav ul {list-style:none;border-right:2px solid #999C9C;padding-left:50px;}
#nav ul li {margin:0px;padding:0px;	}
#nav ul li a {display:block;height:30px;line-height:30px;text-align:right;padding-right:15px;color:#000;font-size:15px;font-weight:bold;text-decoration:none;}
#nav ul li a:hover {color:#FF0000;font-size:17px;}

/* footer */
#footer1 {position:relative;padding:35px 0px 0px 35px;}
#footer1 a {float:left;	}
#footer1 .foot-logo {width:70px;height:49px;background:url(../images/sprite.png) -7px -68px;margin-right:57px;}
#footer1 .foot-link {display:block;height:19px;line-height:19px;padding-left:30px;background:url(../images/sprite.png) 0px -125px;font-size:11px;font-weight:bold;color:#000;text-decoration:none;margin:22px 60px 0px 0px;position:absolute;}
#footer2 {position:relative;padding:40px 0px 0px 35px;}
#footer1 a.link1 {background-position:0px -125px;left:161px;}
#footer1 a.link2 {background-position:0px -147px;left:323px;}
#footer1 a.link3 {background-position:0px -169px;left:484px;}
#search {/*position:absolute;top:55px;left:648px;*/padding:20px 0px 0px 150px;}
#search .text {border-bottom:1px solid #000;font-size:11px;}
#search input {}
#search .submit {cursor:pointer;height:25px;width:25px;background:url(../images/sprite.png) -234px -6px;right:300px;top:55px;}
#footer2 .eu {background:url(../images/sprite.png) -7px -38px no-repeat;height:20px;line-height:20px;padding-left:40px;}
#futuro-logo {float:right;margin-right:32px;}

/* kontakt */
form {padding-left:0px;}
.kontakt {width:540px;height:120px;text-align:center;}
.kontakt-slika {float:left;margin:0px 0px 0px 120px;padding:2px;border:#E0ECF5 1px solid;}
.kontakt-input {padding:10px 0px 0px 0px;position:relative;display:block;}
.kontakt-input p {margin-top:4px;position:absolute;left:310px;display:inline;}
.kontakt-text {width:170px;height:20px;line-height:20px;background:#fff;border:#C6CE29 1px solid;color:#444;font-size:12px;padding:3px 0px 0px 3px;}
.kontakt-botun {background:#fff;border:#C6CE29 1px solid;color:#444;cursor:pointer; height:32px; line-height:31px;text-align:center;font-size:11px;color:#6C6C6C;width:91px;}
.kontakt-botun:hover {color:#C6CE29;}
textarea {width:350px;height:160px;background:#fff;color:#444;font-size:12px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:#C6CE29 1px solid;}
.error {border:1px #f00 solid!important;}
.map {height: 400px;width: 674px;margin-top:18px;}
select.kontakt-text {line-height:1;padding:0px;width:175px;}
.capcha-cont {vertical-align:-8px;border:#C6CE29 1px solid;margin-right:65px;width:144px;height:18px;padding:3px 0px 2px 0px;float:right;background-color:#fff;}
a.kontakt-close {position:absolute;right:9px;top:10px;color:#C6CE29;text-decoration:none;z-index:101;cursor:pointer;}
a.kontakt-close:hover {color:#fff;}
#overlay2 {position: absolute;top: 0;left: -9999px;width:100%;height:1009px;background:#2C2B31;z-index:100;display:none;}
#kontakt-over {width:370px;left:50%;top:350px;margin-left:-131px;position:absolute;z-index:101;}
#kontakt-info {width:160px;margin-left:-180px;position:absolute;text-align:right;}
#kontakt-info p {margin:11px 0px 20px 0px;	color:#fff;}
.limiter {padding:10px 0px 0px 0px;}

/* zastupstva */
#zastupstva-content {padding:10px 0px 0px 10px;position:relative;}
#zastupstva-content p {margin:0px 0px 7px 0px;}
#zastupstva-content p.first {font-weight:bold;font-size:15px;color:#f00;text-transform:uppercase;}
#zastupstva-content p.first a {text-decoration:none;color:#f00;font-weight:normal;text-transform:none;padding-left:15px;}
#zastupstva-content p.first a:hover {text-decoration:none;color:#000;}
#zastupstva-content ul.list {padding-top:5px;}
#zastupstva-content ul.list li {margin:1px;text-transform:none;font-size:11px;}





#sidebar {float:left;width:250px;}
#allfiles {float:right;width:420px;}
#loader {display:none;padding:0 0 0 20px;}
#allfiles ul {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
}
#allfiles ul li {padding:8px 5px;border-top:1px solid #eee;}
.odd {background:#f9f9f9;}

.uploadifyQueue {
	margin:-39px 0px 0px 375px;
}
.uploadifyQueueItem {
	font-size: 11px;
	color:#fff;
	padding:20px 5px;
	width:240px;
	background:#4f4f4f;
	margin-bottom:5px;
}
.uploadifyError {
	color: #cc0000 !important;
}
.uploadifyError .uploadifyProgressBar {
	background-color: #cc0000 !important;
}
#sidebar .cancel {float:right;}
#sidebar .cancel a:link,
#sidebar .cancel a:visited,
#sidebar .cancel a:hover {
	padding:0 !important;
	margin:0 4px 0 0 !important;
	width:11px !important;
	background: transaparent !important;
}
.uploadifyProgress {
	background-color: #FFF;
	margin-top: 8px;
	width: 97%;
}
.uploadifyProgressBar {
	background-color: #C6CE29;
	width: 1px;
	height: 5px;
}
#upload-form {
	position:absolute;
	margin:-188px 0px 0px 0px;
}
#upload-form #info2 a {
	color:#C6CE29;
	display:block;
	padding:3px 4px;
	margin-bottom:3px;
	width:350px;
	border:1px solid #C6CE29;
}
#upload-form #info2 a:hover {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	border:1px solid #C6CE29;
}

.mail-to {
color:#FFF;font-weight:bold;vertical-align:top;margin:0px 10px 0px 2px;
cursor:pointer;
}

#animacija {
	width:345px;
	height:187px;
	position:absolute;
	bottom:0;
	right:-21px;
	z-index:1;
}