body{ color: #000; font-family: "Arial"; background: url(../images/bg_header_index.png) repeat-x}
body.podstran{ background: url(../images/bg_header.png) repeat-x}
.right{ float: right;}
.left{ float: left;}
.slika_desno{ float: right; margin: 0 0 10px 10px;}
.slika_levo{ float: left; margin: 0 10px 10px 0;}
a{ color: #0092a5;}
a:hover{ text-decoration: none;}
.light-grey{ color: #828282;}
.italic{ font-style: italic;}
.more{ font-size: 15px; color: #ffc600; padding: 0 10px 0 15px; background: url("../images/bullet_submenu.png") no-repeat left 3px; text-decoration: none;}
.more:hover{ text-decoration: underline;}
.more_blue{ font-weight: bold; font-size: 11px; background: url("../images/bullet_blue.png") no-repeat left 3px; color: #0092a5; text-decoration: underline;}
.more_blue:hover{ text-decoration: none;}
ul.linear li{ float: left;}
.grey_button{ color: #000; background: url(../images/bg_grey_button.png) no-repeat; font-size: 20px; text-shadow: 1px 1px 1px #fff; padding: 5px 0 18px 35px; float: left; width: 237px; text-decoration: none; margin-top: 10px;}
.grey_button:hover{ text-decoration: underline;}
/*
@font-face {
    font-family: 'FuturaMdBTMedium';
    src: url('../fonts/tt0142m_0-webfont.eot');
    src: url('../fonts/tt0142m_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0142m_0-webfont.woff') format('woff'),
         url('../fonts/tt0142m_0-webfont.ttf') format('truetype'),
         url('../fonts/tt0142m_0-webfont.svg#FuturaMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('../fonts/tt0144m_0-webfont.eot');
    src: url('../fonts/tt0144m_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0144m_0-webfont.woff') format('woff'),
         url('../fonts/tt0144m_0-webfont.ttf') format('truetype'),
         url('../fonts/tt0144m_0-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.FuturaMdBTNormal{ font-family: 'FuturaMdBTNormal';}
.FuturaMdBTBold{ font-family: 'FuturaMdBTBold';}
.FuturaMdBTMedium{ font-family: 'FuturaMdBTMedium';}
*/


@font-face {
    font-family: 'FuturaStdMedium';
    src: url('../fonts/futurastd-medium-webfont.eot');
    src: url('../fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurastd-medium-webfont.woff') format('woff'),
         url('../fonts/futurastd-medium-webfont.ttf') format('truetype'),
         url('../fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStdBold';
    src: url('../fonts/futurastd-bold-webfont.eot');
    src: url('../fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurastd-bold-webfont.woff') format('woff'),
         url('../fonts/futurastd-bold-webfont.ttf') format('truetype'),
         url('../fonts/futurastd-bold-webfont.svg#FuturaStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.FuturaMdBTNormal{ font-family: 'FuturaStdNormal';}
.FuturaMdBTBold{ font-family: 'FuturaStdBold';}
.FuturaMdBTMedium{ font-family: 'FuturaStdMedium';}



#page{ width: 994px; margin: 0 auto;}
header .head_wrap{ padding: 0 31px 0 32px; float: left; position: relative; z-index: 10;}
.logo h1, .logo h2{ text-indent: -9999px;}
header .logo{ background: url(../images/logo.gif) no-repeat; width: 700px; height: 114px; float: left;}
.lang{ float: right; margin: 30px 0;}
.lang a{ background: url(../images/icons_flags.png) no-repeat right; float: left; padding: 0 22px 0 0; margin: 0 8px; color: #9e9e9e}
.lang a.active{ color: #000;}
.lang a.slo{ background-position: top right}
.lang a.en{ background-position: center right}
.lang a.de{ background-position: bottom right}

nav.main{ margin: 10px 0 0; width: 100%; height: 73px; float: left; background: url(../images/bg_navi.png) no-repeat; position: relative; }
nav.main ul.linear{ float: left; width: 1000px;}
nav.main a{ z-index: 1001; color: #000; text-decoration: none; padding: 7px 20px 7px 20px; float: left; font-size: 18px; line-height: 30px; margin: 3px 0 0 0; *margin: 4px 0 0 0; position: relative; text-shadow: 1px 1px 1px #fff}
nav.main a.home {background:url(../images/gumb-home.png) no-repeat; height:30px; padding-right:24px;}
nav.main a.home:hover, nav.main li.active a.home {background:url(../images/gumb-home-active.png) !important;}
nav.main li{ position: relative; overflow: visible; z-index: 100;}
nav.main li:hover a, nav.main li.hovered a, nav.main li.active a{background: url(../images/bg_navi_active.png) repeat-x; text-shadow: none; color: #fff;}
nav.main li:hover .sh_l, nav.main li.hovered .sh_l, nav.main li.active .sh_l{ background: url(../images/bg_navi_shadow_l.png) no-repeat; float: left; position: absolute; left: 0; top: 2px; width: 8px; height: 100%; z-index: 1002;}
nav.main li:hover .sh_r, nav.main li.hovered .sh_r, nav.main li.active .sh_r{ background: url(../images/bg_navi_shadow_r.png) no-repeat; float: left; position: absolute; right: 0; top: 2px; width: 8px; height: 100%; z-index: 1002;}
nav.main li{ background: url(../images/bg_navi_limit.png) no-repeat right center; }
nav.main li.last{ background: none; }


nav.main ul.submenu{ white-space:nowrap; box-shadow: inset 0px -10px 15px #014857; z-index: 1000; position: absolute; top: 40px; *top: 42px; left: 0; float: left; padding: 10px; background: #02657b; color: #ffc11d; display: none; }
nav.main li:hover ul.submenu, nav.main li.hovered ul.submenu { display: block;}
nav.main ul.submenu li{ display: table-block; background: none; float: none; clear: both; float: left;}
nav.main ul.submenu a{ clear: both; float: left; font-size: 14px; color: #ffc11d; margin: 0; padding: 0 10px 0 15px; background: url("../images/bullet_submenu.png") no-repeat left 9px;}
nav.main ul.submenu a:hover, nav.main ul.submenu a.active{ color: #fff; background: url("../images/bullet_submenu_active.png") no-repeat left 9px;}


.player{ position: relative; z-index: 1; margin: 10px 0; width: 100%; float: left; height: 331px;}
.player .sections{ width: 933px; height: 331px;float: left; overflow: hidden; position: relative;}
.player .sections_wrap{ width: 2000em; height: 331px; position: absolute; top: 0; left: 0;}
.player .sections section{ float: left; height: 331px;}
.player h2{ color: #ffc600; text-shadow: 1px 1px 1px #02657b; font-size: 25px; line-height: 30px; font-weight:normal;:}
.player p{ color: #fff; font-size: 15px; line-height: 20px; text-shadow: 1px 1px 1px #005669;}
.player .content{ width: 405px; padding: 0 30px 0 20px;}
.player .controls{ width: 30px; height: 78px; background: url(../images/icons_player_navi.png) no-repeat top left; margin: 108px 0 0;}
.player .disabled { background: none;}
.player .next{ background-position: right top;}
.player .controls:hover{ background-position: bottom left;}
.player .next:hover{ background-position: bottom right;}
.player .image{ padding: 0 0 11px; background: url(../images/shadow_player.png) no-repeat bottom center; margin: 0 15px;}


#body{ padding: 0 31px 0 32px; float: left; width: 933px;}
#body .boxi{ width: 100%; float: left;}
#body .boxi .central{ margin: 0 16px;}
section.box{ width: 300px; float: left;}
section.box h2{ border-bottom: 1px solid #0092a5; padding: 0 0 4px 0;}
section.box h2 a{ font-size: 20px; text-decoration: none; color: #000;}
section.box h2 a:hover{ text-decoration: underline;}
section.box p a{ padding: 0 10px 0 15px; font-weight: bold; font-size: 11px; background: url("../images/bullet_blue.png") no-repeat left 3px; color: #0092a5; text-decoration: underline;}
section.box p a:hover{ text-decoration: none;}
.banners{ position:relative; float: left; margin: 20px 0 0; padding: 14px 0; height: 39px; width: 100%; background: url(../images/bg_logotipi.png) no-repeat; position: relative; overflow: hidden; }
.banners_mask_l{ position: absolute; top: 0; left: 0; float: left; width: 50px; height: 79px; background: url(../images/mask_banners_l.png) no-repeat; z-index: 1000;}
.banners_mask_r{ position: absolute; top: 0; right: 0; float: left; width: 50px; height: 79px; background: url(../images/mask_banners_r.png) no-repeat; z-index: 1000;}
.banners a{ margin: 0 10px; text-decoration: none;}
.banners li{ float: left;}


.podstran .player{padding: 0 31px 0 32px; width: 933px; float: left; height: 48px; margin: -7px 0 0;}
h2.slogan{ color: #fff; font-size: 24px; margin: 0; padding: 0;}

.podstran #body h1{ border-bottom: 1px solid #0092a5; padding: 0 0 4px 0; color: #02657b; font-size: 20px;}

.podstran .menu_side { width: 231px; float: left; background: url(../images/bg_side_menu.jpg) no-repeat; min-height: 300px; padding: 20px;}
.menu_side li a{ font-size: 14px; color: #000; background: url("../images/bullet_blue.png") no-repeat left 3px; padding: 0 0 0 15px; text-decoration: none;}
.menu_side li{ padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.menu_side li a:hover, .menu_side li a.active{ font-size: 14px; color: #0092a5;}
.menu_side h3{ font-size: 20px; color: #000; border-bottom: 1px solid #0092a5;}
.menu_side .kontakt { background: url(../images/image_kontakt.png) no-repeat right 40px;}
.podstran .body_content { float: left;width: 612px; padding: 20px 20px 0 30px;}

.body_content ul li { background: url("../images/bullet_blue.png") no-repeat scroll left 5px transparent; padding: 0 0 0 15px}

footer{ width: 933px; padding: 5px 31px 15px 32px; float: left;}
footer, footer a, footer p{ color: #9e9e9e; text-decoration: none; font-size: 11px; }
footer a img{ float: right; margin: 3px 0 0 3px;}

.gallery {float:left; background:url(../images/gallery.jpg) no-repeat; width:610px;}
	.gallery .prev {float:left; width:20px; height:25px; margin:31px 5px 0 0; cursor:pointer;}
	.gallery .next {float:left; width:20px; height:25px; margin:31px 5px 0 0; cursor:pointer;}
	.gallery .scrollable {float:left; position:relative; overflow:hidden; width:560px; height:100px;}
		.gallery .scrollable .items {position:absolute; width:2000em; height:100px;}
			.gallery .scrollable .items div {float:left;}
				.gallery .scrollable .items div a {float:left; border:1px solid #129aab; padding:2px; margin:13px 14px 11px;}
					.gallery .scrollable .items div a img {float:left;}
					
.jobs { float: left;
margin-left: -20px;
margin-top: 20px; }