@import url('normalize.css');
/* General Demo Style */
html { height: 100%; }
body {font-family: 'Dosis', Arial, sans-serif;background:#FFF;font-size:15px;color:#333;-webkit-font-smoothing: antialiased;overflow:hidden;}
a {color:#555;text-decoration:none;}

/* Header Style */
.codrops-top {line-height: 32px;font-size: 11px;
	text-transform: uppercase;z-index: 9999;position:absolute;top: 0px;width:100%;
	left:0px;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	background:#D6D6D6 url(../../img/bg-arriba-colls.png);}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.codrops-top:before,
.codrops-top:after { content: " "; display: table;}
.codrops-top:after { clear: both }
.codrops-top a{ padding:0 10px; letter-spacing:1px;color:#FFF;display:inline-block;font-family:'Conv_NeutraText-Demi';font-size:1em;}
.codrops-top a:hover {color:#FF0;}
.codrops-top span.right {float:right;text-decoration:none;}
.codrops-top span.right a {float:left;display:block;}
.support-note span{color: #ac375d;font-size:16px;display:none;text-align:center;padding: 5px 0;}

.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions{
	display: block;
}

@media screen and (max-width: 860px) {
	.codrops-top {
		display: none;
	}
}


/*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;}
.ps-header {position:relative;height: 100%;z-index: 1001;margin-top:33px;
	background-color:#000;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;}
.ps-contentwrapper {top:0%;bottom: 0px;overflow: hidden;z-index: 1000;width:70%;}
.ps-content {width:50%;height:100%;padding:0px;margin:0 25% 0 25%;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/8237/8488616491_ff4016fce1_o.jpg);}
.ps-content .image-2 {background-image:url(http://farm9.staticflickr.com/8376/8489713072_3c0505afaf_o.jpg);}
.ps-content .image-3 {background-image:url(http://farm9.staticflickr.com/8519/8489713058_31df6cc519_o.jpg);}
.ps-content .image-4 { background-image:url(http://farm9.staticflickr.com/8375/8488616441_117f0d997c_o.jpg);}
.ps-content .image-5 { background-image:url(http://farm9.staticflickr.com/8232/8488616411_de46aa0b65_o.jpg);}
.ps-content .image-6 { background-image:url(http://farm9.staticflickr.com/8235/8488616391_00aca65683_o.jpg);}
.ps-content .image-7 { background-image:url(http://farm9.staticflickr.com/8389/8488616343_f05ddc06bd_o.jpg);}
.ps-content .image-8 { background-image:url(http://farm9.staticflickr.com/8392/8489712922_e1597aa8b0_o.jpg);}
.ps-content .image-9 { background-image:url(http://farm9.staticflickr.com/8372/8489712876_7b8fa6b015_o.jpg);}
.ps-content .image-10 { background-image:url(http://farm9.staticflickr.com/8515/8488616085_5aa4dd6bdb_o.jpg);}

.ps-content .image-1m { background-image:url(http://farm9.staticflickr.com/8091/8489712888_e924bf5507_o.jpg);}
.ps-content .image-2m {background-image:url(http://farm9.staticflickr.com/8090/8489712820_7c83b2da91_o.jpg);}
.ps-content .image-3m {background-image:url(http://farm9.staticflickr.com/8237/8489712816_4840cecaa6_o.jpg);}
.ps-content .image-4m { background-image:url(http://farm9.staticflickr.com/8511/8489712768_646ef07e97_o.jpg);}
.ps-content .image-5m { background-image:url(http://farm9.staticflickr.com/8381/8488616183_a40575e7a7_o.jpg);}
.ps-content .image-6m { background-image:url(http://farm9.staticflickr.com/8383/8489712710_3f7eb207fd_o.jpg);}
.ps-content .image-7m { background-image:url(http://farm9.staticflickr.com/8383/8488616125_61acbe1fbc_o.jpg);}
.ps-content .image-8m { background-image:url(http://farm9.staticflickr.com/8389/8488616069_ce237c0718_o.jpg);}
.ps-content .image-9m { background-image:url(http://farm9.staticflickr.com/8515/8488616085_5aa4dd6bdb_o.jpg);}

.ps-content .image-1d { background-image:url(http://farm6.staticflickr.com/5336/9033218438_14acc52965_o.jpg);}
.ps-content .image-2d { background-image:url(http://farm3.staticflickr.com/2867/9030991879_ce7dae6a9f_o.jpg);}
.ps-content .image-3d { background-image:url(http://farm6.staticflickr.com/5525/9030991897_d9626400f5_o.jpg);}
.ps-content .image-4d { background-image:url(http://farm8.staticflickr.com/7337/9030991867_7c3833bc55_o.jpg);}
.ps-content .image-5d { background-image:url(http://farm6.staticflickr.com/5442/9033218222_048eabb04c_o.jpg);}
.ps-content .image-6d { background-image:url(http://farm8.staticflickr.com/7447/9033218226_cf3ba28d9e_o.jpg);}
.ps-content .image-7d { background-image:url(http://farm6.staticflickr.com/5537/9030992859_2d65e723e9_o.jpg);}
.ps-content .image-8d { background-image:url(http://farm6.staticflickr.com/5509/9030991741_e8320ae378_o.jpg);}
.ps-content .image-9d { background-image:url(http://farm6.staticflickr.com/5455/9033218078_6d38a5fe1d_o.jpg);}
.ps-content .image-10d { background-image:url(http://farm6.staticflickr.com/5520/9030991657_a770e9b36f_o.jpg);}
.ps-content .image-11d { background-image:url(http://farm3.staticflickr.com/2881/9030991635_7fddedcf5d_o.jpg);}
.ps-content .image-12d { background-image:url(http://farm4.staticflickr.com/3809/9033218050_6283c9539e_o.jpg);}
.ps-content .image-13d { background-image:url(http://farm8.staticflickr.com/7404/9033217944_fba9d08ae6_o.jpg);}
.ps-content .image-14d { background-image:url(http://farm6.staticflickr.com/5510/9030991515_b0dc480085_o.jpg);}
.ps-content .image-15d { background-image:url(http://farm6.staticflickr.com/5514/9033217906_4526dc13f1_o.jpg);}
.ps-content .image-16d { background-image:url(http://farm8.staticflickr.com/7376/9033217914_c4e9ddd959_o.jpg);}
.ps-content .image-17d { background-image:url(http://farm3.staticflickr.com/2847/9030991461_534f6df50f_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: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;}
