@charset "UTF-8";
/* CSS Document */

 html {

}

body {
	font-family: 'Source+Sans+Pro', sans-serif;
	font-weight: normal;
    background-color: #D9D9D1;
	font-size: 1rem;
	box-sizing: border-box;
}
#padre {
 	width: 100%;
	height: 95vh;
	position: fixed;
	top: 100px;
    background-color: #D9D9D1;
	opacity: .96;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-weight: normal;
	z-index: 1050;
}
#padre > div {

}
.botox {
	
	
	display:inline-block;
	width: 120px;
	color: #fff;
    background-color: #545454;
	border-radius: 0;
	border: 1px solid rgba(255,255,255,.8);
	margin: 1.5em;
	padding: .7em 0em .7em 0em;
	font-size: .9rem;
	z-index: 1056;
	
}
.botox:hover {

	color: #af845f;
    background-color: #282828;
	border-radius: 0;
	border: 1px solid rgba(255,255,255,.8);
	
}
.construction {
	height: 3.7em;
	color: #D9D9D9;
	position: absolute;
	margin: 0 auto 0 -115px; 
	transition: transform 0.8s;
	width: 100%;
	max-width: 230px;
	left: 50%;
	
	
	top: 100px;
	border: 1px solid #af845f;
	padding: .5em 1.5em;
	background-color:  rgba(0,0,0,0.70);
	z-index: 20;
}

.edad {

	width: 100%;
	height: 95vh;
	position: fixed;
	top: 100px;
    background-color: #D9D9D1;
	opacity: .96;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-weight: normal;
	z-index: 1050;
	
}

.hijo1 {
	position: relative;
	top: 15%;
	width: 65%;
	margin: auto;
	background-color: #000000;
	opacity: .7;
	text-align: center;

}

.areyou {
		text-align: center;
	
	color: rgba(175,132,95,1.00);
	margin: auto;
	padding: 2em 0em 1.5em 0em;
	font-size: 1.5rem;
}
.botones {
		
	width: 60%;
	
	color: #ccc;
    border: 1px solid rgba(175,132,95,.4);
	margin: 2.0em  auto;
	padding: 2em 0em 2em 0em;
	font-size: .9rem;
}
.si {
		display:inline-block;
	width: 120px;
	color: #fff;
    background-color: #545454;
	border-radius: 0;
	border: 1px solid rgba(255,255,255,.8);
	margin: 1.5em;
	padding: .7em 0em .7em 0em;
	font-size: .9rem;
	z-index: 1056;
}

.si:hover {
	color: #af845f;
    background-color: #282828;
	text-decoration: none;
	cursor: hand;
}
.no {
		display:inline-block;
	width: 120px;
	color: #fff;
    background-color: #545454;
	border-radius: 0;
	border: 1px solid rgba(255,255,255,.8);
	margin: 1.5em;
	padding: .7em 0em .7em 0em;
	font-size: .9rem;
}

.no:hover {
	color: #af845f;
    background-color: #282828;
	text-decoration: none;
	cursor: hand;
}
.this {
		text-align: center;
	width:80%;
	color: #CCCCCC;
    
	margin: 2em  auto;
	padding: 7em 1.5em 1.5em 1.5em;
	font-size: .9rem;
}

@media only screen and (max-width:768px){
	
	.this {
		text-align: center;
	width:80%;
	color: #CCCCCC;
    
	margin: 2em  auto;
	padding: 1em 1.5em 1.5em 1.5em;
	font-size: .8rem;
}
	
	.no {
		display:inline-block;
	width: 90px;
	font-size: .9rem;
}
	.botox {

	display:inline-block;
	width: 90px;
	
}
	.areyou {
		
	padding: 2em 0em 1.5em 0em;
	font-size: 1.1rem;
}
	
	.hijo1 {
	position: relative;
	top: 5%;
	width: 80%;
	opacity: .7;
	text-align: center;

}

.botones {
		
	width: 90%;
	
	color: #ccc;
    border: 1px solid rgba(175,132,95,.4);
	margin: 0em  auto;
	padding: 2em 0em 2em 0em;
	font-size: .9rem;
}
.construction {
	height: 3.7em;
	color: #D9D9D9;
	position: absolute;
	margin: 0 auto 0 -115px; 
	transition: transform 0.8s;
	width: 100%;
	max-width: 230px;
	left: 50%;
	top: 62px;
	border: 1px solid #af845f;
	padding: .5em 1.5em;
	background-color:  rgba(0,0,0,0.70);
	z-index: 20;
}
}


.header  {
	 color: #AF845F;
	 background-color: #D9D9D1;
	height: inherit;
	padding:  0;
	position: fixed;
	left: 0;
	top: 0;
	width:  100%;
	z-index: 18;


}
.logo-nav-container {

	 display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	
	width: 85%;
	max-width: 1100px;
	margin: 17px auto 20px ;
}

.logotipo {
	width: 128px;
	height: 60px;
	background-image: url(../img/alq.svg);
	background-size: cover;
	margin-left: 1em;
	margin-top: .4em;

} 

.burger {
  display: none;
  color: #AF845A;
}

.navegador {
	
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #AF845A;
	font-size: 1em;
}


