/*
    EL TIPO GRÁFICO
    Miguel García
    contacto@eltipografico.com
    943 39 20 20
 */



/*
  Colores: 
  Marrón:       #584545;
  Marrón claro: #696057;
  Amarillo:     #FFEEC6;  
  Naranja:      #D26505;
    
*/

body, html {
    width:  100%;
    height: 100%;
}

/* Redefine básicos de HTML */
body {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #584545 !important;
}
hr {
    border-bottom: 1px solid #999;
}
a {
    color: #584545;
}
a:hover {
    color: #584545;
    text-decoration: underline;
}

a.wys-abre-ventana {
    text-decoration: none;
}
a.wys-abre-ventana:after {
    font-family: FontAwesome;
    content: " \f08e";
    font-size: 10px;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/* Algunos elementos de bootstrap */
    .btn-primary {
        color: white !important;
    }
    .btn-primary:hover {
        color: #584545 !important;
    }

    .btn-secondary {
        background-color: #D26505;
        color: white !important;
    }
    .btn-secondary:hover {
        color: #584545 !important;
        background-color: #FFEEC6;
    }
    .btn-primary:hover {
        background-color: #FFEEC6;
        border-color:     #FFEEC6;
        color:            #584545;
    }
    .btn:hover,
    .btn-lg:hover {
        text-decoration: none;
    }
    .bg-primary { background-color: #FFEEC6;}
    .bg-success { background-color: #696057;}
    .bg-info    { background-color: #FFEEC6;}
    .bg-warning { background-color: #584545; color: white;}
    .bg-danger  { background-color: #584545; color: white;}
    
    .bg-primary.margen,
    .bg-success.margen,
    .bg-info.margen,
    .bg-warning.margen,
    .bg-danger.margen {
        padding: 15px;
    }
    .bg-primary.redondeado,
    .bg-success.redondeado,
    .bg-info.redondeado,
    .bg-warning.redondeado,
    .bg-danger.redondeado {
        -webkit-border-radius: 	5px;
        -moz-border-radius: 	5px;
        -o-border-radius:		5px;
        border-radius: 			5px;
    }
    
    #contenido .tab-content {
        padding: 20px 0;
    }
    #contenido .nav-tabs  li.active {
        font-weight: bold;
    }
    #contenido .nav-tabs {
        border-bottom-color: #555;
    }
    #contenido .nav-tabs>li>a:hover {
        border-bottom-color: #555;        
    }
    #contenido .nav-tabs>li.active>a, 
    #contenido .nav-tabs>li.active>a:hover, 
    #contenido .nav-tabs>li.active>a:focus {
        border: 1px solid #555;
        border-bottom-color: transparent;
    }
    
    #contenido .panel {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .panel-default>.panel-heading {
        color: #333;
        background-color: #F2F0ED;
        border-color: #ddd
    }
    .panel-crema {
/*
        background-color: #FFEEC6 !important;
        background-color: rgba(255,238,198, .5) !important;
        border: 1px solid #584545 !important
*/
    }
