/*
  ========================================
  Genaral styles
  ========================================
*/
body, * {
  color: #575755;
  font: 300 18px/23px 'Lato','arial';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
body{
  background-color: #fff;
  overflow-x: hidden;
}
body,html{
    min-width:350px;
}


a {
  color: #575755;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #575755;
  outline: none!important;
}
button:hover,
button:active,
button:focus {
  outline: none!important;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}



/* 
 Headings
------------------------- 
*/
p.titulo b{
    color: #29385e;
    font-size: 18px;
    font-weight: 600;
}
h2 {
    font-size: 35px;
    color: #ff4f00;
    font-weight: 600;
    margin: 0px;
}
h3 {
    font-size: 30px;
    color: #29385e;
    font-weight: 400;
    margin: 0px;
}
blockquote {
  font-size: 1.2em;
  /* 20px / 16px */
  margin: 3em 0;
  line-height: 1.25;
  /* 25px / 20px */
  border: 0;
}
blockquote p {
  margin-bottom: 30px;
}
blockquote footer {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 400;
}
cite {
  font-weight: 300;
}
input:focus,
textarea:focus {
  outline: none;
}
hr {
  margin-top: 0;
  margin-bottom: 0;
}




@media screen and (max-width: 1000px) {
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 700px) {
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 17px;
    }
}


.volver{padding: 10px 0 0 60px; font-size:16px; display: inline-block;}
@media screen and (max-width: 767px) {
    .volver {
        padding-left: 10px;
    }
}

a.lcolor_1 {
  color: #1b355f;
  text-decoration: none;
}
    a.lcolor_1:hover,
    a.lcolor_1:focus {
      color: #ff4f00;
      text-decoration: none;
    }
a.lcolor_2 {
  color: #ff4f00;
  text-decoration: none;
}
    a.lcolor_2:hover,
    a.lcolor_2:focus {
      color: #1b355f;
      text-decoration: none;
    }
a.lcolor_3 {
  color: #575755;
  text-decoration: none;
}
    a.lcolor_3:hover,
    a.lcolor_3:focus {
      color: #1b355f;
      text-decoration: none;
    }

/* 
 Loaders
 -------------------------
 */
@-webkit-keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes load1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/* loader1 */
.loader1 {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 25px auto;
  box-shadow: inset 0 0 0 1px #171724;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  text-indent: -99em;
  -webkit-animation: load2 3s infinite linear;
          animation: load2 3s infinite linear;
}
.loader1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 50px;
  border-style: solid;
  border-radius: 50px 0 0 50px;
  border-width: 1px 0 1px 1px;
  -webkit-animation: load1 1.2s infinite ease-in-out 0.4s;
          animation: load1 1.2s infinite ease-in-out 0.4s;
  -webkit-transform-origin: 25px 25px;
      -ms-transform-origin: 25px 25px;
          transform-origin: 25px 25px;
}
.loader1:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 50px;
  border-style: solid;
  border-radius: 0 50px 50px 0;
  border-width: 1px 1px 1px 0;
  -webkit-animation: load1 1.2s infinite ease-in-out;
          animation: load1 1.2s infinite ease-in-out;
  -webkit-transform-origin: 0 25px;
      -ms-transform-origin: 0 25px;
          transform-origin: 0 25px;
}
/* loader2 */
.loader2 {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 25px auto;
  box-shadow: inset 0 0 0 1px #171724;
  border-radius: 25px 25px 25px 25px;
  font-size: 11px;
  text-indent: -99em;
  -webkit-animation: load2 3s infinite linear;
          animation: load2 3s infinite linear;
}
.loader2:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 28px;
  height: 56px;
  border-radius: 56px 0 0 56px;
  -webkit-animation: load1 1.2s infinite ease-in-out 0.4s;
          animation: load1 1.2s infinite ease-in-out 0.4s;
  -webkit-transform-origin: 28px 28px;
      -ms-transform-origin: 28px 28px;
          transform-origin: 28px 28px;
}
.loader2:after {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  width: 28px;
  height: 56px;
  border-radius: 0 56px 56px 0;
  -webkit-animation: load1 1.2s infinite ease-in-out;
          animation: load1 1.2s infinite ease-in-out;
  -webkit-transform-origin: 0 28px;
      -ms-transform-origin: 0 28px;
          transform-origin: 0 28px;
}
/* loader3 */
.loader3 {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 25px auto;
  border-radius: 25px 25px 25px 25px;
  border-style: solid;
  border-width: 1px;
  font-size: 10px;
  text-indent: -99em;
  -webkit-animation: load2 1.1s infinite linear;
          animation: load2 1.1s infinite linear;
}



/* 
 Section
 -------------------------
 */
.section {
  
}
    .section > .container{
        overflow: hidden;
        margin: auto;
        max-width: 1000px;
        padding: 0 15px;
    }
    .section.main{
        
    } 
        .section.main > .container{
            min-height: 400px;
            margin-top: -75px;
            background-color: #fff;
        }
        
/*=============================
=  comparti_social              =
=============================*/
.comparti_social{
    margin-bottom: 10px;    
}
    .comparti_social *{
        vertical-align: middle;    
    }
    .comparti_social > div .fa{
        margin-right: 5px;    
    }
    .comparti_social > div > .txt span{
        margin-right: 5px;    
    }
    .comparti_social > div{
        display: inline-block;
        width: auto;
        margin: auto;
        position: relative;
        vertical-align: middle;
    }


/*=============================
=  pagina: nosotros              =
=============================*/

#pag_nosotros .main .d1{
    margin: 50px 0;
}
#pag_nosotros .txt_3 img,
#pag_nosotros .txt_2 img{
    width: 100%;
}
#pag_nosotros .txt_3{
    margin: 40px 0 40px 0;
}
    #pag_nosotros .txt_3 span{
        display: none;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        color: #29385e;
        text-transform: uppercase;
    }


#pag_nosotros .txt_4{
    margin-bottom: 60px;
}
    #pag_nosotros .txt_4 > div{
        position: relative;
        padding: 20px 200px 20px 40px;
        border-bottom: 2px solid #E2E2E2;
    }
    #pag_nosotros .txt_4 > div:last-child{
        border-bottom: 0px;
        padding-bottom: 0px;
    }
    #pag_nosotros .txt_4 > div:before{
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 6px 6px 6px 6px ;
        background-color: #29385e;
        
        position: absolute;
        top:  25px;
        left: 12px;
    }
    #pag_nosotros .txt_4 > div p{
        margin-bottom: 0px;
        font-weight: 300;
    }
    #pag_nosotros .txt_4 > div a{
        color: #29385e;
        font-weight: 400;
        font-style: italic;
    }
    #pag_nosotros .txt_4 > div a:focus,
    #pag_nosotros .txt_4 > div a:hover,
    #pag_nosotros .txt_4 > div a:active{
        color: #000;
    }
    #pag_nosotros .txt_4 > div img{
        width: 100%;
        max-width: 150px;
        max-height: 70px;
        position: absolute;
        top:  10px;
        right: 0px;
    }

@media screen and (max-width: 600px) {

    #pag_nosotros .main .d1{
        margin: 25px 0;
    }

    #pag_nosotros .txt_3{
        margin-bottom: 10px;
    }
    #pag_nosotros .txt_3 img{
        display: none;
    }
    #pag_nosotros .txt_3 span{
        display: block;
    }
}
@media screen and (max-width: 500px) {
    #pag_nosotros .txt_4 > div{
        padding-right: 10px
    }
    #pag_nosotros .txt_4 > div .img{
        display: block;
        margin: 10px 0 0 0 ;
    }
    #pag_nosotros .txt_4 > div img{
        position: relative; 
        top:  auto;
        right: auto; 
    }
}


#pag_nosotros .txt_5{
    background-color: #3C3C3A;
    border-radius: 0 0 200px 200px;
    margin-bottom: 50px;
    overflow: hidden;
}
    #pag_nosotros .txt_5 p{
        color : #FFF;
        text-align: left ;
    }
    #pag_nosotros .txt_5 h2{
        margin-bottom: 20px;
        margin-top: -20px;
        text-align: center;
        font-weight: 700;
        font-size: 30px;    
        color : #29385e;
        text-shadow: 0px 0px 20px #FFF,0px 0px 20px #FFF,0px 0px 20px #FFF,0px 0px 20px #FFF;
        text-transform: uppercase;
    }
    #pag_nosotros .txt_5 h2:first-letter{
        font-size: 70px;    
        text-transform: uppercase;
    }
    #pag_nosotros .txt_5 .col2 h2{
        color : #920017;
    }
    #pag_nosotros .txt_5 > div{
        position: relative;
        padding-bottom: 15px;
        min-height: 563px;
    }
    #pag_nosotros .txt_5 .col1{
        border-top: 10px solid #29385e;
    }
    #pag_nosotros .txt_5 .col2{
        border-top: 10px solid #920017;    
    }
    #pag_nosotros .txt_5 .col3{
        border-top: 10px solid #29385e;
    }
    
    #pag_nosotros .txt_5 .col2:before,
    #pag_nosotros .txt_5 .col3:before{
        content: '';
        display: block;
        width: 2px;
        background-color: #FFF;
        height: 1000px;
        position: absolute;
        left: -1px;
        top:-10px;
        z-index: 2;
    }
    #pag_nosotros .txt_5 .col3:after{left: -334px;}
    
    #pag_nosotros .txt_5 .col3 img{
        position: absolute;
        bottom:0px;
        right: 500px;
        width: 350px;
        z-index: 1;
    }

