@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:70%;height:100%;padding:0px;margin:0 15% 0 15%;text-align:center;}
.ps-content div {display:block;clear:both;float:left;width:100%;height:100%;background-position:50% 100%;text-indent: -9999px;background-repeat:no-repeat;background-size:cover;}

/*PHOTOS JENZ WOMEN*/
.ps-content .image-1 { background-image:url(http://farm9.staticflickr.com/8227/8509207862_1b9e5b39db_o.jpg);}
.ps-content .image-2 {background-image:url(http://farm9.staticflickr.com/8108/8509207756_f3184a16df_o.jpg);}
.ps-content .image-3 {background-image:url(http://farm9.staticflickr.com/8389/8509207544_0033c0164f_o.jpg);}
.ps-content .image-4 { background-image:url(http://farm9.staticflickr.com/8511/8509207300_81eff0131c_o.jpg);}
.ps-content .image-5 { background-image:url(http://farm9.staticflickr.com/8096/8509207194_f53616e130_o.jpg);}
.ps-content .image-6 { background-image:url(http://farm9.staticflickr.com/8530/8509206982_a7eea85f67_o.jpg);}
.ps-content .image-7 { background-image:url(http://farm9.staticflickr.com/8366/8509206832_c3d01a908a_o.jpg);}
.ps-content .image-8 { background-image:url(http://farm9.staticflickr.com/8087/8509206614_81a38c835c_o.jpg);}
.ps-content .image-9 { background-image:url(http://farm9.staticflickr.com/8373/8509206564_1eaef0330c_o.jpg);}
.ps-content .image-10 { background-image:url(http://farm9.staticflickr.com/8098/8508098869_f3a25ec850_o.jpg);}
.ps-content .image-11 { background-image:url(http://farm9.staticflickr.com/8090/8509206334_a74094650b_o.jpg);}
.ps-content .image-12 { background-image:url(http://farm9.staticflickr.com/8101/8508098565_c97301e194_o.jpg);}
.ps-content .image-13 {background-image:url(http://farm9.staticflickr.com/8088/8508098495_02335f8c90_o.jpg);}
.ps-content .image-14 {background-image:url(http://farm9.staticflickr.com/8370/8509205840_a22994799d_o.jpg);}
.ps-content .image-15 { background-image:url(http://farm9.staticflickr.com/8236/8509205782_8a410407e2_o.jpg);}
.ps-content .image-16 { background-image:url(http://farm9.staticflickr.com/8367/8508097973_ac3199b758_o.jpg);}
.ps-content .image-17 { background-image:url(http://farm9.staticflickr.com/8389/8508099097_37a0a0da3e_o.jpg);}
.ps-content .image-18 { background-image:url(http://farm9.staticflickr.com/8101/8508097697_266fbe6c2b_o.jpg);}
.ps-content .image-19 { background-image:url(http://farm9.staticflickr.com/8104/8509205176_d36fc3878d_o.jpg);}
.ps-content .image-20 { background-image:url(http://farm9.staticflickr.com/8508/8509205044_05b8e12ebf_o.jpg);}
.ps-content .image-21 { background-image:url(http://farm9.staticflickr.com/8389/8509206638_7fb935f675_o.jpg);}
.ps-content .image-22 { background-image:url(http://farm9.staticflickr.com/8390/8508097259_27ee6bf23b_o.jpg);}
.ps-content .image-23 { background-image:url(http://farm9.staticflickr.com/8377/8509204798_c622854684_o.jpg);}


.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:52.3%;height:100%;width:100%;}
/*.ps-slides div {
	width: 100%;
	height:14%;
	background-color:black;
	font-weight:normal;
}*/
.navigation{width:100%;height:34%;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:71%;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:#33F;}


.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;}