/* Classes de ayuda */


    /* Padding generalmente usado para dar espacio entre rows */
        .pd30{
            padding-top:    30px;
            padding-bottom: 30px;
        }
        .pd030{
            padding-bottom: 30px;
        }
        .pd15 {
            padding-top:    15px;
            padding-bottom: 15px;
        }
    /* Para meter absolutes dentro de un div */
        .relativiza {
            position: relative;
        }
    .linea-up {
        border-top: 3px solid #584545;
        padding-top: 5px;
    }
    
    /* Para centrar contenido en vertical y horizontal */    
    .centrador {
        display: table;
        width: 100%;
        height: 100%;
    }
        .centrador .inner {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
        
    .clearfix {
      overflow: auto;
      zoom: 1;
    }
    .normal {
        font-weight: 400;
    }
    .light {
        font-weight: 300;
    }
    .no-margin-top {
        margin-top: 0;
    }


/* Menú practico cabecera */
    #cabecera .relativiza {
        float: right;
    }
    ul#menu-practico {
        margin: 40px 0 0 0;
        padding: 0;
        text-align: right;
    }
    ul#menu-practico ul {
        margin: 0;
        padding: 0;    
    }
    ul#menu-practico li {
        display: inline-block;
        margin: 0 0 0 20px;
        padding: 0;
    }
    ul#menu-practico li a {

    }
    ul#menu-practico li li {
        margin-left: 0;
    }
    ul#menu-practico .fa-search {
        cursor: pointer;
    }
        #frmBuscador .fa-close {
            display: block;
            text-align: right;
            margin: 5px 0;
            cursor: pointer;
        }
        form#frmBuscador {
            position: absolute;
            display: block;
            width: 250px;
            top: -200px;
            right: 15px;
            text-align: left;
            padding: 5px 10px 10px 10px;
            background: #eee;
            border: 1px solid white;
            box-shadow: 0 2px 5px #555;
            z-index: 999;
            -webkit-border-radius: 	3px;
            -moz-border-radius: 	3px;
            -o-border-radius:		3px;
            border-radius: 			3px;
        }
        form#frmBuscador input[type="text"] {
            width: 100%;
        }
        form#frmBuscador.on {
            top: -5px;
            -webkit-transition: all .5s ease;
            -moz-transition: 	all .5s ease;
            -o-transition: 		all .5s ease;
            transition: 		all .5s ease;
            
        }
        
        
    ul#idiomas li:before {
        content: ' · ';
    }
    ul#idiomas li:first-child:before {
        content: none;
    }


#cabecera h1 {
    margin: 5px 0 15px 0;
    padding: 10px 0 20px 0;
}


/* 
    
    Menú principal 
    
*/

    #control-menu {
        width: 30px;
        height: 24px;
        background: url(../img/control-menu.png) no-repeat 50%;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        z-index: 9999;
    }
    #control-menu.on {
        background: url(../img/control-menu-on.png) no-repeat 50%;
    }
    
    /*  Pestañas */
        #menu .tabs {
            font-weight: 700;
            font-size: 15px;
            color: #FFFFFF;
            letter-spacing: 0px;
            line-height: 15px;
            margin: 0;
            padding: 0;
        }
        #menu .tabs li {
            display: inline-block;
            border-top-left-radius:  5px;
            border-top-right-radius: 5px;
        }
        #menu .tabs a {
            color: #8F8F8F;
            display: block;
            padding: 10px 15px;
        }
        #menu .tabs li.active a,
        #menu .tabs li:hover a {
            color: white;
            text-decoration: none;
        }
        #menu .tabs li:hover {
            background-color: #696057;
        }
        #menu .tabs li.active {
            background-color: #584545;
        }
/*
        #menu .tabs>li>a:hover {
            border-bottom-color: #696057;
        }
        #menu .tabs li.active a:hover {
            border-bottom-color: #584545;
        }
*/


    /* menús de sección */
        #menu .tab-content {
            background-color: #584545;
        }
        #menu .tab-content h2 a {
            color: white;
            font-size: 20px;
            margin: 0;
            padding: 0;
            text-transform: uppercase
        }
        #menu .tab-content ul {
            margin: 0;
            padding: 0;
        }
        #menu .tab-content li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: inline-block;
            position: relative;
            font-size: 15px;
            color: #FFFFFF;
            line-height: 17px;
        }
        #menu .tab-content li a {
            display: block;
            color: white;
            padding: 15px;
        }
        #menu .tab-content li.current a {
            font-weight: 700;
        }
        #menu .tab-content li.current li a {
            font-weight: normal;
        }
        #menu .tab-content li:hover,
        #menu .tab-content li a:hover,
        #menu .tab-content li a.current{
            background: #FFEEC6;
            color: #584545;
            text-decoration: none;
        }
        #menu .tab-content li:hover a {
            color: black;
        }
        #menu .tab-content li .submenu {
            position: absolute;
            top: 47px;
            z-index: 999;
            background: #FFEEC6;
            color: #584545;
            display: none;
            min-width: 350px;
            width: auto;
            padding: 10px 20px 20px 20px;
            font-size: 15px;
        }
        #menu .tab-content li .submenu.dos-columnas {
            width: 500px;
        }
        #menu .tab-content li:hover .submenu {
            display: block;
        }
        #menu .tab-content li .submenu .pull-left,
        #menu .tab-content li .submenu .pull-right{
            width: 230px;
        }
        #menu .tab-content li .submenu ul {
            margin: 0;
            padding: 0;
        }
        #menu .tab-content li .submenu li {
            display: block;
            margin: 0;
            padding: 0;
            line-height: 1.6em;
            font-size: 15px;
            font-weight: normal;
        }