@media screen and (max-width: 1000px) {
    #pag_nosotros .txt_5 .col3 img{
        right: 350px;
    }
    #pag_nosotros .txt_5 > div{
        padding-bottom: 65px;
    }
}
@media screen and (max-width: 767px) {
    #pag_nosotros .txt_5 > div{
        padding-bottom: 30px;
        min-height: 0px;
    }
    #pag_nosotros .txt_5 .col3 img{
        display: none;
    }
    #pag_nosotros .txt_5{
        border-radius: 0 0 0px 0px;
        margin-bottom: 0px;
    }
    #pag_nosotros .txt_5 .col2:before,
    #pag_nosotros .txt_5 .col3:before{
        display: none;    
    }
    #pag_nosotros .txt_5 .col2 h2{
        color : #29385e;
    }
    #pag_nosotros .txt_5 .col2{
        border-top: 10px solid #29385e;    
    }
}
/*=============================
=  pagina: home              =
=============================*/

#pag_home .main .iconos{
    padding: 100px 0 50px 0;
}
#pag_home .main .iconos img{
    max-width: 150px;   
    width: 100%; 
}
#pag_home .main .iconos a{
    display: block;
    position: relative;
    padding-bottom: 40px;
    text-decoration: none;
}
#pag_home .main .iconos a span{
    opacity: 0;
    display: block;
    text-align: center;
    border: 0px;
    font-weight: 500;
    font-size: 14px;
    color: #29385e;
    text-transform: uppercase;
}
    #pag_home .main .iconos a > span{
        padding-top: 10px;    
    }
#pag_home .main .iconos a:focus span,
#pag_home .main .iconos a:active span,
#pag_home .main .iconos a:hover span{
    opacity: 1;
}
@media screen and (max-width: 767px) {
    #pag_home .main .iconos a span{
        opacity: 1;   
    }
}
@media screen and (max-width: 500px) {
    #pag_home .main .iconos{
        padding: 50px 0;
    }
}
@media screen and (max-width: 500px) {
    #pag_home .main .iconos > div{
        width:100%;
    }
}

/***************************
#pag_recuperar_clave
****************************/
#pag_recuperar_clave{
    
}
    #pag_recuperar_clave .exito{
        padding: 0 7px;
    }
    #pag_recuperar_clave .exito p{
        font-size: 16px;
    }
    
/*=============================
=  pagina: eneficios              =
=============================*/

#pag_beneficios .main h2{
    text-align: center;
    margin: 45px 0 15px 0;
}
    #pag_beneficios .main h2 span{
        display: inline-block;
        padding: 20px 60px;
        border-radius: 400px  100px  400px  100px;
        background-color: red;
        color: #FFF;
        margin: auto; 
        font-size: 30px;
        line-height: 33px;   
        font-weight: 700;    
    }
    #pag_beneficios .main h2.txt_5 span,
    #pag_beneficios .main h2.txt_7 span,
    #pag_beneficios .main h2.txt_9 span{
        padding: 35px 60px;    
    }
#pag_beneficios .txt_4 img,
#pag_beneficios .txt_6 img,
#pag_beneficios .txt_8 img,
#pag_beneficios .txt_10 img{
    width: 100%;
    margin-bottom: 15px;
}
#pag_beneficios .txt_4 p,
#pag_beneficios .txt_6 p,
#pag_beneficios .txt_8 p,
#pag_beneficios .txt_10 p{
    padding: 0 10px 7px 20px;
}


#pag_beneficios .txt_1 span{
    
    /* Degrade:  #00AF3F -> #3B3E3A */
    background: rgba(0,175,64,1);
    background: -moz-linear-gradient(left, rgba(0,175,64,1) 0%, rgba(59,62,58,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,175,64,1)), color-stop(100%, rgba(59,62,58,1)));
    background: -webkit-linear-gradient(left, rgba(0,175,64,1) 0%, rgba(59,62,58,1) 100%);
    background: -o-linear-gradient(left, rgba(0,175,64,1) 0%, rgba(59,62,58,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,175,64,1) 0%, rgba(59,62,58,1) 100%);
    background: linear-gradient(to right, rgba(0,175,64,1) 0%, rgba(59,62,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af40', endColorstr='#3b3e3a', GradientType=1 );

}
#pag_beneficios .txt_5 span{
    
    /* Degrade:  #FF8D00 -> #423E38 */
    background: rgba(255,140,0,1);
    background: -moz-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(66,62,56,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,140,0,1)), color-stop(100%, rgba(66,62,56,1)));
    background: -webkit-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(66,62,56,1) 100%);
    background: -o-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(66,62,56,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,140,0,1) 0%, rgba(66,62,56,1) 100%);
    background: linear-gradient(to right, rgba(255,140,0,1) 0%, rgba(66,62,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#423e38', GradientType=1 );

}
#pag_beneficios .txt_7 span{
    
    /* Degrade:  #00A4DB -> #393F40 */
    background: rgba(0,164,219,1);
    background: -moz-linear-gradient(left, rgba(0,164,219,1) 0%, rgba(57,63,64,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,164,219,1)), color-stop(100%, rgba(57,63,64,1)));
    background: -webkit-linear-gradient(left, rgba(0,164,219,1) 0%, rgba(57,63,64,1) 100%);
    background: -o-linear-gradient(left, rgba(0,164,219,1) 0%, rgba(57,63,64,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,164,219,1) 0%, rgba(57,63,64,1) 100%);
    background: linear-gradient(to right, rgba(0,164,219,1) 0%, rgba(57,63,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4db', endColorstr='#393f40', GradientType=1 );

}
#pag_beneficios .txt_9 span{
    
    /* Degrade:  #6E4D8D -> #3C3C3C */
    background: rgba(110,77,141,1);
    background: -moz-linear-gradient(left, rgba(110,77,141,1) 0%, rgba(60,60,60,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,77,141,1)), color-stop(100%, rgba(60,60,60,1)));
    background: -webkit-linear-gradient(left, rgba(110,77,141,1) 0%, rgba(60,60,60,1) 100%);
    background: -o-linear-gradient(left, rgba(110,77,141,1) 0%, rgba(60,60,60,1) 100%);
    background: -ms-linear-gradient(left, rgba(110,77,141,1) 0%, rgba(60,60,60,1) 100%);
    background: linear-gradient(to right, rgba(110,77,141,1) 0%, rgba(60,60,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e4d8d', endColorstr='#3c3c3c', GradientType=1 );

}









#pag_beneficios .txt_2{
    text-align: center;
    color: #00B13F;
    font-size: 22px;
    line-height: 24px;   
    font-weight: 600; 
    margin: 0;
}
#pag_beneficios .txt_3{
    text-align: center;
    color: #006830; 
    font-size: 21px;
    line-height: 24px;   
    font-weight: 300; 
    margin: 0;
}

#pag_beneficios .txt_8 .d1{
    text-align: center;
    color: #00A7E1;
    font-size: 22px;
    line-height: 24px;   
    font-weight: 600; 
    margin: 0px 0 20px 0;
}


#pag_beneficios .txt_10{
    margin-bottom: 100px;
}
#pag_beneficios .txt_10 .d1{
    text-align: center;
    color: #865599;
    font-size: 22px;
    line-height: 24px;   
    font-weight: 600; 
    margin: 0px 0 20px 0;
}


/*=============================
=  pagina: ahorros              =
=============================*/

#pag_simulador .d1{

}
#pag_simulador .planilla_descarga{
    margin-bottom: 20px;
}
    #pag_simulador .planilla_descarga a{font-weight:400;}
    #pag_simulador .planilla_descarga .fa{color: #920017;}
    
    
#pag_simulador .txt_1{
    padding: 60px 70px  15px 70px ;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #920017
}
    #pag_simulador .txt_1 span{
        font-size: 40px;
        font-weight: 600;
        color: #29385e
    }
    
#pag_simulador .txt_2{
    padding: 20px 70px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    background-color: #29385e;
    color: #FFF;
    border-radius: 15px  15px  15px  15px;
}
    #pag_simulador .txt_2 span{
        font-size: 30px;
        line-height: 35px;
        font-weight: 600;
        color: #FFF;
    }
#pag_simulador .txt_3{
    margin: 30px 0 60px 0;
    padding: 20px 70px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    background-color: #CCCCCC;
    color: #29385e;
    border-radius: 400px  100px  400px  100px;
    text-shadow: 0px 2px 5px #878787;  
}
    #pag_simulador .txt_3 span{
        font-size: 30px;
        line-height: 35px;
        font-weight: 600;
        color: #29385e;
        text-shadow: 0px 2px 5px #878787;
    }
    
    
.formSimulador{
    
}
    .formSimulador label{
        min-width: 140px;
        text-align: right;
        padding-right: 5px;
    }
    .formSimulador select,
    .formSimulador input{
        width: 100px;
        height: 26px;
        padding-left: 4px;
    }
    .formSimulador .botonera{
        margin-left: 145px;
    }
    
    
    
