/*Estilos generales*/
body {
  font-size: 12px !important;
  color: #5E584C !important;
  font-family: Arial, sans-serif !important;
}

h1 {
  font-size: 26px !important;
}

.size-14 { font-size: 14px !important; }
.size-13 { font-size: 13px !important; }
.size-12 { font-size: 12px !important; }
.size-11 { font-size: 11px !important; }
.size-10 { font-size: 10px !important; }
.size-9 { font-size: 9px !important; }
.size-8 { font-size: 8px !important; }
.size-7 { font-size: 7px !important; }

a { color: #fff; }

ul { list-style:none; }

.color-personas { color: #fd7d26 !important; }
.color-empresas { color: #4caf5c !important; }
.color-comercios { color: #0ca4c9 !important; }
.color-nuestrobanco { color: #009FE3 !important; }
.color-entidades { color: #fb402f !important; }
.color-gris { color: #dadada !important; }
.color-negro { color: #3c352b !important; }
.color-blanco { color: #fff !important; }

.fondo-personas { background: #fd7d26 !important; color: #fff !important; }
.fondo-empresas { background: #4caf5c !important; color: #fff !important; }
.fondo-comercios { background: #0ca4c9 !important; color: #fff !important; }
.fondo-nuestrobanco { background: #009FE3 !important; color: #fff !important; }
.fondo-entidades { background: #fb402f !important; color: #fff !important; }

.fondo-arrepentimiento, .fondo-arrepentimiento:hover {
  background-color: #009FE3 !important;
  color: #fff !important;
}

.legales-inicio img {
  display: inline !important;
}

.legales-inicio {
  margin-top: 160px;
  padding: 0px !important;
}

.sidebar-banca {
    position : fixed;
    top : 0;
    right: 0;

}
#navigation-toggle {
        position : absolute;
        right : 2px;
        background : #666;
        color : white;
        text-decoration : none;
        padding : 20px;
        top: 300px;
}
.sidebar-banca .show {
    right : 18px !important;
}
.sidebar-banca .navigation {
    list-style : none;
    padding : 0;
    margin : 0;
    top: 400px;
    right : -120px;
    position: absolute;
    transition : 200ms right;
}

#fat-menu a {
  font-weight: bold;
  padding: 13px 14px;
}

/*Se usa cuando la seccion no usa la barra de subcategorias, ej: en NuestroBanco, Comercios, Entidades*/
.estilos-segun-seccion {
  margin-top:102px !important;
}

.elemento-primero {
  text-align: center !important;
  width: 200px !important;
}

.elemento-ultimo {
  text-align: center;
}

.elemento-medio {
  text-align: center !important;
  width: 200px !important;
}

.tasacero a, .tasacero a:hover {
  color: #4caf5c;
}

.tasacero h4 {
  font-weight: bold;
  color: #666;
}

.centro {
  text-align: center !important;
}

.bloque-banca-internet h4 {
  font-size:16px;
  text-align:center;
  color: #3c352b;
}

.bloque-banca-internet h3 {
  margin: 5px 0 25px 0;
}
.bloque-banca-internet h2 {
  font-size:28px;
  text-align:center;
  color: #3c352b;
  margin: 5px 0;
}

.bloque-banca-internet p.subtitulo {
  margin:0;
  font-size: 12px;
}
.bloque-banca-internet p.primero {
  margin-top: 35px !important;
}
.bloque-banca-internet p {
  margin:0 0 1px !important;
  font-size: 10px;
}

.bloque-banca-internet .enlaces-interes a {
  color: #5f5a4e !important;
}

.bloque-banca-internet {
 box-shadow: 0px 9px 19px -1px #ccc !important;
 -webkit-box-shadow: 0px 9px 19px -1px #ccc !important;
 border-radius: 27px !important;
 text-align: center;
 }

 .sombra {
  box-shadow: 0px 3px 7px 1px #777!important;
 -webkit-box-shadow: 0px 3px 7px 1px #777!important;
 }

.bloque-banca-internet .btn-lg {
    padding: 4px 16px;
    width: 65%;
    margin: 5px;
    text-transform: uppercase;
}

.bloque-banca-internet p {
    text-align: left;
}

.navbar-right-celular li {
    display: inline !important;
}

.navbar-right-celular li a {
    display: inline !important;
}

.navbar-right-celular .form-control, .navbar-right-celular .navbar-form {
  display: inline !important;
}

.navbar-right-celular .form-control {
  width: 59%;
}

#navbar-first .hidden-sm  .navbar-collapse {
  float:right;
}

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

    .bloque-banca-internet {
        /*position: fixed;*/
        position: absolute;
        width: 225px;
        /*width: 15%;*/
        /*z-index: 100;*/
    }
    .navbar-nav{
      /*margin-top: 22px !important;*/
    }

    /*.navbar-header {
      margin-left: 0 !important;
    }*/

    /*para el dropdown con el hover*/
    ul.nav li.dropdown:hover > ul.dropdown-menu {
      display: block;
    }

    /*.dropdown .contenedor-paginas.sobre li:hover > span.vineta {
      color: #fd7d26 !important;
    }*/

    li.personas ul.dropdown-menu li:hover > span.vineta {
      color: #fd7d26 !important;
    }

    li.empresas ul.dropdown-menu li:hover > span.vineta {
      color: #4caf5c !important;
    }

    li.nuestro-banco ul.dropdown-menu li:hover > span.vineta {
      color: #009FE3 !important;
    }

    li.entidades ul.dropdown-menu li:hover > span.vineta {
      color: #fb402f !important;
    }
}

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

  .form-beneficios .form-group {
  	width:100% !important;
  }
  .cuadricula-beneficios .beneficio {
  	width: 100% !important;
  }

  .cuadricula-promociones .promocion {
  	width: 100% !important;
  }

}


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

  .slider {
    min-height:143px !important;
  }
  .flechitas {
    position:relative !important;
  }
  .slider-beneficios{
  	min-height:160px !important;
  }

  .cuadricula-promociones .promocion .contenido {
  	margin-top:6%;
  }

  .cuadricula-beneficios .promocion .contenido {
  	margin-top:6%;
  }

  .cuadricula-beneficios .beneficio {
  	width: 48.666667%;
  }

  .form-beneficios .form-group {
  	width:12.666667%;
  }
}

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

  .slider {
    min-height:120px !important;
  }

}

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

  .slider {
    min-height:97px !important;
  }

}

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

  .slider {
    min-height:97px !important;
  }

}

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

  .slider {
    min-height:68px !important;
  }

}

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

  .slider {
    min-height:68px !important;
  }

}

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

  .slider {
    min-height:61px !important;
  }

}

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

  .slider {
    min-height:57px !important;
  }

}

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

  .slider {
    min-height:48px !important;
  }

}



