@charset "iso-8859-1";
html,
body {
    overflow: auto;
    height: auto
}
* {
    font-family: 'Montserrat', sans-serif
}
header,
footer,
aside,
article,
section,
nav {
    display: block
}
iframe[id^="oauth2relay"],
#twttrHubFrameSecure,
#twttrHubFrame {
    position: fixed!important
}
body {
    margin: 0;
    padding: 0
}
a {
    color: #3474b6;
    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
}
#contenedor {
    min-width: 1180px;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 90px 0 0;
    position: relative;
    font-size: 16px
}
#base_utilidades {
	width: 100%;
	height: 35px;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 0 0 0;
	z-index: 351;
	background: #fff;
	transition: .5s ease all;
	display: block;
}
#base_utilidades::before {
	content: "";
	background: #fff;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
#base_cabecera {
	min-width: 1180px;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 80px;
	left: 0;
	background: #f1e8cd;
	z-index: 350;
}
#base_cabecera::before {
	content: "NO REALIZAMOS ENV\00EDOS A DOMICILIO-SOLO RECOGIDA EN NUESTROS LOCALES";
	position: absolute;
	top: -32px;
	width: 100%;
	height: 25px;
	background: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	text-transform: uppercase;
}
#base_cabecera #menuSuperior {
    width: auto;
    height: 47px;
    float: right;
    margin: 0;
    padding: 0;
    position: relative
}
#base_cabecera #cabecera_adorno {
    width: 220px;
    height: auto;
    position: absolute;
    top: 6px;
    right: 0;
    margin: 0;
    padding: 2px 0 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    background: url(../img/fondo_adorno.jpg) top center no-repeat #222;
    transform: rotate(2deg);
    transition: .5s ease all;
    font-size: .9em
}
#base_cabecera #cabecera_adorno::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4)
}
#base_cabecera #cabecera_adorno span {
    width: 100%;
    float: left;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    transform: rotate(-2deg);
    color: #ccc
}
#base_cabecera #cabecera_adorno span span {
    width: auto;
    float: none;
    margin: 0 14px 0 12px
}
#base_cabecera #cabecera_adorno span a {
    color: #ccc
}
#base_cabecera #cabecera_adorno span strong {
    width: 100%;
    float: left;
    margin: 0 0 3px;
    padding: 0;
    font-size: 1em;
    font-weight: 400;
    color: #fcb03f;
    text-shadow: 0 .5px .5px #000, 0 -.5px .5px #000, 0.5px 0 .5px #fff, -0.5px 0 .5px #fff
}
#base_centro {
    width: 100%;
    min-height: 400px;
    height: auto;
    float: left;
    margin: 0;
    padding: 40px 0;
    position: relative;
    z-index: 100;
    background: #fff !important
}
 #base_centro{
	background: url(../img/fondo_destacados.jpg) no-repeat left top fixed !important;
	background-size: cover !important;
}
 #base_centro::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.8);}

#base_centro #base_central {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 40px 0 2%;
	position: relative;
	z-index: 100;
}
#baseloMas {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    padding: 30px 0;
    border-top: 1px solid #eee;
   
}
#baseNube {
    float: left;
    height: auto;
    padding: 40px 0;
    position: relative;
    width: 100%;
    }
#baseNube::before {
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
#contenedor_mapa {
    float: left;
    width: 100%;
    height: auto;
    padding: 15px 0;
    background: #333
}
#base_redes {
    width: 68%!important;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}
