html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
a{
    margin:0;
    padding:0;
    text-decoration: underline;
}
ul{
    list-style: none;
}
p{
    color: gray;
    font-size: 14px;
}
strong{
    color: black;
}
.clear{
    clear: both;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-regular-webfont.woff') format('woff'),
         url('../font/opensans-regular-webfont.ttf') format('truetype'),
         url('../font/opensans-regular-webfont.svg#alegreya_sansbold') format('svg');


}



/*end reset*/
body{
    background: #fff;
}
header{
background: #fff;
    position: relative;
    z-index: 50;
    width: 100%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;

}
.boxrighthead{
    float: right;
    max-width: 570px;
    display: block;
    width: 64%;
}
.contenedor{
    width: 92%;
    max-width: 1050px;
    margin: 0 auto;

}

#logo {
    float: left;
    display: block;
    max-width: 349px;
    width: 36%;
    /* height: 65px; */
    margin-top: 22px;

}
#logo a img{
    display: block;
    width: 100%;
}
.servcliente{
    color: #1b3b72;
    font-size: 13px;
    line-height: 36px;
    font-family: 'open_sansregular';
    /* background: url(../imgs/iconinvertir.png) no-repeat center right; */
    display: block;
    padding-right: 12px;
    /* height: 27px; */
    padding-top: 0px;
}
.servcliente a{
    color: #1b3b72;
    font-size: 13px;
}