/*
        #menu .tab-content li .submenu li a:before {
            content: '- ';
        }
*/
        #menu .tab-content li .submenu .titular {
            text-transform: uppercase;
            margin: 1em 0;
            font-weight: bold;
        }
        #menu .tab-content li .submenu a {
            padding: 0;
            color: black;
            display: inline;
        }
        #menu .tab-content li .submenu li a {
            color: #584545;
        }
        #menu .tab-content li .submenu li a:hover {
            text-decoration: underline;
        }
        
        
    /* prehome */
    
    body.prehome #cabecera {
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: white;
    }
    body.prehome #menu {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    body.prehome #menu ul {
        margin: 0;
        padding: 0;
    }
    body.prehome #menu li {
        display: block;
        width: 33.33333%;
        float: left;
    }
    body.prehome #menu li a {
        display: block;
        width:  100%;
        height: 100%;
        position: relative;
    }
    body.prehome #menu li a:hover {
        text-decoration: none;
    }
    body.prehome #menu li a span {
        text-align: center;
        color: white;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        width: 100%;
        position: absolute;
        bottom: 30%;
    }
    body.prehome #menu li.particulares {    
        background: #eee url(/img/pre-home/particulares-01.jpg) no-repeat 50%;
        background-size: cover;
    }
    body.prehome #menu li.empresas {    
        background: #eee url(/img/pre-home/empresas.jpg) no-repeat 50%;
        background-size: cover;
    }
    body.prehome #menu li.privada {    
        background: #eee url(/img/pre-home/privada.jpg) no-repeat 50%;
        background-size: cover;
    }
    
    

#contenido {
    margin-bottom: 30px;
}
    #contenido .panel-chat {
        background: #eee;
    }
    #contenido #texto a, #contenido .textofinal a {
        color: #584545;
        text-decoration: underline;
    }
    #contenido #texto a:hover, #contenido .textofinal a:hover {
        text-decoration: none !important;
    }
    #contenido #texto a.btn {
        text-decoration: none;
        color: white !important;
    }
    #contenido #texto .nav-tabs>li.active>a {
        color: #584545;
    }
    #contenido #texto .nav-tabs>li.active>a:hover, 
    #contenido #texto .nav-tabs>li.active>a:focus {
    	text-decoration: none;
    }
    #slider {
        height: 480px;
    }
    #slider.una-foto {
        height: 300px;
    }
    #slider.home-corporativa {
        height: 600px;
    }
        #slider.home-corporativa .blanco {
            background: white;
            color: #584545;
            font-weight: bold;
            padding: 5px 10px;
            font-size: 20px;
        }
        #slider.home-corporativa .marron {
            background: #584545;
            color: #fff;
            font-weight: bold;
            padding: 5px 10px;
            font-size: 20px;
        }
    #slider .slide {
        display: table !important;
        width: 100%;
        height: 100%;
    }
    #slider .slide .centrador {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    #slider .slide .texto {
        padding: 20px;
        background: #fff;
    }
    #slider .slide h2 {
        color: #584545;
        margin: 0;
        padding: 0;
    }
    #paginador {
        background-color: #FFEEC6;
        text-align: center;
    }
        #paginador div {
            display: inline-block;
            width: 200px;
            height: 100%;
            text-align: center;
            padding: 20px;
            cursor: pointer;
            font-size: 16px;
            color: #000000;
            letter-spacing: 0px;
            line-height: 17px;        
            
        }
        #paginador .cycle-pager-active,
        #paginador div:hover {
            background-color: #D26505;
            color: white;
        }
        
    #paginador.bullets {
        background: transparent;
        padding: 10px 0;
    }
        #paginador.bullets span {
            color: transparent;
            background: #D26505;
            display: inline-block;
            margin: 5px 3px;
            width:                  12px;
            height:                 12px;
            -webkit-border-radius: 	12px;
            -moz-border-radius: 	12px;
            -o-border-radius:		12px;
            border-radius: 			12px;
        }
        #paginador.bullets .cycle-pager-active,
        #paginador.bullets span:hover {
            background-color: #584545;
            color: transparent;
            cursor: pointer;
        }

    /* Snipets */
    #contenido .snippet {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #555;
    }
    #contenido .snippet:last-child {
        border-bottom: none;
        
    }
    #contenido .snippet .pull-right {
        margin-left: 20px;
        margin-bottom: 20px;
        max-width: 350px;
    }

    #contenido .snippet p a,
    #contenido .snippet li a {
        text-decoration: underline;
    }
    #contenido .snippet a.btn {
        text-decoration: none;
    }
    #contenido .snippet p.fecha {
        color: #999;
    }
    
    #contenido .snippet-producto {
