@charset "UTF-8";

/* General */

html, body {
	color: rgba(0,0,0,1.00);
	border: none;
	margin: 0px;
	padding:0px;
	height:100%;
}

@font-face {
	font-family:"Brandon-Bold";
	src: url(../fonts/brandon-bold.otf) format("truetype");
}

@font-face {
	font-family:"Brandon-Italic";
	src: url(../fonts/brandon-italic.otf) format("truetype");
}

@font-face {
	font-family:"Brandon-Light";
	src: url(../fonts/brandon-light.otf) format("truetype");
}

@font-face {
	font-family:"Brandon-Thin";
	src: url(../fonts/brandon-thin.otf) format("truetype");
}

@font-face {
	font-family:"Brandon";
	src: url(../fonts/brandon.otf) format("truetype");
}

li { list-style-type: none;}

a { color: black;}

a:visited {color: white;}

#contenido {
	width: 100%;
	height: 100%;
	display: table;
	margin:0;
	background-color: #e3e4e3;
}

.main-lenguaje{
	width:100%;
	position: fixed;
	z-index: 0;
	float: right;
	text-align: right;
	padding-right: 50px;
	color: white;
	padding-top: 10px;
	font: 12px "Brandon-Bold";
}

.main-lenguaje a{
	text-align: right;
	color: white;
	font: 12px "Brandon-Bold";
}

.main-lenguaje a:hover{
	text-align: right;
	color: #01a5d0;
	font: 12px "Brandon-Bold";
}



body.open {
	overflow: hidden;
}

.loading {
	background: url(../img/general/ico_loading.gif) no-repeat center center;
}

.main-logotipo{
	width:480px;
	height:110px;
	background: url(../img/logotipos/early-main.svg) no-repeat;
}


#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.slideshow-main{
	width: 100%;
	height:850px;
	margin:0px auto;
	color: gray;
}

#slide{
	z-index: -13;
	width:100%;
	height:855px;
}

.header-header{
	width:100%;
	height:auto;
	position: absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top: 50px;
	padding-left: 60px;
}


/*SVG*/
.img-early-home{
	width:500px;
}

.img-redes{
	width:30px;
}

.img-early-footer{
	width:250px;
}

/*svg*/

.pleca-quienes{
	width:100%;
	max-width:970px;
	height:auto;
	display:table;
	margin: 0px auto;
	padding-top: 120px;
}


.pleca-quienes p{
	margin:0px;
	font: 30px "Brandon";
	color:#182c3d;
	letter-spacing: 2px;
}

.main-quienes{
	width:970px;
	margin:50px auto;
	height:auto;
	display:table;
}

.main-quienes li{
	float: left;
}

.main-quienes-1{
	width: 60%;
	font: 16px/25px "Brandon";
	color:#434040;
	text-align: justify;
}

.main-quienes-2{
	font: 14px/25px "Brandon-Bold";
	color:#182c3d;
	width: 40%;	
}

.main-quienes-2 ul{
	margin:0px;
	text-indent: -5px;
	
}

.main-quienes-2 ul:before {
	content: "\2219";
}

.main-sub-galeria{
	width:100%;
	height:500px;
}

.main-satisfaccion{
	width: 100%;
	max-width:970px;
	margin:0 auto;
	height:auto;
	display:table;
	padding-top: 120px;
}

.main-satisfaccion-1{
	margin:0px;
	font: 30px "Brandon";
	color:#182c3d;
	text-align: center;
	letter-spacing: 2px;
}

.main-satisfaccion-2{
	font: 16px/25px "Brandon";
	color:#434040;
	text-align: center;
}

.linea-azul{
	width: 120px;
	height:2px;
	background-color: #01a5d0;
	margin: 30px auto 50px;
}

.main-negocio{
	width:100%;
	max-width:970px;
	margin: 0 auto 50px;
	height:auto;
	display:table;
	margin-bottom:120px
}

.main-negocio li{
	float: left;
	width:33%;
	text-align: left;
}

.main-negocio-img{
	width:100%;
	max-width:90%;
	margin:0 auto;
}

.main-negocio-titulo p{
	margin-top:50px;
	font: 24px "Brandon";
	color:#182c3d;
	margin-left:5%;
	max-width:80%;
}

.main-negocio-texto ul{
	padding-left: 5%;
	width:90%;
	font: 14px/25px "Brandon";
	color:#434040;
	text-indent: -5px;
	margin:0;
}

.main-negocio-texto ul:before {
	content: "\2219";
}

.main-negocio-texto a{
	padding-left: 5%;
	margin:0;
	font: 14px/25px "Brandon";
	color:#023751;
}

