@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@font-face {
  font-family: "Gothic";
  src: url(gothic.ttf);
}
body{ padding:0px; margin:0px; background-color:#eaeaea;}
p{font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300;}
h1{font-family:'Gothic', sans-serif;}
h2{font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300;}
h3{font-family:'Gothic', sans-serif;}
a{font-family: 'Raleway', sans-serif;}
#center{ width:100%; max-width:1040px; margin:0px auto; box-sizing:border-box; padding:0px 20px;}
.headtxt1{ width:340px; text-align:center; box-sizing:border-box; height:40px; margin-bottom:40px; float:right;}
.headtxt2{ width:250px; box-sizing:border-box; height:40px; margin-bottom:40px; float:right;}
.headtxt3{ width:340px; text-align:center;box-sizing:border-box;height:40px;margin-bottom:0px; float:right;}
#movil{ display:none;}
#nomovil{ display:block;}

.my-float{margin-top:16px;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.btne{background:#ee4435;color:#fff;border:none;padding:5px 20px;}

.titulo1{margin:0px;padding-top:110px;font-size:70px;padding-left:80px;}
.titulo2{margin:0px; padding-top:155px; font-size:70px; padding-right:80px; float:right;}
.titulo3{margin:0px; padding-top:155px; font-size:70px; padding-left:80px;}
.clear{ clear:both;}
.boton{ width:230px; margin:0px auto; height:37px; padding:10px; background-color:#ee4435; color:#FFFFFF; box-sizing:border-box;}
.boton p{ float:left; margin:0px; font-size:16px;}
.boton img{ float:right; margin-top:-4px;}
.head{ width:100%;margin-top:50px;background-color:rgba(255,255,255,.8);position: absolute; height:120px;z-index:2;box-sizing:border-box;}
.head img{ padding-top:10px;}
.banner{ width:100%; height:100%; z-index:-9999;}
.red{ height:10px; margin:0px; width:100%; background-color:#ee4435;}
.fondo{ background-image:url(../IMG/textura.png); width:100%; color:#FFFFFF; padding:0px 0px 50px;}
.fondotxt{ width:55%; float:left; box-sizing:border-box; padding-right:50px; padding-top:20px;}
.valley{ width:45%; float:right; max-width:300px; padding-top:20px;}
.linea{margin:0px auto; width:200px; border-bottom:solid #ee4435 1px;}
.mitad{ width:50%; float:left; height:375px;color:#FFFFFF;}
.mitad2{width:50%; float:left; height:100%; min-height:255px;}
.puntos{color:#ee4435;float:left;padding-left:50px;font-size:35px; line-height:25px;margin:0px;margin-right:5px;}
.puntos2{ font-size:30px;  line-height:25px;color:#ee4435; float:left; margin:0px;}
.punto{margin:0px; text-align:center; font-size:45px; color:#ee4435; letter-spacing:-3px; padding-top:25px; line-height:8px;}
.servicios{width:100%;background-image:url(../IMG/servicios.jpg);text-align:center;background-repeat:no-repeat;background-size:cover; padding-top:30px; padding-bottom:40px;}
.servicios h3{margin:0px; color:#FFFFFF; font-size:50px;}
.contacto{ width:100%; max-width:1060px; margin:0px auto;}
.datos{width:50%; float:left; box-sizing:border-box; padding-left:30px; display:block;}
.datos2{ display:none;}
.txtcontacto{ color:#ee4435; margin:0px; padding-bottom:15px;}
.form{ width:50%; box-sizing:border-box; padding-right:30px; padding-top:70px; max-width:400px; float:right;}
.escribe{width:100%; height:30px; padding:5px; text-align: justify; margin-bottom:10px; border:none; box-sizing:border-box;}
.mapa{ height:380px; width:100%; background-color:#444349; text-align:center;}
.overlay{background:transparent;position:relative;width:100%;height:380px;margin-top:-380px;}
.sertxt{color:#FFFFFF; font-size:28px; width:100%; max-width:1000px; text-align:center; margin:20px auto 0px;}
@media screen and (max-width:980px){
.titulo1{margin:0px;padding-top:110px;font-size:55px;padding-left:20px;}
.titulo2{margin:0px; padding-top:155px; font-size:55px; padding-right:20px; float:right;}
.titulo3{margin:0px; padding-top:155px; font-size:55px; padding-left:20px;}

}
@media screen and (max-width:990px){
.headtxt1{ width:340px; text-align:center; box-sizing:border-box; height:50px; margin-bottom:0px; float:right;}
.headtxt2{ width:250px; box-sizing:border-box; height:40px; margin-bottom:0px; float:right;}
}
@media screen and (max-width:740px){
	.head img{ padding-top:25px; width:280px;}
	}
@media screen and (max-width:690px){
#movil{ display:block;}
.punto{margin:0px; text-align:center; font-size:45px; color:#ee4435; letter-spacing:-3px; padding-top:15px; line-height:8px;}
.red{ height:8px; margin:0px; width:100%; background-color:#ee4435; margin-top:-5px;}
.sertxt{color:#FFFFFF; font-size:22px; width:90%; text-align:justify; text-align-last:center; margin:20px auto 0px;}
.servicios h3{margin:0px; color:#FFFFFF; font-size:40px; box-sizing:border-box; padding:0px 30px;}
#nomovil{ display:none;}
.linea{margin:8px auto; width:180px; border-bottom:solid #ee4435 1px;}
.boton{ width:230px; margin:0px auto; height:37px; padding:10px; color:#ee4435; background-color:#FFFFFF; box-sizing:border-box;}
.fondo{ background-image:url(../IMG/textura.png); width:100%; color:#FFFFFF; text-align:center; padding-bottom:25px; padding-top:15px; margin-top:-0px;}
.fondotxt{ width:90%; float:none; box-sizing:border-box; padding-right:0px; margin:0px auto;}
.valley{ width:90%; float:none; text-align:center; margin:0px auto;}
.servicios{width:100%; background-image:url(../IMG/services-movil.jpg);text-align:center;background-repeat:no-repeat;background-size:cover; padding-top:50px; padding-bottom:60px;}
.datos{ display:none;}
.datos2{ width:90%; max-width:400px; margin:0px auto; text-align:center; display:block;}
.txtcontacto{ color:#ee4435; margin:0px; padding-bottom:15px; text-align:center;}
.form{ width:90%; box-sizing:border-box; padding-right:0px; padding-top:30px; max-width:400px; float:none; margin:0px auto;}
.diagon{background-image:url(../IMG/fondo-seccion-movil.png); background-size:cover; background-position:top; width:100%; color:#FFFFFF; height:100%; margin-top:-120px; z-index:9999; position:relative;}
}