@import url('normalize.css');
@import url('demo.css');

/*section id="ps-container" class="ps-container"*/
.ps-container {
	position: absolute;
	width:100%; height: 100%;
	overflow:hidden; text-transform:uppercase;
	background:url(../../img/pattern.png)repeat top left;
}

.ps-container > div.ps-contentwrapper {
	position:absolute;
	width:70%;
	margin-left:15%;
	height:100%;
}
.ps-container > div.ps-slidewrapper {
	position:absolute;
	width:15%;
}

.ps-container > div > div,
.ps-slidewrapper > nav,
.ps-slides > div {
	position: absolute;
}

/*div class="ps-header"> <h1>Vertical Showcase Slider</h1></div>*/
.ps-header {
	position:relative;
	height: 100%;
	z-index: 1001;
	margin-top:33px;
	background-color:black;
	width:15%;
	border-right:4px solid #FFF;
}

.ps-header h1 {
	color:white;
	font-family:'bebas_neueregular'; font-size:2em;
	font-weight:normal;
	padding:20px;
	text-align:right;
	margin-top:10px;
}

/*div class="ps-contentwrapper">
				<div class="ps-content">
                 	<div class="image-1">imagen</div>
					<h2>Bernhard</h2>
					<!--<span class="ps-price">facebook</span>-->
					<!--<p>Lina</p>-->
					<!--<a href="http://www.ikea.com/gb/en/catalog/products/80163804/#/60203882">Buy this item</a>-->
				</div>*/
.ps-contentwrapper {
	top:0%;
	bottom: 0px;
	overflow: hidden;
	z-index: 1000;
	width:70%;
}

