/* 
AUTHOR
================================
Rok Samsa, SIA reťitve
040 264 162
rok.samsa@gmail.com, http://roksamsa.com
http://www.siasolutions.eu
*/

/* HTML ======================== */
* {margin:0; padding:0;}
html{height:100% !important; height:auto;}
body {width:100%; height:100%; background:url(../img/bg.png) repeat; font-family: 'UbuntuRegular', Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000; height:100% !important; position:relative; font-size:14px;}
.clr {clear:both; float:none !important; margin:0; padding:0;}

table {border-spacing:0; border-collapse:collapse;}
table td{vertical-align:top; margin-bottom:5px;}


/* SELECT TEXT ========================*/
::selection {background: #424242; color:#ffffff;}
::-moz-selection {background: #424242; color:#ffffff;}


/* TYPOGRAPHY ======================== */
h1 {color:#424242; margin-bottom:30px; font-size:30px;}
h2 {color:#424242; margin-bottom:5px; font-size:24px;}
h3 {color:#424242; margin-bottom:5px; font-size:18px;}
h4 {color:#424242; margin-bottom:5px; margin-top:11px; font-size:15px;}
p {color:#424242;  margin:10px 0;}
a {color:#d9261c; text-decoration:none; outline: none;}
a:hover {color:#272727;}
img {border:0 none;}

ul li {vertical-align:top; color:#424242;}
.right-vsebina .category-desc ul {margin-top:0;}

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


.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/* PAGE ======================== */
#stran {margin:0 auto; min-height:100%; position:relative;}
.page {width:960px; margin:0 auto;position:relative;}
#glava1 {margin-top:10px; height:145px;}
#glava {height:145px; position:relative; width:960px; margin:0 auto; margin-top:10px;}
#glava-levo {float:left; width.190px;}
#glava-desno {float:right; width:770px;}


/* TOP MENU ======================== */
#top-menu {font-size:12px; text-transform: lowercase; height:20px; float:right; margin-bottom:35px;}
#top-menu  ul li {float:left; list-style:none;}
#top-menu  ul li a {padding:3px 0 3px 22px; color:#2F3690;}


/* MAIN MENU ======================== */
#main-menu {font-family: 'arfmoochikncheezregular', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:28px; text-transform: uppercase; height:50px; float:right;}
#main-menu  ul li {float:left; list-style:none;}
#main-menu  ul li a:hover {color:#fff;} 

.aMainMenuHover {
	background:url(../img/menu-button.png) no-repeat;
	color:#ffffff;
	float: left;
	padding:6px 10px 10px 20px;
}
.aMainMenuOut {
	background:none;
	color:#2F3690;
	float: left;
	padding:6px 10px 10px 20px;
}
#main-menu  .arrow {background:url(../img/menu-button-arrow.png) no-repeat; width:24px; height:20px; display:inline-block; }

#main-menu  ul li ul li{list-style:none; font-family: Arial, Helvetica, sans-serif; float:none;}
#main-menu  ul li ul li a {padding:9px 10px 9px 20px; background:none; color:#2F3690;}
#main-menu  ul li ul li a:hover {background:none;}

#main-menu ul li .sub-menu {display:none; position:absolute; padding:0; z-index:9999; width:259px; height:0px; margin:42px 0 0 0; z-index:99999;}
#main-menu ul li a:hover .sub-menu {height:400px;}
#main-menu ul li .sub-menu ul {font-size:16px; text-transform: none; background:#2F3690; width:100%; height:auto;}
#main-menu ul li .sub-menu ul li {padding:0;}
#main-menu ul li .sub-menu ul li a {color:#ffffff; float:none; display:block; padding:5px 10px;} 
#main-menu ul li .sub-menu ul li a span { border-bottom: 1px solid #787CB3; display:block; } 
#main-menu ul li .sub-menu ul li a span:hover { color: #fdb915; } 
/*#main-menu ul li .sub-menu ul li a span.arrow { background:url(../img/menu-button-arrow_small.png) no-repeat; display:inline-block; width:15px; height:13px; } */
#main-menu ul li .sub-menu-vrh {background:url(../img/submenu-top.png) no-repeat; height:9px; width:100%;}
#main-menu ul li .sub-menu-dno{background:url(../img/submenu-bottom.png) no-repeat; height:9px; width:100%;}


/* SREDINA ======================== */
#sredina {background:url(../img/bg-image.png) no-repeat 50% -10px; width:100%;}
.vsebina #sredina {background:url(../img/bg-image.png) no-repeat 50% -10px; height:auto; width:100%;}
#sredina-vrh, #sredina-vrh2 {background:url(../img/middle-top.png) no-repeat; height:29px; width:960px;}
#sredina-vsebina, #sredina-vsebina2 {background:url(../img/middle-content.png) repeat-y; width:960px; position:relative;}
#sredina-dno, #sredina-dno2 {background:url(../img/middle-bottom.png) no-repeat; height:29px; width:960px;}

#sredina-levo {float:left; padding:0 20px; width:185px;}
#sredina-levo h2 {color:#2F3690; font-size:21px;}
#sredina-levo ul {margin-left:20px;}
#sredina-levo ul li {color:#E6E6E6;}
#sredina-levo ul li:hover {color:#FB5F26;}
#sredina-levo  a {color:#2F3690;}
#sredina-levo a:hover {color:#FB5F26;}

#sredina-levo .modul {margin-bottom:20px;}
#sredina-levo .modul h2 {font-size: 14px;}
#sredina-levo .modul ul {font-size: 11px;}
#sredina-levo .modul ul li {padding-bottom: .5em; line-height: 1.5em;}
#sredina-levo .modul .activeLink {color:#FB5F26}

#sredina-desno {float:right; width:665px; padding:0 30px 0 40px; background:url(../img/left-right-divider.png) left top no-repeat;}
#sredina-desno h1 {color:#2F3690; font-size:24px;}
#sredina-desno ul {margin-left: 20px;}
#sredina-desno ul li {margin-top: 10px;}

#sredina-slika, #sredina-slika2 {height:274px; width:547px; float:left; padding:7px 10px 0 20px; position:relative; overflow:hidden;}
#sredina-slika img {background:url(../img/slideshow-shadow.png) no-repeat; width:547px; height:auto;}
.slika-shadow {background:url(../img/slideshow-shadow.png) no-repeat; height:274px; width:547px; position:absolute; left:20px;}

#sredina-separator, #sredina-separator3 {height:291px; width:24px; background:url(../img/middle-shadow-divider.png) no-repeat; float:left;}
#sredina-separator2 {height:200px; width:20px; background:url(../img/left-right-divider.png) no-repeat; float:left;}

#sredina-novice {float:left; width:339px;}

#sredina-novice h1, #sredina-novice2 h1 {font-family: 'arfmoochikncheezregular', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:30px; color:#2F3690; margin-bottom:15px;}
#sredina-novice ul li, #sredina-novice2 ul li {list-style:none; margin-top:9px;}
#sredina-novice ul li h2, #sredina-novice2 ul li h2 {font-size:18px; font-weight:normal;}
#sredina-novice ul li a, #sredina-novice2 ul li a {color:#2F3690; display:block;}
#sredina-novice ul li a:hover, #sredina-novice2 ul li a:hover {color:#FB5F26;}
#sredina-novice ul li a .datum, #sredina-novice2 ul li a .datum {color:#424242; display:block; font-size:12px;}

.seznam-slik {position:absolute; right:410px; bottom:-3px; z-Index:10000; }
.seznam-slik ul li {background:url(../img/slideshow-ball-hover.png) no-repeat; height:30px; width:30px; list-style:none; float:left;}
.seznam-slik ul li:hover {background-position:-30px 0;}
.seznam-slik ul li.active {background-position:-30px 0;}

#sredina-novice-vec, #sredina-novice-vec2 {position:absolute; background:url(../img/more-button.png) no-repeat; right:0px; bottom:-30px; width:204px; height:34px;}
#sredina-novice-vec:hover, #sredina-novice-vec2:hover {background-position:0 -34px;}
#sredina-novice-vec a, #sredina-novice-vec2 a  {display:block; COLOR:#FFFFFF; text-align:right; padding:6px 6px 0 0;}

#breadcrumbs {font-size:12px; color:#FB5F26; padding-bottom:10px; margin-top:-110px;} 
.vsebina #breadcrumbs {font-size:12px; color:#FB5F26; padding-bottom:20px; margin-top:0px;} 
#breadcrumbs a {color:#2F3690;}
#breadcrumbs a:hover {color:#FB5F26;}


/* POVEZAVE ======================== */
#povezave {padding-bottom:110px;}
#povezave-vrh {background:url(../img/footer-links-top.png) no-repeat; width:960px; height:26px;}
#povezave-dno {background:url(../img/middle-bottom.png) no-repeat; width:960px; height:30px;}
#povezave-vsebina {background:url(../img/footer-links-content.png) repeat-y; width:920px; height:100%; padding:10px 20px;}

.stoplec {float:left; width:300px; margin-right:30px; border-right:1px solid #E6E6E6; color:#E6E6E6;}
.stoplec-right {float:left; width:200px; margin-right:10px; color:#E6E6E6;}

#povezave ul {margin-left:27px;}
#povezave ul li {color:#E6E6E6;}
#povezave ul li:hover {color:#FB5F26;}
#povezave h3 {color:#2F3690;}
#povezave a {color:#2F3690;}
#povezave a:hover {color:#FB5F26;}

/* NOGA ======================== */
#noga {position:absolute; bottom:0; width:100%; color:#ffffff; font-size:12px;}
#noga-vrh {background:url(../img/footer-top.png) top repeat-x; width:100%; height:37px;}
#noga-vsebina {background:#2F3690; width:100%; height:50px;}

#noga-levo {float:left; padding-top:12px;}
#noga-desno {float:right;}

#iskanje-vnos {background:url(../img/search-frame.png) 0 100% no-repeat; height:26px; width:200px; border:none; color:#ffffff; padding:4px;}
#iskanje-gumb {background:url(../img/search-icon.png) no-repeat; height:26px; width:23px; border:none; cursor:pointer;}

.kontakt-vnos {background:url(../img/form-input.png) 0 100% no-repeat; height:26px; width:200px; border:none; color:#424242; padding:4px; margin-bottom:5px;}
.kontakt-besedilo-vrh {background:url(../img/kontakt-vrh.png) no-repeat; height:8px; width:100%;}
.kontakt-besedilo-dno {background:url(../img/kontakt-dno.png) no-repeat; height:8px; width:100%;}
.kontakt-besedilo-vsebina {border-left:2px solid #313131; border-right:2px solid #313131;}
.kontakt-besedilo-vsebina .kontakt-besedilo {max-width:98%; width:98%; border:0 none; padding:1%; font-family: Arial, Helvetica, sans-serif; color:#424242;} 

.gumb {cursor:pointer; background:url(../img/button.png) no-repeat; height:29px; width:164px; border:0 none; text-align:right; padding:0 10px; color:#FFFFFF;}
.gumb:hover {background-position: 0 -29px; height:29px; width:164px; border:0 none; text-align:right; padding:0 10px; color:#FFFFFF;}

.iskanje-vnos {background:url(../img/search-frame.png) 0 100% no-repeat; height:26px; width:200px; border:none; color:#ffffff; padding:4px;}

.intro { padding-bottom: 25px; }
div.date { font-size: 11px; }

.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.image_carousel a {
	display: block;
	float: left;
}
textarea {
	width: 400px;
	height: 250px;
}

/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}

/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.formular {
	font-size: 12px;
}

div.vpis-link {
	float:left;
	margin-left: 34px;
}

div.strokovni-clanki {
	float: right;
}

div.vpis-link a,
div.strokovni-clanki a {
	font-family: 'arfmoochikncheezregular', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-transform: uppercase;
	color:#FC5F25;
}

div.vpis-link a:hover,
div.strokovni-clanki a:hover {
	color:#2F3690;
}

.pokrovitelji {
	width: 960px;
	margin: 10px auto 0px auto;
	text-align: center;
	line-height: 5em;
}
/*
#top-menu .last a {
	color:#FC5F25;
}
*/
div.facebook {position: absolute;top:0;left:220px;}

div#share {
	position: absolute;
	width: 60px;
	top: 4px;
	right: -100px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

div#share .addthis_button_expanded, .addthis_button_compact {
	margin: 0 auto;
}

div#share .separator {
	overflow: hidden;
	height: 16px;
	width: auto;
}

div#certifikat {
	position: absolute;
	width: 120px;
	top: 8px;
	left: -160px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

.shadow1 {
	-moz-box-shadow: 0px 0px 6px -1px #333;
	-webkit-box-shadow: 0px 0px 6px -1px #333;
	box-shadow: 0px 0px 5px 1px #333;	
}

.anketa-row {
	margin-bottom: 16px;
}

	.anketa-vprasanje {
		float: left;
		width: 45%;
	}
	
	.anketa-odgovor {
		float: right;
		width: 45%;
	}

.poudarjeno {
    border: 1px solid #009933;
    background-color: #CCFFCC;
    padding: 6px;
  }