/* 
    Created on : 30/08/2017
    Author     : mggy@sistemasemsys.com
*/

/* ---------- Google Font ---------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

html{
    -webkit-font-smoothing:antialiased;
    min-height: 100%;
    position: relative;
}

body
{
    font-family: 'Open Sans', 'Roboto', 'latoregular', sans-serif;
    font-size:14px;
    height:100%;
    margin:0;    
    padding:0;    
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

/**************************************/
/*               HEADER               */
/**************************************/

#header-cont{
    height: 140px;
    background: url(../images/fondo-hero.png);
    background-size: 100%;
    position: relative;
    clear:both;
}

#logo {
    text-align: center;        
    margin-left: 40px;    
    padding:15px;    
    width: 90px;
    height: 90px;
    position: relative;
    float: left;   
}

/**************************************/
/*               MENU               */
/**************************************/

/* RESET STYLES */
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
q:before, q:after { content:''}
a-menu{text-decoration:none;}
a-menu:hover{text-decoration:underline;}
a-menu:active,a-menu:focus{outline: none;}
a-menu{color:#BA0707;}
a-menu:hover{text-decoration:underline;}

body#nosotros ul.menu li:nth-child(2) a.a-menu,
body#empresas ul.menu li:nth-child(3) a.a-menu,
body#politicas ul.menu li:nth-child(4) a.a-menu,
body#aliados ul.menu li:nth-child(5) a.a-menu,
body#enlaces ul.menu li:nth-child(6) a.a-menu,
body#contacto ul.menu li:nth-child(7) a.a-menu
{
    border-bottom: 4px solid #fff;
    width: auto;
}

aside, header, hgroup, nav{display: block;}

*{ 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

p, div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}

.mainWrap{
    float: left;
    position:static;
    color:#3E4156;    
    font-family: 'Open Sans',sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;    
    width:100%;
    margin:0 auto;
}

.title{
    margin:100px 0 50px 0;
    text-align:center;
    color:#3E4156;
}

.back{text-align:center;}

nav{
    display:block;
    margin-top: 0px;
    margin-right: 20px;
}

.menu{
    display:block;
    text-align: right;    
    padding: 10px;
}

.menu li{
    display: inline-block;
    position: relative;
    z-index:110;
    margin-left: 30px;
}

.menu li:first-child{margin-left:0;}

.menu li a {
    font-size: 13px;
    font-weight:bold;
    text-decoration:none;
    padding:1px;
    display:block;
    color:#ffffff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a.a-menu:hover, .menu li:hover > a.a-menu{
    color:#ffffff;
    border-bottom: 4px solid #fff;      
}

.menu ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 180px;
    position: absolute;
    top: 25px;
    left: 0px;
    background: #1f2022;
    z-index:120;
}

.menu ul li {
    display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
}

.menu ul li a {
    text-align: left;
    padding: 4px;    
    font-size:13px;
    font-weight:bold;
    display:block;
    color:#ffffff;
    border-left:3px solid #ffffff;
    background:#797979;
}

.menu ul li a:hover, .menu ul li:hover > a{
    background:#f0f0f0;
    border-left:3px solid #1f2022;
    color:#797979;
    font-weight: bold;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {
    left: 149px;
    top: 0px;
}

.mobile-menu{
    display:none;
    width:100%;
    padding:11px;
    background:#3E4156;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
}

.mobile-menu:hover{
    background:#3E4156;
    color:#ffffff;
    text-decoration:none;
}

/**************************************/
/*               FOOTER               */
/**************************************/

.footer{
    width: 100%;  
    font-size:17px;
}

.footer-wrapper{  
    background: url(../images/fondo-hero.png);
    background-size: 100%;
    padding-top:20px;
    padding-bottom:5px;
    text-align: center;  
}

.footer-wrapper .footer{
    display:inline-block;
}

.footer-wrapper ul,
.footer-wrapper ul li,
.footer-wrapper ul li a{
    text-decoration:none;
    list-style: none;
    color:white;
    float:left;
    clear:none;
    padding:0px;
    margin:0px;  
    overflow: hidden;
}

.footer-wrapper ul li a{
    padding:0px;
    margin:0px;
    padding-right:5px;

}
.footer-wrapper ul li{
    margin-left:5px;
}

.footer-wrapper ul li.first{
    margin-left:0px;
}

.footer-wrapper ul li.last a{
    border:none;
}

.footer-wrapper #block-block-1{
    margin-left: 15%;  
    margin-bottom: 10px;
    float:left;  
    color:white;
    font-size:0.8em;
    text-align: left;
}