.resultadoPrestamo{
    padding: 15px;
    background-color: #f8f8f8;
    margin: 15px 0;
}
    .resultadoPrestamo h3{
        padding-bottom: 15px;
    }
    .resultadoPrestamo .header {
        padding-bottom: 15px;    
    }
    .resultadoPrestamo .header p{
        margin-bottom: 3px;
    }
    .resultadoPrestamo h4{
        margin-top: 0px;
        color: #29385e;
        font-weight: 400;
    }
    .resultadoPrestamo table{
        width: 100%;
    }
    .resultadoPrestamo table th{
        font-weight: 500;
        vertical-align:  bottom;
    }
    .resultadoPrestamo table tbody tr:nth-child(odd) td{
        background-color: #f0f0f0;    
    }
    
    .resultadoPrestamo table tbody tr td{
        font-family: 'Lato','arial';
    }
    
    @media screen and (max-width: 600px) 
    {
        #pag_simulador .txt_1{
            padding-top:0px;
        }
        #pag_simulador .txt_3{
            margin-bottom: 40px;
        }
        .resultadoPrestamo table th,
        .resultadoPrestamo table td{
            display: none;
        }
        .resultadoPrestamo table .colPrMovil p{
            margin: 0px;
            padding: 0px;
        }
        .resultadoPrestamo table .colPrMovil.cuota{
            font-weight: 500;
            color: #202020;
        }
        .resultadoPrestamo table .colPrMovil p b{
            font-weight: 400;
            color: #202020;
        }
        .resultadoPrestamo table .colPrMovil{
            display: table-cell;
            vertical-align: top;
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
/*=============================
=  pagina: ahorros              =
=============================*/

#pag_ahorros .txt_1{
    padding: 60px 0  15px 0 ;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #920017
}
    #pag_ahorros .txt_1 span{
        font-size: 40px;
        font-weight: 600;
        color: #29385e
    }
    
#pag_ahorros .txt_2{
    padding: 30px 70px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    background-color: #29385e;
    color: #FFF;
    border-radius: 15px  15px  15px  15px;
}
    #pag_ahorros .txt_2 span{
        display: block;
        font-size: 40px;
        line-height: 45px;
        font-weight: 600;
        color: #FFF;
    }
#pag_ahorros .txt_3{
    margin: 30px 0 60px 0;
    padding: 40px 20px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    background-color: #CCCCCC;
    color: #29385e;
    border-radius: 400px  100px  400px  100px;
    text-shadow: 0px 2px 5px #878787;  
}
    #pag_ahorros .txt_3 span{
        display: block;
        font-size: 57px;
        line-height: 62px;
        font-weight: 600;
        color: #29385e;
        text-shadow: 0px 2px 5px #878787;
    }

#pag_ahorros .txt_4{
    
} 
    #pag_ahorros .txt_4 img{
        width: 100%;
        max-width: 420px;     
    } 
    #pag_ahorros .txt_4 .row {
        padding: 0 0 30px 0;
    }
    #pag_ahorros .txt_4 .row > div:nth-child(1){
        text-align: center;
    }
    #pag_ahorros .txt_4 .row > div:nth-child(2) p{
        padding-top: 60px;
    }

@media screen and (max-width: 890px) {
    
    #pag_ahorros .txt_1{
        padding: 60px 0  15px 0 ;
        font-size: 25px;
    }
        #pag_ahorros .txt_1 span{
            font-size: 25px;
        }
        
    #pag_ahorros .txt_2{
        padding: 30px 15px;
        font-size: 16px;
        line-height: 20px;
        border-radius: 15px  15px  15px  15px;
    }
        #pag_ahorros .txt_2 span{
            display: block;
            font-size: 25px;
            line-height: 30px;
        }
    #pag_ahorros .txt_3{
        margin: 30px 0 60px 0;
        padding: 40px 20px;
        font-size: 20px;
        line-height: 24px;
        border-radius: 200px  50px  200px  50px;
        text-shadow: 0px 2px 5px #878787;  
    }
        #pag_ahorros .txt_3 span{
            font-size: 30px;
            line-height: 34px;
            text-shadow: 0px 2px 5px #878787;
        }


}


@media screen and (max-width: 790px) {

    #pag_ahorros .txt_4 .row > div:nth-child(2) p{
        padding-top: 30px;
    }
}

@media screen and (max-width: 600px) {
    
    #pag_ahorros .txt_3{
        border-radius: 100px  15px  100px  15px;
    }
}


@media screen and (max-width: 470px) {

    #pag_ahorros .txt_4 .row > div{
        float:none;
        width: 100%;
    }
}



/*=============================
=  pagina: ahorros              =
=============================*/

#pag_ayudasEconomica .txt_1{
    padding: 30px 0  30px 0 ;
    text-align: center;
    font-size: 37px;
    font-weight: 600;
    color: #920017;
}
    #pag_ayudasEconomica .txt_1 span{
        font-size: 21px;
        font-weight: 500;
        color: #BC222B;
        display: block;
    }
    
#pag_ayudasEconomica .txt_2{
    padding: 15px 70px;
    margin: 0px 0 50px 0;
    text-align: center;
    font-size: 58px;
    line-height: 63px;
    font-weight: 600;
    background-color: #29385e;
    color: #FFF;
    border-radius: 15px  15px  15px  15px;
}
    #pag_ayudasEconomica .txt_2 span{
        display: block;
        padding: 20px 0 10px 0;
    }
    #pag_ayudasEconomica .txt_2 .btn{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 23px;
    }

#pag_ayudasEconomica .txt_3{
    
} 
    #pag_ayudasEconomica .txt_3 img{
        width: 100%;
        max-width: 420px;     
    } 
    #pag_ayudasEconomica .txt_3 .row {
        padding: 0 0 30px 0;
    }
    #pag_ayudasEconomica .txt_3 .row > div:nth-child(1){
        text-align: center;
    }
    #pag_ayudasEconomica .txt_3 .row > div:nth-child(2){
        padding-top: 60px;
    }
    #pag_ayudasEconomica .txt_3 p b{
        color: #910117;  
    }
    #pag_ayudasEconomica .txt_3 p i{
        font-style: italic;
        font-weight: 300; 
    }
    #pag_ayudasEconomica .txt_3 p b i{
        font-style: italic;
        font-weight: 500; 
        color: #29385e;     
        font-size: 17px;    
    }
    #pag_ayudasEconomica .txt_4{
        padding-top: 60px;
    }
    #pag_ayudasEconomica .txt_4 h3{
        color: #29385e;  
        font-weight: 600;
        font-size: 30px;
        padding-bottom: 30px; 
        text-align: center; 
    }
    #pag_ayudasEconomica .txt_5 p a{
        color: #565656;  
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 30px; 
        text-align: center; 
        text-decoration: none;
        text-align: center;
        display: block;
        border: 0px;
    }
        #pag_ayudasEconomica .txt_5 p a:focus,
        #pag_ayudasEconomica .txt_5 p a:active,
        #pag_ayudasEconomica .txt_5 p a:hover{
            color: #29385e;     
        }
    #pag_ayudasEconomica .txt_6 p a{
        color: #565656;  
        font-weight: 500;
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 30px; 
        text-align: center; 
        font-style: italic;
        text-decoration: none;
        text-align: center;
        display: block;
        border: 0px;
    }
        #pag_ayudasEconomica .txt_6 p a:focus,
        #pag_ayudasEconomica .txt_6 p a:active,
        #pag_ayudasEconomica .txt_6 p a:hover{
            color: #29385e;     
        }

@media screen and (max-width: 890px) {
    
    #pag_ayudasEconomica .txt_1{
        font-size: 24px;
    }
        #pag_ayudasEconomica .txt_1 span{
            font-size: 17px;
        }
        
    #pag_ayudasEconomica .txt_2{
        padding: 15px 15px;        
        font-size: 28px;
        line-height: 30px;
        border-radius: 15px  15px  15px  15px;
    }
        #pag_ayudasEconomica .txt_2 .btn{
            font-size: 20px;
        }



}


@media screen and (max-width: 790px) {

    #pag_ayudasEconomica .txt_3 .row > div:nth-child(2){
        padding-top: 30px;
    }
}

@media screen and (max-width: 470px) {

    #pag_ayudasEconomica .txt_3 .row > div{
        float:none;
        width: 100%;
    }
}

/*=======================================
= Pagina: Registro                       =
=======================================*/


#pag_registro .main .d1{
    margin: 40px 0 40px 0;
}

#pag_registro .main form{
    padding-left: 20px;
    padding-bottom: 100px;
}

@media screen and (max-width: 500px) {
    
    #pag_registro .main .d1 {
        margin: 20px 0;
    }
    #pag_registro .main form{
        padding-left: 0px;
    }
}
   
   
/*=======================================
= Pagina: Ingresar                       =
=======================================*/


#pag_ingresar .main .d1{
    margin: 30px 0 30px 0;
}

#pag_ingresar .main form{
    padding-left: 20px;
    padding-bottom: 100px;
}

@media screen and (max-width: 500px) {
    
    #pag_ingresar .main .d1 {
        margin: 20px 0;
    }
    #pag_ingresar .main form{
        padding-left: 0px;
    }
}




/*********************/
/*** Login OAuth *****/
/*********************/

