/*------------------ CSS APLIED TO THE MAIN CONTAINER ------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*--------------------------------------------------------------------------*/



ul{
	padding:0px;
}

p{
	margin-bottom:0px;	
	line-height:15px;
}

body.index {
	margin: 0px;
	padding: 0px;
	background: url(../images/body.png) repeat-x #c7c7c7;
	text-align: center;
	font-family: "Tahoma", Geneva, sans-serif;
	font-size: 12px;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/index_body_bg_podstran.png) repeat-x #c7c7c7;
	text-align: center;
	font-family: "Tahoma", Geneva, sans-serif;
	font-size: 12px;
}

img { border: none; }

div.container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

h4{
	font-size:14px;
	color:#a40c27;
}



/* HEADER */

div.header {
	height: 132px;
	width: 850px;
}

.header_logo {
	width: 186px;
	height: 132px;
	float:left;
}

.logolink {
	margin-top: 51px;
}

.header_desno {
	height: 132px;
	width: 664px;
	float:left;
}

.desno_zgori {
	width: 664px;
	float:left;
	height: 30px;
}

.jezik {
	float:right;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 5px;
}

a.jezika, a.jezika:visited {
	color: #87b1d6;
	text-decoration: none;
	font-weight: bold;
}

a.jezika:hover {
	text-decoration: underline;
}

a.jezikn, a.jezikn:visited {
	color: #000;
	text-decoration: none;
}

a.jezikn:hover {
	text-decoration: underline;
}

.desno_spodi {
	width: 664px;
	float:left;
	height: 102px;
}

/* NAVIGACIJA */

.navigation_container{
	width: 600px;
	margin-top: 45px;
	margin-left: 40px;
}

.nav_spacer {
	float:left;
	margin-left: 10px;
	height: 55px;
}

/* MODERR PAS */

div.moder {
	height: 267px;
	width: 850px;
}

div.moderindex-levo {
	width: 433px;
	height: 267px;
	float:left;
}

.moderindex_zgori {
	height: 243px;
	float:left;
	width: 100%;
	text-align:left;
}

