/*
	slideshow.css 
	
	(c) Runtime Oy
	www.runtime.fi
*/

/* Koko slider */
#vslider {padding:0px; margin:0px; width:100%;}

/* Sliderin vakiokorkeudet */
#vslider {height:350px;}
@media (max-width:1024px) {#vslider {height:310px;}}
@media (max-width:980px) {#vslider {height:280px;}}
@media (max-width:800px) {#vslider {height:250px; padding:0px;}}
@media (max-width:760px) {#vslider {height:230px;}}

/* Latausruutu */
#vslider .loading {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	
	z-index:5;
	background-image:url(../../../images/loading2.gif);
	background-repeat:no-repeat;
	background-position:center center;
	
	display:none;
}

/* Seuraava ja edellinen -napit */
#vslider #prev, #vslider #next {
	background:#000;
	background:rgba(100,100,100,0.6);
	
	display:inline-block;
	padding:40px 25px;
	
	position:absolute;
	top:50%;
	margin-top:-47px;
	
	z-index:200;
}
@media (max-width:1200px) {#vslider #prev, #vslider #next {padding:40px 15px;}}
#vslider #prev {left:0%;}
#vslider #next {right:0%;}
#vslider #prev:hover, #vslider #next:hover {background:rgba(100,100,100,0.9);}

#vslider .ikoni { background-image: url("../../../images/glyphicons-halflings-white.png") !important; }

/* Slidet */
@media (min-width:801px) { #vslider .slide {position:absolute;} }
#vslider .slide {width:100%; display:none; top:0px; left:0px; right:0px; bottom:0px; }
#vslider .slide-wrap {width:100%; height:100%; max-width:1120px; margin:0 auto; position:relative;}
/* Asetetaan slideriin reunoille paddingia nuolinappeja varten */
@media (max-width:1280px) {
	#vslider .slide-wrap { width:86%; margin-left:7%; margin-right:7%; }
}

#vslider .slide .tekstit {
	position:absolute;
	bottom:5%;
	left:0%;
	z-index:60;
}

#vslider .slide .kuvat {
	position:absolute;
	top:5%;
	bottom:5%;
	right:0%;

	z-index:50;
}

/* Kuvat */
#vslider .slide .kuva {
	position:absolute;
	bottom:0%;left:0%;
	
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	
	line-height:0;
}

/* Taustakuvat */
#vslider .slide .taustakuva {
	position:absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

/* Kuvien default-sijoittelut */
#vslider .slide .kuva1 {left:0%;}
#vslider .slide .kuva2 {left:10%;}
#vslider .slide .kuva3 {left:20%;}
#vslider .slide .kuva4 {left:30%;}
#vslider .slide .kuva5 {left:40%;}

/* Tekstit */
#vslider .slide .teksti { position:relative; margin-right:20px; padding-left:5px; }

/* 800px -> kuvat piiloon */
@media (max-width:800px) {
	#vslider {height:auto;}
	#vslider #prev, #vslider #next {display:none;}
	#vslider .slide-wrap {height:auto; width:96%; margin:2% auto;}
	#vslider .slide .kuvat {display:none;}
	#vslider .slide .tekstit { width:100% !important; position:relative; bottom:auto; left:auto; }
}