html,body {
    overflow: auto;
    height: auto
}

* {
    font-family: 'Muli',sans-serif
}

#myCarousel #at-image-sharing-tool {
    display: none!important
}

header,footer,aside,article,section,nav {
    display: block
}

iframe[id^="oauth2relay"],#twttrHubFrameSecure,#twttrHubFrame {
    position: fixed!important
}

body {
    margin: 0;
    padding: 0
}

a {
    color: #248cc8;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a.ampliar_contenido {
    float: right;
    position: relative;
    background: url(../img/fondo_destacados_enlace.png) no-repeat right center;
    max-width: 90%;
    padding: 5px 10% 5px 0;
    text-align: right;
    font-size: .9em
}

div#irMovil {
    background: none repeat scroll 0 0 #333;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: .9;
    padding: 20px 0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1000
}

a.version_movil {
    color: #fff;
    font-size: 2em;
    margin-right: 30px
}

.a100,.a50,.a33,.a25 {
    float: left!important;
    padding: 0 1%!important
}

.a100 {
    width: 98%!important;
    min-height: auto
}

.a50 {
    width: 48%!important
}

.a33 {
    width: 31.33%!important
}

.a25 {
    width: 23%!important
}

.Centrado {
    width: 1180px;
    margin: auto;
    padding: 0;
    height: auto;
    position: relative;
    z-index: 100
}

.no-centrado + .Centrado {
    width: 100%
}

#contenedor {
    min-width: 1180px;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 151px 0 0;
    position: relative;
    font-size: 16px;
    z-index: 1000;
}

#base_utilidades {
    width: 100%;
    height: 40px;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 351;
    transition: .5s ease all;
    display: none
}

#base_cabecera {
    min-width: 1180px;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(#a4c9e7 calc(100% - 43px), rgb(188 33 39) calc(100% - 43px));
    z-index: 350;
    transition: .1s ease .5s;
}

#base_cabecera.cerrada {
    background: rgba(0,0,0,0.6);
}

#base_cabecera + #destacados {
    margin-top: 140px
}

#base_cabecera + #base_agenda {
    margin-top: 140px
}

#base_cabecera + #fondo-carrito {
    margin-top: 140px
}

#base_cabecera + #base_centro {
    /*margin-top: 140px*/
}

#base_cabecera #menuSuperior {
    width: auto;
    height: 47px;
    float: right;
    margin: 0;
    padding: 0;
    position: relative
}

#base_centro {
    width: 100%;
    min-height: 400px;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
    background: #272962;
}

#base_centro #base_central {
    width: 96%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0 2%;
    position: relative;
    z-index: 100;
    background: #fff;
}
#base_centro .no-centrado + .Centrado  #base_central {
    padding: 0;
    width: 100%;
}
#baseloMas {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    padding: 30px 0;
    border-top: 1px solid #eee;
    background: url(../img/fondo_losmas2.png) top left repeat
}

#baseNube {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
    background: none repeat scroll 0 0 #111
}

#fondo_newsletter {
    float: left;
    height: auto;
    position: relative;
    width: 100%;
    background: rgba(222,222,222,0.6);
    transition: 0.5s ease all;
}

#fondo_newsletter:hover {
    background: #000000
}

#fondo_newsletter:hover #base_alta_newsletter h3 {
    color: #b25555
}

#base_redes {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 10px 0;
    position: relative;
    background: #bc2127;
}

#base_redes h2 {
    display: none
}

#base_redes > .base_redes > p,#base_redes > * > .base_redes > p {
    display: none
}

#base_redes.a100 div.redes_bloque {
    width: 18%;
    height: auto;
    float: left;
    margin: 0 1%;
    padding: 0
}

#base_redes div.redes_bloque {
    width: calc(100% / 4 - 2%);
    height: auto;
    float: left;
    margin: 10px 1%;
    padding: 0
}

#base_redes div.redes_bloque+div.redes_bloque {
    width: calc(100% / 4 * 3 - 2%)
}

; #base_redes div.redes_bloque div.titulo a {
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    text-align: center;
    height: 30px;
    overflow: visible;
    z-index: 1;
    font-size: 0;
    margin: 0 0 -8px
}

#base_redes div.redes_bloque div.instagram a {
    background: url(../../redes_sociales/instagram/img/instagram.png) no-repeat center center
}

#base_redes div.redes_bloque div.flickr a {
    background: url(../../redes_sociales/flickr/img/flickr.png) no-repeat center center
}

#base_redes div.redes_bloque iframe.flickr_embeb {
    position: relative;
    width: 100%;
    height: auto
}

#base_redes div.redes_bloque small.firma {
    display: block;
    position: relative;
    font-size: 8px;
    color: #999;
    width: 100%;
    text-align: center;
    margin: 0;
    top: -24px
}

#base_redes div.redes_bloque small.firma a {
    color: #999
}

#base_redes div.redes_bloque>span[class^="PIN_"] {
    width: 100%!important
}

#logo {
    width: 100%;
    height: 80px;
    float: left;
    margin: 12px 0;
    padding: 0;
    z-index: 100;
    text-align: center;
    transition: .5s ease all
}

#logo img {
    max-height: 100%;
    max-width: 100%;
    float: none;
    display: inline-block;
    overflow: hidden;
}

#logo img.peque {
    opacity: 0;
    height: 0;
}

#imagen-seccion {
    border: medium none;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

#imagen-seccion img.imagen,#imagen-seccion #wrapper {
    float: left;
    height: calc(width/3);
    position: relative;
    width: 100%;
    z-index: 1000
}

#centro_izquierda {
    height: auto;
    float: left;
    margin: 0 3% 0 0;
    padding: 0 0 1px
}

#centro_izquierda h2 {
    width: 100%;
    float: right;
    padding: 0;
    margin: 0 0 15px;
    color: #535151;
    text-align: right;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 2em;
    display: none
}

#centro_derecha {
    height: auto;
    float: right;
    margin: 0;
    padding: 0;
    z-index: 100
}

