html,
body {
    overflow: auto;
    height: auto
}
* {
    font-family: 'Work Sans', sans-serif
}
header,
footer,
aside,
article,
section,
nav {
    display: block
}
iframe[id^="oauth2relay"],
#twttrHubFrameSecure,
#twttrHubFrame {
    position: fixed!important
}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}
a {
    color: #888;
    display: inline-block;
    padding: 0 2px;
    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: #4b4c4d;
    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
}
#contenedor {
    min-width: 1180px;
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 313px;
    padding: 0;
    position: relative;
    font-size: 16px;
    z-index: 10;
    background: #fff;
}
#base_utilidades {
    width: 100%;
    height: 40px;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 351;
    background: #f44336;
    transition: .5s ease all;
    color: #fff
}
#datos_especiales {
    font-size: 0.8em;
    padding: 10px 0 0 0;
}
#base_cabecera {
    min-width: 1180px;
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 40px;
    left: 0;
    background: rgba(0, 0, 0, 0.22);
    box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
    z-index: 1000;
	transition:0.5s ease all;
}
#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
}
#base_centro #base_central {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0 0 2%;
    position: relative;
    z-index: 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;
    margin-bottom: 3px;
    position: relative;
    width: 100%;
    background: none repeat scroll 0 0 #eee
}
#base_redes {
    width: 70%;
    height: auto;
    float: left;
    margin: 30px 0;
    padding: 0;
    position: relative
}
#base_redes h2,
#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: 49%;
    height: auto;
    float: left;
    margin: 0 1% 15px 0;
    padding: 0
}
#base_redes div.redes_bloque:last-child {
    margin: 0
}
#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: 20%;
    height: 85px;
    float: left;
    margin: 10px 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
}
#imagen-relleno {
    border: medium none;
    float: left;
    height: 150px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
    position: relative
}
#imagen-seccion + #imagen-relleno {
    display: none;
}
#imagen-seccion {
    border: medium none;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
    position: relative
}
#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: #f44336;
    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 {
    color: #000c;
    float: left;
    font-size: 1.2em;
    font-weight: 500;
    margin: 20px 0;
    padding: 3px 0;
    width: 100%;
    text-align: left;
}
#buscador {
    width: auto;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    position: relative;
    background: #4b4c4d
}
#buscador ul {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    height: auto;
    list-style-type: none
}
#buscador {
    width: auto;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    position: absolute;
    top: 20px;
    right: 0;
    background: none;
    z-index: 2000;
}
#buscador li input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: help;
    float: left;
    font-size: 0.9em;
    font-weight: 400;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    transition: color .8s ease 0s;
    width: 180px;
    text-align: right;
}
#buscador li input:hover,
#buscador li input:active {
    color: #999;
}
#buscador li input.boton {
    width: 40px;
    float: left;
    height: 40px;
    padding: 0;
    margin: 0 0 0 8px;
    background: url(../img/ico_buscador.png) no-repeat left 3px;
    cursor: pointer;
    opacity: .6;
    filter: invert(1);
}
#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: 75%;
    height: auto;
    float: right;
    margin: 0;
    padding: 0;
    z-index: 1500;
    position: relative;
    display: block;
    transition: .5s ease all;
    text-align: left;
}
#principal ul {
    width: 100%;
    height: 49px;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