#base_redes h2 {
    display: none
}
#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: 48%;
    height: auto;
    float: left;
    margin: 0 1% 15px;
    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: 19%;
    height: 90px;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 100;
    text-align: center;
    transition: .5s ease all;
    display: flex;
    justify-content: center;
    align-items: center
}
#logo img {
    max-height: 100%;
    max-width: 100%;
    float: none;
    display: inline-block;
    transition: .5s ease all
}
#logo img + img {
    visibility: hidden;
    opacity: 0
}
#imagen-seccion {
    border: medium none;
    float: left;
    height: auto;
    overflow: hidden;
    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: #fcb03f;
    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: #666;
    float: left;
    font-size: 1.6em;
    font-weight: 400;
    margin: 20px 0;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-weight: bold
}
#buscador {
	width: auto;
	float: right;
	height: auto;
	margin: 0 0 0 30px;
	padding: 0;
	z-index: 0;
	position: relative;
	background: #fff;
}
#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: 1.1em;
    font-weight: 400;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    transition: color .8s ease 0s;
    width: 230px
}
#buscador li input:hover,
#buscador li input:active {
    color: #000
}
#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
}
#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: 63%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 1500;
    position: relative;
    display: block
}
#principal ul {
    width: 100%;
    height: 49px;
    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: #fcb03f;
    position: relative;
    display: none!important
}
#principal ul li {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative;
    border-top: 3px solid transparent;
    transition: .5s ease all
}
#principal ul li:hover {
    border-top: 3px solid #fcb03f
}
#principal ul li a {
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: -.5px;
    padding: 33px 1px;
    text-decoration: none;
    transition: .5s ease all;
    text-transform: uppercase
}
#principal ul li a.selec {
    color: #3474b6
}
#principal ul li a:hover,
#principal ul li:hover>a {
    color: #000
}
#principal ul li ul {
    background: none repeat scroll 0 0 #fcb03f;
    border: medium none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    float: left;
    height: auto;
    left: 0;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 270px;
    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: 15px 0;
    z-index: 600!important
}
#principal ul li.submenu li.submenu:hover > a {
    color: #fff
}
#principal ul li.submenu li.submenu > a:hover {
    color: #fff
}
#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.submenu li.submenu {
    width: 98%;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5% 1%;
    position: relative;
    background: inherit;
    text-indent: 9px;
    transition: text-indent .6s ease, background .3s ease;
    color: #888;
    display: 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;
    border-top: 3px solid transparent
}
#principal ul li ul li a {
    cursor: pointer;
    float: left;
    font-weight: 400;
    padding: 0!important;
    text-align: left;
    text-decoration: none;
    width: 100%;
    color: #333;
    text-transform: none
}
#principal ul li ul li a.selec {
    color: #fff
}
#principal ul li ul li:hover a,
#principal ul li ul li a:hover,
#principal ul li ul li.submenu a.selec {
    color: #3474b6
}
#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: 250px
}
#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: 19px;
    color: #fff
}
#principal ul li ul li ul li a {
    width: 100%;
    text-decoration: none;
    float: right;
    padding: 3px 0 0;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    color: #333
}
#principal ul li ul li ul li a:hover {
    color: #fff
}
#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 {
    background: none repeat scroll 0 0 #f3f3f3;
    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 6px rgba(0, 0, 0, 0);
    color: #aaa;
    float: left;
    font-size: 1.4em;
    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: #fcb03f
}
#destacados {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 25px 0;
    position: relative;
    z-index: 1;
    font-size: 1em;
    background: url(../img/fondo_destacados.jpg) no-repeat left top fixed;
    background-size: cover
}
#destacados::before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.3)
}
#destacados ul.destacados {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none
}
#destacados ul.destacados li {
    width: calc(100% / 5 - 2% - 6px);
    height: auto;
    float: left;
    padding: 0;
    margin: 8px 1%;
    position: relative;
    transition: all .5s ease 0s;
    overflow: hidden;
    border: 3px solid;
    border-image: linear-gradient(#000, #c5c5c5) 3
}
#destacados ul.destacados li:hover div.datos {
    top: 0
}
#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 {
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease;
    float: left
}
#destacados ul.destacados li div.datos {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -110%;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    display: block;
    transition: .4s ease
}
#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;
    line-height: 1em;
    text-decoration: none;
    color: #666;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}
