@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------
PARA MOVILES
-------------------------------------------*/	
@media all and (max-width:480px) {
.contenido,
.header,
.sesenta,
.cuarenta,
.cincuenta,
.image-home-01,
.fila01 > p,
.fila02 p,
.logo-bottom,
.circular-wrap {width: 100% !important;}
.header nav,
.header h1,
.columna-izquierda,
.contornoMedioCirculo,
.contiene-circulos,
.logo-bottom,
.left-footer,
.center-footer,
.right-footer,
.columna-derecha {float: none !important;}
.sombra,
.logo-der-container,
.bg-coka-02,
.cbp-fbscroller > nav,
.image-home-02 {display: none !important;}
.header {padding-top: 20px;}
.header nav .font {font-size: 22px;}
.header nav .text {font-size: 16px; height: 34px; width: 180px;}
.header h1 {margin: 0 auto;}
.header nav {margin-top: 30px;}
.image-home-01 {margin-left: 0px; box-shadow: none;}
.form {position: relative; z-index: 999; width: 90%; margin: -160px auto 0 auto; background: #fff;}
.titulo-home {width: 300px; margin: 160px 0 0 30px;}
.fila01 .imagen {width: 100%; background-image: url("../images/retina/que-hacemos-2@2x.jpg"); height: 610px; background-position: left top; background-repeat: no-repeat; margin: 30px auto 0; background-size: 160px 610px;}
.fila01 .textos {position: relative; width: 50%;}
.fila01 > p {padding: 0 10px;}
.uno,
.dos,
.tres,
.cuatro,
.cinco,
.seis,
.siete {margin: 20px 0 0 170px;}
.boton-wa {margin-top: 60px; margin-left: 10px;}
.fila09 h4,
.fila10 h4,
.fila02 h4 {font-size: 44px; padding-top: 60px; margin: 0 auto;}
.fila09 h5,
.fila10 h5,
.fila02 h5 {font-size: 22px; padding: 0 0 0 86px; margin: 0;}
.fila09 p,
.fila10 p,
.fila02 p {font-size: 15px; letter-spacing: 1px; width: 100%;}
.adn {margin-left: 270px;}
.imagen-innovar {width:100%; margin-top: 40px;}
.contiene-circulos {margin: 0 auto; height: auto;}
.circular-wrap {height: auto;}
.contornoMedioCirculo {margin-bottom: 0px;}
.resp-bottom {margin-bottom: 0px;}
.top {padding-top: 330px;}
.arte {width: 100%; height: 50px;}
#fbsection7,
#fbsection5 {height: 400px;}
.imagen-seguridad {width: 100%; height: 400px;}
.titulo-seguridad {font-size: 32px; background-size: 68px 26px; background-position: 240px 46px;}
.titulo-izq-container {width: 100%; height: 46px; top: 220px; margin-left: 0px; background-repeat: no-repeat;}
.bg-tecnologica {width: 100%; background-image: url("../images/comex.jpg"); height: 440px; background-position: left top; background-repeat: no-repeat; margin: 30px auto 0; background-size: 180px 388px;}
.text-tecno-01,
.text-tecno-02,
.text-tecno-03 {font-size: 14px; width: 140px; position:relative; margin: 40px 0 0 190px;}
.swiper-container {width: 80%;}
.bg-coka-01 {width: 100%; background-repeat: no-repeat; background-size: cover;}
.bg-box {width: 100%; height: 340px; background-repeat: no-repeat;}
.center-footer,
.right-footer {width: 100%; padding: 0 10px;}
.logo-bottom {margin-top: 0px;}
.left-footer {padding: 50px 10px 0 10px; width: 100%;}
.contornoMedioCirculo.abajo {transform:rotate(0deg);}
.circular-002 {box-shadow: -20px 20px 20px rgba(0,0,0,0.2);}
.contiene-circulos .textos-internos {padding: 0px 26px 20px;}
/*.cbp-fbscroller > nav {right: 10px; top: 70%; width: 20px;}
.cbp-fbscroller > nav a {margin: 22px 0;}*/

/*ALTOS DE SECCIONES*/
.heigt-home {height: 820px;}
.heigt-section-02 {height: 1060px;}
.heigt-section-03 {height: 896px; padding: 0 10px;}
.heigt-section-04 {height: 1360px;}
.heigt-section-06 {height: 1160px; padding: 0 10px;}
.heigt-section-07 {height: 900px;}
.heigt-section-08 {height: 1100px; padding: 0 10px;}
.heigt-section-09 {height: 1000px; padding: 0 10px;}
.heigt-section-10 {height: 1560px; padding: 0px 10px;}
}