#principal ul li {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 5px;
    padding: 30px 12px 40px;
    transition: all .5s ease-out;
    border-top: 2px solid transparent;
}
#principal ul li.separador:last-child {
    display: none
}
#principal ul li {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 5px;
    padding: 30px 12px 50px;
    transition: all .5s ease-out;
    border-top: 2px solid transparent;
}
#principal ul li:hover {
    border-top: 2px solid #f44336;
}
#principal ul li a {
    color: #f44336;
    cursor: pointer;
    float: left;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: -.3px;
    padding: 2px 5px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 #fff, 0 2px 0 #f44336, 1px 4px 4px 2px rgba(0, 0, 0, .3);
    border-radius: 15px;
	    background: #fff;

	
}
#principal ul li.submenu a {
    box-shadow: inset 0 1px 0 #fff, 0 2px 0 #f44336, 1px 4px 4px 2px rgba(0, 0, 0, .3);
    background: #fff;
    padding: 2px 5px;
    color: #000 !important;
    border-radius: 15px;
	
}
#principal ul li.submenu a:hover {
    background: #f44336;
    color: #fff !important;
    border-color: #f44336;
    box-shadow: inset 0 1px 0 #f44336, 0 2px 0 #f44336, 1px 4px 4px 2px rgba(0, 0, 0, .3)
}
#principal ul li a.selec {
    color: #f44336
}
#principal ul li a:hover,
#principal ul li:hover a {
    color: #fff !important;
	    background: #f44336;

}
#principal ul li ul {
    background: rgba(0, 0, 0, 0.58);
    border: medium none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    float: left;
    height: auto;
    left: 0;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    top: 98px;
    width: 150px;
    display: block;
    transition: .5s ease 0s;
    opacity: 0;
    min-height: 0;
    z-index: 500;
    border-top: 4px solid red;
}
#principal ul li:hover>ul {
    opacity: 1;
    min-height: 10px;
    padding: 0 0;
    z-index: 600!important
}
#principal ul li.submenu li.submenu:hover > a {
    color: #4b4c4d
}
#principal ul li.submenu li.submenu > a:hover {
    color: #4b4c4d
}
#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,
#principal ul li ul li, #principal ul li.submenu li.submenu {
	width: 98%;
	height: auto;
	float: left;
	margin: 0;
	padding: 5% 1%;
	position: relative;
	background: inherit;
	text-indent: 9px;
	transition: text-indent .6s ease, background .3s ease;
	color: #888;
	display: none;
	/* border: none; */
}
#principal ul li:hover>ul>li,
#principal ul li.submenu:hover li.submenu {
    display: block
}
#principal ul li ul li:hover,
#principal ul li.submenu li.submenu:hover {
    text-indent: 19px;
    background: #000000bd;
    border-top: 2px solid transparent;
}
#principal ul li ul li a {
    cursor: pointer;
    float: left;
    font-size: 0.9em;
    border: none !important;
    text-align: left;
    text-decoration: none;
    width: 100%;
    color: #fff !important;
    box-shadow: none !important;
    background: none !important;
    /* border-bottom: 1px solid #fff !important; */
    
    border-radius: 0px !important;
}
#principal ul li ul li a:hover {
    color: #fff !important;
}
#principal ul li ul li a.selec,
#principal ul li ul li.submenu a.selec {
    color: #abb8c3!important
}
#principal ul li ul li.submenu {
    opacity: 1
}
#principal ul li ul li ul {
	float: left;
	height: auto;
	left: 240px;
	margin: 0;
	min-height: 100px;
	padding: 0 0 25px;
	position: absolute;
	top: 10px;
	width: 290px;
}
#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;
    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: 19px;
    color: #4b4c4d
}
#principal ul li ul li ul li a {
    width: 100%;
    text-decoration: none;
    color: #7e7e7e;
    float: right;
    padding: 3px 0 0;
    font-weight: 400;
    cursor: pointer;
    text-align: left
}
#principal ul li ul li ul li a:hover {
    color: #4b4c4d
}
#principal ul li ul li ul li a.selec {
    color: #21356d;
    padding: 3px 0 0
}
#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: .5% 0;
    text-transform: uppercase;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}
#navegador_web ul {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #AAA;
    font-size: 9px
}
#navegador_web ul li.seccion {
	background: url(../img/separa_navegador.png) no-repeat scroll left 1px rgba(0, 0, 0, 0);
	color: #aaa;
	float: left;
	font-size: 1.3em;
	font-weight: 400;
	margin: 0 0 0 5px;
	padding: 6px 0 0 24px;
	text-transform: uppercase;
}
#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
}
#navegador_web ul a:hover {
    color: #333;
    text-decoration: none
}
#navegador_web ul li.portada {
    color: #aaa;
    float: left;
    font-size: 1.6em;
    font-weight: 400;
    padding: 3px 0 5px 1%;
    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: #f44336
}
#destacados {
    width: 100%;
    height: auto;
    float: left;
    margin: 5px 0;
    padding: 0;
    position: relative;
    z-index: 1;
    font-size: 1em
}
#destacados ul.destacados {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none
}
#destacados ul.destacados li {
    width: 25%;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    transition: all .5s ease 0s;
    overflow: hidden
}
#destacados ul.destacados li:hover div.datos {
    display: block
}
#destacados ul.destacados li:hover div.imagen a img {
    transform: scale(1.1, 1.1)
}
#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 {
    width: 100%;
    transition: all .3s ease
}
#destacados ul.destacados li div.datos {
    width: 100%;
    height: 80%;
    float: left;
    margin: 0;
    padding: 20% 0 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    display: none
}
#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: 0;
    padding: 5px 5%;
    font-size: 1.2em;
    text-decoration: none;
    color: #f44336;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}