.footer-wrapper #block-menu-menu-footer{
    float:left;
    margin-left: 30%;
    display: block;
}

.footer-wrapper #block-menu-menu-footer ul{
    float:right;
}

.footer-wrapper #block-menu-menu-footer ul li a {
    color:white;
    border:0;
    padding:0px;
    font-size:0.8em;
    display:block;
    width:160px;
    text-align: right;
}

.footer-wrapper #block-menu-menu-footer ul li a:hover {
    color: #fff;
}

.footer-wrapper #block-block-2{
    clear:both;
}

.footer-wrapper #block-block-2 .footer-spacer{ 
    font-size: 14px;
    color: white;  
    padding:15px;
    height: 120px;
    vertical-align: central;
    border-top:1px solid white;
    margin-bottom: 20px;
}

.footer-wrapper #footer-info p{
    color:#ffffff;
    text-align: left;
}

.footer-ctn {
    background: url(../images/fondo-hero.png);
    background-size: 100%;
    padding-top: 30px;
    padding-bottom: 25px;
}

.footer-contact {
    width: 344px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: left;
}

.footer-contact h7::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #6698ff;
    left: 0;
    bottom: 0;
}

.footer-contact h7 {
    border-bottom: 1px solid #5d6b88;
    font-size: 13px;    
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.footer-contact .direccion::before {
    content: url("../images/icon-ubicacion.png");  
    position: absolute;
    left: 0;
    top: -0px;
    font-size: 16px;
}

.footer-contact .footer-contactt {
    display: block;
    margin-bottom: 20px;
    font-size: 13px;    
    position: relative;
    padding-left: 46px;
}

.footer-contact .telefono::before {
    content: url("../images/icon-telefono.png"); 
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 16px;
}

.footer-contact .correo::before {
    content: url("../images/icon-correo.png");
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
}

.footer-copy {
    font-size: 11px;    
    height: 32px;
    color: black;
    background: #fff;
}

.footer-copy .wancho {
    margin-top: 9px;
}

.footer-copy-left {
    float: left;
}

.footer-copy-left p {
    margin: 0;
}

.footer-copy-right {
    float: right;
}

.cnt-wrapper, .footer {
    position: relative;
    left: 0;
    -webkit-transition: left 0.45s ease;
    -moz-transition: left 0.45s ease;
    -o-transition: left 0.45s ease;
    -ms-transition: left 0.45s ease;
    transition: left 0.45s ease;
}

.footer-ctn .wancho {
    max-width: 970px;
}

.footer-acerca {
    width: 266px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: left;
}

.footer-acerca h7::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #6698ff;
    left: 0;
    bottom: 0;
}

.footer-acerca h7 {
    border-bottom: 1px solid #5d6b88;
    font-size: 13px;    
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.footer-acerca .footer-acerca-p {    
    font-size: 13px;
}

.footer-listado h7::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #6698ff;
    left: 0;
    bottom: 0;
}