#centro_derecha h2 {
    width: 100%;
    float: right;
    margin: 10px 0 0;
    padding: 3px 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 400;
    text-align: center;
    background: #248cc8;
    color: #535151
}

#centro_centro {
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    overflow: visible;
    position: relative;
    z-index: 1
}

*>#centro_centro {
    min-height: 400px;
    height: auto
}

#centro_centro h1 {
    background: #bc2127;
    color: #fff;
    float: left;
    font-size: 1.5em;
    font-weight: 400;
    margin: 15px 0 10px;
    padding: 3px 0 3px 1%;
    text-transform: none;
    width: 99%;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
}

#centro_centro h1 a {
    color: #fff;
}

#buscador {
    width: auto;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    position: relative;
    background: #fff;
    position: absolute;
    right: 80px;
    top: 3px;
}

#buscador ul {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    height: auto;
    list-style-type: none
}

#buscador ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    transition: background 1s ease
}

#buscador li input {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: medium none;
    color: #222;
    cursor: help;
    float: left;
    font-size: 0.8em;
    font-weight: 400;
    height: 15px;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    transition: color .8s ease 0s;
    width: 130px;
}

#buscador li input:hover,#buscador li input:active {
    color: #000
}

#buscador li input.boton {
    width: 25px;
    float: left;
    height: 25px;
    padding: 0;
    margin: 0 0 0 8px;
    background: url(../img/ico_buscador.png) no-repeat center center;
    cursor: pointer;
    opacity: .6;
    background-size: auto 85%;
}

#buscador li input.boton:hover {
    opacity: 1
}

#tienda_online {
    width: 142px;
    height: 41px;
    float: left;
    margin: 0;
    padding: 0;
    display: none
}

#tienda_online a {
    background: url(../img/ver_cesta.png) repeat-y scroll right top transparent;
    float: left;
    height: 41px;
    margin: -10px 0 0;
    padding: 0;
    width: 142px;
    z-index: 0;
    position: relative
}

#tienda_online a:hover {
    background: url(../img/ver_cesta_hover.png) repeat-y scroll right top transparent
}

.menu_bar {
    display: none
}

#principal {
    width: 100%;
    height: auto;
    float: right;
    margin: 0 0 0;
    padding: 0;
    z-index: 1500;
    position: relative;
    display: block
}

#principal ul {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

#principal ul li.separador {
    width: 1px;
    height: 44px;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    background: #248cc8;
    position: relative;
    display: none
}

#principal ul li {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 3px;
    padding: 9px 4px;
    position: relative;
    transition: background .5s ease-in,color .5s ease-out;
    border-top: 1px solid transparent
}

#principal ul li.selec {
    border-top: none;
    border-bottom: 1px solid #248cc8
}

#principal ul li a {
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: -.6px;
    padding: 4px 0 2px;
    text-decoration: none;
    transition: color .5s ease-out 0;
    text-transform: uppercase
}

#principal ul li a.selec {
    color: var(--color3);
}

#principal ul li a:hover,#principal ul li:hover>a {
    color: #ffdf0f
}

#principal ul li ul {
    background: #bc2127;
    border: medium none;
    box-shadow: 0 5px 5px #333;
    float: left;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 90%;
    width: 375px;
    display: block;
    transition: .5s ease 0s;
    opacity: 0;
    min-height: 0;
    z-index: 500
}

#principal ul li:hover>ul {
    opacity: 1;
    min-height: 10px;
    padding: 5px 0;
    z-index: 600!important
}

#principal ul li ul li.submenu_sombra {
    display: none!important
}

#principal ul li ul li.submenu_imagen {
    width: 35%;
    height: 150px;
    float: right;
    margin: 10px 0 0;
    padding: 0;
    border: none;
    overflow: hidden
}

#principal ul li ul li.submenu_imagen:hover {
    text-indent: 9px;
    background: none
}

#principal ul li ul li {
    width: 98%;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5% 1%;
    position: relative;
    background: none;
    text-indent: 9px;
    transition: .4s ease all;
    color: #888;
    display: none
}

#principal ul li:hover>ul>li {
    display: block
}

#principal ul li ul li:hover {
    text-indent: 25px;
    background: none;
    border-top: 1px solid transparent
}

#principal ul li ul li a {
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: 400;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
    color: #fff;
    text-transform: none;
}

#principal ul li ul li a.selec {
    color: var(--color3);
}

#principal ul li ul li a:hover,#principal ul li ul li:hover> a {
    color: var(--color3);
}

#principal ul li ul li ul {
    float: left;
    height: auto;
    left: 98%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 270px
}

#principal ul li ul li ul li.submenu_flecha {
    display: none
}

#principal ul li ul li ul li.submenu_sombra {
    display: none
}

#principal ul li ul li ul li.submenu_imagen {
    display: none
}

#principal ul li ul li ul li {
    width: 100%;
    float: right;
    margin: 0;
    padding: 3px 0;
    text-align: left;
    text-indent: 9px;
    position: relative;
    background: none;
    transition: text-indent .6s ease,background .3s ease
}

#principal ul li ul li ul li:hover {
    text-indent: 25px;
    color: #fff
}

#principal ul li ul.visible_hijo > li {
    background: #f47e3c;
}

#principal ul li ul.visible_hijo > li:hover {
    box-shadow: 0 0 2px 1px #999;
}

#principal ul li ul.visible_hijo > li > a {
    color: #fff;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-indent: 0 !important;
}

#principal ul li ul.visible_hijo li ul {
    float: left;
    height: auto;
    left: 98%;
    margin: 0;
    min-height: 1px;
    padding: 0 0 0;
    position: absolute;
    top: -10px;
    width: 100%;
    border: none;
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    box-shadow: none;
    display: flex;
    flex-flow: wrap;
}

#principal ul li ul.visible_hijo li:hover>ul {
    background: #ffffff;
}

#principal ul li ul.visible_hijo li ul li {
    display: block;
}