#destacados ul.destacados li div.datos p a:hover {
    color: var(--color2, red);
    text-decoration: none
}
#destacados ul.destacados li p.resumen {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    color: #444;
    text-align: center
}
#destacados ul.destacados li a,
#destacados ul.destacados li p.fecha {
    display: none
}
#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 #4b4c4d;
    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 #f44336
}
#destacados #listadoDestacados li > a {
    background: url(../img/fondo_destacados_enlace.png) no-repeat scroll right center rgba(0, 0, 0, 0);
    bottom: 0;
    color: #4b4c4d;
    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: #f44336;
    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:hover {
    transform: scale(1.05, 1.05)
}
#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 #4b4c4d;
    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: #4b4c4d
}
#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 #4b4c4d;
    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: #4b4c4d
}
#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: 1em!important;
    width: 100%
}
div.descripcion_seccion strong {
    color: #333
}
div.descripcion_seccion span strong {
    color: inherit
}
div.descripcion_seccion hr {
    border: 1px solid #eee
}
div.descripcion_seccion a {
    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 #4b4c4d
}
#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: #f44336;
    font-size: 1.8em
}
#contenido_contenido div.descripcion_seccion h2 {
    color: #f44336;
    font-size: 1.6em
}
#contenido_contenido div.descripcion_seccion h3 {
    color: #f44336;
    font-size: 1.4em
}
#contenido_contenido div.descripcion_seccion h4 {
    color: #f44336;
    font-size: 1.2em
}
#contenido_contenido div.descripcion_seccion h5 {
    color: #f44336;
    font-size: 1em
}
#base_pie {
    min-width: 1180px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0;
    position: fixed;
    background-color: #abb8c3;
    overflow: hidden;
    color: #fff;
    line-height: 22px;
    bottom: 0;
    height: 300px;
    border-top: 2px solid #000;
}
#base_pie::before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 100;
    height: 50px;
    background: #1d242d;
    width: 100%;
    left: 0;
}
#base_pie ul.datos_empresa {
    width: 24%;
    min-height: 0;
    height: auto;
    float: left;
    margin: 0;
    padding: 1% 1% 1% 0;
    text-align: center;
    list-style-type: none
}
#base_pie ul.datos_empresa + ul.datos_empresa {
    margin-top: 47px
}
#base_pie ul.datos_empresa li.cabecera,
#base_pie .destacados_pie li.cabecera {
    float: none;
    margin: 0 0 15px;
    padding: 0;
    font-size: 1em;
    font-weight: 700;
    color: inherit;
    text-align: center;
}
#base_pie ul.datos_empresa li.cabecera span {
    width: 100%;
    float: left
}
#base_pie ul.datos_empresa li.cabecera strong {
    width: 100%;
    font-weight: 700
}
#base_pie ul.datos_empresa li,
#base_pie .destacados_pie li {
  margin: 2px 5px 0;