.login_redes_sociales{
    text-align: center;
    padding-bottom: 0px;
    padding-top: 30px;
}


    .login_redes_sociales a{
        padding: 10px 20px;
        
        font-size: 16px;
        border: 0;
        color: #fff;
        width: 41%;
        max-width: 283px;
        
        display: inline-block;
        
        font-weight: normal;
        line-height: normal;
        
        margin: 0 0 0 0;
        position: relative;
        text-decoration: none;
        text-align: center;
    }
    .login_redes_sociales a *{
        color: #fff;
    }

    .login_redes_sociales a i{
        position: absolute;
        top:0px;
        left: 0px;
        width: 40px;
        height: 39px;
        display: block;
        margin-right: 20px;
    }
    .login_redes_sociales a.facebook{
        background-color: #306199;   
        margin-right: 38px; 
    }
        .login_redes_sociales a.facebook:hover{background-color: #234C7B;}
        .login_redes_sociales a.facebook i{
            border-right: 1px solid #214773;  
            background-image: url(../imagenes/icono-facebook_b.png) ;
            background-repeat: no-repeat;	
            background-position: center center; 
        }
    .login_redes_sociales a.google{
        background-color: #e93f2e; 
        width: 100%;
        max-width: 340px;  
        padding-left: 52px; 
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
        .login_redes_sociales a.google:hover{background-color: #D21F0E;}
        .login_redes_sociales a.google i{
            border-right: 1px solid #CE3525;   
        }
    .login_redes_sociales a b{
        color: #FFF;
    }
    .login_redes_sociales .fa {
        display: inline-block;
        font-family: FontAwesome;
        font-size: 25px;
        line-height: 44px;
        height: 100%;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #FFF;
        text-align: center;
    }
        .login_redes_sociales .fa-google-plus:before {

        }
        .login_redes_sociales:after{
            content: ''; 
            display:block;
            clear: both; 
        }
        
    .login_redes_sociales.D2{
        padding: 0px; 
        margin: 0px;
    }
    .login_redes_sociales.D2 a.google{
        display: inline-block;
        width: auto;    
    }
/*=======================================
= Pagina: Contacto                       =
=======================================*/



.form_contacto{
    background-color: rgba(255, 255, 255, 1);
    padding: 30px 35px 20px 15px;
}
    .form_contacto .box-input{
        position: relative;
        padding-left: 50px;
        width: 100%;
        margin-bottom: 25px;
    }
    .form_contacto label{
        position: absolute;
        display: inline-block;  
        left: 0px; 
        top:0px;
        font-size: 18px;
        line-height: 35px; 
        width: 50px;
        text-align: center;
        color: #005b90;
    }
    .form_contacto textarea,
    .form_contacto input{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .form_contacto input{
        line-height: 30px;
        padding: 0 10px;
    }
    .form_contacto textarea{
        height: 176px;
        padding: 6px 10px;
    }
    .form_contacto input,
    .form_contacto textarea{
        font-size: 14px;
    }
    .form_contacto input::-webkit-input-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px;} /* Webkit */
    .form_contacto input:-moz-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px;} /* Firefox 4-18 */
    .form_contacto input::-moz-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px; } /* Firefox 19+ */
    .form_contacto input:-ms-input-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px; } /* IE10+ */

    .form_contacto textarea::-webkit-input-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px;} /* Webkit */
    .form_contacto textarea:-moz-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px;} /* Firefox 4-18 */
    .form_contacto textarea::-moz-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px; } /* Firefox 19+ */
    .form_contacto textarea:-ms-input-placeholder { font-weight:300;text-transform: uppercase;font-size: 14px; } /* IE10+ */







/*--form Contactac Diseņo 2--*/
.formContactoD2{
    margin: auto;
    max-width: 900px;
    padding: 0 20px;
}
.formContactoD2 .input {
	margin-bottom: 10px;
}
.formContactoD2 label {
	display: none;
	font-size: 17px;
	color: #29385e;
	text-transform: uppercase;
    font-size: 17px;
}
.formContactoD2 input[type="password"],
.formContactoD2 input[type="email"],
.formContactoD2 input[type="text"] {
	padding: 5px 10px;
	width: 100%;
	color: #505050;
	font: 300 16px/25px Lato, sans-serif;
	background: #e4e4e4;
	outline: none;
	display: block;
	border: 1px solid #e4e4e4;
    border-radius: 0px 0px 0px 0px;
}
    @media screen and (max-width: 500px) {
        .formContactoD2 input[type="password"],
        .formContactoD2 input[type="email"],
        .formContactoD2 input[type="text"] {
        	width: 100%;
        }  
    }
.formContactoD2 textarea {
	padding: 5px 10px;
	display: block;
	width: 100%;
    background: #e4e4e4;
	border: 1px solid #e4e4e4;
	outline: none;
	color: #505050;
	font: 300 16px/25px Lato, sans-serif;
	-webkit-appearance: none;
	height: 220px;
    border-radius: 0px 0px 0px 0px;
}



.formContactoD2 #pag_contaco .map{
	margin-top: 25px;
    width: 100%;
    height: 300px;
    border: none;
}
.formContactoD2.formD1 .g-recaptcha{
    margin-top: 30px;
    margin-bottom: 30px;
}
.formContactoD2.formD1 .g-recaptcha > div{
    margin-right: auto;
    margin-left: auto;    
}


        
        
        
        
        
        
@media screen and (max-width: 767px) {
    
    #pag_contaco .main form{
        padding-bottom: 0px;
    }
    #pag_contaco .map{
    	margin-top: 45px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
        
        position: relative;
        overflow: hidden;
    }
    #pag_contaco .map > div{
    	width: 100%;
    }

}
    
@media screen and (max-width: 500px) {
    
    #pag_contaco .main .d1 {
        margin: 20px 0;
    }
    #pag_contaco .main form{
        padding-left: 0px;
    }
}
    
/*======================================
= botones                      =
======================================*/

.btn-rojo{
    border-radius: 10px  10px  10px  10px;
    background-color: #29385e;
    border-color: #29385e;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 25px;
}
    .btn-rojo i{
        color: #FFF;
    }
    .btn-rojo:hover i,
    .btn-rojo:focus i{
        color: #29385e;    
    }
    .btn-rojo.btn-loading .ink,
    .btn-rojo.btn-loading{
        background-color: #29385e!important;
        border-color: #29385e!important;
        color: #FFF!important;
    }
    .btn-rojo .ink{
        color: #FFF;
        font-size: 18px;
        font-weight: 600;  
        vertical-align: middle;
        line-height: 30px;
    }
    .btn-rojo:hover .ink,
    .btn-rojo:active .ink,
    .btn-rojo:focus .ink,
    .btn-rojo:hover,
    .btn-rojo:active,
    .btn-rojo:focus{
        border-color: #29385e;
        background-color: #FFF;
        color: #29385e;
    }
        
    @media screen and (max-width: 767px) {
        .btn-rojo{
            font-size: 15px;
        }
    }
    
    
.btn-blanco{
    border-radius: 0px  0px  0px  0px;
    background-color: #FFF;
    border-color: #FFF;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 10px;
}
    .btn-blanco:hover,
    .btn-blanco:active,
    .btn-blanco:focus{
        border-color: rgb(255, 79, 0);
        background-color: rgb(255, 79, 0);
        color: #FFF;
    }
    .header .cartel .btn:hover i:before,
    .header .cartel .btn:active i:before,
    .header .cartel .btn:focus i:before{
        color: #FFF;
    }

   
    @media screen and (max-width: 767px) {
        .btn-blanco{
            font-size: 15px;
        }
    }
    
.btn-naranja{
    border-radius: 0px  0px  0px  0px;
    background-color: rgb(255, 79, 0);
    border-color: rgb(255, 79, 0);
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 10px;
}
    .btn-naranja:hover,
    .btn-naranja:active,
    .btn-naranja:focus{
        background-color: #FFF;
        border-color: #FFF;
        color: rgb(255, 79, 0);
    }
    .header .cartel .btn:hover i:before,
    .header .cartel .btn:active i:before,
    .header .cartel .btn:focus i:before{
        color: color: rgb(255, 79, 0);
    }

   
    @media screen and (max-width: 767px) {
        .btn-blanco{
            font-size: 15px;
        }
    }

.btn:active,
.btn:focus,
.btn:hover{
    outline: none!important;
}


.btn-azul{
    border-radius: 30px  30px  30px  30px;
    background-color: #29385e;
    border-color: #29385e;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 25px;
}
    .btn-azul i{
        color: #FFF;
    }
    .btn-azul:hover i,
    .btn-azul:focus i{
        color: #29385e;    
    }
    .btn-azul.btn-loading .ink,
    .btn-azul.btn-loading{
        background-color: #29385e!important;
        border-color: #29385e!important;
        color: #FFF!important;
    }
    .btn-azul .ink{
        color: #FFF;
        font-size: 16px;
        font-weight: 600;  
        vertical-align: middle;
        line-height: 30px;
    }
    .btn-azul:hover .ink,
    .btn-azul:active .ink,
    .btn-azul:focus .ink,
    .btn-azul:hover,
    .btn-azul:active,
    .btn-azul:focus{
        border-color: #e35000;
        background-color: #e35000;
        color: #fff;
    }
        
    @media screen and (max-width: 767px) {
        .btn-azul{
            font-size: 14px;
        }
    }
    
    
    
/*======================================
= formulario d1                       =
======================================*/


.formD1 .btn-submit .loader3 {
  -webkit-animation: none;
          animation: none;
  height: 20px;
  width: 20px;
  
  margin: 5px;
  display: inline-block;
  
  vertical-align: middle;
    
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #ffffff;
}
.formD1 .btn-submit.btn-loading .loader3 {
  -webkit-animation: load2 .5s infinite linear;
          animation: load2 .5s infinite linear;
}

.formD1 .btn-submit .btn-icon{
    display: none;
}
.formD1 .btn-submit.btn-loading .btn-icon{
    display: inline-block;
}