.imagen-principal-pagina img {
	display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 992px) {
  .ban {
        position: absolute !important;
        top: -28px !important;
        left: 74% !important;
      }

  .slider {
    min-height:197px !important;
  }
  .slider-beneficios{
  	min-height:197px !important;
  }
  .cuadricula-promociones .promocion .contenido {
  	margin-top:0%;
  }
  .cuadricula-beneficios .promocion .contenido {
  	margin-top:0%;
  }
  .cuadricula-beneficios .beneficio {
  	width: 48.666667%;
  }
  .form-beneficios .form-group {
  	width:12.666667%;
  }
  .bloque-banca-internet {
    width:217px;
  }
  .bloque-banca-internet p.primero {
    margin-top: 5px !important;
  }

  .bloque-banca-internet h3 {
    margin: 5px 0 0px 0;
  }
}

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

  .slider {
    min-height:249px !important;
  }
  .slider-beneficios{
  	min-height:249px !important;
  }
  .cuadricula-promociones .promocion .contenido {
  	margin-top:6%;
  }
  .cuadricula-beneficios .promocion .contenido {
  	margin-top:6%;
  }
  .cuadricula-beneficios .beneficio {
  	width: 48.666667%;
  }
  .form-beneficios .form-group {
  	width:12.666667%;
  }

  .ban .well {
    padding: 15px;
  }

  .bloque-banca-internet p.primero {
    margin-top: 5px !important;
  }

  .bloque-banca-internet h3 {
    margin: 5px 0 4px 0;
  }

  .ban {
    top: 0px !important;
  }

  .bloque-banca-internet {
    width:209px;
  }

}

@media screen and (min-width: 1300px) {
  .ban {
        position: absolute !important;
        top: 3px !important;
        left: 74% !important;
      }

  .slider {
    min-height:282px !important;
  }
  .slider-beneficios{
  	min-height:300px !important;
  }
  .cuadricula-promociones .promocion .contenido {
  	margin-top:7%;
  }

  .cuadricula-beneficios .promocion .contenido {
  	margin-top:7%;
  }
  .cuadricula-beneficios .beneficio {
  	width: 48.666667%;
  }
  .form-beneficios .form-group {
  	width:12.666667%;
  }

  .bloque-banca-internet p.primero {
    margin-top: 19px !important;
  }

  .bloque-banca-internet h3 {
      margin: 5px 0 5px 0;
  }
  .ban .well {
    padding: 18px;
  }

  .bloque-banca-internet {
    width:225px;
  }
}

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

  .slider {
    min-height:315px !important;
  }

  .bloque-banca-internet p.primero {
    margin-top: 35px !important;
  }

  .bloque-banca-internet h3 {
      margin: 5px 0 25px 0;
  }

  .ban .well {
    padding: 18px;
  }

  .bloque-banca-internet {
    width:225px;
  }

}



footer {
  background: #3c352b;
  padding: 10px 0;
  margin-top: 10px;
}

footer ul li a, footer ul li a:hover {
  color: #fff;
  font-size: 10px;
}

footer .codigo {
  padding-top: 2px;
}


