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

@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600&subset=latin,latin-ext,cyrillic);
@import 'https://fonts.googleapis.com/css?family=Hammersmith+One|Rubik';

/* FUENTES */

@font-face{font-family:"MYRIADPRO-BOLDIT";
src:url(../fuentes/MYRIADPRO-BOLDIT.otf);
}






ul{list-style:none;}
	   
.clear{float:clear;}

a:link   
{   
 text-decoration:none;   
} 


.icono_footer{
	width:15px;
	height:15px;


}

	
/******* DETALLE ************/	


#Div_gris{
	width:100%;
	height:auto;
    background-color: #FAFAFA;
	overflow:hidden;
	box-sizing: border-box;
	padding:30px 0px 10px 100px;
	margin-top:50px;	
	
	}
	
.Titulo_detalles{
	 font-family: 'Roboto Condensed', sans-serif;
	font-size:2.8em;
  line-height: 1.4;
  color:#000;
  }	
	
.Bajada_detalles	{
   font-family: 'Roboto Condensed', sans-serif;
  font-size:1.3em;
  line-height: 1.4;
  color:#000;
  }	
	


.titulo_form{
	 font-family: 'Roboto Condensed', sans-serif;
	font-size:2em;
  line-height: 1.4;
  color:#000;
  }	
	
	
	
#Grupo_info{

	width:100%;
	overflow:hidden;
	box-sizing: border-box;

	background-color:#f0f0f0;
	
}


.Recuadro_Foto{

	width:60%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	padding:30px 0px 30px 0px;
	background-color:#FFF;
	  border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
   float:left;
   text-align:center;
 
}

.Foto_detalle{
	width:80%;
	height:auto;
	text-align:center;
	}



.Div_formulario{
	
	width:40%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:right;
	padding:20px 20px 20px 20px;

	}	

	
.TextoTituloRECUADRO{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 2em;
  line-height: 1.2;
  color:#f46067;
}	






#whatsapp{
	display:none;}


/* #FOOTER
*****************************************/



footer{
    width:100%;
	height:auto;
    background:#202228;
	overflow:hidden;
	box-sizing: border-box;
	padding: 40px;

}


.datos{
	width: 40%;
	height: auto;
	padding: 0px;
	float: left;

}

.TextoFooter1 {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#FFF;
  text-align:left;
}



.mapa{
	width: 30%;
	height: 200px;
	border: 0;
	padding: 0px;
	float: right;
}


.texto_detalle {
   font-family: 'Roboto Condensed', sans-serif;
  font-size:1.3em;
  line-height: 1.4;
  color:#000;
	padding: 30px;
	text-align: left;
  }	

.div_iconos{
	width: 50%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;

}



.icono{
	width: 15%;
	height: auto;
	float: right;


}



/* # PARA CELULARES 400
*****************************************/
@media screen and (max-width: 768px){
	
	
	



/******* DETALLE ************/	


#Div_gris{
	width:100%;
	height:auto;
    background-color: #FAFAFA;
	overflow:hidden;
	box-sizing: border-box;
	padding:35px 0px 10px 20px;
	margin-top:50px;	
	
	}
	
.Titulo_detalles{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.5em;
  line-height: 1.4;
  color:#000;
  }	
	
.Bajada_detalles	{
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1em;
  line-height: 1.4;
  color:#000;
  }	
	
	
	
	
#Grupo_info{

	width:100%;
	overflow:hidden;
	box-sizing: border-box;

	background-color:#f0f0f0;
	
}


.Recuadro_Foto{

	width:100%;
	height:AUTO;
	overflow:hidden;
	box-sizing: border-box;
	padding:0px 0px 30px 0px;
	background-color:#FFF;
	  border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
   float:NONE;
   text-align:center;
 
}

.Foto_detalle{
	width:100%;
	height:auto;
	text-align:center;
	}



.Div_formulario{
	
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:NONE;
	padding:20px 10px 20px 10px;


	}	

	
.TextoTituloRECUADRO{
  width: auto;
  font-family: Raleway, sans-serif;
  font-size: 2em;
  line-height: 1.2;
  color:#f46067;
}	








.texto_detalle {
   font-family: 'Roboto Condensed', sans-serif;
  font-size:1.3em;
  line-height: 1.4;
  color:#000;
	padding: 30px;
	text-align: left;
  }	



	
	/* #FOOTER
*****************************************/



footer{
    width:100%;
	height:auto;
    background:#202228;
	overflow:hidden;
	box-sizing: border-box;
	padding: 10px;
	display: grid;

}



.datos{
	width: 100%;
	height: auto;
	padding: 0px;
	float: none;
	order: 2;

}

.TextoFooter1 {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:1.3em;
  font-style:normal;
  line-height: 1.4;
  color:#FFF;
  text-align:center;
}



.mapa{
	width: 100%;
	height: 200px;
	border: 0;
	padding: 0px;
	float: none;
	margin-top: 20px;
}
	
	
	
	.div_iconos{
	width: 100%;
	height: 150px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	order: 1;
	

}



.icono{
	width: 30%;
	height: auto;
	float: none;


}





#whatsapp{
	display:block;
	width:100%;
	height:auto;
		overflow: hidden;
	box-sizing: border-box;
	background-color:#fe5a01;
	border-bottom:solid;
	border-bottom-color:#999;
	border-bottom-width:5px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	cursor:pointer;
	
	
	
	}
	
	
	

	
	
	
	.texto_boton{
	 font-family: 'Roboto Condensed', sans-serif;
	font-size:2em;
  line-height: 1.4;
  color:#fff;
  text-align:center;
  }
  
  
  
  .icono_svg{
	width: 30px;
	height: 30px;
}
	
	
	
	
	.titulo_form{
	 font-family: 'Roboto Condensed', sans-serif;
	font-size:1.6em;
  line-height: 1.4;
  color:#000;
  }	
	
	

}