#secundario {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 100;
    position: relative;
    background: #eee
}

#secundario ul {
    width: 99%;
    float: left;
    margin: 0;
    padding: 2px 0;
    list-style-type: none
}

#secundario li {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

#secundario li.encabezadoMenu {
    display: none
}

#secundario li span.numero {
    display: none
}

#secundario li a {
    width: auto;
    text-decoration: none;
    color: #000;
    float: left;
    padding: 0 8px;
    cursor: pointer
}

#secundario li a:hover,#secundario li a.selec {
    color: #7bb1dd
}

#navegador_web {
    color: #666;
    float: left;
    font-size: 1.6em;
    font-weight: 400;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

#navegador_web ul {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #AAA;
    font-size: 12px
}

#navegador_web ul li.seccion {
    background: url(../img/separa_navegador.png) no-repeat scroll left 3px rgba(0,0,0,0);
    color: #272962;
    float: left;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 6px 0 0 20px;
    text-transform: uppercase;
	font-weight: bold;
}

#navegador_web ul li.seccion a {
    margin-top: 0;
    font-size: 1em
}

#navegador_web ul li.separa_navegador {
    margin: 0 4px
}

#navegador_web ul a {
    font-size: .9em;
    font-weight: 400;
    text-transform: uppercase;
    color: inherit;
    margin-top: 3px;
	color: #262863;
    font-weight: bold;
}

#navegador_web ul a:hover {
    color: #333;
    text-decoration: none
}

#navegador_web ul li.portada {
    color: #aaa;
    float: left;
    font-size: 1.5em;
    font-weight: 400;
    padding: 3px 0 5px;
    text-transform: uppercase;
    width: auto
}

#navegador_web h1,#navegador_web strong {
    float: left;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    padding: 0;
    width: auto;
    color: #248cc8
}

#destacados {
    width: calc(100% - 90px);
    height: auto;
    float: left;
    margin: 0 45px;
    padding: 15px 0;
    position: relative;
    z-index: 250;
    font-size: 1em;
    background: #fff;
}

#destacados ul.destacados {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#destacados ul.destacados li {
    width: calc(100% / 4 - 10px);
    height: auto;
    float: left;
    padding: 0 0 0;
    margin: 0 5px;
    position: relative;
    transition: all .5s ease 0s;
    min-height: auto;
    background: #f2f2f2
}

#destacados ul.destacados li:hover {
    transform: scale(1)!important;
    box-shadow: 0 0 2px #666;
    z-index: 100
}

#destacados ul.destacados li div.imagen {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: transform .3s linear
}

#destacados ul.destacados li div.imagen a {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center
}

#destacados ul.destacados li div.imagen a img {
    height: auto;
    width: 100%;
    transition: all .3s ease
}

#destacados ul.destacados li div.datos {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#destacados ul.destacados li div.datos p {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}

#destacados ul.destacados li div.datos p a {
    width: 90%;
    float: left;
    margin: 20px 0;
    padding: 5px 5%;
    font-size: 1.5em;
    text-decoration: none;
    color: #000;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

#destacados ul.destacados li:hover div.datos p a {
    color: #f47e3c;
    text-decoration: none
}

#destacados ul.destacados li p.resumen {
    width: 90% !important;
    float: left;
    margin: 0;
    padding: 10px 5% 0 !important;
    color: #222;
    font-size: 1em;
    display: block;
    height: 125px !important;
    overflow: hidden;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

#destacados ul.destacados li a,#destacados ul.destacados li p.fecha {
    display: none
}

#destacados ul.destacados li a.ampliar_contenido {
    display: block;
    background: none;
    float: left;
    margin: 0px 30px 5px 30px;
}

#destacados #listadoDestacados {
    float: left;
    height: 200px;
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0 1%;
    width: 99%
}

#destacados #listadoDestacados li {
    border: 1px solid #eee;
    box-shadow: 0 0 4px #fff;
    float: left;
    height: auto;
    list-style-type: none;
    min-height: 176px;
    padding: 10px 1%;
    position: relative;
    transition: box-shadow .5s ease 0s,background .5s ease 0s;
    width: 22.5%
}

#destacados #listadoDestacados li:hover {
    box-shadow: 0 0 4px #999;
    background: #f5f5f5;
    border-top: 1px solid #248cc8
}

#destacados #listadoDestacados li > a {
    background: url(../img/fondo_destacados_enlace.png) no-repeat scroll right center rgba(0,0,0,0);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: .7em;
    height: 20px;
    letter-spacing: -.3px;
    margin: 0;
    padding: 6px 0 0;
    position: absolute;
    right: 0;
    width: 115px
}

#destacados #listadoDestacados li p {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0 3px;
    text-align: center;
    font-size: 1.2em
}

#destacados #listadoDestacados li p a {
    color: #248cc8;
    font-size: .9em;
    font-weight: 400;
    letter-spacing: -.3px;
    text-decoration: none
}

#destacados #listadoDestacados li p a:hover {
    color: #666;
    text-decoration: none
}

#destacados #listadoDestacados li p.resumen {
    width: 100%;
    height: auto;
    float: left;
    text-decoration: none;
    margin: 0;
    color: #888;
    font-size: .8em
}

#destacados #listadoDestacados li p.resumen a,#destacados #listadoDestacados li p.resumen a:hover {
    text-decoration: none
}

#destacados #listadoDestacados li p.fecha {
    width: 70%;
    height: auto;
    float: right;
    text-decoration: none;
    margin: 0;
    color: #333;
    display: none
}

#destacados #listadoDestacados li div.imagen {
    float: left;
    height: 90px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 99%;
    transition: transform .3s linear
}

#destacados #listadoDestacados li div.imagen img {
    width: 100%
}

#destacados #listadoDestacados li div.imagen a {
    width: 100%
}

#destacados #barraDestacados {
    position: relative;
    float: left;
    width: 100%;
    height: auto
}

