* {margin: 0px;padding: 0px;}
@font-face {
	font-family: 'TrajanPro';
	src: url('trajanpro-bold-webfont.eot');
	src: local('Trajan Pro'), local('TrajanProBold'), url('trajanpro-bold-webfont.woff') format('woff'), url('trajanpro-bold-webfont.ttf') format('truetype'), url('trajanpro-bold-webfont.svg#webfontTM3NDcvN') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'TrajanPro';
	src: url('trajanpro-regular-webfont.eot');
	src: local('Trajan Pro'), local('TrajanProRegular'), url('trajanpro-regular-webfont.woff') format('woff'), url('trajanpro-regular-webfont.ttf') format('truetype'), url('trajanpro-regular-webfont.svg#webfontx9hyGMqJ') format('svg');
	font-weight: normal;
	font-style: normal;
}
img {border: none;}
a {color: #ccc;text-decoration: underline;}
a:hover {text-decoration: underline;color: #ccc;}
p {padding-bottom: 10px;}
body { color: #292929; background-image: url(images/bg.gif); background-repeat: repeat; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 17px; }
ul, ol {margin: 0px 0px 10px 20px;padding: 0px;}
hr { margin-bottom: 5px; margin-top:5px; border-top-style: none; border-right-style: none; border-left-style: none; background-image: url(images/sep.gif); background-repeat: no-repeat; background-position: left top; border-bottom-style: none; }
h1 {font-size: 31px;line-height: 35px;font-weight: normal;padding-bottom: 18px; color: #024066;}
h2 {font-size: 25px;line-height: 30px;padding: 10px 0px; color:#024066; font-weight:normal;}
h3 {line-height: 25px; padding-bottom: 10px;padding-top: 10px; font-size:21px; font-weight: normal;}
h4 {font-size: 11px;line-height: 18px;font-weight: bold;padding-bottom: 10px;padding-top: 10px;}
.table {border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.table td {border-bottom: 1px solid #CCC;border-right: 1px solid #CCC;}

.elpida {color:#FFF; border:1px solid #fff; font-weight:bold; background-color:#004B77; }	


.float-left {float: left;}
.float-right {float: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.clear {clear: both;}
.align-image-left { float: left; margin: 3px 10px 10px 0px; }
.align-image-right { float: right; margin: 3px 0px 10px 10px; }
.align-left {text-align:left;}
.align-right {text-align:right;}
.center {text-align:center;}
.underline {text-decoration:underline;}
.nounderline {text-decoration:none;}

/* --------------- form elements ------------------ */
form p {}
form label {float: left; width: 280px;padding-top: 2px; font-size:10px; clear:both; text-transform:uppercase;}
form input[type=text], form input[type=password], form textarea, form select { padding: 5px 10px 5px 10px; width: 199px; background-color:#09F; background: transparent; background-image: url(images/input.jpg); height: 27px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color:#fff; font-family:Tahoma, Geneva, sans-serif; line-height:24px; font-size:11px;  text-shadow:1px 1px 0px #03324e; }
form input[type=text]:hover, form input[type=password]:hover, form textarea:hover,
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus, { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
form input[type=submit] { padding: 0px; background-image: url(images/send.gif); height: 21px; width: 60px; font-size: 10px; text-align:center; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color:#fff; text-transform:uppercase; line-height:21px; text-shadow: 1px 1px 1px #9c4e0f; float:right; margin-right: 15px;}
form textarea { height: 42px; background-image: url(images/textarea.gif); width: 437px; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-top:10px;text-shadow:1px 1px 0px #03324e;}
form select { height: 37px; width: 219px; padding-top: 9px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #006099; background-image:none; border:1px solid #006099; line-height:25px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px;  text-shadow:1px 1px 0px #03324e;  }
fieldset {padding: 10px;}
legend {font-weight: bold;}

.logo, .special_lb, h1, h2, h3  {font-family: 'TrajanPro';}
.logo, .special_lb, #nav li, .weather_lb, #orange_btn, ul#menu li, #center .label, #right .label, #left .label, #center tr:first-child  {font-family: 'TrajanPro'; font-weight:bold;}

.top_bg { background-image: url(images/top_bg.jpg); background-repeat: no-repeat; background-position: center top; height: 415px; }
.wrapper { width: 990px; margin: auto;}

.logo {font-size:40px; white-space:nowrap; margin:22px 0px 20px 8px; width:220px; position:absolute; text-align:center; line-height:40px; font-weight:bold; color:#05639d;}
	.logo span {font-size: 16px; color: #8a8a8a;  }
	.logo a:hover {text-decoration: none;}

.special_offer { width: 210px; position:absolute; margin:144px 0px 0px 15px; line-height:19px; color: #292929; }
	.special_lb { font-size:18px; color:#004b77; margin: 0px 0px 10px 0px; }
	
.slideshow_wrapper { width:445px; height:278px; margin:45px 0px 0px 258px; float:left; background-image: url(images/rotator_bg.png); background-repeat: no-repeat; background-position: left top; padding: 36px 0px 0px 30px; position:absolute; z-index:1; }

#nav { /* all lists */ list-style: none; margin: 5px 0px 0px 265px; padding: 0px; z-index:3; height: 33px; font-size: 14px; position: absolute; width: 525px; font-weight: bold; }
	#nav li { /* all list items */ float: left; margin-right: 8px; }
	#nav li a { color: #424242; text-decoration: none; display: block; float: left;  }
	#nav li a span { display:block; float: left; padding:8px 6px 8px 6px; }
	#nav li a:hover, #nav li a.active { color: #fff; background: url(images/nav.gif) no-repeat left top; text-shadow:1px 1px 0px #03324e;  }
	#nav li a:hover span, #nav li a.active span { background: url(images/nav-right.gif) no-repeat right top; float:left; }
	#nav li:hover, #nav-left li.hover { position: static; } 	

#langs { width: 190px; position:absolute; height:33px; text-align:right; margin:7px 0px 0px 769px; }
	#langs img { margin:4px;}

#weather { width: 245px; position:absolute; margin: 80px 0px 0px 740px; line-height:21px;}
	#weather .weather_lb { font-size: 18px; color:#004b77; padding: 0px 0px 10px 0px;}
	#weather img { float:right; padding:5px; background: #fff; border: 1px solid #ccc;}
#orange_btn { background-image:url(images/orange_ribbon2.png); background-repeat: no-repeat; background-position: left top; width: 300px; height:90px; position:absolute; margin: 250px 0px 0px 712px; z-index:5; color:#fff; text-shadow: 1px 1px 1px #9c4e0f; font-size:17px; line-height:27px; padding: 5px 0px 0px 18px; }
	
	#orange_btn span { font-size: 20px; }
		a#orange_btn { text-decoration:none;}
		a#orange_btn:hover { background-image:url(images/orange_ribbon1.png); background-repeat:no-repeat; background-position: left top;}


	#kontaktirajte_de { background-image:url(images/orange_ribbon2.png); background-repeat: no-repeat; background-position: left top; width: 300px; height:90px; position:absolute; margin: 250px 0px 0px 712px; z-index:5; color:#fff; text-shadow: 1px 1px 1px #9c4e0f; font-size:16px; line-height:27px; padding: 5px 0px 0px 18px; }
    	#kontaktirajte_de span { font-size: 20px; }
		a#kontaktirajte_de { text-decoration:none;}
		a#kontaktirajte_de:hover { background-image:url(images/orange_ribbon1.png); background-repeat:no-repeat; background-position: left top;}


#left {width: 235px; float:left; padding: 60px 0px 0px 15px;}
	#menu {}
		ul#menu, ul#menu ul { list-style-type:none;  margin: 0;  padding: 0;  width: 202px; float:left; }
		ul#menu a { display: block; text-decoration: none;}
		ul#menu li { margin-top: 1px; font-size:16px; clear:both; } 
		ul#menu li a { color: #fff; padding: 8px 5px 5px 10px; background-color: #333; background-image: url(images/menu_level_one.jpg); height: 18px; width: 181px; background-repeat: no-repeat; background-position: left top; text-shadow: 1px 1px 1px #000; *margin-top: -2px; }
		ul#menu li a:hover { background-position: left bottom; }
		ul#menu li ul li a { color: #000; width:176px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight:normal; text-shadow: none; background-image: url(images/menu_level_2.gif); background-repeat: no-repeat; background-position: left bottom; padding:0px 10px 0px 10px; margin:0px; height:28px; line-height:23px; float:left; background-color:#eeeeee; *margin-top: -1px; *display: block; }
		ul#menu li ul li a:hover { color: #05639d; }

#center { width: 473px; float:left; padding: 5px 0px 0px 0px; font-size:12px; line-height:23px;}
	#center .okvir-slike, #left .okvir-slike { background-color:#f0f0f0; border:1px solid #fff; padding: 5px; margin:2px;}
	#center .label {color:#024066; font-size:16px; text-transform:uppercase; margin-top:20px;}
    a:link { color: #004b77; text-decoration:none;}
	a:visited { color: #004b77; text-decoration:none;}
	a:hover { color: #004b77; text-decoration:underline;}

.c_left { width:233px; float:left; font-size: 11px;}
.c_right { width:233px; float:right; font-size: 11px;}

#contact_form { float: left; width:473px; overflow:hidden;}
	#contact_form .c_right {float: right;}
	
#right { width: 220px; float:right; padding: 47px 10px 0px 0px; line-height:21px;}
	#right .label, #left .label {font-size: 16px; color: #024066; text-transform:uppercase; margin-bottom:10px; margin-top:20px;}
	#left .label { margin-top: 25px;}
.plava { color:#004b77; }
.bg { background-image: url(images/bottom_bg.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom:100px; }
.footer {width: 990px; clear:both; margin:auto; text-align:center; padding-top:25px;}

#center table{background-color:#f0f0f0;border:1px solid #fff;margin:15px 0;width:100%}
#center td{border:1px solid #fff;padding:5px}

#center tr:first-child{background-color:#004b77;border:1px solid #fff;color:#FFF}
.download{background-image:url(images/dl_univerzalna.gif);background-position:left 1px;background-repeat:no-repeat;padding-left:20px}
.download_pdf{background-image:url(images/dl_pdf.gif);background-position:left 1px;background-repeat:no-repeat;padding-left:20px}
.download_doc{background-image:url(images/dl_doc.gif);background-position:left 1px;background-repeat:no-repeat;padding-left:20px}
.download_xls{background-image:url(images/dl_xls.gif);background-position:left 1px;background-repeat:no-repeat;padding-left:20px}
.download_zip{background-image:url(images/dl_zip.gif);background-position:left 1px;background-repeat:no-repeat;padding-left:20px}
.probaj{display:none;}

#facebook {
	float:left;
	width:150;
	height:30px;
	background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-left:5px;
}
#facebook h4 {
	font-size:22px;
	margin-top:-4px;
}
#facebook a {
	display:block;
	width:150px;
	height:30px;
}
#facebook:hover {
	background-position:top right;
}