/*         background-image: linear-gradient(-180deg, #FAFAFA, #FFEEC6); */
        background-color: #FFEEC6;
        border: 1px solid white;
        /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.21); */
        border-radius: 5px;
        padding: 30px;
        margin-bottom: 30px;
    }
    #contenido .snippet-producto .descripcion {
        padding: 20px 0;
    }
    #contenido .snippet-producto:hover {
        background-image: none;
        background-color: #FFEEC6;
        border: 1px solid white;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.6);
    }
    #contenido .snippet-producto .btn-secondary:hover {
        background-color: #584545;
        color: white;
    }
    #contenido .snippet-producto-foto {
        margin-bottom: 30px;
    }
    
    /* map */
    #mapa {
        height: 400px;
        background-color: #eee;
        position: relative;
    }
    #map {
        width: 100%;
        height: 100%;
    }
        #mapa .centrador{
            position: absolute;
            top: 0;
            left: 0;
            display: table;
            width: 100%;
            height: 100%;
            z-index: 999;
        }
        #mapa .inner {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
        }
    #map-boton {
        background-color: rgba(255,255,255,.7);
        border: 1px solid #979797;
        border-radius: 68px;
        padding: 20px;
        text-align: center;
        font-size: 20px;
    }
    #map-boton .fa {
        font-size: 30px;
    }
    #map-boton:hover {
        background-color: rgba(255,255,255,1);
        border: 1px solid black;
        text-decoration: none;
    }
    
    
    
    #frmBuscador-de-oficinas form {
        padding: 10px 0;
        text-align: center;
    }
    
    
    
    #contenido .entradilla {
        font-size: 22px;
        line-height: 26px;
        color: #000000;
        letter-spacing: 0px;
        margin-bottom: 30px;
    }
    
    #contenido .caja-info {
        font-size: 18px;
        line-height: 26px;
        color: #000000;
        letter-spacing: 0px;
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #000;     
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #faebcc;
        border-radius: 4px        
    }
    #contenido .caja-info strong {
        font-size: 22px;
    }
    #contenido .caja-info p:last-child {
        margin-bottom: 0;
    }
    #contenido ul.menu-pagina,
    #contenido ul.menu-pagina li {
        padding-left: 0;
        padding-right: 0;
        list-style-type: none;
        text-transform: uppercase;
    }
    #contenido ul.menu-pagina li {
        margin-bottom: 10px;
    }
    #contenido ul.menu-pagina li a {
        color: #584545;
    }    
    #contenido ul.menu-pagina li.current {
        font-weight: 700;
    }
    #contenido .fa-ul {
        margin: 2em 0 2em 3em;
    }
    #contenido .fa-ul li {
        margin-bottom: 1em;
    }
    #contenido .fa-ul.full {
        margin: 2em 0 2em 0;
    }
    #contenido .fa-ul.full li {
        margin-bottom: 1em;
    }
    
    #contenido table {
        width: 100%;
    }
    #contenido table th {
        background: #F2F0ED;
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }
    #contenido table td {
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }
/*
    #contenido table tr:nth-child(even) td{
        background-color: #eee;
    }
*/

    /* Calificación */

    #contenido #calificacion {
        border: 1px solid #ccc;
        background-color: white;
        width: 40%;
        margin-top:  10px;
        margin-bottom: 20px;
        margin-left: 30px;
    }
        #calificacion .titular {
            text-align: center;
            text-transform: uppercase;
            font-size: 12px;
            border-bottom: 1px solid #ccc;
        }
    
        #calificacion hr {
            margin: 5px 0 !important;
            border-left: none;
            border-right: none;
            border-bottom: none;
        }
        #calificacion p {
            font-size: 9px;
            margin: 5px 0;
        }
        
        #calificacion .row {
            padding: 0 !important;
            margin: 0 !important;
        }
        #calificacion .col-md-6,
        #calificacion .col-md-12 {
            margin: 0;
            padding: 0 5px;
        }
        #calificacion .border-top {
            border-top: 1px solid #ccc;
        }
        #calificacion .border-bottom {
            border-bottom: 1px solid #ccc;
        }
        #calificacion .border-left {
            border-left: 1px solid #ccc;
        }
        #calificacion .border-right {
            border-right: 1px solid #ccc;
        }