.formD1 .formMsj {
  padding: 0;
  line-height: 36px;
  text-align: center;
}



.formD1 .g-recaptcha > div
{
    margin: auto;
}

/*======================================
= Mensajes                  =
======================================*/

.formMsj.success {
  color: #5e1316;
  border: 2px solid #72b142;
  position: relative;
  padding: 5px 24px 5px 32px;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1.4em;
}
    .formMsj.success:before{
        font-family:FontAwesome;
        content: "\f057";
        position: absolute;
        left:6px;
        display: inline-block;
        color: #72b142;
    }
.formMsj.error {
  color: #5e1316;
  border: 2px solid #ff3838;
  position: relative;
  padding: 5px 24px 5px 32px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1.4em;
}
    .formMsj.error:before{
        font-family:FontAwesome;
        content: "\f057";
        position: absolute;
        left:6px;
        display: inline-block;
        color: #ff3838;
    }

	
.msj_error
{
	margin:0 0 10px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F30;
	border-bottom-color: #F30;
	background-image: url(../images/bkg-rojo_t.png);
	background-repeat: repeat;
    line-height: 1.4em;
}
	.msj_error div.msj_contenido
	{
		text-align: left;
		padding:20px 20px 15px 60px;
		color:#3B3B3B;
		background-position:15px 15px;
		background-image: url(../images/error.png);
		background-repeat: no-repeat;
        position: relative;
	}
    .msj_error div.msj_contenido:after{
        content: '\f00d';
        display: inline-block;
        position: absolute;
        left: 22px;
        top: 18px;
        font-family: FontAwesome;
        font-size: 20px;
        color:#F30;
    }
	.msj_error * {
		font-size: 17px;
	}
	
 
 
.msj_exito{
	margin:0 0 10px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #769d2b;
	border-bottom-color: #769d2b;
	background-image: url(../images/bkg-verde_t.png);
	background-repeat: repeat;
}
	.msj_exito div.msj_contenido
	{
		text-align: left;
		padding:20px 20px 15px 60px;
		color:#3B3B3B;
		background-position:15px 15px;
		background-image: url(../images/valid.png);
		background-repeat: no-repeat;
        position: relative;
	}
    .msj_exito div.msj_contenido:after{
        content: '\f00c';
        display: inline-block;
        position: absolute;
        left: 22px;
        top: 18px;
        font-family: FontAwesome;
        font-size: 20px;
        color:#769d2b;
    }
	.msj_exito * {
		font-size: 17px;
	}

/*======================================
= pag_contacto                 =
======================================*/	
#pag_contacto .map{
    width: 100%;
    height: 300px;
    border: none;
}
@media screen and (max-width: 768px)
{
    #pag_contacto .main .box_email{
        padding-top:40px;
        padding-bottom: 40px;
    }
}

/*======================================
= header  top                   =
======================================*/