.banners .banner-xs {
	margin-top:20px;
}

.banners .banner-xs img {
	margin-left:0px !important;
}

.columna-derecha-home {
  margin-top:82px;
}

.columna-derecha-home .temas-interes {
  	width: 200px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px;
    background: none 0px 0px repeat scroll rgb(247, 247, 247);
}

.columna-derecha-home .temas-interes ul {
  padding: 0;
}

.noticias {
  margin:20px 0;
}

.noticias .elemento-even {
  margin-right: 10px;
}

.noticias .noticia {
  border: 1px solid #ddd;
  padding: 5px 0;
}

@media (min-width: 768px){
  .filiales .form-inline .form-control, .cajeros .form-inline .form-control, .tasacero .form-inline .form-control {
    width:100% !important;
  }
}

.filiales .imagenes, .cajeros .imagenes {
  border: 1px solid #eee;
  height: 325px;
}

.filiales .contenedor-listado, .cajeros .contenedor-listado {
  border: 1px solid #eee;
  text-align: center;
}

.tabla-filiales, .tabla-cajeros {
  width:100%;
  margin-top: 7px;
}

.tabla-filiales a, .tabla-filiales a:hover, .tabla-cajeros a, .tabla-cajeros a:hover {
  color: #5E584C;
  font-weight: bold;
}

.tabla-filiales th, .tabla-cajeros th {
  text-align: left;
}

.tabla-filiales td, .tabla-cajeros td {
  padding: 3px;
  text-align: left;
  font-size: 11px;
}

.filiales .tab-content>.active, .cajeros .tab-content>.active {
  margin-bottom: 10px;
}

.filiales .fa-map-marker, .cajeros .fa-map-marker {
  font-size: 28px;
}

.filiales h6, .cajeros h6, .actividades h6 {
  font-weight: bold;
}

.filiales h4.panel-title, .cajeros h4.panel-title, .actividades h4.panel-title {
  font-size: 13px;
}

.filiales .panel-body .titulo, .cajeros .panel-body .titulo, .actividades .panel-body .titulo {
  font-weight: bold;
}

.filiales .detalle-filial .titulo-detalle, .cajeros .detalle-cajero .titulo-detalle {
  font-weight: bold;
  font-size: 15px;
}

.filiales .detalle-filial .contenedor, .cajeros .detalle-cajero .contenedor {
  border: 1px solid #eee;
}

.filiales .detalle-filial .servicio .fa {
  font-size:7px;
}

.filiales .detalle-filial .descripcion {
  margin-top: 20px;
}

.filiales .detalle-filial .cuadricula-servicios, .cajeros .detalle-cajero .cuadricula-cajeros {
  padding:0;
}

.filiales .detalle-filial .flecha-atras .fa, .cajeros .detalle-cajero .flecha-atras .fa {
  font-size: 18px;
}

.filiales .detalle-filial .flecha-atras, .cajeros .detalle-cajero .flecha-atras {
  margin:20px 0 5px 0;
}

.filiales .contenedor-buscar .form-group, .cajeros .contenedor-buscar .form-group {
  padding-left: 0px;
}

.filiales .contenedor-buscar .trash, .tasacero .contenedor-buscar .trash,
.cajeros .contenedor-buscar .trash  {
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 0px;
}

.tasacero .well ul li a {
  font-size: 11px;
  color: #4caf5c !important;
}

.tasacero .info-bold {
  font-size: 13px;
  font-weight: bold;
}

.filiales .contenedor-buscar .trash span .fa, .tasacero .contenedor-buscar .trash span .fa,
.cajeros .contenedor-buscar .trash span .fa  {
  font-size: 15px;
}

.filiales .detalle-filial h3, .cajeros .detalle-cajero h3 {
  font-weight: bold;
  font-size: 14px;
}

.filiales .detalle-filial .fa-square, .cajeros .detalle-cajero .fa-square {
    font-size: 7px;
    color: #ccc;
}

.pagination>li>a {
  color: #5E584C !important;
  padding: 1px 7px !important;
  font-size: 10px !important;
}

.pagination>.active>a, .pagination>.active>a:hover {
  background-color: #777 !important;
  border-color: #777 !important;
  color: #fff !important;
}

.contenedor-buscar .btn, .contenedor-buscar .btn:hover {
  font-size: 10px;
  background: #777;
  color: #fff;
}

.contenedor-buscar .form-control {
  height: 26px;
  padding: 5px 12px;
  font-size: 11px;
}

.cajeros .contenedor-buscar .form-control {
  font-size: 10px;
}

.contenedor-buscar .btn {
  padding: 5px 9px !important;
}

.cajeros .contenedor-buscar .form-group {
  margin-right: 0px;
}

.contenedor-buscar {
  padding: 5px;
  background: #f5f5f5;
  font-size: 11px !important;
}

.boxBuscar {
  position:absolute;
  top:95px;
  right:30px;
  width:300px;
  min-height:200px;
  background:#f5f5f5;
  border-radius: 5px;
  padding: 5px;
  height : 200px;
  overflow-y:auto;
}