#destacados ul.destacados li div.datos p a:hover {
    text-decoration: none
}
#destacados ul.destacados li p.resumen {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    color: #444;
    text-align: center;
    display: none
}
#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 #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 #fcb03f
}
#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: #fcb03f;
    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 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 #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: #fcb03f;
    font-size: 1.8em
}
#contenido_contenido div.descripcion_seccion h2 {
    color: #fcb03f;
    font-size: 1.6em
}
#contenido_contenido div.descripcion_seccion h3 {
    color: #fcb03f;
    font-size: 1.4em
}
#contenido_contenido div.descripcion_seccion h4 {
    color: #fcb03f;
    font-size: 1.2em
}
#contenido_contenido div.descripcion_seccion h5 {
    color: #fcb03f;
    font-size: 1em
}
#base_pie {
    min-width: 1180px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 0 0;
    position: relative;
    background: url(../img/fondo_pie.png) bottom left repeat-x;
    background-color: #3B6AB0;
    font-size: 1em;
    color: #fff;
    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: 25%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5% 1.5% 1.5% 0;
    text-align: center;
    list-style-type: none;
    position: relative
}
#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
}
#base_pie #enlacesLegales {
    display: block;
    float: left;
    width: 21%;
    min-height: 150px;
    height: auto;
    margin: 0;
    padding: 1.5%;
    position: relative
}
#base_pie #enlacesLegales p::before {
    content: "\f24e";
    font-family: "Font Awesome 5 Free";
    font-size: .8em;
    margin-right: 5px;
    font-weight: 700
}
#base_pie #destacados_pie {
    width: 18%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5%
}
#base_pie #destacados_pie li.cabecera::before {
    content: "\f08d";
    font-family: "Font Awesome 5 Free";
    font-size: .9em;
    margin-right: 5px;
    font-weight: 700
}
#base_pie #accesos_directos {
    width: 20%;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0;
    padding: 1.5%
}
#base_pie #accesos_directos li.cabecera::before {
    content: "\f1ae";
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
    margin-right: 5px;
    font-weight: 700
}
#accesos_directos ul.iconos {
    width: auto;
    height: auto;
    float: left;
    margin: -3px 0 0;
    padding: 0
}
#accesos_directos ul.iconos li {
    width: auto;
    float: left;
    margin: 5px 0
}
#accesos_directos ul.iconos li a {
    height: 32px;
    width: 35px;
    display: inline;
    padding: 0
}
#accesos_directos ul li a.facebook {
    background: url(../img/facebook.png) no-repeat top left
}
#accesos_directos ul li a.twitter {
    background: url(../img/twitter.png) no-repeat top left
}
#accesos_directos ul li a.youtube {
    background: url(../img/youtube.png) no-repeat top left
}
#accesos_directos ul li a.google {
    background: url(../img/google.png) no-repeat top left
}
#accesos_directos ul li a.rss {
    background: url(../img/rss.png) no-repeat top left
}
#accesos_directos ul li a.blogger {
    background: url(../img/blogger.png) no-repeat top left
}
#accesos_directos ul li a.pinterest {
    background: url(../img/pinterest.png) no-repeat top left
}
#accesos_directos ul li a.flickr {
    background: url(../img/flickr.png) no-repeat top left
}
#accesos_directos ul li a.instagram {
    background: url(../img/instagram.png) no-repeat top left
}
#accesos_directos ul li a.foursquare {
    background: url(../img/foursquare.png) no-repeat top left
}
#accesos_directos ul li a.linkedin {
    background: url(../img/linkedin.png) no-repeat top left
}
#accesos_directos ul li a.vimeo {
    background: url(../img/vimeo.png) no-repeat top left
}
#accesos_directos ul li a.dropbox {
    background: url(../img/dropbox.png) no-repeat top left
}
#accesos_directos ul.iconos 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: #fcb03f;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid
}
#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: 310px;
    top: 149px;
    z-index: 100;
}
a#comodoTL {
    color: #fcb03f;
    font-family: inherit;
    font-size: 0.6em;
    margin-left: 4px;
    margin-top: 2px;
    text-decoration: underline;
    float: left;
}
a#comodoTL:hover {
    color: #fff;
    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: #fcb03f;
    text-decoration: none
}
#base_destacados_lateral ul li p.resumen {
    width: 100%;
    height: auto;
    float: left;
    text-decoration: none;
    margin: 7px 0 0;
    color: #fcb03f;
    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 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: #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: #fcb03f
}
#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: #fcb03f;
    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: 0 0 5px;
    padding: 8px 0 5px;
    position: relative;
    position: absolute;
    top: -35px;
    right: 65px;
    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-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 7px 0 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: #fcb03f
}
#listado_objeto:hover ul {
    border: 1px solid #3474b6
}
#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: 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: #fcb03f
}
#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: #aaa;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden
}
#listado_objeto h3 a:hover {
    color: #fcb03f
}
#listado_objeto div.imagen {
    float: left;
    position: relative;
    width: 70%;
    height: 100px;
    margin: 0 15%;
    text-align: center
}
#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: center
}
#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: #fcb03f
}
#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: #fcb03f
}
#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 {
    display: inline-block;
    margin: 10px 1%;
    padding: 0;
    width: calc(100% / 4 - 2%);
    transition: .5s ease all;
    position: relative;
    overflow: hidden
}
#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;
    text-align: center
}
#destacados_padre ul li div.imagen img {
    max-width: 100%;
    max-height: 100%;
    transition: transform .5s ease;
    float: left
}
#destacados_padre ul li div.imagen img:hover {
    transform: scale(1.1, 1.1)
}
#destacados_padre ul li > a {
    width: 100%;
    min-height: 35px;
    height: auto;
    float: left;
    margin: 0;
    padding: 3px 5%;
    text-align: center;
    background: rgba(238, 238, 238, 0.8);
    color: #333;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -20px;
    top: 30px;
    transform: rotateZ(-10deg);
    transition: .2s ease all
}
#destacados_padre ul li:hover > a {
    color: #fcb03f;
    text-decoration: none;
    background: rgba(50, 50, 50, 1)
}
#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: #fcb03f
}
#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: #fcb03f;
    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;
    position: absolute;
    top: -35px;
    right: 5px
}
.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
}
#fondo_contacto {
    float: left;
    width: 100%;
    background: #666
}
#fondo_contacto .formulario {
    float: left;
    width: 46%;
    margin: 5px 1%;
    padding: 5px 1%
}
#fondo_contacto #contacto ul.contacto li.texto {
    display: none
}
#fondo_contacto #contacto ul.contacto li {
    width: 98%;
    margin: 8px 2% 0 0
}
#fondo_contacto #contacto label {
    width: 25%;
    margin: 5px 0;
    color: #fff
}
#fondo_contacto #contacto input,
#fondo_contacto #contacto select {
    width: 60%;
    margin: 5px 0
}
#fondo_contacto #contacto span.acepto input.acepto {
    width: auto
}
#fondo_contacto #contacto span.acepto label.clausula {
    width: auto
}
#fondo_contacto #contacto input#captcha {
    width: 26%;
    margin: 18px 0 0
}
#fondo_contacto #contacto ul.contacto li.condiciones {
    padding: 0;
    width: 100%;
    margin: 0
}
#fondo_contacto #contacto ul.contacto li span.condiciones {
    display: none
}
#fondo_contacto #contacto textarea {
    min-height: 0;
    height: 40px
}
#fondo_contacto #contacto ul.contacto li span.captcha a {
    color: #3474b6
}
#fondo_contacto div.botonEnviar {
    text-align: center;
    margin: 0
}
#fondo_contacto #contacto input.boton {
    float: none
}
#fondo_contacto .mapa {
    float: left;
    width: 46%;
    margin: 5px 1%;
    padding: 5px 1%
}
#fondo_contacto .mapa #formu_google_map {
    display: none
}
#mapaCombo {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}
#mapaCombo #formu_google_map {
    display: none
}
#mapaCombo #google_map_mapa {
    margin: 0
}