#destacados #barraDestacados div#ampliarDestacados {
    background: url(../img/ampliar.png) no-repeat scroll left 8px rgba(0,0,0,0);
    float: left;
    height: 35px;
    width: 100%;
    display: none!important
}

#destacados #barraDestacados div#ampliarDestacados a {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    display: block;
    margin-left: 20px;
    padding: 3px 7px;
    width: 108px;
    text-decoration: none;
    text-align: center;
    transition: background-color .6s ease;
    font-size: .9em
}

#destacados #barraDestacados div#ampliarDestacados a:hover {
    background-color: #bbb;
    color: #fff
}

#destacados #barraDestacados div#restaurarDestacados {
    background: url(../img/retraer.png) no-repeat scroll left 0 rgba(0,0,0,0);
    float: left;
    height: 40px;
    width: 100%
}

#destacados #barraDestacados div#restaurarDestacados a {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    display: block;
    margin-left: 20px;
    margin-top: 4px;
    padding: 3px 7px;
    width: 105px;
    text-decoration: none;
    text-align: center;
    transition: background-color .6s ease;
    font-size: .9em
}

#destacados #barraDestacados div#restaurarDestacados a:hover {
    background-color: #bbb;
    color: #fff
}

#contenido_contenido {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    overflow: visible;
    color: #333
}

#contenido_contenido div.descripcion_seccion {
    float: left;
    margin: 5px 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 1.1em!important;
    width: 100%
}

div.descripcion_seccion strong {
    color: #333
}

div.descripcion_seccion span[style*=color] strong {
    color: inherit
}

div.descripcion_seccion hr {
    border: 1px solid #eee
}

div.descripcion_seccion p {
    width: 100%
}

div.descripcion_seccion a {
    display: inline;
    transition: background .9s ease,color .7s ease
}

div.descripcion_seccion a:hover {
    text-decoration: underline
}

#contenido_contenido div.descripcion_seccion a img {
    margin: 5px;
    padding: 5px;
    border: 3px solid #fff
}

#contenido_contenido div.descripcion_seccion a:hover img {
    border: 3px solid #ddd
}

#contenido_contenido div.descripcion_seccion ul {
    width: 100%;
    float: left;
    margin: 3px 0 10px;
    padding: 0;
    list-style-type: none
}

#contenido_contenido div.descripcion_seccion ul li {
    width: 92%;
    float: left;
    margin: 7px 0 7px 3%;
    padding: 0 0 0 22px;
    background: url(../img/fondo_li.gif) top left no-repeat
}

#contenido_contenido div.descripcion_seccion ul[style*="list-style-type"] li {
    background: none;
    padding: 0
}

#contenido_contenido div.descripcion_seccion h1,#contenido_contenido div.descripcion_seccion h2,#contenido_contenido div.descripcion_seccion h3,#contenido_contenido div.descripcion_seccion h4,#contenido_contenido div.descripcion_seccion h5 {
    float: left;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 15px 0;
    padding: 0;
    text-transform: none
}

#contenido_contenido div.descripcion_seccion h1 {
    color: #248cc8;
    font-size: 1.8em
}

#contenido_contenido div.descripcion_seccion h2,
#contenido_contenido div#capa_descripcion h2  {
    color: #248cc8;
    font-size: 1.6em
}
#contenido_contenido div.descripcion_seccion h2,
#contenido_contenido div#capa_descripcion h2  {
    background: #bc2127;
    color: #fff;
    float: left;
    font-size: 1.5em;
    font-weight: 400;
    margin: 15px 0 10px;
    padding: 3px 0 3px 1%;
    text-transform: none;
    width: 99%;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
}
#contenido_contenido div.descripcion_seccion h3,
#contenido_contenido div#capa_descripcion h3  {
    background: #272962;
    color: #fff;
    float: left;
    font-size: 1.4em;
    font-weight: 400;
    margin: 15px 0 10px;
    padding: 3px 0 3px 1%;
    text-transform: none;
    width: 99%;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
}

#contenido_contenido div.descripcion_seccion h4 {
    color: #248cc8;
    font-size: 1.2em
}

#contenido_contenido div.descripcion_seccion h5 {
    color: #248cc8;
    font-size: 1em
}

#base_pie {
    min-width: 1180px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 0 0;
    position: relative;
    background-color: #272962;
    font-size: 1em;
    color: #ddd;
    overflow: hidden
}

#base_extras {
    float: right;
    margin: 30px 0 0;
    padding: 10px 0;
    text-align: center;
    width: auto
}

#base_pie #base_extras a {
    width: auto;
    padding: 0;
    text-align: center
}

#base_pie #base_extras a:hover {
    text-indent: 0
}

#base_extras a span {
    display: none;
    margin: 0
}

#base_pie ul.datos_empresa {
    width: 27%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5% 1.5% 1.5% 0;
    text-align: center;
    list-style-type: none
}

#base_pie ul.datos_empresa > div li {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0
}

#base_pie ul.datos_empresa li strong,#base_pie ul.datos_empresa li span {
    width: auto;
    margin: 0 4px 0 0;
    float: left;
	text-align: left;
}

#base_pie #enlacesLegales {
    display: block;
    float: left;
    width: 18.5%;
    min-height: 150px;
    height: auto;
    margin: 0;
    padding: 1.5%;
    position: relative
}

#base_pie #destacados_pie {
    width: 22%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5%
}

#base_pie #accesos_directos {
    width: 22%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5%
}

#base_pie .destacados_pie.iconos ul {
    width: auto;
    height: auto;
    float: left;
    margin: -3px 0 0;
    padding: 0
}

#base_pie .destacados_pie.iconos ul li {
    width: auto;
    float: left;
    margin: 5px 0
}

#base_pie .destacados_pie.iconos ul li a {
    height: 32px;
    width: 35px;
    display: inline;
    padding: 0
}