body > .header{
    width: 100vw;
    height: 100vh;
    
    background-image: url('../images/bkg-home.jpg');    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
}
    #pag_contacto > .header{
        background-image: url('../images/bkg-contacto.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_convenios > .header{
        background-image: url('../images/bkg-convenios.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_nosotros > .header{
        background-image: url('../images/bkg-nosotros.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_turismo > .header{
        background-image: url('../images/bkg-turismo.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_servisios > .header{
        background-image: url('../images/bkg-servicios.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_ayudaEconomica >  .header{
        background-image: url('../images/bkg-ayuda-economica.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; 
    }
    #pag_ingresar{
        
    }   
        #pag_ingresar >  .header {
            width: 100vw;
            height: 50vh;
            
            background-image: url(../images/bkg-nosotros.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        } 
    #pag_registro{
        
    }   
        #pag_registro >  .header {
            width: 100vw;
            height: 50vh;
            
            background-image: url(../images/bkg-nosotros.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        } 
    #pag_recuperar_clave{
        
    }   
        #pag_recuperar_clave >  .header {
            width: 100vw;
            height: 50vh;
            
            background-image: url(../images/bkg-nosotros.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        } 
        
        
    

.header_top{
    
}
    .header_top > div{
        max-width: 1000px;
        padding: 0 15px 0 0px; 
        width: 100%;     
        margin: auto; 
        position: relative;
    }
    .header_top .logo a{
        display: inline-block;
        padding: 20px 30px;
        background-color: #fff;
    }
    .header_top .logo img{
        height: 70px;
    }
    .header_top a{
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase; 
        color: #FFF;  
        text-decoration: none;
        border: 0px;
    }
    .header_top a:focus,
    .header_top a:active,
    .header_top a:hover{
        text-shadow: 0px 0px 5px #FFF;
    }
    .header_top .login{
        position: absolute;
        top: 35px;
        right: 15px;
        width: auto;
        padding: 15px 30px;

        background-color: #03325F;
        
        border-radius: 40px 40px;
    }
        .header_top .login span{
            padding: 0 5px;
            font-size: 15px;
            font-weight: 400; 
            color: #FFF;  
        }
        .header_top a.ingresar{
            font-weight: 300;
        }
        .header_top a.registro{
            font-weight: 600;    
        }

@media screen and (max-width: 1000px) {

    .header_top .logo{
        display: none;
    }
    .header_top .login{
        position: relative;
        border-radius: 0px;
        right: auto;
        top: auto;
        text-align: right; 
        padding: 10px 15px;
    }
    .header_top > div{
            padding: 0 0px 0 0px;
    }
    
    .pmenu .navbar .container-fluid{
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
} 
@media screen and (max-width: 767px) {

    .header_top .login{
        padding: 7px 15px;
    }
    .header_top a{
        font-size: 12px;
    }
    .pmenu .navbar .container-fluid{
        padding-right: 15px;
    }
} 

/*======================================
= header  menu                   =
======================================*/

    
.pmenu{
    z-index: 99;
}
    .pmenu .navbar{
        border: 0px;
        background-color: rgba(255,255,255,.8);  
        border-radius: 0px;
    }
    .pmenu .navbar > .container .navbar-brand, 
    .pmenu .navbar > .container-fluid .navbar-brand{
        margin: 0px;
        padding: 0px; 
    }
    .pmenu .navbar .navbar-brand h1{margin: 0px;}
    .pmenu .navbar .navbar-brand img{height: 40px; margin-top: 5px; margin-left: 15px;}
    
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a:hover,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a:focus{
        background-color: #ffdada;
        color: #7d7273; 
    }
    .pmenu .navbar .navbar-nav > li.active > a, 
    .pmenu .navbar .navbar-nav > li.active > a:hover, 
    .pmenu .navbar .navbar-nav > li.active > a:focus{
        background-color: #03325F;
        color: #FFF; 
    }
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
    .pmenu .navbar .navbar-nav > li > a:hover, 
    .pmenu .navbar .navbar-nav > li > a:focus{
        background-color: #f8f8f8;
        color: #03325F;   
    }
    .pmenu .navbar .active .caret{color: #FFF;} 
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a,
    .pmenu .navbar .navbar-nav > li > a{
        color: #03325F; 
        font-weight: 600;    
        text-transform: uppercase;
        font-size: 12px;
    }
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a{
        color: #7d7273; 
        font-weight: 600;    
        text-transform: uppercase;
        font-size: 12px;
        padding: 7px 10px;
    }


    @media screen and (max-width: 767px) {
    
        .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a{
            padding: 7px 15px 7px 25px;
        }
        
    }
    .pmenu .navbar .navbar-toggle:focus, 
    .pmenu .navbar .navbar-toggle:hover {
        background-color: #03325F;
    }

    .pmenu .navbar-default .navbar-toggle{
        border-color: #03325F;
        border-radius: 0px;
    }
    .pmenu .navbar-default .navbar-toggle .icon-bar{
        background-color: #03325F;
    }
    .pmenu .navbar-default .navbar-toggle:hover .icon-bar,
    .pmenu .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }
    .pmenu .navbar-nav > li > .dropdown-menu{
        background-color: #FFF;
        padding: 0px;
        margin: 0px;
    }

    @media screen and (max-width: 767px) {
    
        .pmenu .navbar .navbar-nav{
            margin-top: 0px; 
            margin-bottom: 0px;    
        }
        
    }
    
@media screen and (min-width: 1000px) {

    .pmenu{

    }
        .pmenu .navbar{
            border: 0px;
            background-color: transparent;  
            max-width: 1000px;
            margin: auto;
        }
        .pmenu .navbar .container-fluid,
        .pmenu .navbar .container-fluid .collapse {
            margin-right: 0;
            margin-left: 0;
            padding: 0px;
        }
        .pmenu .navbar-brand{
            display: none;
        }
        .pmenu ul.nav{
            width: 300px;
            margin: auto;
            padding-top: 20px;
        } 
            .pmenu ul.nav li{
                width: 100%;
                text-align: right;
            } 
            
            
            
    .pmenu .navbar .active .caret{color: #FFF;} 
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a,
    .pmenu .navbar .navbar-nav > li > a{
        color: #FFF; 
        font-weight: 300;    
        text-transform: uppercase;
        font-size: 18px;
        line-height: 22px;
        text-shadow: 0px 0px 20px #000,0px 0px 20px #000;
        padding: 15px 35px 15px 5px;
    }
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a{
        color: #FFF; 
        font-weight: 300;    
        text-transform: uppercase;
        font-size: 18px;
        padding: 7px 10px;
        position: relative;
    }   
    .pmenu .navbar .navbar-nav > li > a:after{
        content:'';
        display: none;
        width: 25px;
        height: 1px;
        background-color: rgba(255,255,255,.7);
        position: absolute;
        right: 0px;
        top: 25px;    
    }
        .pmenu .navbar .navbar-nav > li.active > a:after{
            display: inline-block;
        }
        .pmenu .navbar .navbar-nav > li > a:focus:after,
        .pmenu .navbar .navbar-nav > li > a:hover:after{
            display: inline-block;
        }
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a:hover,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li.active > a:focus{
        background-color: transparent;
        color: #fff;
        font-weight: 600; 
    }

    .pmenu .navbar .navbar-nav > li.active > a, 
    .pmenu .navbar .navbar-nav > li.active > a:hover, 
    .pmenu .navbar .navbar-nav > li.active > a:focus{
        background-color: transparent;
        color: #FFF;
        font-weight: 400;  
    }
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    .pmenu .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
    .pmenu .navbar .navbar-nav > li > a:hover, 
    .pmenu .navbar .navbar-nav > li > a:focus{
        
        background-color: transparent;
        color: #fff;
        font-weight: 300;   
        /*
        color: #FF4F00;
        text-shadow: 0px 0px 20px #000,0px 0px 20px #000;
        */
    }

            
            
    
}

@media screen and (max-width: 767px) {

    .menu-fijo{
        
    }
        .menu-fijo .header_top{
            margin-bottom: 70px;    
        }
        .menu-fijo .pmenu{
            position: fixed;
            width: 100%;
            top: 0px; 
        }
    
}    

@media screen and (max-width: 767px) {

    .pmenu{
        display: block;
    }
    
} 

.header .cartel{
    
}
    .header .cartel.D2{
        top: 42%;
        min-height: 0px;
    }
        .header .cartel.D2 > div{
            display: inline-block;
            padding: 40px 0px;
        }
        .header .cartel.D2 h2{
            padding-bottom: 0px;
            font-size: 60px;
        }
        .header .cartel.D2.D22 h2{
            font-size: 40px;
        }
        
        
    .header .cartel{
        position: absolute;
        top:110px;
        left: 0px;
        width: 60vw;
        min-height: 300px;
        text-align: right;
        
        background: rgba(45,0,97,1);
        background: -moz-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(45,0,97,1)), color-stop(13%, rgba(45,0,97,0.98)), color-stop(68%, rgba(245,118,0,0.9)), color-stop(100%, rgba(245,118,0,0.86)));
        background: -webkit-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
        background: -o-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
        background: -ms-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
        background: linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0061', endColorstr='#f57600', GradientType=1 );
        
        /*
        background: rgba(46,14,83,1);
        background: -moz-linear-gradient(45deg, rgba(46,14,83,1) 0%, rgba(46,14,83,0.98) 13%, rgba(245,118,0,0.86) 82%, rgba(245,118,0,0.83) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(46,14,83,1)), color-stop(13%, rgba(46,14,83,0.98)), color-stop(82%, rgba(245,118,0,0.86)), color-stop(100%, rgba(245,118,0,0.83)));
        background: -webkit-linear-gradient(45deg, rgba(46,14,83,1) 0%, rgba(46,14,83,0.98) 13%, rgba(245,118,0,0.86) 82%, rgba(245,118,0,0.83) 100%);
        background: -o-linear-gradient(45deg, rgba(46,14,83,1) 0%, rgba(46,14,83,0.98) 13%, rgba(245,118,0,0.86) 82%, rgba(245,118,0,0.83) 100%);
        background: -ms-linear-gradient(45deg, rgba(46,14,83,1) 0%, rgba(46,14,83,0.98) 13%, rgba(245,118,0,0.86) 82%, rgba(245,118,0,0.83) 100%);
        background: linear-gradient(45deg, rgba(46,14,83,1) 0%, rgba(46,14,83,0.98) 13%, rgba(245,118,0,0.86) 82%, rgba(245,118,0,0.83) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0e53', endColorstr='#f57600', GradientType=1 );
        */
    }
    .header .cartel > div{
        max-width: 500px;
        text-align: left;
        margin: 0px 40px 0px auto;
        padding: 90px 0px;
    }
    .header .cartel h2{
        font-size: 50px;
        font-weight: 400;  
        padding-bottom: 15px;
        color: #fff;  
    }
    .header .cartel p{
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;  
        max-width: 350px;  
        padding-bottom: 15px;
        color: #fff;
    }
    .header .cartel .btn i:before{
        color: #000;
        font-size: 10px;
        margin-left: 0px;
    }
    .header .cartel .ir{
        position: absolute;  
        top: 45%;
        right: 5px; 
        color: #fff;
    }
    .header .cartel .ir i:before{
        font-size: 35px;  
        color: #fff;  
    }
    .header .cartel .ir:hover,
    .header .cartel .ir:focus{
        text-decoration: none;
    }
    .header .cartel .ir:hover i:before,
    .header .cartel .ir:focus i:before{
        color: #03325F;
    }
    
@media screen and (max-width: 1000px) {
    .header .cartel{
        position: relative;
        top: auto;
        width: 100%;
        max-width: 700px;
    }
    .header .cartel > div {
        padding: 45px 40px 45px 15px;
    }
    .header .cartel .ir {
        right: 20px;
    }
}


@media screen and (max-width: 1000px) and (min-width: 767px) {
    .pmenu .navbar-header{
        float: none;
        text-align: center;    
    }
    .pmenu .navbar-header .navbar-brand{
        float: none;    
    }
    .pmenu .navbar .navbar-brand img {
        height: 60px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .pmenu .navbar .collapse{
        text-align: center;
    }
    .pmenu .navbar ul{
        margin: auto;
        float: none!important;
        display: inline-block;
    }
    .pmenu .navbar ul li>a{
        padding: 10px 11px;    
    }
    
}
@media screen and  (max-width: 1000px) {
    .header .cartel.D2 h2 {
        font-size: 50px;
    } 
}
@media screen and  (max-width: 767px) {
    .header .cartel.D2 h2 {
        font-size: 40px;
    } 
    .header .cartel.D2 {
        top: 70px;
    }
    .header .cartel {
        max-width: 75%;
    }
    .header .cartel > div {
        margin: 0px 40px 0px 40px;
    }
}
@media screen and  (max-width: 550px) {
    .header {
        height: 80vh;
    }
    .header .cartel.D2{
        max-width: 75%;    
    }
    .header .cartel{
        min-height: 0px;
        max-width: 90%;
    }
    .header .cartel.D2 h2 {
        font-size: 30px;
    } 
    .header .cartel.D2.D22 h2 {
        font-size: 22px;
    }
    .header .cartel h2{
        font-size: 25px;
    }
    .header .cartel > div {
        margin: 0px 15px 0px 15px;
        padding: 25px 40px 25px 0px;
    }
    .header .cartel.D2 > div{
        padding: 25px 0px;    
    }
    .header .cartel .ir {
        right: 0px;
    }
}




/*======================================
= footer                     =
======================================*/

.footer{
    background-color: #03325f; 
    position: relative;   
}
    .footer .container{
        max-width: 1000px;
        padding: 20px 15px; 
        width: 100%;     
        margin: auto; 
        position: relative;
    }
    .footer .infoContacto > div{
        margin-top: 50px;
    }
    .footer p a{
        border: 0px;
    }
    .footer ul{
        padding-left: 20px;
        list-style: none;
    }
        .footer ul li{
            padding: 0px;
            list-style-type:disc;
        }
    .footer a:focus,
    .footer a:hover{
        text-decoration: none;
        color: #fff;    
    }
    .footer ul li,
    .footer a,
    .footer p span,
    .footer p{
        font-family: 'Lato','arial';
        color: #c5c4c4;
        font-weight: 300;
        font-size: 14px; 
        line-height: 20px;
        
    }
    .footer h4{
        font-family:'Lato','arial';
        color: #fff;
        font-weight: 700;
        font-size: 14px; 
        
        padding-bottom: 20px;
        margin-bottom: 0px;
    }
    
    .footer .infoContacto .row > div > div{
        padding-bottom: 30px;
    }
    
    .footer .copyright{
        border-right: 1px solid #696765;
    }
        .footer .copyright p{
      
        }
        
        
        
    .footer .social{
        padding-top: 10px;
    }
        .footer .social .fa{
            background-color: #fff;
            color: #000;  
            font-size: 21px; 
            
            display: inline-block;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 42px;
            
            border-radius: 40px 40px 40px 40px;
            
            vertical-align: middle;
        }
        .footer .social a:focus .fa,
        .footer .social a:hover .fa{
            background-color: #c5c4c4;
        }
        .footer .social a,
        .footer .social span{
            text-decoration: none;
            vertical-align: middle;
            margin-right: 10px;
        }
        .footer .social p{
            padding-top: 15px;
        }
        
        
    .footer .email img{height: 16px;}


    .footer .copyright{
        margin-top: 50px;
        border-top: 1px solid #656565;    
    }
        .footer .copyright *{
            color: #FFF;
            font-size: 14px;
            font-style: italic;
            font-weight: 300;
        }
        .footer .por{
            text-align: right;
        }
        .footer .por img{
            height: 41px;
            margin-top: 4px;
            margin: 0 0 0 10px;
        }


@media screen and (max-width: 767px) {
    .footer .infoContacto > div {
        margin-top: 25px;
    }
    .footer .infoContacto .row > div > div {
        padding-bottom: 10px;
    }
    .footer .copyright {
        margin-top: 0px;
    }
    .footer .por {
        padding-top: 15px;
        margin-top: 10px;
        border-top: 1px solid #656565;
        text-align: left;
    }
}


/*======================================
= General                     =
======================================*/
.italic{font-style: italic}
.txt2col{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
    @media screen and (max-width: 550px) {
        .txt2col{
            -webkit-column-count: 1; /* Chrome, Safari, Opera */
            -moz-column-count: 1; /* Firefox */
            column-count: 1;
        }  
    }
.esconder{display: none;}

h2.d1{
    margin: 20px 0;
    border: 3px solid #29385e;  
    line-height: 40px;
    height: 40px;
    white-space: pre;
    border-radius: 15px 15px 15px 15px;
    
    overflow: hidden;
    
    background: rgba(189,33,46,1);
    background: -moz-linear-gradient(left, rgba(189,33,46,1) 0%, rgba(189,33,46,1) 43%, rgba(60,60,57,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(189,33,46,1)), color-stop(43%, rgba(189,33,46,1)), color-stop(100%, rgba(60,60,57,1)));
    background: -webkit-linear-gradient(left, rgba(189,33,46,1) 0%, rgba(189,33,46,1) 43%, rgba(60,60,57,1) 100%);
    background: -o-linear-gradient(left, rgba(189,33,46,1) 0%, rgba(189,33,46,1) 43%, rgba(60,60,57,1) 100%);
    background: -ms-linear-gradient(left, rgba(189,33,46,1) 0%, rgba(189,33,46,1) 43%, rgba(60,60,57,1) 100%);
    background: linear-gradient(to right, rgba(189,33,46,1) 0%, rgba(189,33,46,1) 43%, rgba(60,60,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd212e', endColorstr='#3c3c39', GradientType=1 );

}
    h2.d1 span{
        display: inline-block;
        padding: 7px 100px 0 30px;
        background-color: #FFF; 
        border-radius: 0px 101px 0px 0px; 
        height: 60px;
        float: left;
        
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        color: #920017;
    }
    
    @media screen and (max-width: 500px) {
    
        h2.d1 span{
            padding: 7px 100px 0 10px;
            font-size: 20px;
        }
        
    }

.centerBox{
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.bold{font-weight: bold;}
p .noUnderline,
.noUnderline{text-decoration: none; border-bottom: 0px;}

.uppercase{text-transform: uppercase;}

.rojo{color: #920017;}
.rojo:active,.rojo:focus,.rojo:hover{color: #b6001d; text-decoration: none;}

.g-recaptcha.text-center > div{margin: auto;}

.clear{clear: both;}


.color_1{color: #03325f}
.color_2{color: #ff4f00}
.color_3{color: #fff}
.color_4{color: #fd7b01}
.color_5{color: #878787}


a.color_4{
  color: #fd7b01;
  text-decoration: none;
}
    a.color_4:hover,
    a.color_4:focus {
      color: #03325f;
    }

.fw400{font-weight: 400}
.fw600{font-weight: 600}

.fz_h1{font-size: 40px}
.fz_h2{font-size: 30px}
.fz_h3{font-size: 20px}
.fz_min{font-size: 13px}
.fz10{font-size: 10px;}
.fz11{font-size: 11px;}
.fz15{font-size: 15px}
.fz16{font-size: 16px}
.fz17{font-size: 17px}
.fz18{font-size: 18px}
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}

.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}


@media screen and (max-width: 768px) {

    .fz_h1{font-size: 25px}
    .fz_h2{font-size: 20px}
    .fz_h3{font-size: 18px}
    
}

.pdd_t10{padding-top: 10px;}
.pdd_b10{padding-bottom: 10px;}
.pdd_t20{padding-top: 20px;}
.pdd_b20{padding-bottom: 20px;}
.pdd_t30{padding-top: 30px;}
.pdd_b30{padding-bottom: 30px;}
.pdd_t60{padding-top: 60px;}
.pdd_b60{padding-bottom: 60px;}



.link_D10{display: inline-block; text-align: center; position: relative;}
    .link_D10 > span{display: none;}
    .link_D10 > span > span{ padding-bottom: 30px; display: inline-block;}
    .link_D10 > span{
        display: inline-block;
        position: absolute;
        top: 25%;
        left: calc( 50% - 150px );
        z-index: 3;
    }
    .link_D10:before{
        content: '';
        display: block;
        background-color: #000;
        opacity: 0.7;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        
        z-index: 2;
    }
    .link_D10:hover:before{display: block;}
    .link_D10:hover > span{
        display: inline-block;
    }
    
@media screen and (max-width: 768px) {

    .link_D10 > span {
        left: 35%;
    }
    
}
@media screen and (max-width: 550px) {

    .link_D10 > span {
        left: 20%;
    }
    
}





/*======================================
= pag_proceso                     =
======================================*/
#pag_proceso{
    
}
    #pag_proceso .section.main h4 *,
    #pag_proceso .section.main h4{
        line-height: 1.4em;
        font-weight: bold; 
        font-size: 17px;   
    }

/*======================================
= Bootstrap                     =
======================================*/
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
    color: #FFF;
}

.carousel-inner > .item > a > img, 
.carousel-inner > .item > img{
    width: 100%;
}

@media screen and (min-width: 768px) {

    .container{
        width: 100%;
    }
    
}


/*======================================
= tablas                     =
======================================*/
.tabla{
    display: table; 
    box-sizing: border-box;    
}
    .tabla .fila{
        display: table-row;   
        box-sizing: border-box;  
    }
    .tabla .fila > div{
        display: table-cell; 
        box-sizing: border-box;       
    }
    .tabla .fila > div > div{
        padding: 30px 45px 30px 45px;      
    }
    
    .tabla .fila.D2 > div{
        width: 50%;      
        vertical-align: middle;
    }
        .tabla .fila.D2 > .col_1{
                
        }
        .tabla .fila.D2 > .col_2{
            
        }
    .tabla .fila.D22 > div{
        vertical-align: middle;
    }
        .tabla .fila.D22 > .col_1{
            width: 70%;         
        }
        .tabla .fila.D22 > .col_2{
            width: 30%;     
        }

    
.tabla .botonera{
    
    background: rgba(45,0,97,1);
    background: -moz-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(45,0,97,1)), color-stop(13%, rgba(45,0,97,0.98)), color-stop(68%, rgba(245,118,0,0.9)), color-stop(100%, rgba(245,118,0,0.86)));
    background: -webkit-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -o-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -ms-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0061', endColorstr='#f57600', GradientType=1 );
    
}
    .tabla .botonera > button{
        display: table-cell;
        width: 49%;
        color: #fff;
        border: 0px;
        border-left: 1px solid #FFF;
        height: 100px;
        box-sizing: border-box;
        
        text-align: center;
        vertical-align: middle;
        
        margin: 0px;
        padding: 0px;
        
        color: #fff;
        font-weight: 400;
        
        background-color: transparent;
    }
        .tabla .botonera > button *{
            color: #fff;    
        }
        .tabla .botonera > button:hover span.italic{
            font-weight: 400;
            text-shadow: 0px 0px 20px #FFF;
            outline: none;
        }
        .tabla .botonera > button:focus{
            outline: none;
        }
            
    
    
.cartel_D2{
    display: block;
    padding: 30px;
    width: 90%;
    text-align: center;
    

    margin: auto 0px auto auto;

    
    background: rgba(45,0,97,1);
    background: -moz-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(45,0,97,1)), color-stop(13%, rgba(45,0,97,0.98)), color-stop(68%, rgba(245,118,0,0.9)), color-stop(100%, rgba(245,118,0,0.86)));
    background: -webkit-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -o-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: -ms-linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    background: linear-gradient(45deg, rgba(45,0,97,1) 0%, rgba(45,0,97,0.98) 13%, rgba(245,118,0,0.9) 68%, rgba(245,118,0,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0061', endColorstr='#f57600', GradientType=1 );
    
}
    .cartel_D2 a{
        color: #fff;
        font-weight: 400;
        font-size: 30px;
        line-height: 1.2em;
    }
    .cartel_D2 a:focus ,
    .cartel_D2 a:hover{
        text-decoration: none;
        text-shadow: 0px 0px 20px #FFF;
    }



#pag_servicios{
    
}
    #pag_servicios .fila_1 .col_1{
        background-image: url('../images/servicios-01.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;  
    }
    #pag_servicios .fila_1 .col_2 > div{
        padding-right: 0px;
        padding-bottom: 45px;
    }

    #pag_servicios .fila_2 .col_2{
        
        
        background-image: url('../images/servicios-02.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;  
    }
    #pag_servicios .fila_2 .col_2 > div{
        padding: 150px 0px 150px 0px;
    }






#pag_nosotros{
    
}
    #pag_nosotros .main > .container{
        padding: 0px;    
    }
    #pag_nosotros .fila_1 .col_1{
        padding: 70px 50px 70px 20px;
    }
    #pag_nosotros .fila_1 .col_2{

        background-image: url('../images/nosotros-01.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;  
        
    }

    #pag_nosotros .fila_2 .col_1{
        background-image: url('../images/nosotros-02.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;  
    }
    #pag_nosotros .fila_2 .col_2 > div{
        padding: 70px 0px 70px 70px;
    }
    #pag_nosotros .fila_3 .col_1 > div{
        padding: 70px 0px 70px 30px;
    }
    #pag_nosotros .fila_3 .col_2{
        background-image: url('../images/nosotros-03.jpg');    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;  
    }