@media only screen and (max-width : 767px) {
        #calificacion .border-left {
         border-left: 0px solid #ccc;
        }
    }
        
        #calificacion p.indicador {
            font-size: 35px;
            color: #282828;
            letter-spacing: 0px;
            margin: 5px 0;
            line-height: 1em;
        }
        #calificacion p.indicador .gris {
            color: rgb(189,189,189);
        }

    
    body.producto #contenido h2.titulo-producto {
        padding: 30px 0;
        font-size: 40px;
    }
     body.portadas-seccion #contenido h2.titulo-producto {
        padding: 30px 0;
        font-size: 40px;
    }
    
    
    
    body.home .corporativa {
        background: url(../corporativa/img/chispas.jpg) no-repeat center top;
        background-size: cover;
        padding-top:    100px;
        padding-bottom: 100px;
    }
    body.home .corporativa * {
        color: white;
    }
    
    
    /* Corporativa */
    
    body.corporativa .chispas {
        background: url(../corporativa/img/chispas.jpg) no-repeat center top;
        background-size: cover;
        padding: 100px 0 450px 0;
    }
    body.corporativa .carretera {
        background: url(../corporativa/img/carretera.jpg) no-repeat 50%;
        background-size: cover;
        padding: 100px 0 300px 0;
    }
    body.corporativa .texto {
        background: white;
        padding: 20px;
    }
    body.corporativa .empuja {
        margin-top: -150px;
    }
    body.corporativa .credit-agricole-home {
        background: url(../corporativa/img/credit-agricole-building.jpg) no-repeat 50%;
        background-size: cover;
        padding: 100px 0 400px 0;
    }
    body.corporativa .credit-agricole-referencia {
        background: url(../corporativa/img/photo-1444653389962-8149286c578a.jpg) no-repeat 50%;
        background-size: cover;
        padding: 100px 0 400px 0;
    }
    body.corporativa .imagen.vision {
        background: url(../corporativa/img/vision.jpg) no-repeat 50%;
        background-size: cover;
        padding: 100px 0 400px 0;
    }
    
    body.corporativa .credit-agricole-enlaces {
        padding-top: 60px;
    }
            
    #hero {
        height: 400px;
    }
    #hero .slide {
        height: 100%;
        width: 100%;
    }
    body.corporativa #contenido {
        position: relative;
    }
    body.corporativa #over-hero {
        width: 100%;
        margin-top: -150px;
    }
    
    #submenu-contenido {
        margin: 150px 0 0 0;
    }
    #submenu-contenido li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: right;
        text-transform: uppercase;
    }
    #submenu-contenido li.current,
    #submenu-contenido li.active {
        font-weight: bold;
    }
    

#sidebar {
    margin-top: 55px;
}
#sidebar .widget {
    margin-bottom: 30px;
}    
    
    #sidebar .widget h3 {