#base_pie .destacados_pie.iconos ul li a.facebook {
    background: url(../img/facebook.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.twitter {
    background: url(../img/twitter.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.youtube {
    background: url(../img/youtube.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.google {
    background: url(../img/google.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.rss {
    background: url(../img/rss.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.blogger {
    background: url(../img/blogger.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.pinterest {
    background: url(../img/pinterest.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.flickr {
    background: url(../img/flickr.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.instagram {
    background: url(../img/instagram.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.foursquare {
    background: url(../img/foursquare.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.linkedin {
    background: url(../img/linkedin.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.vimeo {
    background: url(../img/vimeo.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a.dropbox {
    background: url(../img/dropbox.png) no-repeat top left
}

#base_pie .destacados_pie.iconos ul li a span {
    display: none
}

#base_pie ul {
    width: 100%;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#base_pie ul li.cabecera, #base_pie #enlacesLegales p {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.3em;
    font-weight: 700;
    color: #fff;
    text-align: left;
    font-family: "Expletus Sans", sans-serif;
    text-transform: uppercase;
}

#base_pie ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin: 2px 0;
    list-style-type: none
}

#base_pie span,#base_pie a {
    float: left;
    width: 96%;
    height: auto;
    margin: 2px 0;
    padding: 0;
    color: inherit;
    transition: .5s ease 0s;
    font-weight: 400
}

#base_pie a:hover {
    color: #fff;
    text-decoration: none;
    text-indent: 10px
}

#base_pie span.separador {
    display: none
}

div#comodo {
    position: absolute;
    right: 430px;
    top: 209px;
    z-index: 100;
}

a#comodoTL {
    color: #248cc8;
    font-family: inherit;
    font-size: .7em;
    margin-left: -117px;
    margin-top: 29px;
    text-decoration: underline;
}

a#comodoTL:hover {
    text-indent: 0
}

#base_destacados_lateral {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0;
    padding: 0
}

#base_destacados_lateral ul {
    width: 100%;
    height: auto;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#base_destacados_lateral ul li {
    width: 96%;
    height: auto;
    float: left;
    margin: 0 0 10px;
    padding: 2%;
    list-style-type: none;
    border-bottom: 3px double #e5e5e5;
    background: #f8f8f8
}

#base_destacados_lateral ul li h3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0
}

#base_destacados_lateral ul li h3 a {
    color: #999;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none
}

#base_destacados_lateral ul li h3 a:hover {
    color: #248cc8;
    text-decoration: none
}

#base_destacados_lateral ul li p.resumen {
    width: 100%;
    height: auto;
    float: left;
    text-decoration: none;
    margin: 7px 0 0;
    color: #248cc8;
    font-size: .9em
}

#base_destacados_lateral ul li p.resumen a,#base_destacados_lateral ul li p.resumen a:hover {
    text-decoration: none;
    float: right
}

#base_destacados_lateral ul li p.fecha {
    width: 100%;
    height: auto;
    float: left;
    text-decoration: none;
    margin: 7px 0 0;
    color: #333;
    text-align: right
}

#base_destacados_lateral ul li div.imagen {
    width: 99%;
    height: 80px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center
}

#base_destacados_lateral ul li div.imagen img {
    width: 100%
}

#resultados_busqueda {
    margin: 0 0 0 2.5%;
    padding: 0;
    overflow: hidden;
    width: 95%;
    float: left
}

#resultados_busqueda h3 {
    background: none repeat scroll 0 0 #f3f3f3;
    color: #666;
    float: left;
    font-weight: 400;
    height: auto;
    margin: 0 0 10px;
    padding: 7px 2%;
    text-transform: uppercase;
    width: 96%
}

#resultados_busqueda ul {
    width: 90%;
    float: left;
    margin: 0 0 0 5%;
    padding: 0;
    list-style-image: url(../img/flecha-buscador.png);
    list-style-position: inside
}

#resultados_busqueda li {
    width: 100%;
    clear: both;
    margin: 0 0 4px;
    padding: 0 0 10px 5px
}

#resultados_busqueda li a {
    color: #666;
    margin: 0 0 0 5px;
    text-decoration: none
}

#resultados_busqueda li a.titulo {
    color: #222;
    font-weight: 700;
    margin: 0;
    text-decoration: none
}

#resultados_busqueda li a.titulo:hover {
    color: #888
}

#iconos {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
	    filter: brightness(0) invert(1);
}

.cerrada #iconos {
    filter: brightness(0) invert(1);
}

#iconos ul.iconos {
    float: left;
    width: auto;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: 0.5s ease all;
}

#iconos ul.iconos li {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto
}

#iconos ul.iconos li:nth-of-type(1),#iconos ul.iconos li:nth-of-type(2),#iconos ul.iconos li:nth-of-type(3),#iconos ul.iconos li:nth-of-type(4) {
    display: none;
}

#iconos ul.iconos li a {
    color: #888;
    display: block;
    font-size: .7em;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    transition: color 1s ease-out;
    padding: 0 0 0;
    margin: 2px 3px 0;
    text-transform: lowercase;
    transition: .5s ease all;
    background-size: contain !important;
}

#iconos ul.iconos li a.inicio {
    background: url(../img/portada.png) center no-repeat
}

#iconos ul.iconos li a.mapaweb {
    background: url(../img/mapa.png) center no-repeat
}

#iconos ul.iconos li a.correo {
    background: url(../img/contacto.png) center no-repeat
}

#iconos ul.iconos li a.localizacion {
    background: url(../img/localizacion.png) center no-repeat;
    display: none
}

#iconos ul.iconos li a.webmail {
    background: url(../img/webmail.png) center no-repeat
}

#iconos ul.iconos li a.franquicia {
    background: url(../img/franquicia.png) center no-repeat
}

#iconos ul.iconos li a.facebook {
    background: url(../img/facebook.png) center no-repeat
}

#iconos ul.iconos li a.twitter {
    background: url(../img/twitter.png) center no-repeat
}

#iconos ul.iconos li a.favoritos {
    background: url(../img/favoritos.png) center no-repeat
}

#iconos ul.iconos li a.youtube {
    background: url(../img/youtube.png) center no-repeat
}