#pag_ayudaEconomica{
    
}
    #pag_ayudaEconomica .fila > div{
        position: relative;
    }
    #pag_ayudaEconomica .fila{

    }
        #pag_ayudaEconomica .fila_1 > div {
            padding-top: 40px;
            padding-bottom: 40px;
        }
            #pag_ayudaEconomica .fila_1 .col_1 > div{
                padding: 30px 50px 45px 0px;
            }
        
            #pag_ayudaEconomica .fila_1 .col_2 > div {
                background-image: url('../images/ayuda-economica-05.jpg');    
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;  
                
                padding-top: 70px;
                padding-bottom: 70px;
            }
        #pag_ayudaEconomica .fila_2 > div {
            padding-top: 40px;
            padding-bottom: 40px;
        }
            #pag_ayudaEconomica .fila_2 .col_1_bis{
                display: none;
            }
            #pag_ayudaEconomica .fila_2 .col_1 > div {
                background-image: url('../images/ayuda-economica-04.jpg');    
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover; 
                
                padding-top: 70px;
                padding-bottom: 70px;
            }
            #pag_ayudaEconomica .fila_2 .col_2 > div{
                padding: 30px 0px 45px 50px;
            }
        #pag_ayudaEconomica .fila_3 > div {
            padding-top: 40px;
            padding-bottom: 40px;
        }
            #pag_ayudaEconomica .fila_3 .col_1 > div{
                padding: 30px 50px 45px 0px;
            }
        
            #pag_ayudaEconomica .fila_3 .col_2 > div {
                background-image: url('../images/ayuda-economica-03.jpg');    
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover; 
                
                padding-top: 70px;
                padding-bottom: 70px;
            }
            
        #pag_ayudaEconomica .fila_4 > div {
            padding-top: 40px;
            padding-bottom: 40px;
        }
            #pag_ayudaEconomica .fila_4 .col_1 > div{
                
                background-image: url('../images/ayuda-economica-02.jpg');    
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;  
                
                position: absolute;
                width: 100%;
                height: 90%;
                top: 5%;
                left:0px;
            }
            #pag_ayudaEconomica .fila_4 .col_2 > div {
                padding: 30px 0px 45px 50px;   

            }
            
        #pag_ayudaEconomica .fila_5 > div {
            padding-top: 40px;
            padding-bottom: 40px;
        }
            #pag_ayudaEconomica .fila_5 .col_1 > div{
                padding: 30px 50px 45px 0px;
            }
        
            #pag_ayudaEconomica .fila_5 .col_2 > div {
                
                background-image: url('../images/ayuda-economica-01.jpg');    
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;  
                
                position: absolute;
                width: 100%;
                height: 90%;
                top: 5%;
                left:0px;
            }
    #pag_ayudaEconomica .txt_2{
        padding: 30px 70px;
        text-align: center;
        font-size: 58px;
        line-height: 63px;
        font-weight: 600;
        background-color: #29385e;
        color: #FFF;
        border-radius: 15px  15px  15px  15px;
    }
        #pag_ayudaEconomica .txt_2 span.txt21{
            display: block;
            padding: 0px 0 20px 0;
            font-size: 33px;
            line-height: 35px;
            font-weight: 600;
            color: #FFF;
        }
        #pag_ayudaEconomica .txt_2 span.txt22{
            display: block;
            padding: 10px 40px;
            font-size: 25px;
            line-height: 28px;
            font-weight: 300;
            color: #FFF;
        }
        #pag_ayudaEconomica .txt_2 .btn{
            padding: 15px 40px;
            font-size: 21px;
            border-radius: 15px 15px 15px 15px;
        }

