body a, form li,input[type='submit'],input[type='text'],.sixth-login input[type='submit'],.third-login input[type='submit']{ transition: 0.1s all; -webkit-transition: 0.1s all; -moz-transition: 0.1s all; -o-transition: 0.1s all; } .inputbus{width:80%; height: 40px;} #enviar { background-image: url('iconos/lupa.png'); background-size: cover; cursor: pointer; width:300px; height:130px; } #bus1 { width: 98%; float:none; text-align:center; } #supe1 { width: 98%; float:none; text-align:center; } #supe1 img{ width: 40px; height:40px; float:none; text-align:left; margin:20px 10px 30px 20px; } #supei1 {font-size: 36px;font-weight: bold; vertical-align: middle; align-content: center; justify-content: center; display:block;} #vermas { opacity:1; height:75px;text-align:center;width:100%; position:absolute;z-index:3; bottom: 10px; } #vermas img{ width:30px;height: 30px; bottom: 0px; } #descripx { color:#fff; font-size: 20px; text-align:center; width:90%;position:relative;z-index:5; top:5px;margin:auto; } .opconmovx{ background:#074473; color:#FFF; height:420px;margin:6px;width:290px;border:1px; border-color: #074473;border-style:solid; } .opconmovx img{ color:#FFF; height:290px;width:290px; } .tcosg { font-size: 18px; color:#333; } .xtit { color:#666; font-size: 18px; } .tcang { font-size: 18px; color:#666; } .tcacg { font-size: 18px; color:#bb0000; } .tcosf { font-size: 14px; color:#fff; } .tcanf { font-size: 14px; color:#fff; } .tcacf { font-size: 14px; color:#fff; } .videosprin {float:none; display:block;width:90%;height:350px;padding:2%; } .iconosup{ filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(178deg) brightness(115%) contrast(100%); } .iconobus{ filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(178deg) brightness(115%) contrast(100%); } .iconosva{ filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(7315%) hue-rotate(191deg) brightness(105%) contrast(87%); } .iconosinf{ filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(312deg) brightness(113%) contrast(100%); } .iconosvm{ filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(7315%) hue-rotate(191deg) brightness(105%) contrast(87%); } .avtar img { height: 17px; width: 100%; } .form-info { margin:0; } .registration { width: 100%; } .select { border:solid 1px #D2D2D2; border-radius: 3px; color: #888; font-family: 'calibri', Arial, Helvetica, sans-serif; font-size: 15px; height:40px; margin-bottom:15px; padding:8px; width:101%; text-indent:5px; } select.select:hover { background: #999; color: #333333; transition: 2s all; -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; } input.text { outline: none; background-color: #fff; color: #000; width: 100%; padding: 3px; border: 1px solid #999; border-radius: 3px; font-family: 'calibri', Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 1em; text-indent:15px; } input.text:hover { background: #999; color: #333333; transition: 2s all; -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; } textarea { outline: none; background-color: #FFF; color: #333; width: 98%; padding: 10px 10px; border: 1px solid #999; border-radius: 5px; font-family: 'calibri', Arial, Helvetica, sans-serif; font-size: 15px; resize: none; height: 120px; text-indent:3px; } textarea:hover { background: #999; color: #333333; transition: 2s all; -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; } input[type='submit'] { outline: none; background: #074473; border: 0px; border-radius: 5px; color: #fff; font-size: 18px; font-family: 'calibri', Arial, Helvetica, sans-serif; width: 50%; height:40px; margin: 1em 0 .5em 0; padding: 0px; padding-top:5px; padding-bottom:5px; cursor: pointer; text-align:center; text-indent:0px; } input[type='submit']:hover { background: #333333; color:#fff; transition: 2s all; -webkit-transition: 2s all; -moz-transition: 2s all; -o-transition: 2s all; } .g-recaptcha{ -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; margin-top:15px; margin-bottom:15px; } .succMsg{ color:#009755 ; font-size: 15px;font-weight: bold;padding-top: 15px;} .errMsg{ color:#fb4314 ; font-size: 15px;font-weight: bold;padding-top: 15px;} #fova { width: 200px; margin: auto; display: block; flex-direction: row; height: 36px;float:none; height: auto;padding:20px; } #fova img { width: auto; height: auto;display: block; vertical-align: middle; margin: auto;float:none;align:center; } #titva { width: 98%;font-size:24px; font-weight: bold; color: #074473; float: none; display: block; vertical-align: middle; text-align:center;padding-bottom:20px; } #subtitva { font-size:20px; color: #616161; margin:auto; padding:auto; line-height:125%; float: none; width:98%;} #bgsli{ display:block; width: 100%; top: 0; height: 10px; background-color: #074473; position: relative; z-index: -1; } #bgsls{display:block; width: 100%; bottom: 0; height: 10px; background-color:#074473; position: relative; z-index: -1; } .todosup { display:block; color: #ffffff; } .todobus { font-size: 16px;color: #ffffff; height:auto; } #cab1 { width: 100%; display:block ; margin-left:1%; padding: 4px; } #cab2 { width: 1%; display:none ; text-align:center; margin-left:1%; } #cab3 { width: 100%; margin-left:0; /* MARGEN 0 DEL FONDO DE MENÚ */ display:block ; text-align:left; } #ci1 { width: 100%; top:0; } #ci2 { padding:2px; width: 100%; margin-top:20px; } /*#ci3 { padding:2px; width: 100%; }*/ #ci1 img { width: auto; height:auto; padding:0px;margin:0; } #ci2 img { width: 2px; height:auto; padding:2px;} /*#ci3 img {float: left; width: 24px; height:auto; padding:2px;}*/ #parr { width: 100%; padding:0%; } #yyy1 { width: 100%; padding:0%; } #yyy1 img{ width: 100%; padding:0%; } .botonsuscripcion{ width:90%; height: 40px; border:0px; border-radius:5px; background-color:#074473; font-size: 18px; color:#fff; } .botonsuscripciontrans{ width:90%; height: 40px; border:0px; border-radius:5px; background-color:rgba(204,51,102,0); font-size: 18px; color:#fff; border-color: white; border-style: solid; border-width: 2px; } .botonsuscripciont{ width:100%; height: 40px; border:0px; border-radius:0px; background-color:#074473; font-size: 18px; color:#fff; } .botonsuscripcionvm{ width:90%; height: 40px; border:0px; border-radius:0px; background-color:#074473; font-size: 18px; color:#fff;width: 100%;bottom: 0px; } .xxxccc { width: 100%; padding:0; height:200px; overflow: hidden; margin: 0; } .xxxccc img{ width: 100%;height: 100%; object-fit: cover; object-position:right; } .xxxcccob { width: 100%; padding:0; height:200px; overflow: hidden; margin: 0; } .xxxcccob img{ width:100%;height:100%; object-fit: cover; object-position:right; } #xxxc2-2 { float:left; margin-top: 0%; margin-bottom: 0%; width:100%;padding:0%; } .titxxx2{ font-size:18px; margin-bottom:0px; color:#fff; font-weight:100; padding:2%;} .conxxx2{ font-size:16px; color:#fff;margin: 10px;padding:2%;} .titxxx2-2{ font-size:18px; color:#333; font-weight:bold; padding:2%; } .conxxx2-2{ font-size:16px; color:#333; width:90%; padding:2%;display: block;} .titxxx2-y{ text-align: left; font-size:24px; color:#333; font-weight:bold; padding:2%; } .centcon2 { background: #f2f2f2; margin-bottom:60px;height: auto; } .centcon2 img { width: 100%; height: 100%; } #bs{z-index: 50; position: relative;text-align: center; bottom: 10px;width: 100%;} #bst { text-align: center; bottom:0px;width: 100%; height: 40px;float: left;} #bsvm{ text-align: center; position: relative; top: -8px; width: 100%; } .zoom:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -ms-transform: scale(1.04); } #descrip2-1 { color:#333; font-size: 16px; text-align:center; height:75px; top:200px;padding: 20px; font-weight: bold; } #descrip2-2 { color:#333; font-size: 16px; text-align:center; height:100px; top:300px; padding: 20px; } #descrip2-3 { top:0px;width: 100%; padding:0%; height:160px; overflow: hidden; } #descrip2-3 img { top:0px; width: 100%;height: 100%; object-fit: cover; object-position:top; } .opconmov2{ color:#FFF; height:450px; width:90%;margin:auto; padding:15px; } #detalladoopconmov2 { color:#fff; font-size: 16px; text-align:center; width: 90%; height: 450px; margin:0; background: #f2f2f2; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5); border-color: aliceblue; border: solid; border-width: 4px;float:left; display: block; } .contenedorzactualidad { width: 100%; margin: auto; background:#074473; } .containerza { width: 100%; margin: 0; text-align: center; } #pie1 { margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 90%; height:auto; } #pie2 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 90%; } #pie3 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 90%; } #pie4 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 90%; } #va1 { margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; } #va2 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; } #va3 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; } #fosupie { width: 100%; margin: auto; display: flex; flex-direction: row; height: 36px; } #fosupie img { width: 20px; height: 20px;display: flex; vertical-align: middle; margin: auto; } #dspie {background-image:url('../img/fsuppie.png'); background-repeat:repeat; width: 100%; float:right; } #logop {float:left; margin:auto; width:100%; padding:0px; text-align:center; } #logop img { width:30%; padding:0px; height:auto; } #logos img {float:left; display: none; max-width:50%; margin-right:2%; width:50%; padding:1%; text-align:center; vertical-align:middle; } .textocm{ background-color:#333333; border-radius:0 50px 50px 0; color:#FFF; font-size:36px; line-height:115%; left:0; right:10%; top:20%; position:absolute; z-index:2; text-align:center; width:40%; } .opconmov{ background:#ffffff; height:350px;margin:10px ; width: 280px;border-radius: 50px 0 50px 0;overflow: hidden; } .opconmov img{ height:240px; object-fit: cover; object-position:center; } .opva{ color:#FFF; height:auto;margin:auto; width: 98%; display: block; align-content: center; justify-content: center; align: center; text-align:center; float:left; padding-bottom:20px; } .opva img{ color:#FFF; height:240px; float:none; } .vermas { opacity:1; margin: auto;bottom: 10px; position: absolute; align-content: center; justify-content: center; display:block; width: 100%; } .vermas img{ width:30px;height: 30px; z-index:3; text-align:center; } #descrip { color:#074473; font-size: 18px; text-align:center; font-weight: bold; line-height: 18px; margin: 5px; } .zoom { display: inline-block; transition-duration: 0.4s; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); transition-property: transform; -webkit-transition-property: -webkit-transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transition-duration: 0.4s; } .zoom:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -ms-transform: scale(1.04); } .contenedorconte {background:#ffffff; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 0px; width: 98%; text-align:center; } .contenedoropconmov {background:#074473; width: 100%; margin: auto; } .contenedoraliados {background:#ffffff; width: 100%; margin: auto; } .contenedorzactualidad {background:#074473; width: 100%; margin: auto; } .contenedorblanco { width: 100%; margin: auto;background:#fff; } .contenedortexturavid { background:#545454; background-image:url('../img/textura9.png'); width: 100%; margin: auto; } .contenedortexturavid img { } .contenedortexturavid:before { content:''; background:linear-gradient(rgba(20,20,20,.9) 10%,rgba(255,0,0,0) 90% ); width:100%; height:auto; overflow: hidden; } .suptotv { width: 100%; max-width: 1366px; text-align:center; margin-top:4%;margin-bottom:4%;display: flex; flex-wrap: wrap; justify-content: center; } .suptotvid { width: 100%; max-width: 1366px; text-align:center; margin: auto; float:none; } #subtlaempresaci { text-shadow: -1px -1px 2px #333; color:#ffffff; font-size: 20px; font-weight:normal; line-height:125%; padding-top:1%; padding-bottom:2%; text-align: center; width:90%; margin: auto; } #loquehacemosdfb { float: left; color: #fff; font-size: 28px; font-weight:bold; line-height:125%; padding-top:2%; padding-bottom:2%; text-align: center; width:90%; margin: auto;/*text-shadow: 0px 0px 4px #333;*/ } #loquehacemosiu { float: left; width:90%; margin :2% 2% 0 2%; padding-bottom: 2% 2% 0 2%; } #loquehacemosiu img{ width:100%;margin :2% 2% 0 2%; padding-bottom: 2% 2% 0 2%; } #loquehacemosiuvid { float: left; width:90%; padding: 2%;margin: auto;display: flex; flex-wrap: wrap; justify-content: center; } #loquehacemosiuvid img{ width:100%;margin :2%; padding: 2%; } .contenedortextura { background:#074473; background-image:url('../img/textura9.png'); width: 100%; margin: auto; } .contenedorcab {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedorbus {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedorbienbtextura {background:#545454; background-image:url('../img/textura9.png'); width: 100%; margin: auto; } .contenedorbienb {background:#545454; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedorvatextura {background:#ffffff; background-image:url('../img/textura6.png'); width: 100%; margin: auto; } .contenedorva {background:#ffffff; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ padding-top:20px; } .contenedorservtextura {background:#074473; background-image:url('../img/textura9.png'); width: 100%; margin: auto; } .contenedorserv {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedorinfetextura {background:#074473; background-image:url('../img/textura6.png'); width: 100%; margin: auto; } .contenedorinfe {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedorpiestextura {background:#074473; background-image:url('../img/textura6.png'); width: 100%; margin: auto; } .contenedorpies {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } .contenedormenu { width: 100%; margin: auto; height:auto; /* alto altura total del menú */ } .contenedorinf { width: 100%; margin: auto;background:#074473; } .contenedorpie { width: 100%; margin: auto;background:#074473; } .contenedorconte { width: 100%; margin: auto;background:#ffffff; } .fluides { display: block; width: 100%; float:left; } .suptot { width: 96%; max-width: 1350px; text-align:center; margin: 20px auto 40px auto; } .cabtot { width: 100%; max-width: 1366px; text-align:center; margin: auto; position:relative;z-index:1; } .bmenu { width: 100%; max-width: 1366px; margin: auto; position:relative;z-index:1; } .inftot { width: 98%; max-width: 1350px; text-align:center; margin: auto;height:auto; } .header .contenedorsup { display: table; } .header .contenedorbus { display: table; } .section { width: 100%; margin-bottom: 25px; } .barra img { width: 14px; height: 35px; } #bienvenidos { text-align: center; } #tituloizq {float:left;text-align: left; color:#666; font-weight: bold; font-size: 14px; } #tituloizq img {float:left; width: 14px; height: 35px; margin-right:2%; } #titulocen {float:left; text-align: center; width: 100%;font-size: 18px; } #tituloder {float:left; text-align: left; width: 100%; } #tituloder img { width: 14px; height: 35px; } .footer { display: flex; flex-wrap: wrap; justify-content: center; background:#255532; color:#fff; } .sociales { width: 100%; text-align: center; font-size: 28px; } #titpie { font-size:24px; font-weight: bold; color:#FFFFFF; float: left; width: auto; display: flex; vertical-align: middle; margin: 10px; } #subtitpie { font-size:20px; color:#FFFFFF; margin-left:20px; margin-top:20px;line-height:150%; float: none; } .sociales a { color: #fff; text-decoration: none; } .centd { float: left; margin-left: 2%; margin-right: 2%; margin-bottom: 0px; width: 100%; text-align:left; } .titxxx2{ font-size:18px; margin-bottom:20px;} .conxxx2{ font-size:14px;} .cenco { float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 0px; width: 98%; text-align:justify; } #zzz1 { padding:0%; text-align: center; color:#666; font-weight: bold; font-size: 14px; } #zzz1 img { position:relative; text-align:left; width:100%; padding:0%; } #xxx1 { float:left; margin-top: 2%; margin-bottom: 2%; width: 40%; padding:1% } #xxx1 img{ float:left; margin-top: 2%; margin-bottom: 2%; width: 100%; padding:1%; } #xxx2 { float:left; margin-top: 2%; margin-bottom: 2%; width:60%;padding:1%; } .centcon { float: left; margin-left: 2%; margin-right: 2%; margin-bottom: 0px; width: 100%; text-align:left; } #xxxc1 { float:left; margin-top: 2%; margin-bottom: 2%; width: 24%; padding:1% } #xxxc1 img{ float:left; margin-top: 2%; margin-bottom: 2%; width: 100%; padding:1%; } #xxxc2 { float:left; margin-top: 2%; margin-bottom: 2%; width:70%;padding:1%; } #pie5 { color:#FFFFFF; float:left; display:block; font-size:14px; line-height:124%; padding-top: 2%; padding-bottom: 2%; text-align: center; margin:auto; width: 100%; } #titulozactualidad { font-weight: bold; color: #fff; font-size: 28px; line-height:115%; padding-top:2%; padding-bottom:2%; text-align: center; width:100%; } #tituloopconmov { font-weight: bold; color: #fff; font-size: 28px; line-height:115%; padding-top:2%; padding-bottom:2%; text-align: center; width:100%; } #titulo { font-weight: bold; color: #333333; font-size: 28px; line-height:115%; padding-top:2%; padding-bottom:2%; text-align: center; width:100%; } #tlaempresa { color: #ffffff; font-size: 48px; font-weight:bold; line-height:115%; padding-top:2%; padding-bottom:1%; text-align: center; width:100%; } #subtlaempresa { color: #ffffff; font-size: 20px; font-weight:normal; line-height:125%; padding-top:1%; padding-bottom:2%; text-align: center; width:90%; margin: auto; } @media (min-width: 320px){ #detalladoopconmov2{ width: 100%; } #subtitpie { height: auto; } .sociales{ width: auto; } footer .contenedor { justify-content: space-between; } #zona1 { float:left; margin-top: 0%; margin-bottom: 2%; width: 100%; padding:0%; } #zona1 img{ width: 100%; } #zona2 { float:left; margin-top: 2%; margin-bottom: 2%; width:100%;padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%;height: auto; } #sector1-4 img { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector3-3 {float:left; margin-top: 1%; margin-bottom: 2%; width: 100%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } #transpa { display:none; } #correo { display:none; } .todopie { width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%; margin: 0; padding-left: 0%; padding-right: 0%; width:96%; } .distri { display: block; width: 96%; float:left; text-align:center; padding:1% 5% 1% 5%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:480px; padding:2%; text-align:center; } } @media (min-width: 480px){ .botonsuscripcion{ width:50%; } .opconmov2{ width:90%; height: 450px; } #detalladoopconmov2{ height: 450px; width: 100%; } #subtitpie { height: auto; } .sociales{ width: auto; } footer .contenedor { justify-content: space-between; } .fluides2 { display:block; width: 100%; float:left; } #zona1 { float:none; margin-top: 2%; margin-bottom: 2%; width: 100%; padding:1%; } #zona2 { float:none; margin-top: 2%; margin-bottom: 2%; width:100%;padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width:100%; padding:1%;height: auto; } #sector1-4 img { margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector3-3 {float:left; margin-top: 1%; margin-bottom: 2%; width: 100%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } .todopie { width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%; margin: 0; padding-left: 0%; padding-right: 0%; width:96%; } .distri { display: block; width: 96%; float:left; text-align:center; padding:1% 5% 1% 5%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:768px; padding:2%; text-align:center; } } @media (min-width: 768px){ .videosprin { float:left; display: block; padding:2%; width:90%; } #subtlaempresaci { color: #ffffff; font-size: 20px; font-weight:normal; line-height:125%; padding-top:1%; padding-bottom:2%; text-align: center; width:90%; margin: auto; } .opva{ color:#FFF; height:auto;margin:auto; width: 33%; display: flex; align-content: center; justify-content: center; align: center; text-align:center; float:left; padding-bottom:40px; } .opva img{ color:#FFF; height:240px; float:left; } .botonsuscripcion{ width:60%; } .opconmov2{ width:45%; } #subtlaempresa { color: #ffffff; font-size: 20px; font-weight:normal; line-height:125%; padding-top:1%; padding-bottom:2%; text-align: center; width:33%; margin: auto; } #zzz1 { padding:0%; text-align: center; color:#666; font-weight: bold; font-size: 14px; } #zzz1 img { position:relative; text-align:left; width:100%; padding:0%; } .sociales{ width: auto; } footer .contenedor { justify-content: space-between; } #parr { float:left; width: 46%; padding:2%; } #yyy1 { float:left; width: 46%; padding:2%; } #yyy1 img{ width: 100%; padding:0%; } #zona1 { float:left; margin-top: 2%; margin-bottom: 2%; width: 40%; padding:1%; } #zona2 { float:left; margin-top: 2%; margin-bottom: 2%; width:48%;padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width: 45%; padding:1%;height:auto; } #sector1-4 img { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector3-3 {float:left; margin-top: 1%; margin-bottom: 2%; width: 100%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } #transpa { display:block;position:absolute; z-index:5000; top:0; left: 50%; width:50%; padding:20px; text-align:center; } #transpa img { max-height:60px; } #correo { display:block;position:absolute; z-index:5000; top:0; left: 0%; width:50%; padding:20px; text-align:center; } #correo img { max-height:60px; } .todopie { width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%; margin: 0; padding-left: 0%; padding-right: 0%; width:95%; } .distri { display: block; width: 90%; float:left; text-align:center; padding:1%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:1024px; padding:2%; text-align:center; } #sup1 { width: 32%; float:left; display:none; text-align:left; margin-left:1%; } #sup2 { width: 32%; float:left; display:none; text-align:left; margin-left:1%; } #sup3 { width: 32%; float:left;margin-left:1%; display:none; text-align:left; } #si1 { float: left; font-size: 14px; padding:2px; width: 100%; } #si2 { float: left; font-size: 14px; padding:2px; width: 100%; } #si3 {float: left; font-size: 14px; padding:2px;width: 100%; } #si1 img {float: left; width: 24px; height:auto; padding:2px;} #si2 img {float: left; width: 24px; height:auto; padding:2px;} #si3 img {float: left; width: 24px; height:auto; padding:2px;} .todosup{float:left;width:100%;display:block;margin-top:0px; color: #ffffff; } .todobus{float:left;width:100%;display:block;margin-top:0px;margin-top:10px;font-size: 16px;color: #ffffff; } @media only screen and (min-width: 1024px) { #bus1 { width: 98%; height:50px; float:left; text-align:center; margin :0; } .inputbus{width:60%; height: 40px;} #loquehacemosdfb { width:50%; } #loquehacemosi { width:45%; } #loquehacemosiu { width:45%; } #loquehacemosiuvid { width:45%; } .contenedortextura { background:#074473; background-image:url('../img/textura9.png'); width: 100%; margin: auto; } .contenedorcab {background:#074473; width: 100%; margin: auto; height:auto; /* alto altura total de la cabecera */ } #fondosuperior{ position:absolute; z-index:1; width: 100%; top:0px; height: 50px; background:#074473; display:none; } #fondomenu{ position:absolute; z-index:1; width: 100%; top:50px; height: 50px; background:#074473;display:none; } .contenedorsup { width: 100%; margin: auto; height:60px; /* alto altura total de la cabecera */ position:absulute;top:0; } .contenedorbus { width: 100%; margin: auto; height:80px; /* alto altura total de la cabecera */ position:absulute;top:0; } .botonsuscripcion{ width:40%; } .opconmov2{ width:21%; } .formulario { width:100%; } form { width:100%; } input, textarea { width:100%; } textarea { height:150px; } .botontexto { width:100%; } #zona1 {float:left; margin-top: 2%; margin-bottom: 2%; width: 45%; padding:1%; } #zona2 {float:left; margin-top: 2%; margin-bottom: 2%; width: 50%; padding:1%; } #espacio1 {float:left; margin-top: 2%;position:relative; text-align:left; margin-bottom: 2%; width: 65%; padding:1%; } #espacio1 img{ width: 20px; padding:1%; } #espacio2 {float:left; margin-top: 2%; margin-bottom: 2%; width: 32%; padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width: 45%; padding:1%;height: auto; } #sector1-4 img { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 65%; padding:1%; } #sector3-3 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } #transpa { display:block; float:right; margin-right:10%; width:30%; padding:0px; text-align:center; } #transpa img { max-height:60px; } #correo { display:block;position:absolute; z-index:5000; top:0; left: 0%; width:50%; padding:20px; text-align:center; } #correo img { max-height:60px; } .todopie {display: block; width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%; margin: 0; padding-left: 0%; padding-right: 0%; width:100%; text-align:center; } .distri { display: block; width: 95%; float:left; margin-left:2%; text-align:center; padding:1%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:1248px; padding:2%; text-align:center; } #logop {float:left; position: absolute; top:10px; left:10px; width:24%; padding:0px; text-align:center; } #logop img { width:100%; padding:0px; height:auto; } #logos img {float:right; margin-right:10%; width:auto; padding:1%; text-align:center; height:auto;vertical-align:middle; } #supe1 { width: 98%; float:left; text-align:center; } #supe1 img{ width: 40px; height:40px; float:left; text-align:left; margin:10px 10px 0 10px; } #supei1 {font-size:40px;font-weight: bold; vertical-align: middle; align-content: center; justify-content: center; display:block;float:left; padding:0px; position: absolute;} #sup1 { width: 32%; float:left; display:block; text-align:left; margin-left:1%; } #sup2 { width: 32%; float:left; display:block; text-align:left; margin-left:1%; } #sup3 { width: 32%; float:left;margin-left:1%; display:block; text-align:left; } #si1 { float: left; font-size: 14px; padding:2px; width: 100%; } #si2 { float: left; font-size: 14px; padding:2px; width: 100%; } #si3 {float: left; font-size: 14px; padding:2px;width: 100%; } #si1 img {float: left; width: 24px; height:auto; padding:2px;} #si2 img {float: left; width: 24px; height:auto; padding:2px;} #si3 img {float: left; width: 24px; height:auto; padding:2px;} #cab1 { width: 35%; float:left; display:block ; margin-left:1%; } #cab2 { width: 2%; float:left; display:none ; text-align:center; margin-left:1%; vertical-align:middle; } #cab3 { width: 60%; float:left;margin-left:1%; display:block ; text-align:left; } #ci1 { text-align:left; position:absolute;z-index: 2; width:auto; background:; } #ci2 { float: left; padding:2px; width: 100%; margin-top:20px; } /*#ci3 { float: left; padding:2px; width: 100%; }*/ #ci1 img { width:auto; height:auto; text-align:left; padding:0;margin:0;} #ci2 img {width:2px; height:60px; padding:2px;} /*#ci3 img {float: left; width: 24px; height:auto; padding:2px;}*/ .todosup{float:left;width:100%;display:block;margin-top:0px; } .todobus{float:left;width:100%;display:block;margin-top:0px; } #pie1 { margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 23%;height:auto; } #pie2 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 23%; } #pie3 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 23%; } #pie4 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: left; width: 23%; } #va1 { margin: 0; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; /* border-top: 20px solid red; */ /* PARA BORDE SUPERIOR */ } #va2 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; } #va3 {margin: 1%; color:#FFFFFF; float:left; font-size:16px; line-height:124%; padding-top: 1%; padding-bottom: 1%; text-align: center; width: 98%; } } @media only screen and (min-width: 1248px) { .opconmov2{ width:22%; } .contenedorxx { margin-top: 0px; } .formulario { width:100%; } form { width:100%; } input, textarea { width:100%; } textarea { height:150px; } .botontexto { width:100%; } #zona1 {float:left; margin-top: 2%; margin-bottom: 2%; width: 50%; padding:1%; } #zona2 {float:left; margin-top: 2%; margin-bottom: 2%; width: 40%; padding:1%; } #espacio1 {float:left; margin-top: 2%;position:relative; text-align:left; margin-bottom: 2%; width: 65%; padding:1%; } #espacio1 img{ width: 20px; padding:1%; } #espacio2 {float:left; margin-top: 2%; margin-bottom: 2%; width: 32%; padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width: 23%; padding:1%; height: auto; } #sector1-4 img { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 65%; padding:1%; } #sector3-3 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } #transpa { display:block; float:right; margin-right:10%; width:30%; padding:0px; text-align:center; } #transpa img { max-height:60px; } #correo { display:block;position:absolute; z-index:5000; top:0; left: 0%; width:50%; padding:20px; text-align:center; } #correo img { max-height:60px; } .todopie { width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%; margin: 0; padding-left: 0%; padding-right: 0%; width:100%; text-align:center; } .distri { display: block; width: 95%; float:left; margin-left:2%; text-align:center; padding:1%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:1366px; padding:2%; text-align:center; } #logop {float:left; position: absolute; top:10px; left:10px; width:24%; padding:0px; text-align:center; } #logop img { width:100%; padding:0px; height:auto; } #logos img {float:right; margin-right:10%; width:20%; padding:1%;height:auto; text-align:center; vertical-align:middle; } #sup1 { width:32%; height: 50px; float:left; display:block ; text-align:left; margin-left:1%; } #sup2 { width: 32%; height: 50px; float:left; display:block ; text-align:left; margin-left:1%; } #sup3 { width:32%;height: 50px; float:left;margin-left:1%; display:block ; text-align:left; } #si1 { float: left; font-size: 14px; padding:2px; width: 100%; } #si2 { float: left; font-size: 14px; padding:2px; width: 100%; } #si3 {float: left; font-size: 14px; padding:2px;width: 100%; } #si1 img {float: left; width: 24px; height:auto; padding:2px;} #si2 img {float: left; width: 24px; height:auto; padding:2px;} #si3 img {float: left; width: 24px; height:auto; padding:2px;} #cab1 { width: 30%; float:left; display:block ; margin-left:1%; } #cab2 { width: 2%; float:left; display:none ; text-align:center; margin-left:1%; vertical-align:middle; } #cab3 { width: 65%; float:left;margin-left:1%; display:block ; text-align:left; } #ci1 { } #ci2 { padding:2px; width: 100% ;vertical-align:middle;margin-top:20px; } /*#ci3 { float: left; padding:2px; width: 100%; }*/ #ci1 img { width:auto; height:auto; } #ci2 img { width: 2px; height:80px; padding:2px;vertical-align:middle;} /*#ci3 img {float: left; width: 24px; height:auto; padding:2px;}*/ .todosup{float:left;width:100%;display:block;margin-top:0px;color: #ffffff; } .todobus{float:left;width:100%;display:block;margin-top:0px;color: #ffffff; } .contenedorxx { margin-top: 0px; } } @media only screen and (min-width: 1600px) { #subtitpie { height: auto; } .formulario { width:100%; } form { width:100%; } input, textarea { width:100%; } textarea { height:150px; } .botontexto { width:100%; } #zona1 { margin-top: 2%; margin-bottom: 2%; width: 40%; padding:1%; } #zona2 { margin-top: 2%; margin-bottom: 2%; width: 50%; padding:1%; } #espacio1 {float:left; margin-top: 2%;position:relative; text-align:left; margin-bottom: 2%; width: 65%; padding:1%; } #espacio1 img{ width: 20px; padding:1%; } #espacio2 {float:left; margin-top: 2%; margin-bottom: 2%; width: 32%; padding:1%; } #sector1-4 { float:left; margin-top: 1%; margin-bottom: 1%; width: 23%; padding:1%;height: auto; } #sector1-4 img { float:left; margin-top: 1%; margin-bottom: 1%; width: 100%; padding:1%; } #sector2-4 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #sector3-4 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #sector4-4 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #sector4-4 {float:left; margin-top: 1%; margin-bottom: 2%; width: 30%; padding:1%; } #bloque1-3 { float:left; margin-top: 1%; margin-bottom: 1%; width: 96%; padding:1%; } #correo { display:block;position:absolute; z-index:5000; top:0; left: 0%; width:50%; padding:20px; text-align:center; } #correo img { max-height:60px; } .todopie {height: auto; width: 100%; margin: 0;background:#333333;text-align:center; } .conpie { line-height:100%;height: auto; margin: 0; padding-left: 0%; padding-right: 0%; width:100%; } .distri { display: block; width: 95%; float:left; text-align:center; padding:1% 5% 1% 5%; } .objcab { background:#fff; margin-top:0px;left:0; width:100%; text-align:center; } #imacab .objcab { float:left; max-width:1600px; padding:2%; text-align:center; } #logop {float:left; position: absolute; top:10px; left:10px; width:24%; padding:0px; text-align:center; } #logop img { width:100%; padding:0px; height:auto; } #logos img {float:right; margin-right:10%; width:20%; padding:1%; vertical-align:middle; text-align:center; height:auto; } .superior { background:#255532; height:36px;width: 100%; text-align:center; } #sup1 { width: 32%; float:left; display:block ; text-align:left; margin-left:1%; } #sup2 { width: 32%; float:left; display:block ; text-align:left; margin-left:1%; } #sup3 { width: 32%; float:left;margin-left:1%; display:block ; text-align:left; } #si1 { float: left; font-size: 14px; padding:2px; width: 100%; } #si2 { float: left; font-size: 14px; padding:2px; width: 100%; } #si3 {float: left; font-size: 14px; padding:2px;width: 100%; } #si1 img {float: left; width: 24px; height:auto; padding:2px;} #si2 img {float: left; width: 24px; height:auto; padding:2px;} #si3 img {float: left; width: 24px; height:auto; padding:2px;} #cab1 { width: 25%; float:left; display:block ; margin-left:1%; } #cab2 { width: 1%; float:left; display:none ; text-align:center; margin-left:1%; vertical-align:middle; } #cab3 { width: 70%; float:left;margin-left:1%; display:block ; text-align:left; } #ci1 { } #ci2 { padding:2px; width: 100% ;vertical-align:middle; } /*#ci3 { float: left; padding:2px; width: 100%; }*/ #ci1 img { width: auto; height:auto; } #ci2 img { width: 2px; height:100px; padding:2px;vertical-align:middle;} /*#ci3 img {float: left; width: 24px; height:auto; padding:2px;}*/ .todosup{float:left;width:100%;display:block;margin-top:0px;color: #ffffff; } .todobus{float:left;width:100%;display:block;margin-top:0px;color: #ffffff; } }