.ps-content {width:100%;height:100%;padding:0px;margin:0;text-align:center;background:#FFF url(../../img/pattern.png)repeat top left;}
.ps-content div {display:block;clear:both;float:left;width:100%;height:100%;text-indent:-9999px;background-repeat:no-repeat;}

/*PHOTOS JENZ WOMEN*/
.ps-content .image-1 { background-image:url(http://farm9.staticflickr.com/8381/8507133619_39ef439806_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-2 {background-image:url(http://farm9.staticflickr.com/8099/8507133519_9ab526a57d_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-3 {background-image:url(http://farm9.staticflickr.com/8226/8508241552_71b6ed9e23_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-4 { background-image:url(http://farm9.staticflickr.com/8225/8507133287_3cd905ac9b_o.jpg);background-size:60%;margin:0% 20% 0 20%;}
.ps-content .image-5 { background-image:url(http://farm9.staticflickr.com/8235/8507133209_aee606e139_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-6 { background-image:url(http://farm9.staticflickr.com/8391/8508244098_ccf83c7af6_o.jpg);background-size:60%;margin:0% 20% 0 20%;}
.ps-content .image-7 { background-image:url(http://farm9.staticflickr.com/8371/8508241062_9005deee35_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-8 { background-image:url(http://farm9.staticflickr.com/8252/8508240854_8f88de897b_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-9 { background-image:url(http://farm9.staticflickr.com/8390/8508240714_6826f021c8_o.jpg);background-size:60%;margin:0% 20% 0 20%;}
.ps-content .image-10 {background-image:url(http://farm9.staticflickr.com/8370/8508240508_515c6af70d_o.jpg);background-size:60%;margin:0% 20% 0 20%;}
.ps-content .image-11 { background-image:url(http://farm9.staticflickr.com/8090/8507132067_2b3931e04e_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-12 { background-image:url(http://farm9.staticflickr.com/8086/8507131869_952068ca21_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-13 { background-image:url(http://farm9.staticflickr.com/8370/8507131647_e25f73eca6_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-14 { background-image:url(http://farm9.staticflickr.com/8372/8507833619_24a08e8f5a_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-15 { background-image:url(http://farm9.staticflickr.com/8381/8508941278_7d0b956da0_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-16 { background-image:url(http://farm9.staticflickr.com/8107/8508941084_8924b4bb81_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-17 { background-image:url(http://farm9.staticflickr.com/8391/8507833127_6b1e7f4c50_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-18 { background-image:url(http://farm9.staticflickr.com/8099/8508940830_6b8393abd3_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-19 { background-image:url(http://farm9.staticflickr.com/8515/8507832857_6f1c1aa424_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-20 { background-image:url(http://farm9.staticflickr.com/8383/8508940568_8f7f518d16_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-21 { background-image:url(http://farm9.staticflickr.com/8096/8508940502_7031808092_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-22 { background-image:url(http://farm9.staticflickr.com/8506/8508940278_04c13de189_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-23 {background-image:url(http://farm9.staticflickr.com/8099/8507832251_49847563bf_o.jpg);background-size:60%;margin:0% 20% 0 20%;}
.ps-content .image-24 { background-image:url(http://farm9.staticflickr.com/8240/8507832161_d83be39dbd_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-25 { background-image:url(http://farm9.staticflickr.com/8368/8508939948_214c01ae52_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-26 { background-image:url(http://farm9.staticflickr.com/8234/8507831963_ae8d3f243a_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-27 {background-image:url(http://farm9.staticflickr.com/8373/8507831869_7d74d16463_o.jpg);background-size:90%;margin:10% 5% 0 5%;}
.ps-content .image-28 {background-image:url(http://farm9.staticflickr.com/8242/8508938930_c11fcc9e11_o.jpg);background-size:90%;margin:10% 5% 0 5%;}

.ps-content h2 { text-align:left;margin-left:300px;width:90px;color:blue;float:right;clear:both;}

.ps-content p {line-height:26px;font-size:12px;letter-spacing:2px;word-spacing:10px;
	padding:10px 15px;font-weight:100;text-align:justify;border-left: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;}

.ps-content span.ps-price {
	float: left;
	margin: 10px;
	width: 90px;
	height: 140px;
	line-height: 140px;
	text-align: center;
	color: #fff;
	background: #f7cfc6;
	background: rgba(247,197,185,0.8);
	font-size: 55px;
	font-weight: 200;
}

.ps-content a:last-child {
	font-size: 14px;
	font-weight: 700;
	color: #555;
	letter-spacing: 4px;
	float:left;
	border: 3px solid #555;
	padding: 3px;
	text-indent: 4px;
}

.no-touch .ps-content a:last-child:hover {
	color: #b2d79d;
	border-color: #b2d79d;
}

.ps-content a:last-child:before {
	content: '\53';
	font-family: 'icon';
	font-style: normal;
	font-weight: normal;
	speak: none;
	padding-right: 5px;
}


.ps-slidewrapper {right:0px;top: 0px;height: 100%;overflow: hidden;width:23%;background-color:#999;border-left:4px solid #FFFFFF;}
.ps-slides {top:60%;height:100%;width:100%;}
/*.ps-slides div {
	width: 100%;
	height:14%;
	background-color:black;
	font-weight:normal;
}*/
.navigation{width:100%;height:27%;background-color:black;font-weight:normal;border-bottom:4px solid #FFFFFF;}
.navigation p{padding-left:10px;font-family:'FjordOne', "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:1.2em;margin:0 auto;
	color:white;font-weight:normal;padding-top:10px;height:65%;position:relative;}
.navigation ul{ list-style-type:none;margin:0;width:100%;padding:0px;border-top:1px solid #FFFFFF;}
.navigation ul li a{ text-decoration:none;color:white;}
.navigation ul li a:hover{}
.navigation ul #item8 a.menubtn { background:url(../../img/facebook.png) no-repeat; background-position:top;text-indent:-9999px;display:block;width: 27px;height:27px;float:left;margin:15px 0 0 6px;}
.navigation ul #item9 a.menubtn {background:url(../../img/twitter.png) no-repeat;background-position:top;text-indent:-9999px;display:block;width:27px;height:27px;float:left;margin:15px 0 0 6px;}
.navigation ul #item11 a.menubtn {background:url(../../img/pinterest.png) no-repeat;background-position:top;text-indent:-9999px;display:block;width:27px;height:27px;float:left;margin:15px 0 0 6px;}
.navigation ul #item8 a.menubtn:hover, 
.navigation ul #item9 a.menubtn:hover, 
.navigation ul #item11 a.menubtn:hover {background-position:bottom; /*Definimos la posición del fondo*/}
.ps-slides div p strong{ color:#36F;}


.ps-slidewrapper > nav {width:100%;height:90px;bottom:0px;right:0px;z-index:1000;}
.ps-slidewrapper > nav > a { width:50%; height:100%; position:relative; float:left; box-shadow: inset 0 0 0 9999px rgba(21,21,21,0.8); outline: none; }

.no-touch .ps-slidewrapper > nav > a {
	-webkit-transition: box-shadow 0.4s ease-in-out;
	-moz-transition: box-shadow 0.4s ease-in-out;
	-ms-transition: box-shadow 0.4s ease-in-out;
	-o-transition: box-shadow 0.4s ease-in-out;
	transition: box-shadow 0.4s ease-in-out;
}

.no-touch .ps-slidewrapper > nav > a:hover {
	box-shadow: inset 0 0 0 9999px rgba(21,21,21,0.2);
}

.ps-slidewrapper > nav > a:first-child {
	box-shadow: inset 0 0 0 9999px rgba(21,21,21,0.9);
}
.no-touch .ps-slidewrapper > nav > a:first-child:hover {
	box-shadow: inset 0 0 0 9999px rgba(21,21,21,0.3);
}

.ps-slidewrapper > nav > a:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin: 0px 0 0 -20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.ps-slidewrapper > nav > a:first-child:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin: -40px 0 0 -25px;
}

/*.ps-slides > div,
.ps-slidewrapper > nav > a {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}*/

.ps-move {
	-webkit-transition: top 400ms ease-out;
	-moz-transition: top 400ms ease-out;
	-o-transition: top 400ms ease-out;
	-ms-transition: top 400ms ease-out;
	transition: top 400ms ease-out;
}

@media screen and (max-width: 860px) {

	.js .ps-container > div {
		width: 100%;
	}

	.js .ps-header {
		height: 50px;
	}

	.js .ps-header h1 {
		line-height: 50px;
		padding: 0px 20px;
		letter-spacing: 4px;
	}

	.js .ps-slides {
		bottom: 320px;
		top: 50px;
	}

	.js .ps-slidewrapper > nav {
		height: 100px;
	}

	.js .ps-contentwrapper {
		top: auto;
		height: 220px;
		bottom: 100px;
	}

	.js .ps-content {
		padding: 10px;
	}

	.js .ps-content h2 {
		border-right: none;
		font-size: 18px;
		margin: 10px 0;
		padding-top: 0;
	}

	.js .ps-content span.ps-price {
		font-size: 18px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-weight: 700;
		margin-bottom: 0;
	}

	.js .ps-content p {
		line-height: 20px;
		border: none;
		padding: 5px 10px;
		height: 80px;
		overflow-y: scroll;
	}

	.js .ps-content a:last-child {
		font-size:px;
		margin: 10px 20px 0 0;
	}
}



      #top, #home, #projects, #design, #technik, #lab, #about, #jobs {display: block;}
      #noscript {display: block;}
	  
	  #preloader { width: 245px; height: 300px; text-align: center; margin: 200px auto 0;}
#loadingbar { width: 245px; height: 245px; text-align: center; color: red; }
#loadingtext { padding: 10px 0 0; font-family:"DINProBold", Arial, sans-serif; font-size: 13px;}