#tabla-cuotas {
  width: 90%;
}

/*Estilos generales*/



/*Menu Encabezado navbar secondnavbar*/

.social-bar {
  background: #fff !important;
}

.social-bar a i.fa-facebook-square {
  color: #3b5998;
}

.social-bar a i.fa-youtube {
  color: #e62117;
  font-size: 36px !important;
}

.social-bar span a {
  padding: 2px;
}

.social-bar span a i {
  font-size: 36px;
}

.social-bar span.pull-right {
  padding-top: 0px;
  font-size: 12px;
}

.navbar-brand {
  height: 50px !important;
  margin-top: 3px !important;
  padding: 0px 15px !important;
}

#navbar-first {
  margin-bottom: 5px;
  background: #3c352b;
  margin-top: 0px;
}

/*@Media*/
@media screen and (max-width: 1024px) {

  #navbar-first ul.col-md-12 li a {
    font-size: 10px !important;
  }

  .navbar-form {
    margin-left: 0px !important;
  }


  #navbar-first .col-md-3 .search-box input {
    width:85px !important;
  }

}

/*Fin @Media*/

#navbar-first .search-box input {
  padding: 0px !important;
  padding-left: 5px !important;
  height: 27px !important;
  font-size: 12px !important;
}

.navbar-form {
  margin-top: 13px !important;
}

#navbar-second {
  border: 1px solid #e1e0de;
  background: #f8f8f8;
}

#navbar-second .dropdown li.subsegmento {
  line-height:28px;
  text-align:center;
  padding:0px;
  padding-bottom:0px;
  width:238px;
}

#navbar-second .dropdown li.enlace-beneficios {
	width:200px;
}

#navbar-second .enlace-beneficios a {
  padding: 0px !important;
}

#navbar-second .dropdown li.subsegmento.centro {
  text-align: center;
}

#navbar-second .dropdown li.subsegmento.derecha {
  text-align: right;
}

#navbar-second .dropdown li.subsegmento span {
  font-size:12px;
  text-transform:uppercase;
  padding: 0;
}

#navbar-second .dropdown .contenedor-paginas{
  min-height: 0px !important;
}

#navbar-second .dropdown.sobre a{
  color: #fff !important;
}

#navbar-second .contenedor-paginas.sobre li a:hover{
  background: none !important;
}

#navbar-second .dropdown .elemento-primero ul{
  width:556px !important;
  position:absolute !important;
  z-index:1000 !important;
  top:30px !important;
  left:0px !important;
}

#navbar-second .dropdown .elemento-medio ul{
  width:556px;
  position:absolute;
  z-index:1000;
  top:30px;
  left:-187px;
}

#navbar-second .dropdown .jubilados ul {
  width: 187px;
  left: 0px;
}

.dropdown.jubilados .contenedor-paginas.sobre li {
  width:100%;
  padding: 0px;
}

#navbar-second .dropdown .elemento-ultimo ul{
  width:556px;
  position:absolute;
  z-index:1000;
  top:30px;
  left:-318px;
}

.dropdown-menu .subsegmento {
  padding: 5px;
  padding-bottom: 0px;
}

.dropdown-menu .subsegmento span {
  font-size: 20px;
  padding: 10px;
}

.dropdown .contenedor-paginas.sobre li {
  padding-left: 5px;
}
.dropdown .contenedor-paginas.sobre li a {
  padding-left: 5px;
  color: #fff;
}
.dropdown .contenedor-paginas.sobre {
  padding: 10px;
  background: #3c352b;
  top:0px;
}

#navbar-first .dropdown a {
  text-transform: uppercase;
  font-size: 15px;
}

.second-navbar, #navbar-second {
  margin-top:108px;
  margin-bottom: 45px;
}

.subsegmento .subcategoria {
  text-transform: uppercase;
  /*margin-right: 10px;*/
  min-width: 176px;
}

ul.navbar-nav li a {
  font-size: 12px;
  line-height: 23px !important;
}

li.nuestro-banco ul.dropdown-menu li a:hover {
  background: none !important;
}

li.nuestro-banco ul.dropdown-menu li a {
  font-size: 12px !important;
  font-family: Arial !important;
  padding: 5px !important;
  text-transform: none !important;
  color: #fff !important;
  display: inline !important;
}

li.entidades ul.dropdown-menu li a:hover {
  background: none !important;
}

li.entidades ul.dropdown-menu li a {
  font-size: 12px !important;
  font-family: Arial !important;
  padding: 5px !important;
  text-transform: none !important;
  color: #fff !important;
  display: inline !important;
}