.main-negocio-texto a:hover{
	color: gray;
	transition: 0.2s;
}

#servicios{
	width: 100%;
	height:530px;
}

/*FORMA*/

.main-contacto{
	width:100%;
	height:auto;
	display:table;
	background-color: #333333;
	padding-bottom: 80px;
}

.main-contacto-titulo{
	width:100%;
	max-width:970px;
	margin: 80px auto 0;
}

.main-contacto-titulo p{
	font: 20px "Brandon";
	color:white;
	margin: 0 0 30px;
	letter-spacing: 2px;
}

.main-forma{
	width:970px;
	height:auto;
	display:table;
	margin:0 auto;
}

.informacion {
	width:40%;
	float: left;
	padding-left: 20px;
}

.linea-contacto{
	max-width:60%;
	height:1px;
	background-color: #929292;
}

.forma-1 {
	width:60%;
	float: left;
	margin-top: 20px;
	height:auto;
	display:table;
}

.informacion-titulo{
	font: 16px "Brandon";
	color:white;
	margin: 40px 0 0;
}

.informacion-texto{
	font: 14px/25px "Brandon";
	color:#999999;
}

.form {
	height: 40px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: 0px;
	padding: 0px;
	width:200px;
}

.form-telefono {
	height: 40px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: -20px;
	padding: 0px;
	width:220px;
}


.form-msj {
	height: 140px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: 0px;
	padding: 0px;
	width:500px;
}


