html, body { height: 100%; }

.pt-perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	overflow-y:scroll;
}

.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}

.no-js body {
	overflow: auto;
}

.pt-page-ontop {
	z-index: 999;
}

/* Text Styles, Colors, Backgrounds */

.pt-page h1 {
	position: absolute;
	font-weight: 300;
	font-size: 4.4em;
	line-height: 1;
	letter-spacing: 6px;
	/*margin: 0 10px 10px 55px;*/
	top: 40%;
	/*width: 100%;
	text-align: center;*/
	text-transform: uppercase;
	word-spacing: -0.3em;
}

.pt-page h1 span {
	display: block;
	opacity: 0.85;
	margin-top:15px;
	padding-top:22px;
	font-size: 25%;
	text-transform: none;
	word-spacing: 0;
	letter-spacing: 1.5px !important;
}
.parch {
	padding:15px;
	background: rgba(0,0,0,.7);
}
.izq {
	width: 100%;
	padding-left: 50px;
}
.pt-page .izq span {
	border:1px solid #fff;
	border-right:none;
}
.izq-productos {
	width: 100%;
	padding-left: 50px;
	padding-top:70px;
}
.izq-productos span p {
	margin-top:10px;
}
.der {
	text-align:right;
	width: 100%;
	padding-right: 25px;
}
.pt-page .der span {
	border:1px solid #fff;
	border-left:none;
}
.pt-page h1 strong {
	color: rgba(0,0,0,0.2);
}

.pt-page-1 {
	/*background: #0ac2d2;*/
	background: url(../img/home.jpg)no-repeat center top;
	background-size: cover;
}

.pt-page-2 {
	background: url(../img/constructoras1.jpg) no-repeat center top;
	background-size: cover;
	/*background: url(http://www.auraree.com/wp-content/uploads/2015/05/building-construction-istock-building-under-construction-1q08.jpg) no-repeat center top;*/
}
.pt-page-2-fondo {
	background-color: rgba(123, 183, 250, .3);
	height: 100%;
	width: 100%;
}


.pt-page-3 {
	background: url(../img/arquitectos1.jpg)no-repeat center center;
	/*background: url(http://fresnobeach.com/wp-content/uploads/2015/04/House-Window-Design-Ideas-for-Modern-Home.jpg) no-repeat center center;*/
	background-size: cover;
}
.pt-page-3-fondo {
	background-color: rgba(96, 215, 169, .3);
	height: 100%;
	width: 100%;
}


.pt-page-4 {
	background:url(../img/particulares1.jpg)no-repeat center top;
	/*background: url(http://www.alwindows.com.au/assets/Uploads/product-images/CG-Awning.jpg) no-repeat center top;*/
	background-size: cover;
}
.pt-page-4-fondo {
	background-color: rgba(253, 193, 98, .3);
	height: 100%;
	width:100%;
}


.pt-page-5 {
	background: #fd6a62;
	height: 100%;
}
.pt-page-5 h1 {
	position:relative;
	top:0;
	margin-top:100px;
}
.presu {
	margin-left:10px;
}

/*puertas interiores*/
.pt-page-6 {
	background: #fdc162;
}
.pt-page-6-color {	
	background: url(../img/puertasinterior.jpg) no-repeat center;
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*puertas exteriores*/
.pt-page-7 {
	background: #38D9AB;
}
.pt-page-7-color {	
	background: url(../img/frontdoor.jpg)no-repeat center 30%;
	/*background: url(http://schneiderbuilt.com/wp-content/uploads/Front-Door-1543.jpg) no-repeat center 30%;*/
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*puertas cortafuego*/
.pt-page-8 {
	background: #fd6a62;
}
.pt-page-8-color {	
	/*background: url(http://3.bp.blogspot.com/-3mG4N57ylNM/UjgB6RS8uMI/AAAAAAAAA4w/ogypvMsdVsg/s1600/DSC00571.JPG) no-repeat center center;*/
	background: url(../img/puertaCortafuego.jpg) no-repeat center center;
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*ventanas*/
.pt-page-9 {
	background: #0ac2d2;
}
.pt-page-9-color {	
	background: url(../img/ventanas.jpg) no-repeat right bottom;
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*claraboyas*/
.pt-page-10 {
	background: #1dcfcf;
}
.pt-page-10-color {	
	background: url(../img/claraboyas.jpg)no-repeat bottom;
	/*background: url(http://blog.prefire.es/wp-content/uploads/2012/01/titel_V-copy1.jpg) no-repeat bottom;*/
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*portones*/
.pt-page-11 {
	background: #bdc3c7;
}
.pt-page-11-color {	
	background:url(../img/portonMetal.jpg)no-repeat center;
	/*background: url(http://www.metalurgicaspaltro.com/images/productos/frentes/Frente%20con%20Pa%C3%B1o%20y%20Porton%20Corredizo%20en%20Chapa%20Perforada.jpg) no-repeat bottom;*/
	background-size: cover;
	height: 50%;
	width: 100%;
}

/*placards*/
.pt-page-12 {
	background: #d35400;
}
.pt-page-12-color {	
	background: url(../img/placard.jpg)no-repeat center;
	/*background: url(http://crevero.com/wp-content/uploads/2015/04/furniture-bedroom-exclusive-bedroom-design-brown-glass-sliding-door-on-wall-wardrobe-complete-with-organizing-shelves-also-white-master-bed-with-white-carpet-inspiring-bedroom-wardrobe-designs-creati.jpg) no-repeat center;*/
	background-size: cover;
	height: 50%;
	width: 100%;
}


/* Triggers (menu and button) */

.pt-triggers {
	/*position: absolute;*/
	/*width: 300px;*/
	/*z-index: 999999;
	right:-30%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%);
	right:15px;
	margin-top:37px;
	float: right;
	margin-right:0;*/

	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

/*.no-js .pt-triggers {
	display: none;
}*/

.pt-triggers .dl-menuwrapper button,
.pt-touch-button {
	border: none;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 0px 20px;	
	height: 35px;
	letter-spacing: 1px;
	width: 100%;
	cursor: pointer;
	display: block;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	box-shadow: 0 3px 0 rgba(0,0,0,0.1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #fff;
	color: #aaa;
}

.pt-touch-button:hover {
	background: rgba(255,255,255,.3);
	border: 1px solid rgba(0,0,0,.1);	
	color:#fff;
}

.pt-triggers .dl-menuwrapper button {
	margin-bottom: 0;
}

.pt-touch-button:active {
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

/*.touch .pt-triggers .dl-menuwrapper {
	display: none;
}*/

.pt-message {
	display: none;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #da475c;
	color: #fff;
	text-align: center;
}

.pt-message p {
	margin: 0;
	line-height: 60px;
	font-size: 26px;
}

.no-cssanimations .pt-message {
	display: block;
}

@media screen and (max-width: 47.4375em) {
	.pt-page h1 {
		font-size: 2em;
	}

	/*.pt-triggers .dl-menuwrapper {
		display: none;
	}*/
}

@media screen and (max-height: 45.9em) {
	.pt-triggers .dl-menuwrapper li a {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.pt-triggers .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
		line-height: 24px;
	}
}

/*@media screen and (max-height: 38em) { 
	.pt-triggers .dl-menuwrapper {
		display: none;
	}
}*/