@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,300italic,400italic,500italic);
@import url("Fuentes/icomoon/style.css");
@import url("colores.css");

body{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto', serif;*/
	background-color:#E8E8E8;
	font-weight:300;
}

.inicio .textoa{
	color:#FFFFFF;
	margin-top:760px;
	font-weight:300;
	font-size:24px;
	display:inline-block;


}

.miLightBox a [class^="icon-"], .miLightBox a [class*=" icon-"]{
	font-size:24px;
	vertical-align:middle;
}
.galleria{
	width: 100%; 
	height: 100vh; 
	background: #000; 
}


.header{
	position:fixed;
	top:0px;
	left:0px;
	z-index:2;
	background-color:#FFFFFF;
	width:100%;	
	text-align:center;
	-webkit-box-shadow: 1px 0.5px 3px 1px #9493B5;
	box-shadow: 1px 0px 4px 1px #CCC;
	z-index:3;
}
#mymap{
	max-width:400px;
	height:auto;
	width:40%;
	
}
.datosContacto{
	width:59%;
	padding:3%;

}
.miLightBox{
	font-family: 'Roboto', serif;	
	text-align:center;
	padding-bottom:15px;
	color: #4E4E4E;
	
}
#cboxLoadedContent{
	overflow:hidden !important;	
}
.miLightBox img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	max-height:280px;
	width:auto;
	
}
.header a{
	font-family: 'Roboto', serif;
	font-weight:400;
	font-size:14px;
	font-style:normal;
	color: #333399;
	letter-spacing:1px;	
	padding-left:4%;
	padding-right:4%;	
	padding-top:35px;
	padding-bottom:35px;
	display:inline-block;
	box-shadow:0px -9px 0px -9px #000000;
}
.header a span{
	display:inline-block;	
}
.header a:hover{
	font-weight:500px;	
	box-shadow:0px -9px 13px -9px #000000;

}
.header a:hover span{

	font-weight:500;
}
.menu{
	width:80%;
	
	
}
.logo{
	width:15%;	
	max-width:150px;
	min-width:120px;
	height:100%;
	background-image:url(../Originales/logo_luxes.png);
	background-size:contain;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
}

.contenedor{
	max-width:1324px;
	margin-left:auto;
	margin-right:auto; 	
}

.viewPort{
	width:100%;
	height:100%;
	position:absolute;
	background-color: #CCD5E0;	
}

.inicio{
	background-image:url(img/exterior.JPG);
	background-position:center bottom;
	background-attachment:fixed;
	margin-bottom:40px;
	
}


.zona{
	min-height:100%;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top: 85px;
}
.zona.productos{
	background-color:#A2BBD5;	

}
.zona.proyectos{
	
	padding-top:0px;
}

.zona.proyectos .textoa{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	z-index:2;
}
.empresa .texto{
	max-width: 496px;
	max-width:55vw;
	position:absolute;
	right: 22%;
	font-family:'Roboto', san-serif;
	font-weight:300;
	font-size:12px;
	font-size:1.1vmax;
	line-height:21px;
	line-height:1.4vmax;
	margin-top:50px;
	color: #4E4E4E;
	
}
.textoa{
	font-family:'Roboto', san-serif;
	font-weight:500;
	font-size:20px;
	font-size:1.5vmax;
	letter-spacing:2px;
	padding-bottom:21px;
	color: #404040; 	

}


.productos .textoa{
	margin-top:130px;
	color:#FFFFFF;
}

.fotoZoom{
	display:inline-block;
	vertical-align:top;
	margin-bottom:30px;
	margin-left:1%;
	margin-right:1%;
	background-position:center;
	background-size:62%;
	background-repeat:no-repeat;
	width:20%;
	height:200px;
	border-radius:20px;	
	background-color:#FFF;
	min-width:300px;
}
.fotoZoom:hover{
	background-size:65% auto;	
}

.proyectos{
	background-image:url(img/servicios.jpg);	
	background-position:center center;
	background-attachment:fixed;
	
}


.proyectos .textoa{
	font-family:'Roboto', san-serif;
	font-weight:500;
	font-size:20px;
	font-size:1.5vmax;
	letter-spacing:2px;
	margin-bottom:21px;
	color: #404040; 	

}

.contacto .texto{
	font-family:'Roboto', san-serif;
	font-weight:300;
	font-size:18px;
	
	line-height:21px;
	
	color: #4E4E4E;
	
}
.contacto .contenedor{
	min-height:auto;

}

.contacto p{
	margin-top:8px;
	margin-bottom:8px;
}
.burguer{
	display:none;	
}
@media (max-width:493px){
	
.empresa .texto{

	font-size:12px;
	line-height:21px;


}

}
@media (max-width:809px){

.header a {
    padding: 36px 2%;
}	
}
@media (max-width:630px){
	
	.fotoZoom{
		width:100%;
		max-width:none;
		border-radius:0px;	
		margin-left:0px;
		margin-right:0px;
	}
	.contacto .datosContacto{
		display:block;
		width:100%;

		
	}
	.contacto .contenedor{
		text-align:center;
		
	}

	.burguer{
		display:block;
		position:fixed;
		left:0px;
		top:0px;
		padding:4%;
		z-index:1;
		font-size:32px;	
		cursor:pointer;
	}
	.header .menu{
		float:none;
		width:100%;	
	}
	.header a {
			font-size:16px;
			letter-spacing:1px;	
			padding-left:0px;
			padding-right:0px;	
			padding-top:16px;
			padding-bottom:16px;
			display:block;
	}
	.header{
			height:100%;
			width:90%;
			border-right:1px solid #FFFFFF;
			box-shadow:1px 0px 3px 0px #323232;	
			padding-top:10vh;
			left:-100%;
			z-index:2;
	}
	.header .logo{
		position:absolute;
		bottom:15px;
		left:0px;
		width:100%;
		height:100px;
		max-width:none;
		background-size:70%;
		
	}

}