@import "fonts.css";

html {min-height: 100%;}
body.login {}
fieldset { border: none; }
.clear {clear: both; margin: 0 !important;}
a { text-decoration: none;}
a:hover { text-decoration: none; }
input { border: none; }
li, ul, body, div, span, p, h1, h2, h3, input { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
table { border-collapse: collapse; }
body, html { font-family: regular, sans-serif;font-size: 14px; color: #231f20; height: auto !important;}
button {background-color: transparent; border: none;}
.padding_interna{}
.oculto{display:none !important;}
.mcompartir{margin-top:115px !important};
.ctn-identificador .activetitle{color:#000;}
.icheckbox_minimal, .iradio_minimal{background-color: #FFF;}
form button[disabled], form button:disabled { opacity:0.5;}

/*#mensajeestado { display: none; background-color: rgba(0, 94, 163, 0.8); color:#fff; font-size: 14px; padding: 50px;border-radius:5px; -moz-border-radius: 5px; position: fixed; font-weight: bold; border: solid 1px #333; z-index: 100000000; width:auto; }*/

/* ----- Estilos Globales ------ */
@media (max-width: 479px){
    .col-xxs-12 {width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xxs-6 {width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .no-padd-xs{padding: 0;}
}
@media (min-width: 1860px){
    .col-xlg-1 {width: 8.33333333%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-2 {width: 16.66666667%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}

#mensaje {position: fixed;width: 100%; z-index: 10; top: 0; padding: 5px 10px; text-align: center; font-size: 13px; color: #fff;}

.mensaje-confirmacion { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#336699; }
.mensaje-error { margin:0 auto; text-align:center; width: 990px; height: 45px; background-color:#da251c;}
#mensaje p  { text-align:center; padding-top:15px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px;}


#contenido {width: 100%;}
#principal {position: relative;}

.center {width: 1170px; margin: 0 auto; position: relative;}


.no-padd {padding: 0 !important;}
.no-padd-l {padding-left: 0px !important;}
.no-padd-r {padding-right: 0px !important;}


.tabs a {-webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;}


/*estilos select*/
/*.select2-container{width: 100% !important;}
.select2-container--default .select2-selection--single{border-radius: 6px;border:1px #6b6b6b solid;height: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 24px; border: none; background-color: #FFF; margin-top: 2px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height: 29px;line-height: 27px;}*/


.tooltip > .tooltip-inner{background-color: #221b17; border-radius: 5px; color: #FFF; border: none; padding: 5px 15px; font-size: 14px; font-family: regular;}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {border-top: 5px solid #221b17;}

/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {border-bottom: 5px solid #221b17;}

/* Tooltip on left */
.tooltip.left > .tooltip-arrow {border-left: 5px solid #221b17;}

/* Tooltip on right */
.tooltip.right > .tooltip-arrow {border-right: 5px solid #221b17;}

.ctn-miga{margin: 25px 0 50px; background-color:#FFF; }
.miga {clear: both;overflow: hidden;padding: 0;}
.miga a{font-family: regular; font-size: 13px;color: #4D4D4D}
.miga a:hover{text-decoration: underline;}
.miga a:last-child{font-family:bold ; color: #000;}
.miga span{font-size: 13px; color: #4D4D4D; margin: 0 5px; display: inline-block;}



@media(min-width: 768px) and (max-width: 991px){
    .ctn-miga{margin: 20px 0 30px;}
}

@media(max-width: 767px){
 .ctn-miga{margin: 15px 0;}
}


.campo-error{ clear: both; display: block; overflow: hidden;}


button{transition: background-color 0.5s, color 0.5s;}
a{transition: background-color 0.5s, color 0.5s;}

@media (max-width: 1220px) {
    .center {width: 100%}

}

@media (max-width: 767px) {
    .miga .form-group label{text-align: left;}

}

@media (max-width: 479px) {
    .miga .form-group label{width: 32%;}
    .miga .form-group .ctn-campo{width: 68%;}

}



  /*estilos cargando para contenedores pequeños*/

    .cargando-container{text-align: center; position: relative; width: 100%;}
    .cargando-container .row{position: absolute; top: 40%; text-align: center; margin: 0; width: 100%;}
    .cargando-container .ctn-loader{display: inline-block; overflow: hidden;}
    .cargando-container .ctn{width: 200px; height: 250px; position: relative;}
    .cargando-container .ctn img{position: absolute; top: 35px; left: 67px; height: 80px; width: auto;}
    .cargando-container.reducido .ctn img{position: absolute;top: 12px;left: 88px;height: 28px;width: auto;}
    
    .cargando-container .ctn p{font-family: semi;font-size: 18px;text-align: center;color: #353535;padding: 5px 0;position: absolute;top: 150px;width: 100%;}
    .cargando-container .loader {font-size: 10px; margin: 30% auto; text-indent: -9999em; width: 15em; height: 15em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -webkit-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -o-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -ms-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: linear-gradient(to right, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear;}
    
    .cargando-container.reducido .loader {font-size: 10px; margin: 16% auto; text-indent: -9999em; width: 5em; height: 5em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -webkit-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -o-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -ms-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: linear-gradient(to right, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear;}
    
    .cargando-container .loader:before {width: 50%; height: 50%; background: #c13d5d; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
    .cargando-container .loader:after {background: #FFF; width: 97%; height: 97%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
    /*.blockMsg {top: 20px; width: 100%; left: 0;}/**/
    
     /*estilos cargando para body*/  
     
    .cargando_body{text-align: center; position: fixed; width: 100%; top: 20%;}
    .cargando_body .row{position: fixed; top: 40%; text-align: center; margin: 0; width: 100%;}
    .cargando_body .ctn-loader{display: inline-block; overflow: hidden;}
    .cargando_body .ctn img{position: absolute;top: 35px; left: 66px; width: 66px; opacity: 0.8; height: auto;}
    .cargando_body .ctn p{font-family: semi;font-size: 18px;text-align: center;color: #353535;padding: 5px 0;width: 100%;}
    .cargando_body.imag .ctn{width: 200px; height: 250px; position: relative;}
    .cargando_body.imag .ctn p{position: absolute;top: 150px;width: 100%; font-family: regular;}
    .cargando_body .loader {font-size: 10px; margin: 30% auto; text-indent: -9999em; width: 15em; height: 15em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -webkit-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -o-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -ms-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: linear-gradient(to right, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear;}
    .cargando_body .loader:before {width: 50%; height: 50%; background: #c13d5d; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
    .cargando_body .loader:after {background: #FFF; width: 97%; height: 97%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
    /*.blockMsg {top: 20px; width: 100%; left: 0;}/**/
    
    
    
    
    .blockMsg {width: 100% !important; background:transparent !important;}
    
    @-webkit-keyframes load3 {
        0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }
    @keyframes load3 {
      0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }

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

#header{position: absolute; top: 0; left: 0; width: 100%; display: block; z-index: 1; overflow-x: hidden;}
#header .ctn-fondo{background-image: url(../Imagenes/Sistema/imagenes_home_nuevo/fondo-header.png); background-repeat: no-repeat; display: block;padding: 15px 0 41px; background-position: center bottom;}
#header .ctn-logo{}
#header .ctn-menu{float: right; margin-top: 21px;}
#header .ctn-menu .navbar-default{margin-bottom: 0; background-color: transparent; border: none;}
#header .ctn-menu .navbar-default .navbar-collapse, #header .ctn-menu.navbar-default .navbar-form{border: none; padding: 0;}
#header .ctn-menu .navbar-default .menu_visible{float: right; padding: 0;}
#header .ctn-menu .navbar-default .menu_visible li{}
#header .ctn-menu .navbar-default .menu_visible li a{padding: 10px 15px; color: #000; text-align: center; font-size: 22px; font-family: an-regular;}
#header .ctn-menu .navbar-default .menu_visible li a:hover{text-decoration: underline;}
#header .ctn-menu .navbar-default .menu_visible li .destacado{background-color: #052567; text-transform: uppercase; color: #FFF; border-radius: 8px; transition:0.3s;}
#header .ctn-menu .navbar-default .menu_visible li .destacado:hover{text-decoration: none; transform: scale(1.05,1.05);}

#header .ctn-menu .navbar-default .menu_visible li .btn-whatsapp-nuevo {display: flex; align-items: center; justify-content: center; padding: 0; margin-left: 10px; transition: transform 0.3s ease;}
#header .ctn-menu .navbar-default .menu_visible li .btn-whatsapp-nuevo:hover {transform: scale(1.15);}
#header .ctn-menu .navbar-default .menu_visible li .btn-whatsapp-nuevo img {width: 40px;height: auto;}



@media(max-width: 991px){
    #header .ctn-menu .navbar-default .menu_visible li a{font-size: 17px;}
    #header .ctn-fondo{background-image: none; background-color: #FFF; padding: 15px 0;}
    #header .ctn-menu{margin-top: 15px;}
    
}

@media(max-width: 767px){
    #header .ctn-menu{margin-top: 0;}
    #header .ctn-fondo{padding: 0;}
    #header .ctn-menu .menu-ppal .navbar-header .logo-min{padding-left: 15px; margin-top: 4px;}
    #header .ctn-menu .navbar-default .menu_visible{padding-left: 15px; float: left; width: 100%;}
    #header .ctn-menu .navbar-default .navbar-collapse, #header .ctn-menu.navbar-default .navbar-form{padding: 0 15px; padding-right: 0;}
    #header .ctn-menu .menu-ppal .navbar-header .logo-min img{height: 42px;}
    
}

@media(max-width: 479px){
     #header .ctn-menu .menu-ppal .navbar-header .logo-min img{height: 26px; margin-top: 7px;}
}

.ctn-video{position: relative;}
.ctn-video video{margin-top: 77px;}

.ctn-contenido{position: absolute; top: 0;left: 0;}

#index .ctn-fondo-pag{background: rgba(3,66,19,1);
background: -moz-linear-gradient(top, rgba(3,66,19,1) 0%, rgba(3,66,19,0.74) 64%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,66,19,1)), color-stop(64%, rgba(3,66,19,0.74)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(3,66,19,1) 0%, rgba(3,66,19,0.74) 64%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(3,66,19,1) 0%, rgba(3,66,19,0.74) 64%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(3,66,19,1) 0%, rgba(3,66,19,0.74) 64%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(3,66,19,1) 0%, rgba(3,66,19,0.74) 64%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034213', endColorstr='#000000', GradientType=0 );}
#index .ctn-fondo-pag .ctn-index{background-image: url(../Imagenes/Sistema/imagenes_home_nuevo/fondo-form.png); background-repeat: no-repeat; background-position: right bottom;}
#index .ctn-fondo-pag .ctn-index .ctn-form{padding-top: 270px; float: right; margin-bottom: 10px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .titulo-form{color: #FFF; text-align: center; font-family: n-bold; font-size: 36px; margin-bottom: 20px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .p-login{color: #FFF; text-align: center; font-family: an-regular; font-size: 21px; margin-bottom: 15px;}



#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn{margin-bottom: 30px; text-align: center;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais{display: inline-block; background-color: #FFF; border-radius: 50%; margin-right: 7px; text-align: center; width: 61px; height: 61px; position: relative; padding-top: 14px;transition: background-color 0.5s, color 0.5s}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais:last-child{margin-right: 0px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais img{display: inline-block; clear: both; margin-bottom: 4px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais p{display: inline-block; clear: both; font-family: an-regular; text-align: center; font-size: 12px; width: 100%;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais .btn-pais{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;transition: }
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais:hover{background-color: #336600;} 
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais:hover p{color: #FFF;} 
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais.seleccionado{background-color: #336600;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-btn .ctn-pais.seleccionado p{color: #FFF;} 
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group{margin-bottom: 15px; padding: 0 60px}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group input{background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; height: 38px; color: #333333; font-size: 16px; font-family: an-regular;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group input::-webkit-input-placeholder{color: #333333;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group input:-ms-input-placeholder{color: #333333;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group input::placeholder{color: #333333}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .ctn-btn{text-align: center; margin-top: 10px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .ctn-btn .btn-form{transition:0.3s; display: inline-block; background-color: #e41815; border-radius: 15px; color: #FFF; text-align: center; font-size: 18px; font-family: n-bold; padding: 3px 30px;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .ctn-btn .btn-form:hover{text-decoration: none; transform: scale(1.05,1.05);}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-txt{text-align: center;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-txt p{text-align: center; display: inline-block; color: #FFF; font-size: 18px; font-family: an-regular;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-txt p a{color: #fee400;}
#index .ctn-fondo-pag .ctn-index .ctn-form .ctn-txt p a:hover{text-decoration: underline;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf{margin-bottom: 45px;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf h2{color: #FFF; font-size: 54px; font-family: n-bold; text-align: left; border-bottom: 1px #FFF solid;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf h2 span{text-transform: uppercase;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf p{color: #FFF; text-align: left; font-size: 26px; font-family: n-bold;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf a{display: inline-block; margin-right: 15px;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf a:last-child{margin-right: 0px;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf a img{transition:0.3s;}
#index .ctn-fondo-pag .ctn-index .ctn-txt-inf a img:hover{transform: scale(1.05,1.05);}


#index .ctn-fondo-pag .ctn-index .ctn-link-app{text-align: center; margin-top: 15px;}
#index .ctn-fondo-pag .ctn-index .ctn-items-seguridad{margin-bottom: 25px;}
#index .ctn-fondo-pag .ctn-index .ctn-items-seguridad .item-seguridad{float: left; margin-right: 30px; background-color: #034213; border-radius: 20px; padding: 3px 10px; color: #FFF; font-size: 22px; color: #FFF; font-family: an-regular; margin-bottom: 14px;}
#index .ctn-fondo-pag .ctn-index .ctn-items-seguridad .item-seguridad:hover{background-color: #FFF; color: #034213; text-decoration: none;}


@media(max-width: 991px){
    
    #index .ctn-fondo-pag .ctn-index .ctn-form{padding-top: 126px;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf h2{text-align: center;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf p{text-align: center;}
    #index .ctn-fondo-pag .ctn-index .ctn-items-seguridad .item-seguridad{font-size: 17px;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf{margin-bottom: 35px;}
    #index .ctn-fondo-pag .ctn-index .ctn-form .ctn-campos .form-group{padding: 0 15px}

}

@media(max-width: 767px){
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf h2{font-size: 35px;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf p{font-size: 20px;}
    #index .ctn-fondo-pag .ctn-index .ctn-form{padding-top: 75px;}
}

@media(max-width: 479px){
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf h2{font-size: 25px; margin-bottom: 5px; padding-bottom: 5px;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf p{line-height: 23px;}
    #index .ctn-fondo-pag .ctn-index .ctn-items-seguridad .item-seguridad{margin-right: 0; width: 100%; display: block;}
    #index .ctn-fondo-pag .ctn-index .ctn-txt-inf a{width: 50%; margin-right: 0; padding: 0 15px; float: left;}
}


#footer{}

#footer{padding: 15px 0 73px; background-color: #FFF;}
#footer p{float: left; display: block; font-family: an-regular; font-size: 18px; color: #333333; padding: 0 15px;}
#footer a{float: right; display: block; font-family: an-regular; font-size: 18px; color: #333333; padding: 0 15px;}
#footer a:hover{text-decoration: underline;}

@media(max-width: 767px){
    #footer p{text-align: center; width: 100%; display: block; margin-bottom: 20px; font-size: 16px;}
    #footer a{text-align: center; width: 100%; display: block; font-size: 16px;}
}