.servcliente img{
    top: 6px;
    position: relative;
    display: inline-block;
}
#logo a {
    display: block;
    text-indent: -999999px;
    overflow: hidden;

}
.tophead{
    float: right;
    display: block;
    margin-top: 5px;
}
.botonmenu {
display: block;
    width: 40px;
    height: 40px;
    background: #18478f  url(../imgs/menu.png) no-repeat center;
    background-size: 64%;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    font-family: arial;
    font-size: 17px;
    text-align: center;
    color: white;
    padding-top: 12px;
    z-index: 100;
}
nav{
float: right;
    max-width: 548px;
    width: 100%;
    margin-top: 24px;
}
nav ul{
    background: #e4e4e4;
}
nav li {
    float: left;
width: 18%;
    margin: 0 1%;
    position: relative;
}
nav li a{
color: #1b3b72;
    font-size: 14px;
    font-family: 'open_sansregular';
    display: block;
    width: 100%;
    cursor: pointer;

    font-weight: normal;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 10px;
    font-weight: normal;
    background: transparent;
    /* margin: 2px 5px; */
    border-radius: 3px 3px 0 0;
    /* padding: 4px 0; */
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
nav li a:hover{
color: #ffffff;
    background: #3d90c4;
}
/*nav li a:hover, nav li a.activo{
    color: #feb026;
    background: #343434;
}*/

.texto{
color: #353535;
    font-size: 16px;
    font-family: 'open_sansregular';
    display: block;
    line-height: 24px;
}

.titulosind{
display: block;
    color: #393939;
    font-family: 'open_sansregular';
    font-weight: normal;
    font-size: 19px;
    line-height: 28px;
    padding-bottom: 5px;
    width: 40%;
    border-bottom: 1px dashed silver;
    margin-top: 40px;
    margin-bottom: 40px;
}
.texto strong{
        font-size: 18px;
color: #2B2B2B;
    font-weight: bold;
}
div a.linkbtn{
    color: #0d76b9;
    font-family: arial;
    font-size: 15px;

}
.titulo{
    display: block;
    color: #0a4679;
    font-size: 30px;
    font-family: 'Crete Round', serif;
    font-weight: normal;
    margin-bottom: 12px;
}


.submenu {
display: block;
    float: left;
    margin-right: 4%;
    max-width: 260px;
    width: 26%;
    margin-top: 30px;
}

.bggris {
display: block;

    overflow: hidden;

    width: 100%;

}
.bggris li a {
    display: block;
    color: #ec614b;
    font-size: 14px;
        font-family: 'open_sansregular';
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DADADA;
    cursor: pointer;
    background: #fff url(../imgs/arrow.png) no-repeat center left;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}
.bggris li a:hover{
background: #ff7762 ;
    color: white;
}

.boxprogramas li img{
    display: block;
    margin: 0 auto;
    width: 80px;
    margin-bottom: 20px;
}


.indicadores {
    float: left;
    width: 30%;
    max-width: 330px;
    padding-left: 2%;
    padding-right: 2%;
    margin-right: 3%;
    display: block;
    border-right: 1px solid #CACACA;
    margin-top: 20px;
}
.contenidobox {
    display: block;
    width: 55%;
    max-width: 493px;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
}

.contenidocontacto{
    width: 63%;
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
}
.cajatexto1, .mensaje2 {
    width: 100%;
    max-width: 500px;
    display: block;
    height: 38px;
    font-size: 13px;
    padding-left: 3%;
    border: 1px solid #162E5A;
    background: #f7f7f7;
    font-family: 'open_sansregular';
    color: #2B2B2B;
    border: 1px solid #dcdcdc;
    border-radius: 6px;

}
.mensaje2 {
    height: 220px;
}
.btnenviar{
display: block;
    border: none;
    margin: auto;
    width: 106px;
    height: 36px;
    background: #0a4679;
    color: #fff;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    line-height: 36px;
    border-radius: 5px;
    font-size: 15px;
    margin-top: 15px;
    /* text-shadow: 2px 2px 2px #966e1a; */
    font-family: 'open_sansregular';
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.boxcontact .btnenviar:hover, .btnenviar:hover{
width: 126px;

}

.indicadores img{
    display: block;
    margin-bottom: 20px;
}
.bullettop{
    list-style:disc; 
    margin-left: 15px;
}
.destacados li img{
    display: block;
    width: 100%;
}



.boxdestacados{
    display: block;
    width: 100%;
}

.blue-a{
    background: #1b3b72;
}
.blue-b{
    background: #0a4679;
}
.blue-c{
    background: #005b87;
}
.blue-d{
    background: #0d76b9;
}
.blue-e{
    background: #0098d5;
}
.boxdestacados{
    border-top: 18px solid #0771b3;
}
.boxdestacados li {
    width: 20%;
    display: block;
    float: left;
    height: 220px;
/*    border-bottom: 8px solid white;*/
                -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.boxdestacados li a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding-top: 35px;
        -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.boxdestacados li img{
    display: block;
    margin: 0 auto;
    max-width: 85px;
    width: 100%;
            -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.boxdestacados li a:hover img{
    max-width: 86px;
}
.boxdestacados li a:hover{
    box-shadow: inset 0px 2px 62px 1px rgba(0,0,0,0.5);
/*border-bottom: 8px solid #0caff1;*/
}
.boxdestacados li h3{
color: white;
    font-family: arial;
    font-size: 22px;
    text-align: center;
    display: block;
    width: 90%;
    max-width: 180px;
    margin: 0 auto;
    margin-top: 20px;
    text-decoration: none;
}
.redes{
display: block;

    margin-top: 15px;
}
.redes li{
    display: block;
    float: left;
    margin-right:15px;
}
.redes li img{
      -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;  
}
.redes li img:hover{
    margin-top: 3px;
}
.reunion {
    position: fixed;
    left: 0;
    top: 290px;
    width: 48px;
    z-index: 10000;
    background: #132b6b;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.reunion:hover{
   top: 270px;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4);
}
.reunion img {
    display: block;
    float: right;
}

.imgnosotros {
    display: block;
    float: left;
    width: 54%;
    max-width: 572px;
    margin-top: 110px;
    margin-bottom: 110px;
}
.cajanosotros{
    display: block;
    float: left;
    width: 50%;
    max-width: 450px;
    margin-top: 60px;
    margin-bottom:60px;
}
.cajanosotros h2{
    display: block;
    font-size: 34px;
font-family: 'Crete Round', serif;
    color: #0a4679;
    margin-bottom: 10px;
        font-weight: normal;
}
.textonosotros {
display: block;
    font-size: 16px;
    font-family: arial;
    color: #3F3F3F;
    line-height: 33px;

}


/*
ANIMACION SERVICIOS*/

ul .image-wrap {
  z-index: 1;
  display: block;
  margin: 0 auto;

  overflow: hidden;
  width: auto;
  line-height: 0;
}

ul .image-wrap {
/*  border: 4px solid white;*/
 /* display: inline-block;*/
}
ul .image-wrap img {
  max-width: 100%;
  height: auto;
  width: 100%;
  display: block;
}

ul.boxefect {
  overflow: hidden;

}
ul .image-wrap {
  background: #000;
}
ul .image-wrap img {
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.boxefect li {
  float: left;
  width: 100%;
  max-width: 539px;
  position: relative;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  margin-bottom: 60px;
}
ul li:hover .school {
 text-align: left;
   font-size: 34px;
  color: white;
font-family: 'Crete Round', serif;
  font-weight: normal;
}
ul li:hover .state {
text-align: left;
    font-size: 15px;
    line-height: 21px;
    color: white;
    font-family: arial;
}
ul.boxefect li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.info {
  text-align: left;

  color: white;
  width: 88%;
  height: 100%;
  position: absolute;
  left: 7%;
  top: 40%;
}

.school {
display: block;
    color: white;
    font-size: 32px;
    font-family: arial;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.5);

  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin-left: -200%;
}
li .school {
  margin-left: 0;
  margin-top: 200%;
}
li:hover .school {
  margin-top: 0;
}
.state {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 1;
  display: block;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  margin-right: -200%;
}
li .state {
  margin-right: 0;
  margin-top: 100%;
}
li:hover .state {
  margin-top: 0;
}

.princitext {
position: absolute;
    bottom: 16%;
    left: 7%;
    width: 90%;
    display: inline-block;
    color: white;
    font-size: 34px;
    text-align: left;
font-family: 'Crete Round', serif;
font-weight: normal;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.5);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
li:hover .princitext {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/*
FINN ANIMACION*/

.cajasservicios{
      display: block;
    float: left;
    width: 54%; 
}
.redright{
    display: block;
    float: right;
    width: 39%;
    margin-bottom: 30px;
}
.redright iframe{
    display: block;
    width: 100%;
}

footer {
    /* background: #132b6a; */
    background: #1b3b72 ;
    border-bottom: 18px solid #0b66a6;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
}
.leftfooter {
    display: block;
    float: left;
    width: 25%;
    border-right: 1px solid #fff;
    padding-right: 2%;
    min-height: 220px;
}
.leftfooter ul{
    margin-top: 38px;
}
.leftfooter ul li{
list-style: circle;
    color: white;
    margin-bottom: 16px;
}
.leftfooter ul li p, .leftfooter a{
        color: white;
    font-size: 15px;
    display: block;
    font-family: arial;
    text-decoration: none;
}
.leftfooter a:hover{
    text-decoration: underline;
}
.boxcenter {
    display: block;
    float: left;
    width: 42%;
    border-right: 1px solid #fff;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 220px;
}
.rightfooter {
    display: block;
    float: left;
    width: 33%;
    padding-left: 2%;
    min-height: 220px;
}
.boxcenter p {
    color: white;
    font-size: 15px;
    font-family: arial;

    font-weight: normal;
    min-height: 21px;
    margin-bottom:16px;
    display: block;
}
.boxcenter h4, .rightfooter h4{
        color: white;
    font-size: 20px;
    font-family: arial;
    display: block;
    margin-bottom: 16px;
}
.icorreo {
    display: block;
    background: url(../imgs/ubicacion.png) no-repeat left top;
    padding-left: 42px;
}
.telef {
    display: block;
    background: url(../imgs/telf.png) no-repeat left top;
    padding-left: 42px;
}
.ubi {
    display: block;
    background: url(../imgs/correo.png) no-repeat left top;
    padding-left: 42px;
    line-height: 20px !important;
    margin-top: 10px;
}
.rights{
text-align: center;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #0b66a6;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: arial;
    display: block;
    text-transform: uppercase;
}


.piepromo{
    display: block;
    width: 100%;
    margin-top: 25px;
}
.piepromo ul.boxefect li{
    width: 50%;
    max-width: 100%;
    margin-bottom: 0;
}


.accordion .item .heading {
/*height: 28px;*/
    line-height: 22px;
    font-size: 18px;
    font-family: 'Crete Round', serif;
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
    color: #0a4679;
    padding-left: 30px;
    background: #fff url(../imgs/iconhead.png) no-repeat;
    margin-bottom: 35px;

    box-sizing: border-box;
}

.accordion .item.open .heading { 
/*    background: #fff url(../imgs/iconhead.png) no-repeat;*/
}

.accordion .item .content {
    display: none;
    padding: 15px;
    background: #fff;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 50px;
}

.indicador{
    width: 100%;
    text-align: center;
    font-family: arial;
    font-size: 32px;
    background: #0a4679;
    color: white;
    padding: 17px 0;
/*    margin-top: 50px;*/
}
.subtitulo{
width: 100%;
background: #0d76b9;
display: block;
}
.subtitulo p{
    text-align: left;
    font-family: arial;
    font-size: 22px;
    color: white;
    padding: 13px 0;
    background: url(../imgs/sub.png) no-repeat center left;
    padding-left: 40px;
}
.incasol{
      background: url(../imgs/incasol.png) no-repeat center left;  
}
.central{
        display: block;
    max-width: 800px;
    width:100%;
    margin: 0 auto;

}


.accordion .item .iconlibertad, .accordion .item .icontrading, .accordion .item .iconadmin, .accordion .item .iconambiente, .accordion .item .icontrans, .accordion .item .iconmedios, .accordion .item .iconasesor, .accordion .item .iconproteccion, .accordion .item .iconconst, .accordion .item .iconliqui, .accordion .item .iconreserva, .accordion .item .iconrescates{
display: block;
    padding-left: 150px;
    background: url(../imgs/libertad.png) no-repeat center left;
    height: 80px;
    margin-bottom: 35px;
    padding-top: 24px;
    font-size: 20px;
}
.accordion .item .icontrading{
   background: url(../imgs/trading.png) no-repeat center left;
}
.accordion .item .iconadmin{
   background: url(../imgs/administracion.png) no-repeat center left;
}
.accordion .item .iconambiente{
   background: url(../imgs/interes.png) no-repeat center left;
}

.accordion .item .icontrans{
   background: url(../imgs/transferencias.png) no-repeat center left; 
}
.accordion .item .iconmedios{
   background: url(../imgs/afilicacion.png) no-repeat center left; 
}
.accordion .item .iconasesor{
   background: url(../imgs/asesoramiento.png) no-repeat center left; 
}
.accordion .item .iconproteccion{
   background: url(../imgs/proteccion.png) no-repeat center left; 
}

.accordion .item .iconconst{
   background: url(../imgs/constante.png) no-repeat center left; 
}
.accordion .item .iconliqui{
   background: url(../imgs/liquidez.png) no-repeat center left; 
}
.accordion .item .iconreserva{
   background: url(../imgs/reserva.png) no-repeat center left; 
}
.accordion .item .iconrescates{
   background: url(../imgs/rescate.png) no-repeat center left; 
}




.boxlogin, .boxcontact{
padding: 4%;
    width: 92%;
    max-width: 400px;
    display: block;
    margin: 0 auto;
    border: 1px solid #0a4679;
    padding: 4%;
    position: relative;
}
.boxcontact{
    background: #0a4679;
}

.titlogin{
width: 100%;
    display: block;
    height: 42px;
    line-height: 44px;
    color: white;
    text-align: center;
    font-size: 22px;
    font-family: 'Crete Round', serif;
    text-transform: uppercase;
    font-weight: normal;
    top: 0;
    position: absolute;
    left: 0;
    background: #0a4679;
}

.boxcontact .titlogin{
        height: 50px;
    line-height: 57px;
}

.boxlogin form, .boxcontact form{
    margin-top: 50px;
}

.textlabel{
display: block;
    color: #0a4679;
    text-align: left;
    font-size: 18px;
    font-family: 'Crete Round', serif;
    margin-bottom: 10px; 
}
.boxcontact .textlabel{
color: #fff;
    font-family: arial;
    font-size: 16px;
    margin-top:15px;
}
.mensaje2{
    height: 180px;
}
.cajapaso{
    display: block;
    width: 100%;
    max-width: 700px;
    border: 1px solid silver;
}
.nropaso{
display: block;
    float: left;
    width: 18%;
    max-width: 120px;
    background: #0d76b9;
    color: white;
    text-align: center;
    font-size: 165px;
    font-family: arial;
}
.infopasos{
display: block;
    float: left;
    max-width: 600px;
    width: 82%;
    padding: 4%;
    padding-bottom: 0;

}
.boxcontact .btnenviar{
    background: #0098d5;
}
.pasosinvertir .item .uno{
    background: #fff url(../imgs/1.png) no-repeat;
    line-height: 28px;
    font-size: 25px;
    padding-left: 44px;
        margin-top: 40px;
}
.pasosinvertir .item .dos{
    background: #fff url(../imgs/2.png) no-repeat;
    line-height: 28px;
    font-size: 25px;
    padding-left: 44px;
        margin-top: 40px;
}
.pasosinvertir .item .tres{
    background: #fff url(../imgs/3.png) no-repeat;
    line-height: 28px;
    font-size: 25px;
    padding-left: 44px;
    margin-top: 40px;
}

.boxpregunta{
    border: 1px solid silver;
    padding: 4%;
    display: block;
}
.boxpregunta img{
    width: 100%;
    display: block;

}

.boxenlace{
    display: block;
    margin-bottom: 40px;
    width: 100%;
    max-width: 950px;
    margin-top: 50px;
}
.boxenlace img{
    display: block;
    float: left;
    width: 38%;
    max-width: 360px;
}
.infoenlace{
    display: block;
    float: left;
    width: 54%; 
    max-width: 600px;
    padding: 4%;
    padding-right: 0;
    padding-top: 0;
}
.infoenlace a, div a.btnboletin{
color: #0d76b9;
    font-family: arial;
    font-size: 17px;
    display: block;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
div a.btnboletin{
    margin-top: 8px;
}
.infoenlace a:hover,  div a.btnboletin:hover{
    color: #074D7A;
    border-left: 6px solid #0d76b9;
    padding-left: 12px;
}

.datosempresa{
width: 92%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    border-top: 1px solid #0c518c;
    padding-top: 20px;
}
.datosempresa .texto{
    color: #0a4679;
    margin-bottom: 25px;
}

.valor{
    display: block;
    margin-top: 60px;
    background: #ecf0f7;
    padding: 2%;
    max-width: 539px;
    border: 1px solid #d8dfea;
    border-radius: 4px;
    float: right;
    width: 40%;
    border-bottom: 3px solid #d1dae8;

}
.valor h3{
    display: block;
    font-size: 18px;
    font-family: 'Crete Round', serif;
    color: #0a4679;
    margin-bottom: 10px;
    font-weight: normal;
}
.valor p{
    font-family: arial;
    position: relative;
    color: #3F3F3F;
        font-size: 13px;
        display: block;
        padding: 6px 0;
        border-bottom: 1px solid #CCCCCC;

}
.valor span{
    position: absolute;
    right: 0;
}
.content .texto a:hover{
    text-decoration: underline;
}
.btnboletin{

}
.sub{
display: block;
    color: #0a4679;
    font-size: 22px;
    font-family: 'Crete Round', serif;
    font-weight: normal;
    margin-top: 15px;
}
.mapa{
display: block;
    max-width: 310px;
    height: 180px;
    width: 100%;
}
.subitem{
    margin-left: 15px;
    display: block;
        font-size: 14px;
}

.cronopago{
    display: block;
    float: left;
    width: 20%;
    max-width: 204px;
    margin: 0 2.5%;
    margin-bottom: 50px;
    margin-top: 50px;
}
.cronopago img{
    display: block;
    margin: 0 auto;
}
.cronotexto {
    color: #353535;
    font-size: 14px;
    font-family: 'open_sansregular';
    display: block;
    line-height: 18px;
    text-align: center;
}
.blogbox li{
    margin-bottom: 25px;
    display: block;
    margin-top: 20px;
}
.blogbox li span{
display: block;
    padding-top: 8px;
    /* padding: 1%; */
    background: #0d76b9;
    color: white;
    text-align: center;
    font-family: arial;
    font-size: 25px;
    width: 13%;
    height: 60px;
    float: left;
}
.blogbox li span strong{
      color: white;
    text-align: center;
    font-family: arial;
    font-size: 10px;
    display: block;  
}
.boxblogleft{
float: right;
    display: block;
    width: 84%;
    margin-left: 2%;
}
.boxblogleft h4{
color: #353535;
    font-size: 17px;
    /* font-family: 'open_sansregular'; */
    font-weight: normal;
    display: block;
    font-family: 'Crete Round', serif;
}
.boxblogleft .texto{
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}
.stick {
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  height: auto !important;
  z-index: 10000;
}
.onepix{
    height: 1px;
    display: block;
    background: white;
}
.stick #logo{
float: left;
    display: block;
    width: 220px;
    height: 39px;
    margin-top: 0;

    background-size: 210px; 
}
.stick .tophead{
    display: none;
}
.stick nav{
    margin-top: 0;
}
.error{
display: block;
    color: #ecbc2d;
    font-family: arial;
    font-size: 12px;
}

#mensaje strong{
   display: block;
    color: #ecbc2d;
    font-family: arial;
    font-size: 12px; 
    margin-top: 10px; 
}