#pag_mediosDePago{
    
}

    #pag_mediosDePago > .header {
        background-image: url('../images/medios-de-pago.jpg'); 
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

@media screen and (max-width: 768px) {

    #pag_ayudaEconomica .txt_2{
        padding: 30px 25px;
        margin: 0;
        border-radius: 0px;
    }
        #pag_ayudaEconomica .txt_2 span.txt21{
            font-size: 23px;
            line-height: 25px;
        }
        #pag_ayudaEconomica .txt_2 span.txt22{
            padding: 10px 15px;
            font-size: 22px;
            line-height: 24px;
        }

    .tabla .fila.D2 > div{
        width: 100%;  
        display: block;    
    }
    
    
    #pag_nosotros{
        
    }
        #pag_nosotros .tabla .fila_1 > .col_2{
            display: none;        
        }
        #pag_nosotros .tabla .fila_2 > .col_1{
            display: none;    
        }
        #pag_nosotros .tabla .fila_3 > .col_2{
            display: none;        
        }
        #pag_nosotros .fila_1 .col_1{
            padding: 0px;
        }
        #pag_nosotros .fila > div > div
        {
            padding: 0px 20px 0px 20px!important;    
        }
        #pag_nosotros .fila{
            padding-bottom: 40px;
            border-bottom: 1px solid #e0e0e0;
            margin-bottom: 40px;
            display: block;
        }
        #pag_nosotros .fila_1{
            padding-top: 40px;
            display: block;
        }
        #pag_nosotros .fila_3{
            border-bottom: 0px;
        }
        
    #pag_ayudaEconomica{
        
    }   
        #pag_ayudaEconomica >  .header {
            width: 100vw;
            height: 50vh;
            
            background-image: url(../images/bkg-ayuda-economica.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        } 
        #pag_ayudaEconomica .section.main > .container{
            padding: 0px;    
        }  

        #pag_ayudaEconomica .fila_1 > div.col_1  > div> div:first-child{
            padding-left: 15px;    
        }
        #pag_ayudaEconomica .fila_5 > div > div > div:first-child{
            padding-left: 15px;    
        }
        #pag_ayudaEconomica .fila > div{
            padding-top: 0px;
            padding-bottom: 0px;
        }

        #pag_ayudaEconomica .fila_3 .botonera > span{
            padding-left: 15px;
            padding-right: 15px;
        }
        #pag_ayudaEconomica .fila_3 .botonera * {
            font-size: 16px;
            line-height: 18px;
        }
        #pag_ayudaEconomica .fila_4 > .col_1{
            display: none;
        }
        
        #pag_ayudaEconomica .tabla{
            border-top: 1px solid #e0e0e0;
        }
        #pag_ayudaEconomica .fila_2,
        #pag_ayudaEconomica .fila_3,
        #pag_ayudaEconomica .fila_4{
            border-bottom: 1px solid #e0e0e0;   
            display: block; 
        }
        
        #pag_ayudaEconomica .tabla .botonera{
            display: none;
        }
        #pag_ayudaEconomica .tabla .esconder{
            display: block;
        }
        
        #pag_ayudaEconomica .tabla .SujetoAprobCred{
            text-align: left;
            margin: 0px;
            padding: 0px 0 0 15px;
        }
        #pag_ayudaEconomica .fila_1 .con_garantia{
            padding-top: 40px;
        }
        #pag_ayudaEconomica .fila_2 .sobre_vehiculo{
            padding-top: 40px!important;   
            padding-bottom: 0px!important;   
        }
        #pag_ayudaEconomica .fila_3 .pagos_integros{
            padding-top: 40px;
        }
        #pag_ayudaEconomica .fila_2 .col_2{
            display: none;   
        }
        #pag_ayudaEconomica .fila_4 .col_2 > div{
            padding: 30px 15px;  
        }
        #pag_ayudaEconomica .fila_3 > div.col_1 > div> div:first-child {
            padding-left: 15px;
        }
        
         
        
        
    #pag_servicios{
        
    }   
        #pag_servicios .section.main > .container{
            padding: 0px;    
        }  
        #pag_servicios .section.main > .container > div:first-child h3{
            padding-left: 15px;  
            padding-right: 15px;  
        } 
        #pag_servicios .section.main > .container > div:first-child br{
            display: none;
        } 
        #pag_servicios .section.main > .container > div:first-child p{
            padding-top: 10px!important;
        } 
        #pag_servicios .fila_1{
            border-bottom: 1px solid #e0e0e0;   
            display: block; 
        }
        #pag_servicios .tabla .botonera{
            display: none;
        }
        #pag_servicios .tabla .esconder{
            display: block;
        }  
        .tabla .fila_1 > div > div {
            padding: 50px 45px 50px 45px;
        }
        #pag_servicios .fila_1 .plazos_fijos{
            padding-top: 40px;    
        }
        
        
}

@media screen and (max-width: 500px) {
    .cartel_D2 a{
        font-size: 22px;        
    }

}


.btn.D2 {
    padding: 0px 17px;
    line-height: 25px;
}
    .btn-azul.D2 .ink{
        font-weight: 400;
        font-size: 14px;    
    }

@media screen and  (max-width: 550px) {
    .btn {
        padding: 0px 17px;
        line-height: 25px;
    }
    .btn-azul .ink{
        font-weight: 400;
        font-size: 14px;    
    }

}



.modal button.close span{font-size: 42px;}


@media screen and (max-width: 768px)
{
    body > .header .pmenu nav{
        z-index: 99;   
    }
    body > .header .cartel.D2,
    body > .header .cartel {
        position: absolute;
        top: 40vh;
        bottom: auto;
        z-index: 1;
    }
    #pag_home > .header .cartel {
        position: absolute;
        top: 145px;
        bottom: auto;
        z-index: 1;
    }
}