.footer-listado h7 {
    border-bottom: 1px solid #5d6b88;
    font-size: 13px;    
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.footer-listado {
    width: 266px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: left;
    margin: 0 40px;
}

.footer-listado li {
    width: 131px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-bottom: 16px;
}

.footer-listado li a {    
    font-size: 13px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s; 
}

/* ------------------------ */

/**************************************/
/*             MAIN                   */
/**************************************/

hr {
    text-align: center;
    margin-left: 32%;
    margin-right: 32%;
    height: 1px;
    background-color: #242527;
    width: 36%;
}

table tr {
    text-align: center;     
    vertical-align: middle;      
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1{font-size:36px;line-height:1.3em; }
h2{font-size:30px;line-height:1.3em;}
h3{font-size:26px;line-height:1.3em;}
h4{font-size:20px;line-height:1.3em;}
h5{font-size:16px;}
h6{font-size:14px;}

#ver-mas{
    text-align: right;    
    margin-left: 50%;
    color: #003d60;
}

a.ver-mas:visited {
    color:#003d60;
    border:0;      
    border:none;    
    text-decoration:none;
}

a.ver-mas:hover {
    color:#003d60;
}

.img{
    width: 180px;
    height: 80px;
}

.logo-old {
    text-align: center;               
    padding:10px;            
    float: left;    
}

#logo-old {
    text-align: center;        
    margin-left: 40px;    
    padding:10px;    
    width: 250px;
    height: 250px;        
}

#estructura-org{    
    padding-bottom: 50px;
    display:block;
    margin:auto;
}

.transition {
  -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;
}

/**************************************/
/*             CONTACTO               */
/**************************************/

#box-contacto{
    margin: 0 auto;
    width: auto; 
    height: auto;
}

#box-contacto td{    
    vertical-align: top;
    padding: 25px;  
    text-align: left;    
}

.map{
    width: 600px;
    height: 450px;        
}

h5.ribbon-title {    
    font-weight: 400;    
    margin-bottom: 20px;    
}

.ribbon-title, .titulo-cinta, .titulo_cinta {
    width: 100%;
    background-color: #4B4D4B;
    color: white;
    padding: 10px 1.25em;
    position: relative;
    left: -1.24em;
    font-weight: 300;
    -moz-box-shadow: 0 4px 0 0 #4bb0da;
    -webkit-box-shadow: 0 4px 0 0 #4bb0da;
    box-shadow: 0 4px 0 0 #4bb0da;
}

.ribbon-title::after, .ribbon-title .arrow-cinta-right, .titulo-cinta::after, .titulo-cinta .arrow-cinta-right, .titulo_cinta::after, .titulo_cinta .arrow-cinta-right {
    display: inline-block;
    width: 0;
    height: 0;
    min-width: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 15px solid #4BB0DA;
    border-bottom: none;
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    right: 0;
}

.ribbon-title::before, .ribbon-title .arrow-cinta-left, .titulo-cinta::before, .titulo-cinta .arrow-cinta-left, .titulo_cinta::before, .titulo_cinta .arrow-cinta-left {
    display: inline-block;
    width: 0;
    height: 0;
    min-width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #4BB0DA;
    border-bottom: none;
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
}

/* --------------------------- */

/**************************************/
/*             SECTION                */
/**************************************/

section, footer, h7, ul, li {
    display: block;
    margin: auto;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;    
}