padding: 0;
text-align: center;
display: inline-block;
}
#base_pie ul.datos_empresa>div li {
    display: inline-block;
    width: auto;
    margin: 0 4px;
    padding: 0;
    text-align: center;
    float: none
}
#base_pie ul.datos_empresa div.direccion span {
    width: auto
}
#base_pie ul.datos_empresa span {
    display: block;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
    display: inline-block
}
#base_pie ul.datos_empresa span strong {
    float: left;
    margin: 0 5px 0 0;
    font-weight: 400
}
#base_pie ul.datos_empresa span span {
    float: left;
    font-size: 1em
}
#base_pie ul.datos_empresa span.separador {
    display: none
}
#base_pie ul.datos_empresa a,
#base_pie .destacados_pie li a {
    float: none;
    margin: 0;
    color: #fff;
    padding: 0;
    text-decoration: none;
    transition: all .6s ease-in;
}
#base_pie ul.datos_empresa a:hover,
#base_pie .destacados_pie li a:hover {
    text-decoration: none;
    color: #4b4c4d;
    font-style: italic
}
#base_extras {
    float: right;
    margin: 0;
    padding: 3px 0 10px;
    text-align: center;
    width: auto
}
#base_pie #base_extras a {
    width: auto;
    padding: 0;
    text-align: center
}
#base_extras a span {
    display: none;
    margin: 0
}
#base_pie #enlacesLegales {
    display: block;
    float: left;
    width: 21.5%;
    height: 150px;
    margin: 0;
    padding: 1.5%;
    position: relative;
    font-size: 1.1em
}
#base_pie #enlacesLegales p {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    color: #1d242d
}
#base_pie #enlacesLegales a {
    float: left;
    width: 96%;
    height: auto;
    margin: 2px 0;
    padding: 0;
    color: #ddd;
    transition: background .8s ease 0s, color .6s ease-in 0s, text-indent .5s ease;
    font-size: .85em;
    font-weight: 400
}
#base_pie #enlacesLegales a:hover {
    color: #4b4c4d;
    text-decoration: none;
    text-indent: 10px
}
#accesos_directos {
    width: 22%;
    height: 150px;
    float: left;
    margin: 0;
    padding: 1.5%;
    font-size: 1.1em
}
#accesos_directos ul {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none
}
#accesos_directos ul.iconos {
    width: auto;
    height: auto;
    float: left;
    margin: -3px 0 0;
    padding: 0
}
#accesos_directos ul li.cabecera {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    color: #1d242d
}
#accesos_directos ul li {
    float: left;
    height: auto;
    margin: 2px 0;
    padding: 0;
    width: 100%
}
#accesos_directos ul.iconos li {
    width: auto;
    float: left;
    margin: 5px 0
}
#accesos_directos ul li a {
    color: #ddd;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: .85em;
    transition: color .6s ease-in 0s, text-indent .5s ease
}
#accesos_directos ul li a:hover {
    color: #4b4c4d;
    text-decoration: none;
    text-indent: 10px
}
#accesos_directos ul li a span {
    display: none
}
#accesos_directos ul.iconos li a {
    height: 32px;
    width: 35px;
    display: inline
}
#accesos_directos ul li a.facebook {
    padding: 0;
    background: url(../img/facebook.png) no-repeat top left
}
#accesos_directos ul li a.twitter {
    padding: 0;
    background: url(../img/twitter.png) no-repeat top left
}
#accesos_directos ul li a.youtube {
    padding: 0;
    background: url(../img/youtube.png) no-repeat top left
}
#accesos_directos ul li a.google {
    padding: 0;
    background: url(../img/google.png) no-repeat top left
}
#accesos_directos ul li a.rss {
    padding: 0;
    background: url(../img/rss.png) no-repeat top left
}
#accesos_directos ul li a.blogger {
    padding: 0;
    background: url(../img/blogger.png) no-repeat top left
}
#accesos_directos ul li a.pinterest {
    padding: 0;
    background: url(../img/pinterest.png) no-repeat top left
}
#accesos_directos ul li a.flickr {
    padding: 0;
    background: url(../img/flickr.png) no-repeat top left
}
#accesos_directos ul li a.instagram {
    padding: 0;
    background: url(../img/instagram.png) no-repeat top left
}
#accesos_directos ul li a.foursquare {
    padding: 0;
    background: url(../img/foursquare.png) no-repeat top left
}
#accesos_directos ul li a.linkedin {
    padding: 0;
    background: url(../img/linkedin.png) no-repeat top left
}
#accesos_directos ul li a.vimeo {
    padding: 0;
    background: url(../img/vimeo.png) no-repeat top left
}
#accesos_directos ul li a.dropbox {
    padding: 0;
    background: url(../img/dropbox.png) no-repeat top left
}
#destacados_pie {
    width: 22%;
    height: 150px;
    float: left;
    margin: 0;
    padding: 1.5%;
    font-size: 1.1em
}
#destacados_pie ul,
#base_pie .destacados_pie ul {
    width: 100%;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#destacados_pie ul li.cabecera {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0;
    font-size: 1.1em;
    font-weight: 700;
    color: #1d242d
}
#destacados_pie ul li,
,
#base_pie .destacados_pie ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin: 2px 0;
    list-style-type: none
}
#destacados_pie ul li a,
,
#base_pie .destacados_pie ul li a {
    color: #ddd;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: .85em;
    width: auto;
    transition: color .6s ease-in 0s, text-indent .5s ease
}
#destacados_pie ul li a:hover {
    color: #4b4c4d;
    text-decoration: none;
    text-indent: 10px
}
div#comodo {
    position: absolute;
    right: 310px;
    top: 247px;
    z-index: 100
}
a#comodoTL {
    color: #f44336;
    font-family: inherit;
    font-size: .7em;
    margin-left: -10px;
    margin-top: 29px;
    text-decoration: underline;
    float: left
}
#comodo div#tl_popupCL1 {
    width: 0!important;
    visibility: visible!important;
    overflow: visible!important;
    height: 0!important
}
#comodo:hover div#tl_popupCL1 {
    width: 500px!important;
    visibility: visible!important;
    overflow: visible!important;
    height: 300px!important
}
#comodo iframe {
    max-width: none!important;
    height: 100%!important;
    width: 100%!important
}
#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: #f44336;
    text-decoration: none
}
#base_destacados_lateral ul li p.resumen {
    width: 100%;
    height: auto;
    float: left;
    text-decoration: none;
    margin: 7px 0 0;
    color: #f44336;
    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
}
#iconos ul.iconos {
    float: left;
    width: auto;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0
}
#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: 40px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    transition: color 1s ease-out;
    padding: 2px 0 0;
    opacity: .6;
    text-transform: lowercase;
    transition: .5s ease all
}
#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: #4b4c4d;
    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: #f44336
}
#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.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: #f44336;
    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: -40px 40px 5px 0;
    padding: 8px 0 5px;
    position: relative;
    width: auto;
    z-index: 1
}
#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-right: 10px! 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;
    display: none;
}
#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 7px 0 0;
    background: url(../img/ico_contacto.png) no-repeat top center;
	display:none;
}
#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: #f44336
}
#listado_objeto:hover ul {
    border: 1px solid #1d242d
}
#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 #4b4c4d;
    float: left;
    height: 175px;
    margin: 5px .5%;
    padding: 0 1%;
    position: relative;
    width: 17%;
    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:hover h2 a {
    color: #f44336
}
#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%;
    display: block
}
#listado_objeto h3 a {
    color: #abb8c3;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#listado_objeto h3 a:hover {
    color: #f44336
}
#listado_objeto div.imagen {
    float: left;
    position: relative;
    width: 70%;
    height: 100px;
    margin: 0 15%
}
#listado_objeto div.imagen img {
    max-height: 100%;
    max-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
}
#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%
}
#listado_objeto ul li a.nombre_lomas {
    color: #f44336
}
#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: #f44336
}
#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 {
    width: 23%;
    display: inline-block;
    margin: 10px 1%;
    padding: 0
}
#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: 150px;
    float: left;
    padding: 0;
    margin: 0 0 5px;
    overflow: hidden
}
#destacados_padre ul li div.imagen img {
    width: 100%;
    transition: transform .5s ease
}
#destacados_padre ul li div.imagen img:hover {
    transform: scale(1.1, 1.1)
}
#destacados_padre ul li > a {
    width: 100%;
    min-height: 25px;
    height: auto;
    float: left;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    background: #eee;
    color: #333;
    font-size: .85em;
    display: flex;
    align-items: center;
    justify-content: center
}
#destacados_padre ul li > a:hover {
    color: #f44336;
    text-decoration: none
}
#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: #4b4c4d;
    border: 1px solid #000
}
ul.blog li.blog a.ver_contenido_blog:hover {
    background: #4b4c4d;
    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: #f44336
}
#listado_breves ul li:hover p.fecha {
    color: #d8e5f0
}
#listado_breves ul li:hover a.titulo {
    color: #4b4c4d
}
#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: #f44336;
    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: #4b4c4d
}
#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: #4b4c4d;
    font-size: .7em;
    text-decoration: none
}
#bloqueLetra {
    position: relative;
    float: right;
    width: 50px;
    margin: -40px 0 0;
    z-index: 10
}
.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: #4b4c4d;
    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
}