p.bela { color:#fff; font-size: 13px; margin-left: 20px; }

h1.bela { color: #fff; font-size: 22px; font-weight: bold; margin-left: 20px; margin-top: 35px; }

ul.bela { float:left; display:inline;list-style-position:outside; color: #fff; font-size: 13px; margin-left: 30px; margin-top: 15px; }

.moderindex_spodi {
	height: 24px;
	float:left;
	background: url(../images/svetlomodra.png) no-repeat;
	width: 100%;
}

div.moderindex-desno {
	width: 417px;
	height: 267px;
	background: url(../images/podlaga.png) no-repeat;
	float:left;
}

.animation_container {
	margin-top: 25px;
	margin-left: 60px;
	display:inline;
	float:left;
}


/* INDEX VSEBINA */

div.index_content {
	width: 850px;
	height: 371px;
	margin-bottom: 15px;
}

.index_content-levo {
	width: 433px;
	background: #dedede;
	float:left;
	text-align: left;
}

h2.modra { color: #3b678e; font-size: 18px; font-weight: bold; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }

h2.modra a { color: #3b678e; text-decoration:none; }

h2.modra a:hover { color: #000000; }

p.enajst { font-size: 11px;  margin-left: 20px; margin-top: 5px; }

.spacer { background: url(../images/spacer.png) no-repeat; width: 411px; height: 10px; }

.index_content-desno {
	width: 410px;
	height: 100%;
	float:left;
	background: url(../images/bg_fade.png) repeat-y left;
	margin-left: 2px;
	margin-right: 5px;
}

.ic-desno_1 {
	width: 250px;
	height: 100%;
	float:left;
	text-align: left;
}


h1.siva { color:#404040; font-size: 24px; font-weight:bold; margin-left: 30px; margin-top: 30px; }

a.modra{
    color: #3b678e;
    font-weight:bold;
}

a.modra:hover{
    text-decoration:none;
    color:#000000;
}


a.materiali_link{
	color:#404040;
	text-decoration:none;
}

a.materiali_link:hover{
	color:#3b6081;
	text-decoration:none;
}

a.link{
	color:#66030f;
}

a.more_link{
    color:#3B678E;
    text-align:right;
    display:block;
    margin-right:10px;
    text-decoration:none;
}

a.more_link:hover{
    text-decoration:underline;
}

a.first_link{
    margin-bottom:0px;
    margin-top:5px;
}


p.modravecja { color: #3b6081; font-size: 13px; font-weight: bold; margin-left: 30px }

.ic-desno_2 {
	width: 140px;
	height: 100%;
	float:left;
	margin-left: 20px;
}

.moder_box {
	float:left;
	height: 140px;
	width: 100%;
	margin-top: 35px;
}

.moder_box-bg { background: url(../images/moder_box.png) no-repeat; width: 118px; height: 121px; margin-left: 10px; padding-top: 40px; padding-left: 20px; text-align:left; }

.moder_box_podstran .siv_bg {background: url(../images/siv_box.png) no-repeat; }

.siv_box {
	float:left;
	height: 140px;
	width: 100%;
}

.siv_box-bg { background: url(../images/siv_box.png) no-repeat; width: 118px; height: 121px; margin-left: 10px; text-align:left; padding-top: 35px; padding-left: 15px; }


/* PODSTRAN */

.moder_podstran { 
	width: 850px;
	height: 214px;;
}

.moder_podstran-levo {
	float:left;
	width: 220px;
	height: 100%;
}

.submenu,              
.submenu_povprasevanje,
.submenu_struktura{
	background: url(../images/submenu_bg.png) no-repeat;
	float:left;
	width: 186px;
	height: 100%;
	text-align:left;
}

.submenu_povprasevanje {
	background: url(../images/bg_povprasevanje.png) no-repeat;
}

.submenu_struktura{
    background: url(../images/bg_nacrt_strani.gif) no-repeat;
}
.moder_podstran-desno {
	float:left;
	width: 630px;
	height: 100%;
}

.galerija {
	width: 612px;
	height: 158px;
	margin-top: 20px;
	margin-left: 10px;
}

.galerija-levo { 
	float:left;
	width: 25px;
	height: 100%;
}

.galerija-sredina {
	float:left;
	height: 100%;
	width: 562px;
	background: url('../images/gal_bg_sredina.png') no-repeat top;
}

#galerija .galerija_content img{
    margin-top:20px;
    margin-left:5px;
}

#galerija img.first_lightbox{
    margin-left:0px;
}

.galerija_content {
	width: 520px;
	height: 100%;
	margin-left: 22px;
	background: url('../images/gal_bg_test.png') repeat-x top;
}

.galerija_image {
	width: 159px;
	height: 104px;
	float:left;
	margin-left: 10px;
	margin-top: 20px;
	display: inline;
}

.galerija-desno {
	float:right;
	width: 25px;
	height: 100%;
}

div.podstran_content {
	width: 100%;
}

.levimenu {
	height: 100%;
	width: 186px;
	background: #dedede;
	float:left;
}

h2.section {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-top: 12px;
	margin-left: 15px;
}

.moder_box_podstran {
	float:left;
	height: 120px;
	width: 168px;
	margin-top: 15px;
	padding-bottom:20px;
}

.moder_box_podstran-bg { background: url(../images/moder_box.png) no-repeat; width: 118px; height: 121px; margin-left: 35px; text-align:left; padding-left: 20px; padding-top: 38px; }

.box-nase_prednosti a { color: #fff; font-size: 16px; font-weight: bold; text-decoration:none; }
.box-nase_prednosti a:visited { color: #fff; font-size: 16px; font-weight: bold; text-decoration:none; }
.box-nase_prednosti a:hover { color: #fff; font-size: 16px; font-weight: bold; text-decoration:underline; }



.siv_box-bg a { color: #fff; font-size: 16px; font-weight: bold; text-decoration:none; }
.siv_box-bg a:visited { color: #fff; font-size: 16px; font-weight: bold; text-decoration:none; }
.siv_box-bg a:hover { color: #fff; font-size: 16px; font-weight: bold; text-decoration:underline; }

.materiali {
	margin-top: 20px;
	margin-left: 10px;
	text-align:left;
	width: 168px;
}

h1.sivamateriali { color:#404040; font-size: 24px; font-weight:bold; margin-left: 10px; margin-top: 10px; }

p.modravecjamateriali { color: #3b6081; font-size: 13px; font-weight: bold; margin-left: 10px }


.vsebina {
	float:left;
	height: 100%;
	width: 664px;
}

.vsebina-txt {
	margin-top: 35px;
	margin-left: 45px;
	text-align:left;
}

ul.large,
ul.large_bela {
	font-size: 	12px;
	margin-top: 15px;
	margin-bottom: 25px;
	list-style-position:outside;
	margin-left:30px;
}

ul.large_bela{
    color:#ffffff;
    margin-bottom:0px;
}

ul.large_bela li{
    margin-top:5px;
}



ul.large li {
	margin-top:5px;
}

h2 { font-size: 24px; font-weight: bold; color: #3b678e; }
p.text { line-height: 18px; }

/* SIDE MENU LEVO */

.neaktiven { line-height: 26px; font-weight: bold; padding-left: 15px; cursor: pointer; }

.neaktiven a { color: #000; text-decoration: none; }
.neaktiven a:visited { text-decoration: none; color: #000; }
.neaktiven a:hover {text-decoration: underline; }

.aktiven a { color: #000; text-decoration: none; }
.aktiven a:visited { text-decoration: none; color: #000; }
.aktiven a:hover {text-decoration: underline; }

.aktiven { background: #e8eef3; line-height: 26px; font-weight: bold; padding-left: 15px; cursor: pointer; }

/* FOOTER */

div.footer {
	background: url(../images/footer.png) repeat-x;
	height: 118px;
	width: auto;
	clear:both;
}

div.footer_content {
	width: 850px;
	height: 118px;
	margin-left: auto;
	margin-right: auto;
}

div.footer_1 {
	width: 100px;
	height: 118px;
	float:left;
}

.footer_naslov {
	color: #c7c7c7;
	font-size: 10px;
	text-align:left;
	margin-top: 20px;
	margin-left: 5px;
}

div.footer_2 {
	float:left;
	width: 15px;
	height: 118px;
	background: url(../images/spacer_footer.png) no-repeat;
}

div.footer_3 {
	float:left;
	width: 150px;
	height: 118px;
}

.footer_kontakt {
	font-size: 10px;
	color: #C7C7C7;
	margin-top: 20px;
}

a.footermail, a.footermail:visited {
	text-decoration: none;
	color:#C7C7C7;
	margin-left:7px;
	margin-right:7px;
}

a.footermail:hover {
	text-decoration:underline;
}

div.footer_4 {
	float:left;
	width: 585px;
	height: 118px;
}

.footer_nav {
	float:right;
	color: #5e8cb6;
	font-size: 10px;
	margin-top: 20px;
	margin-right: 5px;
}

.more_info{
	margin-top:20px;
	margin-bottom:20px;
	width:410px;
}

.more_info a{
	display:block;
	width:auto;
	padding-left:55px;
	line-height:40px;
	color:#3B678E;
	font-weight:bold;
	background:url(../images/info_icon.gif) no-repeat left;
}

.more_info a:hover{
	text-decoration:none;
}

.prednosti_area{
	float:left;
	width:180px;
}

.prednosti_area ul.prednosti{
	font-size: 	12px;
	margin-top: 10px;
	margin-bottom: 25px;
	list-style-position:inside;
	margin-left:15px;
}


h3.arrow{
	padding-left:30px;
	background:url(../images/arrow.gif) no-repeat left;
	line-height:20px;
	font-size:14px;
}

h3.top_left{

	margin-left:10px;
	margin-bottom:0px;
	font-size:12px;
	padding-left:20px;
	background:url(../images/arrow_top_left.gif) no-repeat left;
}

h4.izkusnje_in_znanja{
	padding-left:50px;
	line-height:40px;
	background:url(../images/izkusnje_in_znanja.gif) no-repeat left;
}

h4.razvoj{
	padding-left:50px;
	line-height:40px;
	background:url(../images/tehnoloski_razvoj.gif) no-repeat left;
}

h4.odnosi{
	padding-left:55px;
	line-height:40px;
	background:url(../images/poslovni_odnosi.gif) no-repeat left;
}

.uvodna_program_area{
	width:425px;	
}

.uvodna_program_area .levo_text{
	float:left;
	width:330px;
}

.uvodna_program_area .desno_slika{
	float:left;
	margin-left:10px;
	width:80px;
	display:inline;
}

.vsebina-txt .nastevanje_area{
	width:100%;
	height:35px;
}

.vsebina-txt .last_nastevanje{
	margin-bottom:25px;
}

.vsebina-txt .stevilka{
	float:left;
	width:30px;
	height:35px;
}

td.stevilka{
	font-size:27px;
	font-weight:bold;
	color:#A40C27;
	margin:0px;
	line-height:30px;
}

.vsebina-txt .nastevanje_text{
	float:left;
	margin-left:5px;
	width:574px;
	height:35px;
}

.vsebina-txt .nastevanje_text p{
	margin:0px;
}


td.history_left{
    font-size:12px;
    color:#ffffff;
    background:#204b71;
}

td.history_right{
    font-size:12px;
    background:#f4f3f3;
}

.vsebina .tabela_history{
	width:600px;
}

.vsebina .tabela_history .letnice{
	float:left;
	margin-top:2px;
	width:50px;
	height:40px;
	background:#204b71;
	
}



p.okvir{
	padding:10px;
	background:#133c61;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:20px;
}

#intro{

	width:100%;
	margin-bottom: 25px;
}

.intro{

	width:100%;
}



.intro_left{
	float:left;
	width:210px;
}

#intro .intro_left p.levo{
	float:left;
	margin-top:1px;
	margin-bottom:0px;
	padding-left:5px;
	padding-bottom:0px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	width:205px;
	height:20px;
	background:#204B71 ;
}

.intro_right{
	float:left;
	width:380px;
}

.intro_right a{
	color:#148992;
}

#intro .intro_right p.desno{
	float:left;
	margin-top:1px;
	margin-bottom:0px;
	margin-left:2px;
	display:inline;
	color:#000000;
	font-size:12px;
	line-height:20px;
	height:20px;
	width:380px;
	background:#efefef;
	padding-bottom:0px;
	padding-left:5px;
}

span.margin_intro{
	margin-left:5px;
	display:inline;
	float:left;
}

.obrazec {
	margin-bottom: 30px;
}

.vsebina .obrazec p.text{
	margin-top:5px;
}

.map_area{
	margin-bottom:25px;
}

.map_area p{
	margin-top:5px;
}

/* STRUKTURA strani */

ul.struktura {
	font-size: 14px;
	color: #000;
	margin-left: 20px;
}

ul.struktura a {
	text-decoration: underline;
	color: #000;
}


a.struktura {
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	width: 92%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}