article {
    display: block;
    margin: auto;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

figure {
    display: block;
    margin: auto;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
    font-size: 0;
}

p {
    margin: 0 0 15px;
}

a {
    color: inherit;
    text-decoration: none;
    margin: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

a img {
    border: none;
}

.wancho {
    width: 96%;
    max-width: 960px;
    margin: auto;
    margin-top: auto;
}

h7 {
    margin: 0 0 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1;
}

li {
    list-style: none;
}

.g-title::before {
    content: "";
    height: 3px;
    width: 70px;
    position: absolute;
    background: #6698ff;
    bottom: -3px;
    left: 0px;
    right: 0;
    margin: auto;
}

.g-title {
    color: #003d60;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 15px;
    display: inline-block;
}

.g-title p {
    margin: auto;
}

.g-title2::before {
    content: "";
    height: 6px;
    width: 58px;
    position: absolute;
    background: #6698ff;
    top: 53px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.g-title2 {
    color: #273960;
    font-size: 20px;
    font-family: 'latoregular', sans-serif;
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 15px;
    display: inline-block;
    border-bottom: 1px solid #6698ff;
}

.b0 {        
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.b0-article {    
    width: auto;    
    display: inline-block;
}

.b0-div{
    display: flex;
    justify-content: center;
}

.div-img {     
    margin: 30px;
    text-align: center;
    float: left;
    width: auto;
    background: #fff;
    padding: 20px 20px 20px 20px;
    border-collapse: separate;
    border: 2px solid #c1c9c2;
    border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;        
    -webkit-box-shadow: 10px 10px 5px 0px rgba(193,201,194,1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(193,201,194,1);
    box-shadow: 10px 10px 5px 0px rgba(193,201,194,1);
}

.b1 {
    background: #e9ebef;
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px;
}

.b1-cnt-center {
    max-width: 550px;
    width: 96%;
    margin: auto;
    text-align: center;
}

.b1-text {
    font-size: 16px;
    color: #003d60;    
}

.b2 {
    padding-top: 80px;
    padding-bottom: 60px;
}

.b2-article {    
    width: 98%;
    margin: auto;
    text-align: center;
}

.b2-margen {
    margin-left: 0;    
}

.b2-img {
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 30px;    
}

.b3 {
    width: 100%;
}

.b3-cnt {
    max-width: 80%;
    margin: 0 auto;
    padding: 40px;    
    text-align: center;    
    font-size: 16px;
    color: #273960;    
}

.b3-box td{
    padding: 10px;  
    text-align: center; 
}

.b4 {
    text-align: center;
    background: #ebebf4;
}

.b4-mision-caja, .b4-vision-caja {
    width: 50%;
    text-align: left;
}

.b4-mision-caja::before {
    content: "";
    background: #4bb0da;
    width: 10px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.b4-mision-caja {
    background: #343636;
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
    position: relative;    
}

.b4-mision-caja .b4-item {
    float: right;
    margin-right: 40px;
    margin-left: 80px;
    padding-bottom: 40px;
}

.b4-mision-caja .g-title2::before {
    content: "";
    height: 4px;
    width: 55px;
    position: absolute;
    background: #4bb0da;
    top: 30px;
    bottom: 0px;
}

.b4-mision-caja .g-title2 {
    padding-bottom: 0;
    color: #fff;
    font-size: 20px;
    width: 240px;
}

.b4-mision-caja .b4-texto {    
    width: 90%;
    color: #fff;
}

.b4-vision-caja {    
    background: #ebebf4;
    padding-top: 40px;
    padding-bottom: 40px;
    float: right;    
}

.b4-vision-caja .b4-item {
    margin-left: 40px;
    margin-right: 80px;
}

.b4-vision-caja .g-title2::before {
    content: "";
    height: 4px;
    width: 55px;
    position: absolute;
    background: #4bb0da;
    top: 30px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.b4-vision-caja .g-title2 {
    padding-bottom: 0;
    color: #4bb0da;
    font-size: 20px;
    width: 240px;
}

.b4-vision-caja .b4-texto {
    width: 90%;
    color: #273960;
}

.b5 {
    width: 100%;
    overflow: hidden;
}

.b5-cnt {
    max-width: 930px;
    margin: 0 auto;
    padding-top: 20px;
}

.b5-item {
    padding-bottom: 80px;
    width: 100%;
    position: relative;
}

.b5-img {
    max-width: 323px;
    max-height: 490px;
    margin-top: 25px;
    float: left;
    display: block;
    margin: auto;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;    
}

.b5-img img {
    width: 100%;
    height: auto;
    display: block;
}

.b5-info {
    width: 520px;
    float: right;
    padding-right: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b5 .g-title2::before {
    content: "";
    height: 6px;
    width: 58px;
    position: absolute;
    background: #4bb0da;
    top: 43px;
    bottom: 15px;
    left: 0px;
    margin: auto;
}

.b5 .g-title2 {
    color: #273960;
    font-size: 20px;
    font-family: 'latoregular', sans-serif;
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 15px;
    display: inline-block;
    border-bottom: 1px solid #4bb0da;
}

.b5-txt {
    font-size: 16px;
    font-family: 'latolight', sans-serif;
    color: #273960;
}

.b5-subtitulo {
    color: #4bb0da;
    font-family: 'latoregular', sans-serif;
    margin-bottom: 10px;    
}

.item-right .b5-img {
    float: right;
    margin-top: -12px;
}

.item-right .b5-info {
    float: left;
}

.b6 {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 299px;
}

.b6-titulo {
    color: #fff;
    font-family: 'latoregular', sans-serif;
    font-size: 25px;
    text-align: right;
    margin: auto;
    margin-right: auto;
    margin-right: 0;
    line-height: 1.1;
    padding-top: 150px;
}

.b7 {
    padding-top: 60px;
    padding-bottom: 120px;
}

.b7-cnt-info {
    max-width: 900px;
    width: 95%;
    margin: auto;
}

.b7-item {
    display: block;
    position: relative;
    margin-bottom: 70px;
}

.b7-contenido {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 250px;
    min-height: 172px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b7-img {
    width: 216px;
    position: absolute;
    top: 0;
    left: 0;
}

.b7-text1 {
    font-size: 15px;
    font-family: 'latoregular', sans-serif;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}

.b7-text2 {
    color: #6698ff;
    font-family: 'open_sansbold', sans-serif;
    margin-bottom: 10px;
    font-size: 15px;
}

.b7-text3 {
    font-size: 15px;
    font-family: 'latolight', sans-serif;
}
/* ---------------------------- */
  
/* Resolucion hasta 767px */  
@media (max-width: 767px) and (min-width: 5px){
    
    body{         
        font-size: 8px;        
    }
    
    h1{font-size:10px;line-height:1.3em; }
    h2{font-size:8px;line-height:1.3em;}
    h3{font-size:8px;line-height:1.3em;}
    h4{font-size:8px;line-height:1.3em;}
    h5{font-size:7px;}
    h6{font-size:6px;}
    
    #header-cont{
        height: 150px;        
    }

    #logo {
        text-align: center;        
        margin-left: 5px;    
        padding:10px;    
        width: 20px;
        height: 20px;
        position: relative;
        float: left;   
    }        

    #logo-old {         
        width: 150px;
        height: 150px;        
    }

    .mainWrap{width:100%;}
    
    body#nosotros ul.menu li:nth-child(2) a.a-menu,
    body#empresas ul.menu li:nth-child(3) a.a-menu,
    body#politicas ul.menu li:nth-child(4) a.a-menu,
    body#aliados ul.menu li:nth-child(5) a.a-menu,
    body#enlaces ul.menu li:nth-child(6) a.a-menu,
    body#contacto ul.menu li:nth-child(7) a.a-menu
    {
        border-bottom: 2px solid #fff;
        width: auto;
    }
    
    nav{        
        margin-top: 12px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .menu{
        display:block;
        text-align: right;    
        padding:10px;
    }
    
    .menu li{
       padding-top: 15px;
       
    }
    
    .menu ul {
        top:30px;width: 120px;z-index: 999;
    }
    
    .menu li a{
        font-size:7px;
        padding:1px;
    }  
    
    .menu ul li a {          
        font-size:7px;        
    }
    
    .menu li a.a-menu:hover, .menu li:hover > a.a-menu{
        color:#ffffff;
        border-bottom: 2px solid #fff;      
    }
    
    .image-header{
        width: 50px;
        height: 50px;
    }
    
    .image-footer{
        width: 70px;
        height: 70px;
    }
       
    #ver-mas{
        margin-left: 20%;
        font-size: 9px;
    }    
    
    #estructura-org{           
        width: 280px;
    }
    
    #logos-empresas{
        width: 180px !important;
        height: 90px !important;
    }
    
    .g-title {        
        font-size: 12px;        
    }
    
    .g-title2 {        
        font-size: 14px;       
    }
        
    .b0 {        
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

    .b0-div{        
        display: inline-block;
    }
    
    .div-img{
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 10px 10px 10px;
    }
    
    .b1-text {
        font-size: 12px;            
    }
    
    .b3-cnt {           
        font-size: 12px;            
        padding: 10px;            
    }            

    .b4-mision-caja, .b4-vision-caja {
        width: 100%;        
    }   
    
    .b4-mision-caja::before {
        content: "";        
        width: 0px;        
    }

    .b4-mision-caja {        
        float: top;        
    }   
    
    .b4-mision-caja .b4-item {
        margin-left: 20px;        
    }
    
    .b4-mision-caja .g-title2 {
        text-align: left;
    }
    
    .b4-vision-caja {        
        float: bottom;    
    }   
    
    .b4-vision-caja .b4-item {
        margin-left: 20px;        
    }

    .b5-cnt { 
        width: 90%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
    }
    
    .b5-item{
        padding-bottom: 40px;
    }
    
    .b5-info {
        width: 100%;               
    }

    .b5 .g-title2 {        
        font-size: 14px;        
    }
    
    .b5-txt {
        font-size: 12px;       
    }
    
    .b5-subtitulo {        
        margin-top: 10px;    
    }    
    
    .b7 {
        padding-top: 40px;
        padding-bottom: 80px;
    }    
    
    .b7-cnt-info {
        max-width: 95%;               
    }

    .b7-contenido {
        padding-left: 180px;
        width: 100%;
        float: bottom !important;        
    }

    .b7-img {
        float: top !important;
    }   

    .b7-text2 {        
        margin-bottom: 10px;
        font-size: 10px;
    }

    .b7-text3 {
        font-size: 10px;        
    }

    .map{
        width: 270px;
        height: 150px;        
    }                    
    
    #contactos{
        width: 90%;
        margin-left: 25px !important;
        float: bottom;
    }
    
    #map{
        width: 95%;
        float: top;
        margin-left: 2px !important;
        margin: 1rem;
        padding: 1rem;
        text-align: center;
    }          
       
    .footer{        
        font-size:12px;
    }

    .footer-wrapper #block-block-1{
        margin-left: 5%;  
        margin-bottom: 10px;
    }

    .footer-wrapper #block-menu-menu-footer{
        margin-left: 40%;
    }

    .footer-wrapper #block-menu-menu-footer ul li a {
        width:60px;
    }
    
    .footer-wrapper #block-block-2 .footer-spacer{ 
        font-size: 10px; 
        padding:10px;
        height: 60px;        
    }        
    
    .footer-contact {
        width: 266px;
        margin-top: 30px;
        font-size: 10px;            
    }
    
    .footer-contact h7 {        
        font-size: 10px;            
    }
    
    .footer-contact .direccion::before {        
        font-size: 10px;
    }

    .footer-contact .footer-contactt {        
        font-size: 10px;            
    }

    .footer-contact .telefono::before {        
        font-size: 10px;
    }

    .footer-contact .correo::before {        
        font-size: 10px;
    }        
    
    .footer-acerca h7 {        
        font-size: 10px;           
    }

    .footer-acerca .footer-acerca-p {    
        font-size: 10px;        
    }
    
    .footer-listado {        
        text-align: left;
        margin: 0 0 0 5px !important;
    }
    
    .footer-listado h7 {        
        font-size: 10px;           
    }
    
    .footer-listado li {        
        font-size: 10px;        
    }

    .footer-listado li a {    
        font-size: 10px;        
    }
}  

