@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

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

@font-face {
    font-family: 'sanuk-boldregular';
    src: url('font/sanukbold-webfont.eot');
    src: url('font/sanukbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sanukbold-webfont.woff') format('woff'),
         url('font/sanukbold-webfont.ttf') format('truetype'),
         url('font/sanukbold-webfont.svg#sanuk-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
body {
	/*background-color: #ecfbfb;*/
	//text-align:center;
	 font-family: verdana;
}

div.container {
	margin: 0 auto;
	max-width:976px;
}

.naslov {
	float:left;
	font-size:23px;
	padding:0%;
}

.naslov a {
	text-decoration:none;
	font-weight:bold;
	color:black;
}

a:hover {color:#7f7f7f;}
a {color:black; text-decoration:underline;}

nav {background:#FFF;float:left;margin:0;padding:0.5% 0%;font-size:15px;}
nav ul {margin:0;padding:0;text-align:left;}
nav ul li {float:left;display:inline;padding:0 10px;}
nav ul li:hover {}
nav ul li a {display:block;color:black;text-decoration:none;}
nav ul li ul {position:absolute;width:200px;background:white;font-size:14px;border:1px solid black;}
nav ul li ul li {padding: 5px 5px; margin:0px 0px;width:190px;}
nav ul li ul li:hover {background:black;}
nav ul li ul li a {display:block;color:black;}
nav ul li ul li:hover a {color:white;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;z-index:10;}


.glava {
	height:50px;
	background-color:white;
	width:100%;
	z-index:3;
	max-width:976px;
	padding:20px 0 0 0;
}

.central {
	display: block;
	margin: 0 auto;
	width:100%;
	padding-top:0px;
}

.vsebina {
	width:100%;
	padding:0%;
	float:left;
}


.shoutbox {
	width:250px;
	margin: 0 70px 0 0; 
	padding:0%;
	height:250px;
	float:left;
	display:block;
}

h2 {
	font-size:1.1em;
}

.shoutbox h2 {
	font-size:1.2em;
}



.central h1 {
	font-size:1.3em;
}

.central h1 a{
	text-decoration:none;
}



.central h3 {
	
	font-size:0.75em;
}

.central h4 {
	font-size:1em;
}

.central h2 a{
	text-decoration:none;
	
}

.glava a img {
	border:none;
}


.glava img{
	width:800px;
	display:block;
	margin:auto;
	padding-bottom:20px;	
}


div.slika_instruktorja a:hover {
	text-decoration: underline;
}


.naslov {
	float:left;
}

.central p {
	margin-top:0px;
	font-size:15px;
	text-align:left;
}

.central ul li{
	
	font-size:15px;
	text-align:left;
}

.shoutbox p {
	font-size:0.9em;
	text-decoration:none;
}

input {
	width:150px;
	background-color:#EFEFEF;
	border:0;
	font-size:14px;
	padding:3px;
}

select {
	background-color:#EFEFEF;
	border:0;
	font-size:15px;
	padding:2px;
}


.shoutbox input {
	padding:3px;
}

.shoutbox input.tekst {
	height:50px;
}

.stolpci {
	height:250px;
	clear:both;
}

.footer{
	color:#888888;
	font-size:10px;
	height:70px;
	text-align:center;
	margin-top:15px;
	clear:both;
}

.footer p {
	font-size:13px;
	text-align:center;
	color:gray;
}

.footer a img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:20px;
	border:none;
}


iframe {
	border:0;
	display:block;
	clear:both;
	display:inline;
}

address{
	font-size:15px;
	font-style:normal;
}

span.tanek {
	font-weight:normal;
}

span.debel {
	font-weight:bold;
}

div.paket {
	width:230px;
	padding:5px;
	float:left;
}

div.obrazec {
	float:left;
	margin:10px;
}

div.izracun {
	float:left;
	margin:10px;
}

div.referencar {
	width:160px;
	float:left;
	height:300px;
	font-size:12px;
	margin:15px;
}

div.referencar h4 {
	font-size:12px;
}

div.opisreference {
	height:30px;
	font-style:italic;
}

div.instruktorjipredmeta {
	padding:10px;
	width:280px;
	border: 1px solid #EFEFEF;
	float:left;
	margin:10px 15px 10px 0;
	height:185px;
}

div.instruktorjipredmeta  h4{
	margin:0;
}
div.opisreference {
	min-height:115px;
	margin-right:5px;
}

span.komentar-up, span.tadejrot {
	font-size:14px;
}

div.shoutbox input{
	padding:5px;
}

div.shoutbox input#email {width:170px;} 

/* html5/CSS3 galerija*/
div#captioned-gallery { 
	width: 100%; 
	overflow: hidden; 
	margin-top:10px;
	margin-bottom:15px;
}
figure {
	margin: 0;
}

figure.slider {
	position: relative; 
	width: 500%;
	font-size: 0; 
	animation: 15s slidy infinite;
}
figure.slider figure {
	width: 20%; 
	height: auto;
	display: inline-block;
	position: inherit;
}

figure.slider figure img {
	float: left; 
	width:100%;
}


figure.slider figure figcaption { 
  position: absolute; 
  bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; 
  width: 100%;
  font-size: 1rem; 
  padding: .6rem; 
}

div.neviden {display:none;}