.forma {
	padding-top: 20px;
	text-align: left; font-family: "Gotham-Book";
	font-size: 18px; color: #FFFFFF;
	text-transform: uppercase;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.forma2 {
	width:100%;
	max-width:48%;
	height: 40px;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	margin-top: 20px;
}

.forma3 {
	width:100%;
	max-width:48%;
	height: 40px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 20px;
}

.forma4 {
	width:100%;
	max-width:100%;
	height: 140px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 20px;
}

.forma2Descript {
	float: left;
	width:80px;
	height:40px;
	font: 12px"Brandon";
	font-weight: 300;
	letter-spacing: 1px; display: inline; clear: none;
	color: #808080; padding: 10px 10px 10px 10px;
	text-transform: uppercase;
}

.informacion li{
	float: left;
	padding-right: 10px;
}

.informacion-redes{
	width:100%;
	height:50px;
}

.formCasasBtn {
	width: 120px;
	height: 50px;
	padding: 0px;
	background: url(../img/general/btn-enviar.png) no-repeat left center;
	font: 12px "Brandon";
	color: #FFFFFF;
	border: none;
}

.formCasasBtn:hover {
	background: url(../img/general/btn-enviar-hover.png) bottom;
	cursor:pointer; cursor: hand;
}


.formCasasBtn-us {
	width: 120px;
	height: 50px;
	padding: 0px;
	background: url(../img/general/btn-send.png) no-repeat left center;
	font: 12px "Brandon";
	color: #FFFFFF;
	border: none;
}

.formCasasBtn-us:hover {
	background: url(../img/general/btn-send-hover.png) bottom;
}

.formaCasas {
	width: 120px;
	height: auto;
	display:table;
	border: none;
	margin-left: 0px;
	padding: 30px 0px 0px;
	float: left;
}

/*forma*/

.main-footer{
	margin:-30px auto;
	width: 100%;
	height:auto;
	display:table;
	max-width:40%
}

.main-footer li{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	font: 11px"Brandon";
	color: white;
}

.form:focus{
outline: 0;
}

.form-telefono:focus{
outline: 0;
}

.form-msj:focus{
outline: 0;
}

.scrollup{
    width:50px;
    height:50px;
    opacity:0.5;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(../img/general/scroll.png) no-repeat;
	z-index: 100;
}


@media only screen and (min-width: 176px) and (max-width: 925px) {
	.header-header{
	width:100%;
	height:auto;
	position: absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top: 50px;
	padding-left: 0px;
	}
	
	#slide{
	z-index: -13;
	width:100%;
	height:650px;
	}
	
	.slideshow-main{
	width: 100%;
	height:650px;
	margin:0px auto;
	color: gray;
	}

	.main-logotipo{
	width:100%;
	height:90px;
	margin-top:80px;
	background: url(../img/logotipos/early-op.svg) no-repeat center;
	}
	
	.pleca-quienes{
	width:100%;
	max-width:90%;
	height:auto;
	display:table;
	margin: 0px auto;
	padding-top: 50px;
	text-align: center;
	}
	
	.main-quienes{
	width:90%;
	margin:50px auto;
	}
	
	.main-quienes li{
	float: none;
	}
	
	.main-quienes-1{
	width: 100%;
	font: 16px/25px "Brandon";
	color:#434040;
	margin-bottom: 30px;
	}
	
	.main-quienes-2{
	font: 14px/25px "Brandon-Bold";
	color:#182c3d;
	width: 100%;	
	}
	
	.main-quienes-2 ul{
	margin:0px;
	text-indent: -5px;
	padding-left: 0;
	}
	
	.main-quienes-2 ul:before {
	content: "\2219";
	}
	
	.main-satisfaccion{
	width: 100%;
	max-width:90%;
	margin:0 auto;
	height:auto;
	display:table;
	padding-top: 100px;
	}
	
	.main-negocio li{
	float: none;
	width:100%;
	text-align: left;
	padding-bottom: 30px;
	}
	
	.main-negocio-img{
	width:100%;
	max-width:90%;
	margin:0 auto;
	text-align: center;
	}
	
	.main-negocio-titulo p{
	margin-top:50px;
	font: 24px "Brandon";
	color:#182c3d;
	margin-left:5%;
	}
	
	.main-negocio-texto ul{
	padding-left: 5%;
	width:90%;
	height:auto;
	display:table;
	font: 14px/25px "Brandon";
	color:#434040;
	text-indent: -5px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	}


	/*FORMA*/
	.main-contacto{
	width:100%;
	height:auto;
	display:table;
	background-color: #333333;
	padding-bottom: 80px;
	text-align: center;
	}
	
	.main-contacto-titulo{
	width:100%;
	max-width:80%;
	margin: 30px auto 0;
	}
	
	.main-contacto-titulo p{
	font: 20px "Brandon";
	color:white;
	margin: 0 0 30px;
	}
	
	.main-forma{
	width:90%;
	height:auto;
	display:table;
	margin:0 auto;
	}
	
	.forma-1 {
	width:100%;
	float: none;
	margin-top: 20px;
	height:auto;
	display:table;
	}
	

	.informacion {
	width:100%;
	float: none;
	padding-left: 0px;
	text-align: left;
	}
	
	.linea-contacto{
	max-width:100%;
	height:1px;
	background-color: #929292;
	}
	
	
	.informacion-titulo{
	font: 16px "Brandon";
	color:white;
	margin: 40px 0 0;
	}
	
	.informacion-texto{
	font: 14px/25px "Brandon";
	color:#999999;
	}
	
	.form {
	height: 40px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: -100px;
	padding: 0px;
	width:60%;
	}
	
	.form-telefono {
	height: 40px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: -100px;
	padding: 0px;
	width:60%;
	}
	
	.form-msj {
	height: 140px;
	font: 20px"Brandon";
	border: none;
	position: absolute;
	margin-left: -90px;
	padding: 0px;
	width:60%;
	}
	
	
	.forma {
	padding-top: 20px;
	text-align: left; font-family: "Gotham-Book";
	font-size: 18px; color: #FFFFFF;
	text-transform: uppercase;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
	
	.forma2 {
	width:100%;
	max-width:100%;
	height: 40px;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	margin-top: 20px;
	
	}
	
	.forma3 {
	width:100%;
	max-width:100%;
	height: 40px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 20px;

	}
	
	.forma4 {
	width:100%;
	max-width:100%;
	height: 140px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 20px;
	}
	
	.forma2Descript {
	float: left;
	width:50px;
	height:40px;
	font: 14px"Brandon";
	font-weight: 300;
	letter-spacing: 1px; display: inline; clear: none;
	color: #808080; padding: 10px 10px 10px 10px;
	}
	
	.informacion li{
	float: left;
	padding-right: 10px;
	}
	
	.informacion-redes{
	width:100%;
	height:50px;
	}
	
	.formCasasBtn {
	width: 120px;
	height: 50px;
	padding: 0px;
	background: url(../img/general/btn-enviar.png) no-repeat left center;
	font: 12px "Brandon";
	color: #FFFFFF;
	border: none;
	}
	
	.formCasasBtn:hover {
	background: url(../img/general/btn-enviar-hover.png) bottom;
	}
	
	.formaCasas {
	width: 100%;
	height: auto;
	display:table;
	border: none;
	margin-left: 0px;
	padding: 30px 0px 0px;
	float: none;
	text-align: center;
	}
	
	.main-footer{
	margin:30px auto;
	width: 100%;
	max-width:100%
	}
	
	.main-footer li{
	float: none;
	padding-right: 30px;
	padding-left: 30px;
	font: 11px"Brandon";
	color: white;
	text-align: left;
	}

	#servicios{
	width: 100%;
	height:600px;
	}

	
	/*forma*/

	
}