/* Resolucion hasta 1024px */  
@media (max-width: 1024px) and (min-width: 768px){         
    
    body{         
        font-size: 10px;        
    }
    
    h1{font-size:12px;line-height:1.3em; }
    h2{font-size:10px;line-height:1.3em;}
    h3{font-size:10px;line-height:1.3em;}
    h4{font-size:10px;line-height:1.3em;}
    h5{font-size:9px;}
    h6{font-size:8px;}
    
    #header-cont{
        height: 150px;        
    }

    #logo {
        text-align: center;        
        margin-left: 25px;    
        padding:20px;    
        width: 80px;
        height: 80px;
        position: relative;
        float: left;   
    }
        
    #logo-old {       
        width: 150px;
        height: 150px;        
    }
    
    .image-header{
        width: 80px;
        height: 80px;
    }
    
    .mainWrap{width:100%;}
    
    body#nosotros ul.menu li:nth-child(2) a.a-menu,
    body#empresas ul.menu li:nth-child(3) a.a-menu,
    body#politicas ul.menu li:nth-child(4) a.a-menu,
    body#aliados ul.menu li:nth-child(5) a.a-menu,
    body#enlaces ul.menu li:nth-child(6) a.a-menu,
    body#contacto ul.menu li:nth-child(7) a.a-menu
    {
        border-bottom: 2px solid #fff;
        width: auto;
    }
    
    nav{        
        margin-top: 12px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .menu{
        display:block;
        text-align: right;    
        padding:10px;
    }
    
    .menu li{
       padding-top: 15px;
       
    }
    
    .menu ul {
        top:30px;width: 120px;z-index: 999;
    }
    
    .menu li a{
        font-size:9px;
        padding:1px;
    }  
    
    .menu ul li a {          
        font-size:9px;        
    }
    
    .menu li a.a-menu:hover, .menu li:hover > a.a-menu{
        color:#ffffff;
        border-bottom: 2px solid #fff;      
    }        
    
    .image-footer{
        width: 70px;
        height: 70px;
    }
       
    #ver-mas{
        margin-left: 20%;
        font-size: 9px;
    }    
    
    #estructura-org{           
        width: 580px;
    }
    
    #logos-empresas{
        width: 180px !important;
        height: 90px !important;
    }
    
    .g-title {        
        font-size: 12px;        
    }
    
    .g-title2 {        
        font-size: 14px;       
    }
        
    .b0 {        
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

    .b0-div{        
        display: inline-block;
    }
    
    .div-img{
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 10px 10px 10px;
    }
    
    .b1-text {
        font-size: 12px;            
    }
    
    .b3-cnt {           
        font-size: 12px;            
        padding: 10px;            
    }                   
    
    .b7 {
        padding-top: 40px;
        padding-bottom: 80px;
    }    
    
    .b7-cnt-info {
        max-width: 95%;               
    }

    .b7-contenido {
        padding-left: 180px;
        width: 100%;
        float: bottom !important;        
    }

    .b7-img {
        float: top !important;
    }   

    .b7-text2 {        
        margin-bottom: 10px;
        font-size: 10px;
    }

    .b7-text3 {
        font-size: 10px;        
    }

    .map{
        width: 400px;
        height: 250px;        
    }                    
    
    #contactos{
        width: 90%;
        margin-left: 25px !important;
        float: bottom;
    }
    
    #map{
        width: 95%;
        float: top;
        margin-left: 2px !important;
        margin: 1rem;
        padding: 1rem;
        text-align: center;
    }          
       
    .footer{        
        font-size:12px;
    }

    .footer-wrapper #block-block-1{
        margin-left: 5%;  
        margin-bottom: 10px;
    }

    .footer-wrapper #block-menu-menu-footer{
        margin-left: 40%;
    }

    .footer-wrapper #block-menu-menu-footer ul li a {
        width:60px;
    }
    
    .footer-wrapper #block-block-2 .footer-spacer{ 
        font-size: 10px; 
        padding:10px;
        height: 60px;        
    }        
    
    .footer-contact {
        width: 266px;
        margin-top: 30px;
        font-size: 10px;            
    }
    
    .footer-contact h7 {        
        font-size: 10px;            
    }
    
    .footer-contact .direccion::before {        
        font-size: 10px;
    }

    .footer-contact .footer-contactt {        
        font-size: 10px;            
    }

    .footer-contact .telefono::before {        
        font-size: 10px;
    }

    .footer-contact .correo::before {        
        font-size: 10px;
    }        
    
    .footer-acerca h7 {        
        font-size: 10px;           
    }

    .footer-acerca .footer-acerca-p {    
        font-size: 10px;        
    }
    
    .footer-listado h7 {        
        font-size: 10px;           
    }
    
    .footer-listado li {        
        font-size: 10px;        
    }

    .footer-listado li a {    
        font-size: 10px;        
    }
}