#navbar-second ul li a { font-size: 12px; font-family: Arial; padding: 5px !important; }
#navbar-second .navbar-nav { padding-top: 0px; margin:0 !important; }
#navbar-second { min-height: 30px !important; }
#personas:hover { background: #fd7d26; }
#personas:hover .fa-caret-down { color: #fff !important; }
#empresas:hover { background: #4caf5c; }
#empresas:hover .fa-caret-down { color: #fff !important; }
#nuestro-banco:hover { background: #009FE3; }
#nuestro-banco:hover .fa-caret-down { color: #fff !important; }
#entidades:hover { background: #fb402f; }
#entidades:hover .fa-caret-down { color: #fff !important; }
.dropdown-menu { opacity: 1; background-color: #3c352b !important; }
.open #personas { background: #FE7E27; }
.open .caret-personas { color: #fff; }
.open #empresas { background: #4CAF5C; }
.open .caret-empresas { color: #fff; }
.open #nuestro-banco { background: #AF3194; }
.open .caret-nuestrobanco { color: #fff; }
.open #entidades { background: #FB7A6D; }
.open .caret-entidades { color: #fff; }
.sobre { color: #fff; background: #3c352b; }
.nonOver { color: #333; }

.contenedor-sobre { z-index:100; }
.contenedor-nonOver { display: none; }

.alerta {
  margin-top: 52px;
}

/*Menu Encabezado navbar secondnavbar*/


/*Estilos del alert de info*/
.alert { padding: 5px !important; color: #0a639f !important; }
.alert-dismissable .close, .alert-dismissible .close { right: 4px !important; }

.animate-hide {
  transition: all linear 0.5s;
  line-height: 20px;
  opacity: 1;
  padding: 10px;
  border: 1px solid black;
  background: white;
}

.animate-hide.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}

.check-element {
  padding: 10px;
  border: 1px solid black;
  background: white;
}

.alert .informacion {
  text-align: center;
  font-size: 13px;
  color: #0a639f !important;
}

/*Estilos del alert de info*/


/*Estilos del slide de imagenes en la home*/
.slider {
    border-radius: 5px;
    position: relative;
    width:auto;
    display: block;

    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
}
.slide.ng-hide-add {
    opacity:1;

    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all;

    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
}
.slide.ng-hide-add.ng-hide-add-active {
    opacity:0;
}
.slide.ng-hide-remove {
    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all;

    display:block!important;
    opacity:0;
}
.slide, .slide.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
}

.flechitas {
  position:absolute;
}

.flechitas .fa-circle-o{
  color: #bbb;
}
/*Estilos del slide de imagenes en la home*/


/*Estilos contenido de paginas*/

.contenido ul { list-style:inherit; }
.contenido-empresas a, .home-empresas a,
.contenido-empresas a:hover, .home-empresas a:hover { color: #009FE3; }
.contenido-personas a, .home-personas a,
.contenido-personas a:hover, .home-personas a:hover { color: #009FE3; }
.contenido-comercios a, .home-comercios a,
.contenido-comercios a:hover, .home-comercios a:hover { color: #009FE3; }
.contenido-nuestrobanco a, .home-nuestrobanco a,
.contenido-nuestrobanco a:hover, .home-nuestrobanco a:hover { color: #009FE3; }
.contenido-entidades a, .home-entidades a,
.contenido-entidades a:hover, .home-entidades a:hover { color: #009FE3; }

.breadcrumb-empresas a, 
.breadcrumb-empresas a:hover { color: #4caf5c; }
.breadcrumb-personas a,
.breadcrumb-personas a:hover { color: #F08122; }
.breadcrumb-nuestrobanco a,
.breadcrumb-nuestrobanco a:hover { color: #009FE3; }
.breadcrumb-entidades a,
.breadcrumb-entidades a:hover { color: #FB7A6D; }

/*Al sacar la barra de informacion agregue esto*/
.home-entidades, .home-nuestrobanco {
  margin-top: 105px !important;
}

.contenido-nuestrobanco, .contenido-entidades {
  margin-top: 115px;
}

.beneficios {
  margin-top: 30px;
}

.filiales, .cajeros, .contenido-contacto {
  margin-top: 125px;
}

.personas.contenido-contacto, .empresas.contenido-contacto {
  margin-top: 0px !important;
}

.contenido-nuestrobanco .noticia h4, .contenido-entidades .noticia h4 {
  font-size: 15px;
}

.contenido-entidades h4 {
  font-size: 13px;
}

/*Al sacar la barra de informacion agregue esto*/


.boxBuscar h4 {
  text-align: center;
}
.header-personas .boxBuscar a, .header-personas .boxBuscar a:hover { color: #F08122; }
.header-empresas .boxBuscar a, .header-empresas .boxBuscar a:hover { color: #4caf5c; }
.header-comercios .boxBuscar a, .header-comercios .boxBuscar a:hover { color: #32B0CE; }
.header-nuestrobanco .boxBuscar a, .header-nuestrobanco .boxBuscar a:hover { color: #AF3194; }
.header-entidades .boxBuscar a, .header-entidades .boxBuscar a:hover { color: #FB7A6D; }
.contenido-empresas, .contenido-personas, .contenido-comercios, .contenido-nuestrobanco, .contenido-entidades, .contenido-contacto {
  min-height: 600px !important;
}

.contenido-pestania {
  padding-top: 20px;
}

.contenido .fa-plus-square-o { font-size: 13px !important; }

.accordion-toggle { color: #999 !important; }
.accordion-toggle:hover { text-decoration: none !important; }

.cajeros th { width: 200px; }
.cajerosuruguay th { width: auto; }
.enlace-cajeros-uruguay {
  margin-top:10px;
  font-size: 11px;
  float: left;
}

.tituloaccordion { display: none; }

.vineta {
  display: inline;
}

.accordion {
  border:none !important;
}

.accordion .panel-heading {
  background: none !important;
}

.accordion .panel-title {
  font-size:14px !important;
}

li.pestanias a {
  color: #5E584C !important;
}

.contenido .comuniquese span {
  font-weight: bold;
  color: #999;
}

.contenido .comuniquese {
  text-align: center;
  margin: 40px 0 0 0;
  padding: 8px 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.simulador-plazos-fijos .formulario tr td {
  padding: 0 0 5px 5px;
}

.simulador-creditos-personales #calculador {
  margin-bottom:20px;
}

.simulador-creditos-personales #tabla-cuotas tr td, .simulador-creditos-personales #tabla-cuotas tr th {
  text-align: right;
}

.simulador-creditos-personales .fa-print {
  font-size: 20px !important;
  margin-top: 20px;
}

.contenido-contacto .tab-content {
  margin-top: 20px;
}

/*Estilos contenido de paginas*/

/*Estilos pagina contacto*/

.form-contacto input, .form-contacto select, .form-contacto textarea {
  /*width:100px;*/
}

/*Estilos pagina contacto*/

/*Estilos para compatibilizar editor nuevo*/
.contenido-pestania p { margin:0 !important;  }
.contenido-pestania ul li { padding:0 !important;  }

/*Estilos para Reporte Financiero*/

.reportefinanciero a, .reportefinanciero a:hover {
  color: #4caf5c;
}

.calendario td.titulo-mes {
  background: #f5f5f5 none repeat scroll 0 0;
    color: #5E584C;
    padding: 2px;
    vertical-align: middle;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f5f5f5 #f5f5f5;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 12px;
    text-align: center;
}

.calendario td {
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f5f5f5 #f5f5f5 #f5f5f5 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    padding: 3px;
    text-align: center;
    width: 65px;
}

.calendario td.nombre {
  color: #5E584C;
}

.ultimo-reporte a, .archivos a, .calendario td a {
  text-decoration: underline;
}

.calendario td a {
  font-weight: bold;
}

.beneficios a, .beneficios a:hover { color:#8C4799; }
.beneficios h4, .beneficios h3 {
  font-size: 12px;
}
.cuadricula-beneficios p {
	margin:0px !important;
}
.cuadricula-beneficios p.titulo {
	margin-top:3px;
	height: 26px;
}
.cuadricula-beneficios p.porcentaje {
	margin-top:0px !important;
}
.cuadricula-beneficios p.de-ahorro {
	text-transform: uppercase;
    font-size: 11px;
    margin-top: -10px!important;
    margin-bottom: 11px !important;
}
.cuadricula-beneficios span.numero {
	font-size:47px;
}
.cuadricula-beneficios p.dias {
	font-size:11px !important;
}

.detalle-beneficios p {
	margin:0px !important;
}
.detalle-beneficios .panel-heading {
	padding-left:0px !important;
}

.detalle-promociones .titulo {
  font-size: 32px;
}

.imagen-legales-beneficios {
  text-align: center;
}

.imagen-legales-beneficios img {
  display: inline !important;
}

.promociones a, .promociones a:hover { color:#8C4799; }

.cuadricula-promociones a.mas-info {
	position:absolute;
	bottom:0px;
	right:19px;
	font-size:17px;
	color: #ddd;
}

.cuadricula-promociones .promocion {
	padding: 0px !important;
    margin-bottom: 18px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 2.333333%;
    width: 48.666667%;
    position: relative;
}

.cuadricula-promociones .promocion .contenido {
	width:50%;
	padding:0px !important;
	margin-right: 2px;
}

.cuadricula-promociones .promocion .contenido .texto {
	text-align:left;
}

.cuadricula-promociones .promocion-even {
	margin-left:0px !important;
}

/*
Beneficios
*/

.form-beneficios {
	padding:0px !important;
}

.form-beneficios .form-group {
	padding:0px 2px !important;

	margin-right:2%;
}

.form-beneficios .form-control[disabled] {
	background: #fff !important;
}

.form-beneficios .form-control {
	height:25px !important;
	padding:5px 1px !important;
	font-size:10px !important;
	border-radius:0px !important;
}

.form-beneficios .volver, .form-beneficios .volver:hover {
	color: #999;
}

.paginacion-beneficios {
	padding:0 !important;
	text-align:center !important;
}

.form-beneficios .btn {
	width:auto !important;
	margin-right: 0px !important;
}

.form-beneficios .boton {
	font-size: 10px !important;
}

.cuadricula-beneficios a.mas-info {
	/* position:absolute;
	bottom:0px;
	right:7px; */
	font-size:17px;
	color: #ddd;
	margin-top:0px;
	line-height:0px;
}

.cuadricula-beneficios .beneficio {
	padding: 0px !important;
    margin-bottom: 18px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 2.333333%;
    position: relative;
}

.cuadricula-beneficios .beneficio .contenido {
	width:45%;
	padding:0px !important;
	margin-right: 2px;
}

.cuadricula-beneficios .beneficio .contenido {
	text-align:left;
	padding-top:2px !important;
}

.cuadricula-beneficios .beneficio-even {
	margin-left:0px !important;
}

.contenido-personas .well, .contenido-empresas .well, .contenido-nuestrobanco .well, .contenido-entidades .well {
  padding:18px !important;
}

.bloque-banners-intermedios {
  margin-top: 82px;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

      #navbar-second .col-md-2 {
        width: 8.33333333% !important;
      }
      #navbar-second .col-md-3 {
        width: 8.33333333% !important;
      }
      #navbar-second .elemento-medio {
        width: 154px !important;
      }
      #navbar-second .elemento-primero {
        width: 170px !important;
      }

      @-moz-document url-prefix() {
        #navbar-second .elemento-primero {
            width: 148px !important;
        }
      }

      #navbar-first ul.col-sm-12 li a {
        font-size: 10px !important;
      }
      .navbar-form .form-control {
        font-size: 9px !important;
      }

    }

    @media only screen and (min-width : 1024px) {
      #navbar-first ul.col-sm-12 li a {
          font-size: 10px !important;
      }
      #navbar-first .col-md-7 {
        padding: 0 !important;
      }
      #navbar-first ul.col-sm-12 li a {
          font-size: 11px !important;
      }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      #navbar-second .col-md-7 {
        width: 83.33333333% !important;
      }
      #navbar-second .elemento-medio {
        width: 187px !important;
      }
      #navbar-first .col-md-7 {
        width: 46% !important;
        margin-top: 10px;
      }
      #navbar-first .col-md-3 {
        width: 32% !important;
        margin-top: 10px;
      }

    }

     @media only screen and (min-width : 992px) and (max-width : 1200px) {

     .contenido-personas .col-md-2, .contenido-nuestrobanco .col-md-2, .contenido-empresas .col-md-2, .contenido-entidades .col-md-2 {
      width: 7% !important;
     }

     .filiales .contenedor-buscar .col-md-2 {
        width: 16.66666667% !important;
      }

    }

    @media only screen and (max-width : 1240px) {
     .search-box input {
    width: 85px !important;
}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
      #navbar-first ul.col-sm-12 li a {
        font-size: 15px !important;
      }
      #navbar-first ul.col-sm-12 li.nuestro-banco li a {
	font-size:12px !important;
		}

		#navbar-first ul.col-sm-12 li.entidades li a {
	font-size:12px !important;
		}

      #navbar-first .col-md-7 {
        width: 50% !important;
        margin-top: 10px;
      }
      #navbar-first .col-md-3 {
        width: 31% !important;
        margin-top: 10px;
      }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1450px) {
      .banners img {
      	margin-left:0px;
      }
      .banners .banner {
      	width:20% !important;
      }
      .banners .banner-0, .banners .banner-3 {
        margin-left: 16% !important;
      }
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

     /* Medium Devices, Desktops */
    @media only screen and (max-width : 1024px) {
  		.cuadricula-beneficios p.dias{
  			font-size:11px;
  		}
      .cuadricula-beneficios p.titulo {
        min-height: auto !important;
        font-size: 10px !important;
      }
      .cuadricula-beneficios span.numero {
        font-size: 32px !important;
      }
      .cuadricula-beneficios .beneficio .contenido {
        width: 56% !important;
      }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
     .btn-xs {
  width: 150px !important;
  margin: 10px 0 !important;

}

.banca-mobile {
  display: block!important;
  text-align: center;
  width: 215px;
}

	.cuadricula-beneficios p.dias{
			font-size:13px;
		}

    .boxBuscar {
      top:156px;
   }

/*#navbar-first .col-md-7 {
        width: 46% !important;
      }
      #navbar-first .col-md-3 {
        width: 31% !important;
      }*/

    }

    @media only screen and (min-width : 768px) and (max-width : 768px){
      #navbar-second .col-sm-12 {
        padding: 0px;
      }

      #navbar-first .col-sm-2 .navbar-header {
        margin-top:10px !important;
      }

      #navbar-first .col-md-7 {
        margin-top: 10px;
      }

      .subsegmento .subcategoria {
          min-width: auto;
      }
      #navbar-second .elemento-primero {
          width: auto !important;
      }
      #navbar-second .elemento-medio {
          width: auto !important;
          margin-left: 13px;
      }
      #navbar-second .elemento-ultimo {
          width: auto !important;
          margin-left: 13px;
      }
      #navbar-second .enlace-beneficios {
          width: auto !important;
          margin-left: 13px;
      }
      #navbar-second .dropdown .elemento-medio ul {
          left: -73px;
      }
      #navbar-second .dropdown .elemento-ultimo ul {
          left: -151px;
      }
      #navbar-first ul.col-sm-12 li a {
        font-size: 10px !important;
      }
      .navbar-nav {
        padding: 0 !important;
      }
      li.entidades ul.dropdown-menu {
        left:-455px !important;
      }
      .cuadricula-beneficios .beneficio {
        margin-left: 0px !important;
      }
      .cuadricula-promociones .promocion {
        margin-left: 0px !important;
      }

      

    }

    @media (max-width: 991px) and (min-width: 768px) {
      .second-navbar #navbar-second, .second-navbar {
        margin-bottom: 0px !important; 
      }
      .menu-banca-nuestrobanco .sidebar-banca-menu, .menu-banca-entidades .sidebar-banca-menu {
        margin-top: 100px !important;
      }
      .menu-banca-personas .sidebar-banca-menu, .menu-banca-empresas .sidebar-banca-menu {
        margin-top: 38px !important;
        margin-bottom: 5px !important;
      }
      .home-entidades, .home-nuestrobanco {
        margin-top: 0 !important;
      }
      .contenido-nuestrobanco, .contenido-entidades {
          margin-top: 7px !important;
      }
      .legales-inicio {
          margin-top: 70px !important;
      }
      #navbar-second .dropdown li.enlace-beneficios {
          width: 146px !important;
      }
      .subsegmento .subcategoria {
          min-width: auto !important;
      }
      #navbar-second .elemento-medio {
          width: 116px !important;
      }
      #navbar-second .elemento-primero {
          width: 121px !important;
      }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 760px) {

      .columna-general-pie-botones-dinamicos {
        padding: 0 !important;
      }
      .columna-pie-botones-dinamicos {
        margin-top: 5px;
        padding: 0 !important;
      }

      .columna-pie-botones-dinamicos-derechos {
        margin-top: 0px !important;
      }

      .navbar-header .logo {
        width: 50% !important;
      }
      #navbar-second ul li a {
          display: inline !important;
      }
      .navbar-nav .open .dropdown-menu{
        background: none !important;
        padding: 5px 0 !important;
      }
      #navbar-second .navbar-collapse {
        padding: 0 !important;
      }
      #navbar-first .navbar-toggle{
        margin-top:20px !important;
      }
      .home-entidades, .home-nuestrobanco {
          margin-top: 0px !important;
        }

        .contenido-nuestrobanco, .contenido-entidades {
          margin-top: 0px;
        }

        .beneficios {
          margin-top: 0px !important;
        }

        .filiales, .cajeros, .contenido-contacto {
          margin-top: 0px !important;
        }
        .cuadricula-beneficios .beneficio {
          margin-left: 0px !important;
        }

        .contenido-home .banners {
          margin-top:0px !important;
        }
        .contenido-home .slider-banca {
          margin-top:20px !important;
        }

        .contenido-contacto textarea {
          width: 100% !important;
        }

        .legales-inicio {
          margin-top: 70px !important;
        }

        .col-xs-12 .navbar-logobrand {
          clear: both;
        }
        .bloque-banners-intermedios {
          margin-top: 10px;
        }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }

#navbar-search-ipad-768 ul li{
	margin-left:5px;
}
#navbar-search-ipad-768 ul{
	margin:0px;
}
#navbar-search-ipad-768 .form-control{
	height:23px;
  width: 130px !important;
}

#navbar-search-ipad-768 ul li a {
  color: #fff !important;
}
#navbar-search-ipad-768 ul li {
  display: inline !important;
}
#navbar-search-ipad-768 ul {
  padding: 0 !important;
  margin-top: 5px;
}
#navbar-search-ipad-768 .form {
  width: 120px !important;
  float: right;
  display: inline;
  margin-right: 180px;
}

/*
* Diseño home y banca para celulares
*/
.visible-xs #navbar-second .navbar-header button {
  padding: 4px 5px !important;
  margin-top:1px !important;
  margin-bottom: 0px !important;
  margin-right: 0px !important;
}

.visible-xs #navbar-second {
  margin-bottom: 11px;
  margin-top: 108px !important;
}

.sidebar-banca-menu {
  background: #666;
  padding-left: 3px;
  float: left;
  width: 100%;
}

.visible-xs .sidebar-banca-menu {
  margin-bottom: 5px;
}

.sidebar-banca-menu .pull-left {
  padding-top: 3px;
  padding-left: 5px;
}

.sidebar-banca-menu span {
  color: #fff;
  font-size: 11px;
}

.sidebar-banca-menu a.btn-xs {
  padding:0px 2px !important;
  width: 54px !important;
  margin: 4px 3px !important;
  font-size: 10px !important;
}