#iconos ul.iconos li a.googleplus {
    background: url(../img/google.png) center no-repeat
}

#iconos ul.iconos li a.blogger {
    background: url(../img/blogger.png) center no-repeat
}

#iconos ul.iconos li a.pinterest {
    background: url(../img/pinterest.png) center no-repeat
}

#iconos ul.iconos li a.flickr {
    background: url(../img/flickr.png) center no-repeat
}

#iconos ul.iconos li a.instagram {
    background: url(../img/instagram.png) center no-repeat
}

#iconos ul.iconos li a.foursquare {
    background: url(../img/foursquare.png) center no-repeat
}

#iconos ul.iconos li a.linkedin {
    background: url(../img/linkedin.png) center no-repeat
}

#iconos ul.iconos li a.vimeo {
    background: url(../img/vimeo.png) center no-repeat
}

#iconos ul.iconos li a.dropbox {
    background: url(../img/dropbox.png) center no-repeat
}

#iconos ul.iconos li a.rssCabecera {
    background: url(../img/rss.png) center no-repeat
}

#iconos ul.iconos li a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1
}

#iconos ul.iconos li a:hover img {
    display: block;
    margin: 0 30px
}

#mapaweb {
    margin: 20px 0 0 1%;
    padding: 0;
    overflow: hidden;
    width: 100%;
    float: left;
    font-size: .9em
}

#mapaweb h3 {
    color: #264811;
    margin: 5px 0 15px
}

#mapaweb ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

#mapaweb li {
    background-color: rgba(0,0,0,0);
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px;
    width: 95%;
    transition: background .8s ease
}

#mapaweb li:hover {
    background: url(../img/flecha-mapaWeb.png) no-repeat scroll 0 7px #ddd
}

#mapaweb li li {
    background: none
}

#mapaweb li a {
    color: #666;
    margin: 0;
    text-decoration: none
}

#mapaweb li a.titulo {
    color: #444;
    margin: 0;
    text-decoration: none;
    font-size: 1.2em
}

#mapaweb li a.titulo:hover {
    color: #248cc8
}

#mapaweb li p {
    color: #333;
    margin: 0;
    padding: 0 0 5px 10px;
    text-align: left
}

#tabla_localiza {
    border-left: 1px dotted #ef4038;
    padding: 10px
}

#tabla_localiza td {
    border-left: 1px dotted #ef4038;
    padding: 0 20px 0 10px
}

div.compartir_redes {
    width: 350px;
    position: relative;
    float: right;
    margin: 0 0 15px
}

div.paginador,#paginador {
    float: left;
    font-size: .9em;
    margin: 5px 0;
    padding: 1%;
    text-align: left;
    width: 98%;
    background: #f3f3f3
}

div.paginador p.texto_paginador,#paginador p.texto_paginador {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto
}

div.paginador p.texto_paginador {
    display: none
}

div.paginador p.cuerpo_paginador,#paginador p.paginador {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: auto
}

div.paginador a,#paginador a {
    color: #666;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 20px;
    transition: background .5s ease
}

div.paginador a:hover,#paginador a:hover {
    background: #333;
    color: #eee
}

div.paginador strong,#paginador strong {
    color: #248cc8;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 20px
}

div.paginador table {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

#redes_sociales {
    float: right;
    height: auto;
    margin: -35px 45px 5px 0;
    padding: 8px 0 5px;
    position: relative;
    width: 370px;
    z-index: 1
}

.objeto #redes_sociales {
    margin: -56px 60px 5px 0px;
    width: auto;
}

#redes_sociales div.facebook {
    float: left;
    height: auto;
    margin: 0;
    padding: 0 5px;
    width: auto
}

#redes_sociales div.twitter {
    float: left;
    height: auto;
    margin: 0;
    padding: 0 3px 0 0;
    width: 90px
}

#redes_sociales div.twitter a.twitter-share-button {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 0
}

#redes_sociales .addthis_inline_share_toolbox {
    clear: none!important;
    float: left!important;
    margin-left: 5px!important;
    width: auto!important
}

#redes_sociales div.google {
    float: left;
    height: auto;
    margin: 0;
    padding: 0 0 0 4px;
    width: 62px
}

#redes_sociales div.share {
    float: left;
    height: auto;
    padding: 2px 0 0;
    width: auto
}

#redes_sociales a.imprimir {
    width: 25px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    background: url(../img/ico_imprimir.png) no-repeat top center
}

#redes_sociales a.imprimir:hover {
    background: url(../img/ico_imprimir_hover.png) no-repeat top center
}

#redes_sociales a.contacto {
    width: 25px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    background: url(../img/ico_contacto.png) no-repeat top center
}

#redes_sociales a.contacto:hover {
    background: url(../img/ico_contacto_hover.png) no-repeat top center
}

#instagram {
    width: 96%;
    float: left;
    margin: 0 0 15px;
    padding: 2%;
    border: 1px solid #eee
}

#instagram h3 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

#instagram h3 a {
    width: auto;
    height: 25px;
    float: left;
    margin: 0;
    padding: 0 0 0 80px;
    background: url(../../redes_sociales/instagram/img/logo.png) no-repeat top left
}

#instagram a {
    width: 33.33%;
    float: left;
    margin: 0;
    padding: 0
}

#instagram a img {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

#listado_objeto {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    padding: 0
}

#listado_objeto:hover h2 {
    color: #248cc8
}

#listado_objeto:hover ul {
    border: 1px solid #248cc8
}

#listado_objeto p.titulo {
    color: #535151;
    display: block;
    float: left;
    font-size: 1.1em;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 99%
}

#listado_objeto ul {
    border: 1px solid #eee;
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 5px .5%;
    width: 99%
}

#listado_objeto ul li {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: auto;
    margin: 5px .5%;
    padding: 0 0;
    position: relative;
    width: calc(100% / 4 - 1%);
    overflow: hidden
}

#listado_objeto h2 {
    color: #888;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    display: block
}

