p, li, a, h1, h2, h3, h4, h5, h6, div, li, span, ol { font-family: Arial !important; line-height: 1.5; font-size: 1rem; }



.w10 { width: 10% ! important }

.w16 { width: 16% ! important }

.w20 { width: 20% ! important }

.w23 { width: 23% ! important }

.w25 { width: 25% ! important }

.w30 { width: 30% ! important }

.w35 { width: 35% ! important }

.w40 { width: 40% ! important }

.w45 { width: 45% ! important }

.w48 { width: 48% ! important }

.w50 { width: 50% ! important }

.w60 { width: 60% ! important }

.w70 { width: 70% ! important }

.w75 { width: 75% ! important }

.w80 { width: 80% ! important }

.w90 { width: 90% ! important }

.w96 { width: 96% ! important }

.w100 { width: 100% ! important }

.left { float: left; }

.right { float: right; }

.center { text-align: center; padding: 100px 0 ; margin: 0 auto 100px}

.limpiar { clear: both; }

.m205 { margin: 20px 5% ! important }

.m201 { margin: 20px 1% ! important }

.m01 { margin: 0 1% ! important }

.titulo { font-size: 3em; font-weight: normal; margin: 20px 0 5px; }

section { position: relative; }

.hidden { display: none; }

.relative { position: relative !important; left: 0 !important }

a { text-decoration: none; }

.limpiar { clear: both; }



header { position: fixed; width: 100%; background-color: rgba(0,70,33,0.5); z-index: 20 }

.contHeader { max-width: 1900px; width: 95%; margin: 0 auto }

.logo img { width: 100%; max-width: 200px }

.contRedes { text-align: right; }

.redes li, .datos li { display: inline-table; }

.redes li a { padding-left:5px }