.espacio4em {
	height: 5em;
}

.espacio2em {
	height: 2.5em;
}
.espacio1em {
	height: 1.3em;
}

.somos {
	background-color: #464646;
	margin-bottom: 3em;

}

.seccionTitulo {
	
	height: 2em;
	margin-bottom: .5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #B8B8B8;
	font-size: 1.2em;
	text-align: left;

}

.subTitulo {
	
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #AF845A;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.subTitulo2 {
	
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #AF845A;
	font-size: 1.2em;
	text-align: center;
}

.subTituloTeam {
	
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #AF845A;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.titlePhoto {

	text-align: center;

}
.rowBack {
	background-color: #D0D0C6;
	
}

.textoSub {
	
	font-family: 'Source+Sans+Pro', sans-serif;
	font-weight: normal;
	color: #AF845A;
	font-size: 1em;
	text-align: center;
	padding: 0 .8em;
}
.textoSubSmall {
	
	font-family: 'Source+Sans+Pro', sans-serif;
	font-weight: normal;
	color: #AF845A;
	font-size: 1em;
	text-align: center;
	padding: 0 .75em;
}
.divFoto {
	width: 320px;
	margin-bottom: 3em;
}
.divFoto4 {
	width: 270px;
	margin-bottom: 3.5em;
	
}

.divFotoClients {
	width: 320px;
	margin: 0 2em 3em 2em; 
	
}


.txtCirc {
	
	margin-top: 1em;
	margin-bottom: -.1em;
}


.fotoInicio {
	margin: auto;
	background-size: 100%;
	background-repeat: none;
	padding: 0;
	
}

.fotoinferior2 {
	border-top: 1px solid #AFAEAE;
	background: #fff fixed no-repeat 50% 50%;
	background-image: url(../img/paralats.jpg);
	background-size: cover;
	height: 300px;
    background-repeat: no-repeat; 
}
.chaoParallax {
					display:block;
}

@media only screen and (max-width:768px){
	.fotoinferior2 {
					display:none;
}
	.chaoParallax {
					display:none;
}
}


footer {
	background-color: #D9D9D1;
	font-family: 'Oswald', sans-serif;
}

footer a {
	color: #8D8D8D;
}

footer a:hover {
	color: #FFFFFF;
}

.derechos {
	width: 100%;
	text-align: center;
	margin: 1em 0 1em 0;
	color: #A6A6A6;
	font-size: .75em;
	font-family: 'Source+Sans+Pro', sans-serif;
	
}
.contacto {
	
	color: #AF845A;
	
}

.dieznoventa {
		margin-top: 4em;
}
.milnueve {
		margin-top: -2em;
}
@media only screen and (max-width:1200px){
	.dieznoventa {
					display: none;
}
}

@media only screen and (min-width:1199px){
	.milnueve {
					display:none;
}
}

.punto  {
		
		color: #d6d6d1;
}

@media only screen and (max-width:975px){
	.punto {
					display:none;
}
}

.botonTermin{
	
	
	background-color: transparent;
	color: #8D8D89;
	border: hidden;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: .8em;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	
}

/* CSS POP UP */

.condiciones  {
	
	
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: .9em;
	font-weight: 400;
	text-decoration: none;
	color: #8D8D89;
	
}






/* W3 SCHOOL*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}
/* The Modal2 (background) */
.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
	
	width: 100%;
	max-width: 720px;
	height: 500px;
	top: 20%;
	padding: 20px;
	position: relative;
	margin: auto; 
	overflow-y: auto;
	background-color: #D9D9D1;
	
	transition: all 600ms;
}
.modal-content2 {
	
	width: 100%;
	max-width: 720px;
	height: 500px;
	top: 18%;
	padding:  20px;
	position: relative;
	margin: auto; 
	overflow-y: none;
	background-color: #D9D9D1;
	
	transition: all 600ms;
}
.contenedor-texto {
	
	width: 100%;
	padding: 2em 1.5em ;
	
	overflow-y: auto;
	height: 460px;
	color: #91908B;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: .8em;	
}
.contenedor-texto2 {
	
	width: 100%;
	padding: 2em 1.5em ;
	
	overflow-y: auto;
	height: 430px;
	color: #91908B;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: .8em;
	
}

/* The Close Button */
.close {
  color: #91908B;
  margin-left: 90%;
  font-size: 28px;
  font-weight: bold;
	padding-left: 15px;
	border: 0px solid #AFAEAE;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close2 {
  color: #AFAEAE;
  margin-left: 90%;
  font-size: 28px;
  font-weight: bold;
	padding-left: 15px;
	border: 0px solid #AFAEAE;
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width:768px){
	
	.modal-content {
	

	width: 94%;
	height: 400px;
	top: 8%;
	padding: 10px;
	position: relative;
	margin: auto; 
	overflow-y: none;

}
.modal-content2 {
	
	width: 94%;

	height: 400px;
	top: 8%;
	padding:  10px;
}
	.contenedor-texto2 {
	
	width: 100%;
	padding: 1em 1.5em ;
	
	overflow-y: none;
	height: 330px;
	color: #91908B;
	font-family: 'Source+Sans+Pro', sans-serif;
	font-size: .8em;
	
}
	}