#listado_objeto ul li h3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(255,255,255,0.7);
}

#titulo_accesorios {
    display: none;
}

#listado_objeto ul li:hover h3 {
    background:#272962;
}

#listado_objeto ul li:hover h2 a {
    color: #248cc8
}

#listado_objeto ul li:hover a.ampliarLoMas {
    background: url(../img/fondo_destacados_enlace1.png) no-repeat scroll right center rgba(0,0,0,0)
}

#listado_objeto h3 {
    color: #888;
    float: left;
    font-size: .8em;
    font-weight: 400;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    transition: 0.5s ease all;
}

#listado_objeto h3 a {
    color: #272962;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 1%;
    font-size: 1em;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0;
    transition: 0.5s ease all;
}

#listado_objeto li:hover h3 a {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

#listado_objeto div.imagen {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    transition: 0.5s ease all;
}

#listado_objeto li:hover div.imagen {
    transform: scale(1.2);
}

#listado_objeto div.imagen img {
    width: 100%
}

#listado_objeto p {
    float: left;
    font-size: .8em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #666;
    height: 65px;
    overflow: hidden;
    text-align: justify;
    display: none;
}

#listado_objeto span.fecha {
    color: #888;
    float: left;
    font-size: .8em;
    font-weight: 400;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    display: none
}

#listado_objeto ul li a.nombre_lomas {
    color: #248cc8
}

#listado_objeto ul li a.ampliarLoMas {
    background: url(../img/fondo_destacados_enlace.png) no-repeat scroll right center rgba(0,0,0,0);
    bottom: 7px;
    color: #f5f5f5;
    font-size: .7em;
    letter-spacing: -.3px;
    padding: 0 20px 0 0;
    position: absolute;
    right: 20px;
    width: 92px;
    display: none
}

#listado_objeto ul li:hover a.ampliarLoMas:hover {
    color: #248cc8
}

#destacados_padre {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0;
    padding: 0
}

#destacados_padre ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#destacados_padre ul li {
    float: none;
    margin: 10px 1%;
    padding: 0;
    width: calc(100% / 3 - 2%);
    transition: .5s ease all;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

#destacados_padre ul li:hover {
    box-shadow: 0 0 5px #ccc
}

#centro_izquierda[style*="width:53%"] #destacados_padre ul li {
    width: 48%
}

#centro_izquierda[style*="width:100%"] #destacados_padre ul li {
    width: 23%
}

#destacados_padre ul li.separadorColumnas {
    display: none
}

#destacados_padre ul li div.imagen {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#destacados_padre ul li div.imagen img {
    float: left;
    width: 100%;
    transition: transform .5s ease
}

#destacados_padre ul li > a {
    width: 100%;
    min-height: 25px;
    height: auto;
    float: left;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    background: #f47e3c;
    color: #fff;
    font-size: .85em;
    display: flex;
    align-items: center;
    justify-content: center
}

#destacados_padre ul li > a.ampliar {
    float: right;
    color: #fff;
    height: 16px;
    text-decoration: none;
    z-index: 100;
    font-size: 0 !important;
    background: none !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#destacados_padre ul li > a:hover {
    background: #248cc8;
    text-decoration: none
}

#destacados_padre ul li span.resumen {
    width: 94%;
    float: left;
    margin: 0;
    padding: 0 3%;
    /* display: block; */
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.2em;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 100%;
    transition: 0.5s ease 0s all;
}

#destacados_padre ul li:hover span.resumen {
    top: 0;
}

#destacados_padre ul li a h3 {
    margin: 0;
    padding: 0;
    font-weight: 400
}

ul.blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 25px 0;
    padding: 0;
    list-style-type: none
}

ul.blog li.blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 15px;
    padding: 0 0 10px;
    list-style-type: none;
    border-bottom: 1px solid #ccc
}

ul.blog li.blog a.titulo_blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    color: #000
}

ul.blog li.blog p.fecha_blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 5px;
    padding: 0
}

ul.blog li.blog p.resumen_blog {
    width: 85%;
    height: auto;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    min-height: 32px
}

ul.blog li.blog a.ver_contenido_blog {
    width: auto;
    height: auto;
    float: right;
    margin: 0 0 5px;
    padding: 5px;
    background: #000;
    color: #fff;
    border: 1px solid #000
}

ul.blog li.blog a.ver_contenido_blog:hover {
    background: #fff;
    color: #000;
    text-decoration: none
}

ul.blog li.blog span.imagen_blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 5px;
    padding: 0
}

ul.blog li.blog span.imagen_blog img {
    width: 100%
}

ul.blog li.blog div.contenido_blog {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0
}

#listado_breves {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    transition: background .5s ease 0s;
}

#listado_breves:hover {
    background: #eee
}

#centro_centro h2.cabecera_breves {
    color: #535151;
    float: right;
    font-size: 1.1em;
    font-weight: 400;
    margin: 15px 5px 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    width: 100%
}

#listado_breves ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#listado_breves ul li {
    width: 98%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 3px solid #efefef;
    transition: background 1s ease
}

#listado_breves ul li:last-child {
    border-bottom: none
}

#listado_breves ul li:hover {
    background: #248cc8
}

#listado_breves ul li:hover p.fecha {
    color: #d8e5f0
}

#listado_breves ul li:hover a.titulo {
    color: #fff
}

#listado_breves ul li:hover span.resumen {
    color: #444
}

#listado_breves ul li:hover a.ampliar {
    background: url(../img/ico_ampliar_hover.png) no-repeat scroll right center rgba(0,0,0,0)
}

#listado_breves ul li .datos_listado {
    color: #999;
    float: left;
    font-size: .9em;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

#listado_breves ul li a.imagen {
    width: 100%;
    height: 180px;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    text-align: center
}

#listado_breves ul li a.imagen img {
    max-width: 100%;
    max-height: 100%
}