.redes li a span, .datos li a span { color: #ffffff }

.datos li a span, .datos li a i { margin-right: 5px }

.datos li a { color: #ffffff; padding-left: 15px }

.headerInf h2 { color: #ffffff; font-size: 2.6em }

h3.nombre { background: rgba(255,161,37,1);

background: -moz-linear-gradient(left, rgba(255,161,37,1) 0%, rgba(255,73,73,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,161,37,1)), color-stop(100%, rgba(255,73,73,1)));

background: -webkit-linear-gradient(left, rgba(255,161,37,1) 0%, rgba(255,73,73,1) 100%);

background: -o-linear-gradient(left, rgba(255,161,37,1) 0%, rgba(255,73,73,1) 100%);

background: -ms-linear-gradient(left, rgba(255,161,37,1) 0%, rgba(255,73,73,1) 100%);

background: linear-gradient(to right, rgba(255,161,37,1) 0%, rgba(255,73,73,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa125', endColorstr='#ff4949', GradientType=1 ); 

display: -webkit-inline-flex; padding: 8px 30px; font-size: 1.6em; color: #ffffff; margin: 10px 0 5px; 

-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); }

h3.nombre span { -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);} 

.h4 { color: #ffffff; margin-left: 150px; font-size: 1em; }

.menu { float: right; }

.menu li { line-height: 1.5; list-style: none; text-align: right; margin: 10px 0; display: inline-block; }

.menu li a { color: #ffffff; padding: 5px 10px; border-radius: 10px; position: relative; font-weight: 600 }

.menu li a.activo, .menu li a:hover { text-decoration: underline; }

.liTexto { font-size: 0.98rem; color: #ffffff; position: relative; }

.liTexto::before { content: "."; color: #ffffff; font-weight: bold; position: absolute; left: -12px; top:-15px; font-size: 1.6em; }

.centado { margin-left: 5% }



#Home {  position: relative; background-image: url(../images/home.png); width: 100%; min-height: 800px; padding-top: 0; background-position: center; background-size: cover; background-color: rgba(255,255,255,0.1); z-index: 15; }



.headerInf { text-align: center; }

.headerInf p { color: #ffffff; }

.headerInf ul { text-align: center; margin-bottom: 110px; }

.headerInf ul li { display: inline-table; }

.headerInf ul li img { height: 170px; margin: 41px 15px 0; }





.imgLogo { width: 150px }

.title { text-align: center; margin: 20px auto 15px; }

.title h2 { text-transform: uppercase; font-size: 2em; font-weight: lighter; padding-bottom: 5px; color: #585858; }

.line { display: inline-block; width: 40px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #003262; margin-bottom: 25px; margin-top: 0; }

.contServicio { margin:0; background-color: #ffffff; }



.Servicios { display: inline-block; padding: 30px 0 0; position: relative; background-image: url(../images/porque.png); width: 100%; min-height: 810px; padding-top: 0; background-position: center; background-size: cover; background-color: rgba(255,255,255,0.1); z-index: 15; }

.Servicios .title h2 { color: #ffffff; }

.Servicios .textoC { width: 80%; margin: 10px auto 50px }

.Servicios p { color: #ffffff; }

.Servicios .title { text-align: center; margin: 270px auto 15px; display: block; }

.Servicios .title  .line { background-color: #ffffff !important }

.servicio { cursor: pointer; display:table-cell; padding: 0; overflow: hidden; margin: 0 0 -2px; position: relative; }

.servicioNomb { z-index: 5; background-color: rgba(53,53,53,0.7); position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.servicio:hover .servicioNomb { background-color:  rgba(53,53,53,0); }

.servicio:hover img {transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); }

.servicio img { width: 100%; margin-bottom: -3px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }

.lupa span { color: #ffffff; background-color: #0d004c; padding: 8px; border-radius: 50%; margin: 0 0 5px; }

.servicioNomb .centradoVH h6 { padding-bottom: 10px; color: #ffffff; font-size: 1.2em; font-weight: 600; margin-top: 15px; }



.movilP { font-size: 2.5rem }

.movilN {  font-size: 3rem !important; }

.paralax { background-attachment: fixed; z-index: 1;  }

.Nosotros { background-image: url("../images/nosotros.jpg"); max-height: 100%; height: 792px; position: relative; padding: 0 0 100px; background-size: cover; margin: -115px auto -280px; background-color: rgba(255,255,255,0); }

.textoC { text-align: center; margin: 0 auto }

.textoC p { text-align: center; }

.Nosotros .title { margin: 0 auto; padding: 170px 0 0; }

.Nosotros .title h2 { color: #003262 }

.contNosotros { position: relative; z-index: 58; width: 80%; margin: 0 auto; padding: 90px 0 0; text-align: center; display: flex; justify-items: center; justify-content: center; }

.contNosotros .valores { width: 200px; margin: 0 4%; background-color: #004521; height: 200px; color: #ffffff; padding: 30px; border-radius: 50%; display: table; float: left; }

.contNosotros h4 { font-size: 1.4em; margin: 0 0 10px; font-weight: 600; }

.contNosotros p { font-size: 0.9em; text-align: center; display: table-cell; vertical-align: middle; }

.contNosotros ul li { list-style: outside; line-height: 1.5; font-weight: 600; }



.contDescripcion { width: 90%; margin:0 auto; }

.descripcion { padding: 30px 0 }

.descripcion h4 { font-size: 1.4em; margin: 0 0 10px; }

.descripcion p { text-align: left; font-size: 1rem; }

.servicio { position: relative; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.servicio.active::before { left: 50%; margin-left: -13px; z-index: 899; webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); content: "\ea1c"; position: absolute; bottom: -6px; font-size: 2em; color: #ffffff; }

.descripcion ul  { margin-top: 15px; }

.descripcion ul li { list-style: outside; line-height: 1.5; }

.liSeparador { margin: 0 10px; font-weight: 700 }

.descripcionT, .descripcionI { display: inline-table; }

.descripcionT { width: 65%; }

.descripcionI { width: 30%; padding-left: 4% }





.Beneficios { padding: 25px 0; background-color: #0d004c; border-top: 10px solid #003471; border-bottom: 10px solid #003471; text-align: center; }

.Beneficios img { max-width: 60% }

.subtitulo { cursor: pointer; color: #ffffff; display: flex; align-items: center; text-align: center; justify-content: center; font-size: 1.1em; font-weight: lighter; margin: 15px auto 20px; }

.subtitulo img { height: 20px; margin-left: 15px; }



.Historia { display: inline-block; background-image: url("../images/valores.jpg"); max-height: 100%; height: 792px; position: relative; padding: 0; background-size: cover; z-index: 1; margin: -148px auto -200px; background-color: rgba(255,255,255,0); }

.ContHistoria { margin: 158px auto 0; text-align: center; padding: 25px 10% 30px; max-width: 60%; border-radius: 10px; background-color: rgba(255,255,255,0.8); }

.ContHistoria p { text-align: justify;  }

.ContHistoria h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 13px; }

.columan3 { width: 25%; margin: 3%; display: inline-table; }



.Ofrecemos { display: inline-block; background-image: url("../images/alternativas.jpg"); max-height: 100%; height: 792px; position: relative; padding: 0 0 100px; background-size: cover; z-index: 1; margin: -115px auto -200px; background-color: rgba(255,255,255,0); width: 100%; }

.contOferta { min-height: 380px; position: relative; max-width: 60%; width: 90%; margin: 0 auto; }

.Ofrecemos .title h2 { color: #ffffff; }

.Ofrecemos .title { margin: 80px auto 15px; }

.caja1 { color: #ffffff; min-height: 230px; left: 0;  padding: 0 40px; width: calc(28% - 30px); width: -webkit-calc(28% - 30px); 

	width: -moz-calc(28% - 30px); position: absolute; top: 20px; z-index: 1; background-color: #0d004c;

    border-radius: 10px; height: 310px; display: flex; justify-content: center; align-items: center; }

.caja2 { width: calc(40% - 115px); width: -webkit-calc(40% - 115px); width: -moz-calc(40% - 115px);

	position: absolute; left: 50%; z-index: 0; margin-left: -23%; padding: 0 80px; background-color: #ffffff;

	border-radius: 10px; height: 350px; display: flex; justify-content: center; align-items: center; }

.caja3 { color: #ffffff; min-height: 200px; right: 0; padding: 0 40px; width: calc(28% - 30px); width: -webkit-calc(28% - 30px); 

	width: -moz-calc(28% - 30px); position: absolute; top: 20px; z-index: 2; background-color: #0d004c;

	border-radius: 10px; height: 310px; display: flex; justify-content: center; align-items: center; }

.centradoVH { text-align: center; }

.centradoVH h6 { padding-bottom: 10px }

.centradoVH p { text-align: center; }

.ocultar { display: none !important; }

.contOfrecemos { width:90%; margin: 230px auto 0; max-width: 1200px; }

.ofrecemosText { width: 80%; margin: 0 auto; }

.p0005 { padding: 0 0 0 5%; }

.p0500 { padding: 0 5% 0 0; }

.ofrecemosText h3 { margin-bottom: 20px; font-weight: 600; font-size: 1.3em; }

.ofrecemosImg { width: 40%; float: left; overflow: hidden; }

.ofrecemosImg img { width: 100%; }

.menuOfrecemos { text-align: center; }

.menuOfrecemos li { display: inline-table; margin: 0 12px; }

.menuOfrecemos li h4 { position: relative; cursor: pointer; background-color: #eaeaea;  font-weight: 500; 

display: -webkit-inline-flex; padding: 8px 20px; font-size: 1.2em; color: #000000; margin: 10px 0 23px; 

-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg);}

.menuOfrecemos li h4 span { -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);} 

.menuOfrecemos li h4.menuOfre { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.menuOfrecemos li .activo::before { z-index: 899; webkit-transform: rotate(270deg) skew(0deg, 20deg); -moz-transform: rotate(270deg) skew(0deg, 20deg); -ms-transform: rotate(270deg) skew(0deg, 20deg); -o-transform: rotate(270deg) skew(0deg, 20deg); transform: rotate(270deg) skew(0deg, 20deg); content: "\ea1c"; position: absolute; bottom: -33px; left: 0; right: 0; font-size: 2em; color: #eaeaea; }

.menuOfrecemos li .menuOfre:hover::before { z-index: 899; webkit-transform: rotate(270deg) skew(0deg, 20deg); -moz-transform: rotate(270deg) skew(0deg, 20deg); -ms-transform: rotate(270deg) skew(0deg, 20deg); -o-transform: rotate(270deg) skew(0deg, 20deg); transform: rotate(270deg) skew(0deg, 20deg); content: "\ea1c"; position: absolute; bottom: -33px; left: 0; right: 0; font-size: 2em; color: #eaeaea; }

.ofrecemosText ul { margin: 10px 10px; }

.ofrecemosText ul li { list-style: circle; line-height: 1.4; }



.Clientes { display: inline-block; padding: 30px 0 0; position: relative; background-image: url(../images/servicio.png); width: 100%; min-height: 677px; padding-top: 0; background-position: center; background-size: 100% 100%; background-color: rgba(255,255,255,0.1); z-index: 15; }

.Clientes .title { padding: 295px 0 0; color: #ffffff }

.Clientes .title h2 { color: #ffffff; }

.Clientes .textoC p { color: #ffffff }

.contClientes { text-align: center; width: 70%; margin: 0 auto; }

.cliente { display: inline-table; margin: 15px 10px; width: calc(16% - 1%); width: -webkit-calc(16% - 1%); width: -moz-calc(16% - 1%); }

.cliente img { width: 100% }



.Contacto { display: inline-block; padding: 30px 0 0; position: relative; background-image: url(../images/Contacto.png); width: 100%; min-height: 600px; background-position: center; background-size: cover; background-color: rgba(255,255,255,0.1); z-index: 15; }

.contForm { width: 60%; margin: 230px auto 0; }

.contForm .title h2 { color: #ffffff; }

.contForm .title .line { background-color: #ffffff; }

.w-50 { width: calc(50% - 24px); width: -webkit-calc(50% - 24px); width: -moz-calc(50% - 24px); }

.Form form input { width: calc(34% - 34px); width: -webkit-calc(34% - 34px); width: -moz-calc(34% - 34px); color: #ffffff; margin-bottom: 15px; background-color: transparent; border:1px solid #ffffff; border-radius: 2px; padding: 10px 8px; }

.Form form textarea { color: #ffffff; margin-bottom: 15px; background-color: transparent; border:1px solid #ffffff; border-radius: 2px; padding: 10px 8px; }

.asunto { width: calc(100% - 12px); width: -webkit-calc(100% - 12px); width: -moz-calc(100% - 12px); }

.Form form textarea { height: 70px; width: calc(100% - 12px); width: -webkit-calc(100% - 12px); width: -moz-calc(100% - 12px); }

.Form form input.Enviar { width: 100px; background-color: #11749e; color: #ffffff; padding: 10px 18px; font-size: 1.2em; margin: 0 auto; display: -webkit-flex; border: none; border-radius: 5px; letter-spacing: 1.4px; }



footer { margin: 50px auto 0; background-color: #f8f8f8; padding: 30px 0 0; text-align: center; } 

footer p { text-transform: uppercase; font-size: 1.2em; font-weight: 400; text-align: center; color: #313131; }  

footer h5 { font-size: 1.6em; font-weight: 300; color: #313131; max-width: 60%; width: 90%; margin: 5px auto 10px; line-height: 1.2 }

.suscribir { max-width: 60%; margin: 0 auto; }

.correoS { background-color: #f2f2f2; padding: 10px 10px; width: 60%; border: none; font-size: 1.2em; }

.Suscribirse { background-color: #0d004c; color: #ffffff; padding: 10px 50px; border: none; font-size: 1.2em; }

.foot { background-color: #252628; text-align: center; padding: 15px 0; margin-top: 20px; }

.foot p { color: #929394; font-size: .8em; font-weight: 500; text-transform: none; }



.Preguntas { width: 80%; margin: 0 auto 20px; }

.separadorH { width: 2px;

border-left: 3px solid #0072bc;

margin: 0 0 0 3%;

height: 91px;

float: left; }



.Mapa { background-color: #0d004c; padding: 30px 0; text-align: center; }

.Mapa iframe { max-width: 80%; margin: 0 auto; width: 100%; }



@media(min-width: 850px){

  .contFormv form > div { display: inline-block; }

  .contFormv .col-submit { display: block; }

  

  .contFormv .col-2, .contFormv .col-3, .contFormv .col-4 { box-shadow: 1px 1px #e4e4e4; border: none; }

  

  .contFormv .col-2 { width: 50% }

  .contFormv .col-3 { width: 33.3333333333% }

  .contFormv .col-4 { width: 25% }

  

  .contFormv .col-submit button { width: 30%; margin: 0 auto; }

}

@media (min-width: 1600px) { 

  .contSearch p {margin: 0 60px;}

  .circuloSearch {width: 180px;}

}