/*
        border: 1px solid black;
        margin-top: 0 !important;
        padding-top: 0 !important;
*/
    }
    
    #contenido #sidebar .widget .snippet-producto {
        background-color: transparent;
        border: none;
        border-radius: 0;
        padding: 0;
        margin-bottom: 0px;
    }
    #contenido #sidebar .widget .snippet-producto .descripcion {
        padding: 0;
    }
    #contenido #sidebar .widget .snippet-producto:hover {
        background-image: none;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
    #contenido .snippet-producto .btn-secondary:hover {
        background-color: #584545;
        color: white;
    }
    #contenido .snippet-producto-foto {
        margin-bottom: 30px;
    }
   
    
    #sidebar a {
        color: #584545;
        text-decoration: underline;
    }
    #sidebar a:hover {
        text-decoration: none;
    }
    #sidebar a.btn {
        text-decoration: none;
    }
    #sidebar ul {
        margin: 0;
        padding: 10px;;
    }
    #sidebar ul li {
        list-style-type: none;
        line-height: 1.5em;
        text-indent: -6px;
        margin-left: 11px;
    }
    #sidebar ul li:before {
        font-family: FontAwesome;
        content: "\00bb ";
        color: #555;
        display: inline-block;
        padding-right: 5px;
    }
    #sidebar .panel {
        border: 1px solid #696057;
    }
    #sidebar .panel .panel-heading {
        background-color: #696057;
    }
    #sidebar .panel .panel-heading h3 {
        color: white !important;   
    }
    #sidebar .panel .panel-body ul {
        margin: 0;
        padding: 0;
    }
    
/*
    #sidebar ul.sidebar {
        margin: 0;
        padding: 1em 0 1em 1em;
    }  
    #sidebar ul.sidebar li {
        margin-left: 1.5em;
        padding: 0;
        line-height: 1.2em;
        margin-bottom: 5px;
        list-style-type: none;
    }

    #sidebar ul.sidebar li:before {
        font-family: FontAwesome;
        content: "\f105 ";
        display: inline-block;
        padding-right: 3px;
    }
*/

    

.breadcrumb {
    background: transparent;
}

