/*
	slideshow.css 
	
	(c) Vilperi Oy
	www.vilperi.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;
}

.vslider.rolling .loading { display: none !important; }

/* 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; }
}