#listado_breves ul li a.titulo {
    color: #248cc8;
    display: block;
    float: left;
    font-size: 1.1em;
    letter-spacing: -.3px;
    line-height: 18px;
    margin: 0 0 4px;
    padding: 0;
    text-decoration: none;
    width: 100%
}

#listado_breves ul li a.titulo:hover {
    color: #fff
}

#listado_breves ul li span.resumen {
    width: 100%;
    float: left;
    margin: 2px 0;
    padding: 0;
    display: block;
    font-size: .9em
}

#listado_breves ul li p.fecha {
    width: 100%;
    margin: 2px 0;
    display: block;
    float: left;
    padding: 0;
    text-align: right;
    font-size: .9em
}

#listado_breves ul li a.ampliar {
    background: url(../img/ico_ampliar.png) no-repeat scroll right center rgba(0,0,0,0);
    bottom: 0;
    color: #000;
    float: right;
    font-size: 0;
    height: 18px;
    padding: 0 20px 0 0;
    position: absolute;
    right: 0;
    text-decoration: none
}

#listado_breves ul li a.ampliar:hover {
    color: #fff;
    font-size: .7em;
    text-decoration: none
}

#bloqueLetra {
    position: relative;
    float: right;
    width: 50px;
    margin-top: -35px;
    z-index: 1000
}

.aumentar_letra {
    width: 19px;
    height: 30px;
    float: right;
    margin: 0 6px 0 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: url(../img/ico_aumentar.png) bottom no-repeat
}

.aumentar_letra:hover {
    background: url(../img/ico_aumentar_hover.png) bottom no-repeat
}

.disminuir_letra {
    width: 19px;
    height: 30px;
    float: right;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background: url(../img/ico_disminuir.png) bottom no-repeat
}

.disminuir_letra:hover {
    background: url(../img/ico_disminuir_hover.png) bottom no-repeat
}

#plantillaFichaContenido {
    font-weight: 700;
    color: #6EA0D1;
    font-size: 1em;
    background: url(../img/patron.png);
    border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED
}

#plantillaFichaContenido >span {
    background: url(../img/contenido.png) top left no-repeat;
    float: left;
    margin-left: 5px;
    padding-top: 4px;
    text-indent: 26px
}

#plantillafichaDescripcion {
    font-weight: 700;
    color: #172A5D;
    font-size: 1em;
    background: url(../img/patron.png);
    border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED
}

#plantillafichaDescripcion >span {
    background: url(../img/descripcion.png) top left no-repeat;
    float: left;
    margin-left: 5px;
    padding-top: 4px;
    text-indent: 26px
}

#plantillafichaEmpleo {
    font-weight: 700;
    color: #77AF44;
    font-size: 1em;
    background: url(../img/patron.png);
    border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED
}

#plantillafichaEmpleo >span {
    background: url(../img/empleo.png) top left no-repeat;
    float: left;
    margin-left: 5px;
    padding-top: 4px;
    text-indent: 26px
}

#plantillafichaPrecauciones {
    font-weight: 700;
    color: #BF0000;
    font-size: 1em;
    background: url(../img/patron.png);
    border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED
}

#plantillafichaPrecauciones >span {
    background: url(../img/precaucion.png) top left no-repeat;
    float: left;
    margin-left: 5px;
    padding-top: 4px;
    text-indent: 26px
}

div.cookiesPc {
    background: none repeat scroll 0 0 #222;
    height: auto;
    left: 0;
    opacity: .9;
    top: 0;
    width: 100%;
    z-index: 10000000000
}

div.cookiesPc #mensaje_cookies {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    padding: 3px 1% 6px;
    text-align: justify;
    width: 996px
}

.scrollup {
    width: 80px;
    height: 80px;
    opacity: .6;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    background: url(../img/ir_top.png) no-repeat;
    z-index: 10000000
}

.draggable,.draggable * {
    cursor: move!important
}

#baseEtiquetasObjeto,#baseEtiquetasSeccion {
    display: none
}

@media (max-width: 1180px) {
    html,body {
        overflow:visible!important
    }

    /*#base_cabecera{position:relative!important;top:0!important}*/
    #base_utilidades {
        position: relative!important
    }

    /*#contenedor{padding:0!important}*/
    #contenedor_sectores .sector a img {
        width: 25px;
    }

    #contenedor_sectores .sector a span {
        font-size: 0.8em;
    }
}

div.objeto .datos_imagen[style="width:100%;"]+.datos_objeto {
    width: 100%;
}

#datos_extra {
    float: left;
    position: relative;
    width: 100%;
    background: #333;
    padding: 0 0;
    border-radius: 12px;
    overflow: hidden;
}

#datos_extra p.botones {
    float: left;
    width: auto;
    margin: 10px 5px;
    background: #248cc8;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
}

#datos_extra p.botones>a {
    color: inherit;
}

#datos_extra p.botones:hover {
    cursor: pointer;
}

#datos_extra p.botones.selec {
    background: #f47e3c
}

#datos_extra div.oculto {
    display: none;
}

#datos_extra > div {
    float: left;
    width: calc(98% + 1px);
    background: rgba(255,255,255,0.95);
    padding: 0 1%;
}

#datos_extra > div h4 {
    margin: 10px 0;
}

#contenido_contenido div.descripcion_seccion a.saber_mas {
    font-size: 1.2em;
    background: rgba(255,255,255,0.8);
    color: #248cc8;
    padding: 5px 10px;
}

#contenido_contenido div.descripcion_seccion a.saber_mas:hover {
    background: #f47e3c;
    color: #ffffff;
}

.centradoEspecial {
    width: calc(100% - 100px);
    margin: 0 50px;
    float: left;
    overflow: hidden;
}

#ZoomBox {
    z-index: 101000 !important
}

#base_cabecera p.titulin,#base_cabecera p.titulin2 {
    position: absolute;
    left: 7%;
    top: 0;
    color: #fff;
    font-size: 1.9em;
    font-family: var(--fuente1);
    margin: 29px 0;
    text-transform: uppercase;
}
#base_cabecera p.titulin2{left:59%;}