#social-share {
    text-align: right;
}
#social-share .titular {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
#social-share .iconos {
    background-color: #FFEEC6; 
    display: inline-block;
}
#social-share a {
    font-size: 19px;
    display: inline-block;
    color: #333;
    background-color: #FFEEC6;
    padding: 5px;
    text-align: center;
    margin: 0;
    min-width: 40px;
}
#social-share a:hover {
    background-color: #D26505;
    color: white;
    text-decoration: none;
}
#social-share a.naranja {
    background-color: #D26505;
    color: white;
}
#social-share a.marron {
    background-color: #584545;
    color: white;
}
#social-share a.naranja:hover {
    background-color: #FFEEC6;
    color: #333;
}
#social-share .texto {
    font-size: 14px;
    display: inline-block;
}


    .banda-area {
        position: relative;
        padding: 100px 0;
        margin-bottom: 20px;
    }
    .banda-area h2,
    .banda-area h3 {
        color: black;
    }
    .banda-area .texto {
        background-color: /*white*/ transparent;
        padding: 20px;
    }
    .banda-area .texto-transparente {
        background-color: rgba(255,255,255,.5);
        padding: 10px 20px;
        margin-bottom: 20px;
    }
    .banda-area .texto h2,
    .banda-area .texto h3 {
        margin: 0;
    }
    .banda-area .imagen {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .banda-area.texto-blanco,
    .banda-area.texto-blanco h2,
    .banda-area.texto-blanco .entradilla {
        color: white !important;
    }
    .banda-area .imagen.cuentas {
        background: url(../img/samples/ejemplo.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.hipotecas {
        background: url(../img/samples/slide/02_volteada.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.tarjetas {
        background: url(../img/samples/tienda_volteada.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.chico-cafe {
        background: url(../img/samples/_yqgjos0ske-ben-white.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.ahorro-inversion-depositos {
        background: url(../img/samples/ahorro-inversion-depositos.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.planes-de-prevision {
        background: url(../img/samples/planes-de-prevision.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.fondos-de-inversion {
        background: url(../img/samples/markus-spiske-104910.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.bolsa-y-valores {
        background: url(../img/samples/bolsa-y-valores.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.seguros {
        background: url(../img/samples/seguros-2.jpg) no-repeat 50%;
        background-size: cover;
    }

    .banda-area .imagen.financiacion-gestion {
        background: url(../img/samples/504112194.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.financiacion-largo-plazo {
        background: url(../img/samples/502733644.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.financiacion-renting {
        background: url(../img/samples/500512128.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.financiacion-convenios {
        background: url(../img/samples/533745655.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.planes-de-prevision-empresa {
        background: url(../img/samples/planes-de-prevision-empresa.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.tesoreria {
        background: url(../img/samples/tesoreria.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.servicios {
        background: url(../img/samples/servicios-empresas.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.pagos-cobros-sepa {
        background: url(../img/samples/pagos-cobros-sepa.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.negocio-internacional {
        background: url(../img/samples/negocio-internacional.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.negocio-internacional-mapas {
        background: url(../img/internacionalizacion/mapas.jpg) no-repeat center bottom;
        background-size: cover;
        padding: 100px 0;
    }
    .banda-area .imagen.patrimonios {
        background: url(../img/banca-privada/patrimonios.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.asesoramiento {
        background: url(../img/banca-privada/5fnmwej4taa-helloquence.jpg) no-repeat 50%;
        background-size: cover;
    }
    .banda-area .imagen.planificacion-financiera {
        background: url(../img/banca-privada/planificacion-financiera.jpg) no-repeat 50%;
        background-size: cover;
    }
    
    .boton-privada {
        display: block;
    }
    .boton-privada h2{
        padding: 60px 30px;
        background: rgba(0,0,0,0.3);
        color: white;
    }
    .boton-privada:hover {
        color: white;
        text-decoration: none;
    }
    .boton-privada.patrimonios {
        background: url(../img/banca-privada/patrimonios.jpg) no-repeat 50%;
        background-size: cover;
        text-align: right;
    }
    .boton-privada.financiero {
        background: url(../img/banca-privada/5fnmwej4taa-helloquence.jpg) no-repeat 50%;
        background-size: cover;
    }
    .boton-privada.planificacion {
        background: url(../img/banca-privada/planificacion-financiera.jpg) no-repeat 50%;
        background-size: cover;
    }

#pie {
    background: #F2F0ED;
}
    #pie .empuja {
        margin-top: 15px;
    }
    #pie ul,
    #pie li {
        padding-left: 0;
        list-style-type: none;
    }
    
    #pie #social a {
        display: inline-block;
        font-size: 16px;
        text-align: center;
        margin-right: 10px
    }
    #pie #social a:hover {
        background: #696057;
    }
    
  
  
  
table.euskera th {
    vertical-align: bottom;
    background-color: transparent !important;
    border-bottom: 1px solid #555;
}
table.euskera th h4 {
    padding: 5px 15px;
    margin: 0;
    font-size: 15px;
}
table.euskera td {
    width: 20%;
    vertical-align: top;
    background-color: transparent !important;
}
#contenido table.euskera td ul.fa-ul.full {
    padding: 10px 15px !important;
    margin: 0;
}
  
    

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


}

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


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #cabecera h1 {
        text-align: center;
    }
    #cabecera img {
        display: block;
    }
    #cabecera .relativiza {
        float: left;
    }
    ul#menu-practico {
        margin-top: 10px;
        text-align: left !important;
    }
    ul#menu-practico li {
        border: 2px solid #584545;
        padding: 3px 8px;
        margin: 0;
    }
    ul#menu-practico li#idiomas,
    ul#menu-practico li#idiomas li {
        border: none;
        padding-right: 0;
        padding-left: 5px;
    }

    #menu {
        position: absolute;
        top: 0px;
        left: -100%;
        width: 100%;
        z-index: 999;
        min-height: 100%;
        border: 1px solid black;
        background: #584545;
    }
    #menu.on {
        left: 0;
        transition: all .5s;
    }
        
    #menu .tabs li {
        display: block;
    }
    #menu .tab-content {
        min-height: 100%;
    }
    #menu .tab-content li {
        display: block;
        font-size: 18px;
        padding: 15px 0;
    }
    #menu .tab-content li:hover,
    #menu .tab-content li li a:hover {
        background-color: transparent;
    }
    #menu .tab-content li:hover,
    #menu .tab-content li a:hover {
        background-color: transparent;
    }
    #menu .tab-content h2 {
        padding: 5px 16px;
        margin: 0;
        background: #584545;
    }
    #menu .tab-content li li {
        border-top: none;
    }
    #menu .tab-content li a {
        display: block;
        padding: 5px 0;
    }
    #menu .tab-content li .submenu {
        display: none;
        position: relative;
        width: auto;
        padding: 0;
        background: transparent;
        top: auto;
        z-index: auto;
    }
    #menu .tab-content li:hover .submenu {
        display: none;
    }
    #menu .tab-content li .submenu.dos-columnas {
        width: auto;
    }
    #menu .tab-content li .submenu .pull-left,
    #menu .tab-content li .submenu .pull-right{
        width: auto;
        float: none !important;
    }
    #menu .tab-content li .submenu li a {
        color: white;
    }
    #menu .tab-content li .submenu .titular {
        text-transform: uppercase;
        margin: 20px 0 0 0;
        font-weight: bold;
    }
    #menu .tab-content li .submenu .titular a {
        color: white;
    }
    
    
    form#frmBuscador {
        top: -300px;
        left: 50%;
        margin-left: -125px;
    }
    form#frmBuscador.on {
        top: 20px;
        left: 50%;
        margin-left: -125px;
    }
    
    
    
    /* slide */
    
        #slider {
            height: 400px;
        }
        #slider .slide {
            position: relative;
        }
        #slider .slide .centrador {
            display: block !important;
            height: auto !important;
            position: absolute;
            bottom: 0;
            background: rgba(255, 255, 255, .8);
        }
        #slider .slide .centrador .texto {
            background: transparent;
        }
        #slider .slide .centrador .texto br {
            display: none;
        }
        #slider .slide .centrador .texto h2 {
            font-size:  20px;
            
        }
        
        #slider .slide .centrador .container-fluid {
            display: block;
            position: absolute;
            bottom: 0;
            padding: 0;
        }
        
        #slider.home-corporativa {
            height: 300px;
        }
        #slider.home-corporativa .centrador {
            position: absolute;
            bottom: 0;
        } 
        
        #paginador {
            background: transparent;
            padding: 10px 0;
        }
            #paginador div {
                width:   15px;
                height:  15px;
                padding: 0;
                -webkit-border-radius: 	15px;
                -moz-border-radius: 	15px;
                -o-border-radius:		15px;
                border-radius: 			15px;
                background: #999;
                margin: 10px 5px;
            }
            #paginador span {
                display: none;
            }
    
    
    #contenido #noticias .snippet .pull-right {
        max-width: 300px;
    }
    body.corporativa .texto {
        background: white;
        padding: 20px 0;
    }
    
    
    .banda-area {
        position: relative;
        padding: 20px 0;
    }
    .banda-area .imagen {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .banda-area .imagen {
        background-image: none !important;
    }
    
    .boton-privada {
        display: block;
        padding: 0;
        text-align: left !important;
        background-image: none !important;
    }
    
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    header h1 .center-block {
        margin: 0;
    }
    #contenido #noticias .snippet .pull-right {
        margin-left: 0;
        margin-bottom: 10px;
        max-width: 480px;

    }
}
@media only screen and (max-width : 320px) {
    form#frmBuscador {
        top: -300px;
        width: 90%;
        margin: 0 auto;
        left: 0;
    }
}

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

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
 background-color:#FFEEC6;
 border-color:#FFEEC6;
 color:#584545;
}

/*strong*/span.strong, a.strong{font-size: 22px;font-weight: 700;}
p.sinsalto {background-color: #fff; padding:10px;}
p.sinsalto .img-responsive{display:inline-block!important; margin:0px 10px;}

/*****media print*****/
@media print {
    * , :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: none;
    }

    abbr[title]:after {
        content: none;
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }
    
    #control-menu,
    #menu-practico, 
    #menu,
    #pie .pdleft40,
    #pie #social,
    #social-share,
    .breadcrumb {
        display: none;
    }
    #slider .texto {
        width: 50%;
        margin-top: 200px
    }
    #slider.una-foto {
        height: auto;
    }
}