@charset "utf-8";
/* CSS Document */

/* COLORES

FUENTES:



*/



html{width:100%;height:100%;background-color:#CCC;margin:0 auto;}
body{overflow-x: hidden;width:100%;height:100%;background-color:#CCC;max-width: 120.063em;margin:0 auto;}
#main{background-color:#FFF !important;margin-top:0px !important;position:relative}
.main{margin-top:0px !important;position:relative;height:100vh;margin:0 auto;}
.row {width:100%;max-width: 120.063em;}

header{z-index:90000}
header .logo{margin-top:-30px;margin-left:10px;width:220px;}
header .logo-movil img{position:absolute;top:0;left:0;margin-top:15px;margin-left:10px;width:200px;}


/* ESTRUCTURA BÁSICA */
.web-izq{background-color:#ececec;}
.web-izq .logotipo{background-color:#fff;padding-top:17px;padding-bottom:12px}
.web-izq .logotipo img{width:220px}
.web-izq .tit-directorio{background-color:#ff5f00;padding-top:20px;padding-bottom:12px;}
.web-izq .tit-directorio h3{color:#FFF;font-size:1.2em}
.web-dcha{/*height:2000px !important;*/}
.web-dcha .menu-superior{background-color:#656565;padding-top:0px;padding-bottom:0px}
.web-dcha .menu-superior .menu-principal .name a p{color:#FFF;font-weight:600;letter-spacing:0em;margin-top:-40px;font-size:2em;font-weight:bolder;line-height:0.7em;font-family: "Montserrat", sans-serif;}
.web-dcha .menu-superior .menu-principal .name span{font-size:0.65em;letter-spacing:0em;font-weight:600}
.web-dcha .menu-superior-movil{background-color:#666;padding-top:10px;padding-bottom:10px}





/* MEUS *******************************************************************/


/* MENU PRINCIPAL */
.top-bar {background-color: transparent !important;} 
.top-bar.expanded .title-area {background-color: transparent !important; }  
.top-bar-section{background-color:#000;}
.top-bar-section ul li {background-color:transparent !important; }

/* PC */
.top-bar-menu {} 
.top-bar-menu.expanded .title-area {}  
.top-bar-section-menu ul li {}
.top-bar-section-menu ul li > a {font-family: "Montserrat", sans-serif;color:#FFF;font-size:1em;padding-left: 0.9375rem;padding: 12px 0 12px 0.9375rem;background-color:transparent !important;font-weight:600}
.top-bar-section-menu ul li > a:hover {background-color: #FFF !important;color: #232323 !important;}   
.top-bar-section-menu ul li.active > a {background-color: #FFF !important;color: #232323!important;}
.top-bar-section-menu ul li.active > a:hover {background-color: #FFF !important;color: #232323!important;}
.top-bar-section-menu ul li ul li{ background-color:#000 !important; padding-top:0px !important; padding-bottom:0px !important;}
.top-bar-section-menu ul li ul li > a {font-size:1em;line-height:2em !important;padding-top:5px !important; padding-bottom:0px !important;background-color:#000 !important;/*text-transform: uppercase;*/font-weight:600 !important;}
.top-bar-section-menu ul li ul li > a:hover {background-color:#FFF !important;color:#232323 !important}   
.top-bar-section-menu ul li ul li.active > a {background: #343b41 !important;color: #fafafa !important;}
.top-bar-section-menu ul li ul li.active > a:hover {background-color: #343b41 !important;color: #fafafa !important;}
.top-bar-section-menu .has-dropdown > a:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.top-bar-section-menu .has-dropdown > a:hover:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}

/* Movil */
.top-bar-menu-movil {background-color:#666 !important} 
.top-bar-menu-movil.expanded .title-area {background-color:#666 !important}  
.top-bar-section-menu-movil ul li {}
.top-bar-section-menu-movil ul li > a {font-family: "Montserrat", sans-serif;color:#FFF;font-size:1em;padding-left: 0.9375rem;padding: 12px 0 12px 0.9375rem;background-color:#666 !important;font-weight:600}
.top-bar-section-menu-movil ul li > a:hover {background-color: #FFF !important;color: #232323 !important;}   
.top-bar-section-menu-movil ul li.active > a {background-color: #FFF !important;color: #232323!important;}
.top-bar-section-menu-movil ul li.active > a:hover {background-color: #FFF !important;color: #232323!important;}
.top-bar-section-menu-movil ul li ul li{ background-color:#000 !important; padding-top:0px !important; padding-bottom:0px !important;}
.top-bar-section-menu-movil ul li ul li > a {font-size:1em;line-height:2em !important;padding-top:5px !important; padding-bottom:0px !important;background-color:#000 !important;/*text-transform: uppercase;*/font-weight:600 !important;}
.top-bar-section-menu-movil ul li ul li > a:hover {background-color:#FFF !important;color:#232323 !important}   
.top-bar-section-menu-movil ul li ul li.active > a {background: #343b41 !important;color: #fafafa !important;}
.top-bar-section-menu-movil ul li ul li.active > a:hover {background-color: #343b41 !important;color: #fafafa !important;}
.top-bar-section-menu-movil .has-dropdown > a:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.top-bar-section-menu-movil .has-dropdown > a:hover:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}


/* MENU ÁREA PRIVADA */
.top-bar-menu-privado {} 
.top-bar-menu-privado.expanded .title-area {}  
.top-bar-section-menu-privado ul li {}
.top-bar-section-menu-privado ul li > a { font-family: "Montserrat", sans-serif;color:#FFF;font-size:0.9em;font-weight:600;padding-left: 0.9375rem;padding: 10px 0 10px 0.9375rem;background-color:transparent !important;}
.top-bar-section-menu-privado ul li > a:hover {background-color:#FFF !important;color:#232323 !important}   
.top-bar-section-menu-privado ul li.active > a {background-color:#FFF  !important;color: #232323 !important;}
.top-bar-section-menu-privado ul li.active > a:hover {background-color: #FAFAFA !important;color: #666 !important;}
.top-bar-section-menu-privado ul li ul li{ background-color:#666 !important; }
.top-bar-section-menu-privado ul li ul li > a {color:#FFF;font-size:0.9em;padding-left: 0.9375rem;padding: 12px 0 12px 0.9375rem;background-color:#666 !important;}
.top-bar-section-menu-privado ul li ul li > a:hover {background-color:#FFF !important;color:#232323 !important}   
.top-bar-section-menu-privado ul li ul li.active > a {background: #343b41 !important;color: #fafafa !important;}
.top-bar-section-menu-privado ul li ul li.active > a:hover {background-color: #343b41 !important;color: #fafafa !important;}

/* MENU DIRECTORIO */
 /* PC */
#accordion {list-style: none;padding: 0 0 0 0;width:100%;margin: 0;}
#accordion li{background:transparent !important;color:#232323 !important;border-bottom:1px dotted #bdbdbd;}
#accordion li a:hover{color:#f2f2f2 !important}
#accordion div {display: block; font-family: "Montserrat", sans-serif;font-size:0.9em;color:#232323 !important;background: transparent !important;cursor: pointer;margin:0 auto;padding:0 auto;width:100%;padding-top:10px;padding-bottom:10px;padding-left:10px;/*text-transform: uppercase;*/}
#accordion div.active{background-color: #f8f8f8 !important;color:#232323 !important}
#accordion li ul {list-style-type: none;display: none;background:transparent!important;color:#232323 !important}

#accordion div:hover {background-color: #f8f8f8 !important;color:#232323 !important}
#accordion ul li {cursor: auto;width: 100%;font-family: "Montserrat", sans-serif !important;font-size: 0.9em;color:#bbbbba;display:block;font-weight:500 !important}
#accordion ul li:hover {background-color: #FFF;font-weight: normal;cursor: auto;color: #174b90;display:block;}
#accordion a {text-decoration: none;color:#bbbbba;font-weight:500 !important}
#accordion a:hover {color:#174b90;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { } /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#accordion div {font-size:0.8em;padding-left:5px;}
#accordion li ul {list-style-type: none;display: none;background-color:#FFF!important;padding-left:0px;margin-left:5px}
#accordion ul li {font-size: 0.8em;}
} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
#accordion div {padding-left:0px;font-size: 0.8em !important;}
#accordion li ul {list-style-type: none;display: none;background-color:#FFF!important}
#accordion ul li {font-size: 1em !important;font-weight:lighter}
} /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */


/* MOVIL */
.menu-dir-movil{background-color:#ff5f00;}
.menu-directorio-movil{background-color:#ff5f00;border-bottom:1px solid #333;padding-top:5px;padding-bottom:5px}
.top-bar-directorio-movil{background-color:#ff5f00;}
.top-bar-directorio-movil .title-area{background-color:#ff5f00;}
.top-bar-section-directorio-movil ul li > a {font-family: 'Josefin Sans', sans-serif;color:#FFF;font-size: 1em;padding-top: 5px; padding-bottom:5px;}
.top-bar-section-directorio-movil ul li ul li > a {color:#FFF;font-size:1em;padding-top: 5px; padding-bottom:5px;}



/* FORMATOS DE TEXTO Y PÁRRAFOS *****************************************************************************************/
h1 {font-family: "Montserrat", sans-serif !important;color:#ff5f00; font-weight:500;font-size:2em;} 
h2 {font-family: "Montserrat", sans-serif;}  
h3 {font-family: "Montserrat", sans-serif;}  
h4 {font-family: "Montserrat", sans-serif;}  

p  {font-family: 'Questrial', sans-serif;font-weight: 400;color:#232323;font-size: 1.1em;}
p a{font-family: 'Questrial', sans-serif;font-weight: 400;color:#ff5f00;font-size: 1.1em;}
a{font-family: 'Questrial', sans-serif;font-weight: 400;color:#ff5f00;font-size: 1.1em;}
ul li {font-family: 'Questrial', sans-serif;font-weight: 400;color:#232323;font-size: 1.1em;}
ol li {font-family: 'Questrial', sans-serif;font-weight: 400;color:#232323;font-size: 1.1em;}
hr {width:30%;border:2px solid #232323;margin-top:0px;} 
table td{font-family: 'Questrial', sans-serif;font-weight: 400;color:#232323;font-size: 1.1em;}
.tachado{text-decoration:line-through;}
.sombra{-webkit-box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);box-shadow: 10px 10px 37px -19px rgba(0,0,0,0.75);}
button.enlace{background:transparent;padding:0px 0px 0px 0px}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
h1 {font-size:2em;} 
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */




/* HOME *****************************************************************************************************************/

	/* Invitación anuncio */
.home-anunciate{background-image:url(../imagenes/fondo-poner-anuncio.jpg);padding-top:50px;padding-bottom:50px;}
.home-anunciate .contenido{padding-top:20px; padding-bottom:10px}
.home-anunciate h1{color:#FFF;text-align:left;text-shadow: 0.025em 0.025em 0.025em #222;}
.home-anunciate h2{font-size:18px;text-align:left;background: rgb(0,0,0,0.8); font-weight: normal;width:auto;height:auto;font-size:3em;line-height:1em;border-radius:5px;padding:10px  20px 10px 20px;color:#FFF}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-anunciate h1{text-align:center}
.home-anunciate h2{font-size:1.2em;text-align:center}
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */


 
/* REDES SOCIALES FLOTANTES */
.social {position: fixed;right: 0;top: 160px;z-index: 2000;margin-top:10px;margin-right:10px;} 
.social ul {list-style: none;text-align:right;} 
.social ul li a {display: inline-block;color:#fff;background: #000;padding: 10px 15px;text-decoration: none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;	transition:all 500ms ease; } 
.social ul li .icon-facebook {background-color:#3b5998 !important;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background-color: #1ebef0 !important;}
.social ul li .icon-googleplus {background-color: #fe4934 !important;}
.social ul li .icon-pinterest {background-color: #125688 !important;}
.social ul li .icon-mail {background-color: #666666 !important;} 
.social ul li .icon-rss {background-color: #eb7b1d !important;} 
.social ul li .icon-youtube {background-color: #cc2a20 !important;} 
.social ul li .icon-instagram {background-color: #d62f99 !important;} 
.social ul li a:hover {	background: #000; padding: 10px 30px;}
.has-tip { border-bottom: 0px;}

/*
.home-enlaces{background-color:#232323;padding-top:40px;padding-bottom:30px;}
.enlace{}
.enlace .contenido{background-color:#343b41;padding-bottom:20px}
.enlace .contenido a:hover{opacity:0.8;}
.enlace .contenido img{width:100%;overflow:hidden;padding-top:10px;padding-left:10px;padding-right:10px;opacity:0.8;}
.enlace .contenido h2{padding-top:20px;padding-bottom:20px;color:#fafafa;}
.enlace .contenido p{color:#fafafa;}
*/



/* GENERALES */
.seccion-titular{background-color:#f2f2f2;padding-top:20px;padding-bottom:15px;}
.seccion-titular h3{font-size:1.2em;}
.seccion-contenido{padding-top:40px;padding-bottom:40px;}
.seccion-contenido .frame{border:1px solid #f2f2f2;padding:20px 20px 20px 20px;}
.red-social-sharebutton{}
.red-social-sharebutton:hover{opacity:0.7;}

/* SECCIONES LEGALES *********************************************************************************************************************/
.seccion-contenido-legal{padding-top:40px;padding-bottom:40px}
.seccion-contenido-legal p{font-size:0.9em}
.seccion-contenido-legal ol li{font-size:0.9em}
.seccion-contenido-legal ul li{font-size:0.9em}
.seccion-contenido-legal table td{font-size:0.9em;text-align:justify}


/* HOME */


/* Slider */
/* SLIDER HOME */
.home-slider{background-color:#FFF !important;height:600px}
.home-slider .layerslider-home{width: 100%; height: 100%;position:absolute;max-height:633px}
.home-slider .layerslider-home .fondo{height:100vh;width:25%;background-color:rgb(0,0,0,0.5);}
.home-slider h5{top: 8vh; left:8%;text-align: center; background: black; background: rgb(0,0,0,0.8); font-weight: normal;width:auto;height:auto;font-size:2em;line-height:1em;border-radius:5px;padding:10px  20px 10px 20px;white-space: nowrap;font-family: 'Dancing Script', cursive;font-weight:bolder;color:#ff5f00;position:absolute !important;z-index:50 !important;}
.home-slider h1 {top: 13vh; left:8%;padding-right:20px;padding-top:30px;padding-bottom:25px;position:absolute !important;z-index:20 !important;color:#587d8c;font-size:3em;line-height:1.1em;color:#FFF;font-weight:300}
.home-slider h1 span{COLOR:#fff;font-size:1.2em;margin-top:20px;font-size:2em; width:100%;	font-family: 'Josefin Sans', sans-serif;font-weight:700;letter-spacing: -0.09em;text-shadow: 0.025em 0.025em 0.025em #222;line-height:0.8em;	text-align:center;position: relative; overflow: hidden;padding-top:40px;padding-bottom:40px; }
.home-slider a{font-size:0.3em; background: rgb(256,256,256,0.8); font-weight: normal;width:auto;height:auto;border-radius:5px;padding:10px  20px 8px 20px;white-space: nowrap;font-family: 'Josefin Sans', sans-serif;font-weight:500;color:#232323;letter-spacing:0em}
.home-slider .Logo{height:100px;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-slider{height:auto !important}
.home-slider h5{margin-top: 15px !important; left:10% !important;font-size:1em !important;line-height:1em!important;border-radius:5px;padding:10px  20px 10px 20px;white-space: nowrap;font-family: 'Dancing Script', cursive;}
.home-slider h1 {margin-top: 33px !important;left:10% !important;font-size:1.8em !important;line-height:1em !important}
.home-slider h1 span{font-size:1em!important;}
.home-slider a{font-size:0.8em;}
.home-slider .Logo{height:50px;margin-top:10px !important;}
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */



/* HOME: ULTIMOS ANUNCIOS */

.home-ultimos-anuncios{padding-top:80px;padding-bottom:80px;background-color:#FFF}
.home-ultimos-anuncios .detalle-comercio{}
.home-ultimos-anuncios .detalle-comercio a:hover{opacity:0.8}
.home-ultimos-anuncios .detalle-comercio .imagen{background-color:#f2f2f2;}
.home-ultimos-anuncios .detalle-comercio .titulo{background-color:#de443c;padding-top:5px;padding-bottom:5px;background-color:#fc9895}
.home-ultimos-anuncios .detalle-comercio h3{color:#232323;font-size:1.5em;padding-top:20px;}
.home-ultimos-anuncios .detalle-comercio p{padding-top:15px;padding-bottom:10px;padding-bottom:0px;font-size:0.9em;margin-bottom:5px;padding-top:8px}
.home-ultimos-anuncios .detalle-comercio p span{font-size:11px;}
.home-ultimos-anuncios .detalle-comercio .fechas{text-align:right;padding-top:0px;padding-bottom:0px;margin-bottom:8px}


@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.home-ultimos-anuncios{padding-top:40px;padding-bottom:40px;background-color:#FFF}
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */




/* SECCION CONTENIDO CON SLIDER */
.seccion-con-slider{background-color:#FFF}
.seccion-con-slider .contenido{padding-top:50px;}
.seccion-con-slider .contenido .izq{padding-botom:80px !important}
.seccion-con-slider .contenido .izq a:hover>img{opacity:0.8}
.seccion-con-slider .contenido .dcha{padding-botom:80px !important}
.seccion-con-slider .contenido .dcha a:hover>img{opacity:0.8}
.seccion-con-slider .contenido .dcha p{text-align:justify}


/* DIRECTORIO DE MUNICIPIOS */
figure.snip1190 {color: #fff;position: relative;overflow: hidden;margin: 10px;/*min-width: 220px;max-width: 310px; max-height: 220px;*/width: 100%;background: #000000;text-align: center;}
figure.snip1190 * {-webkit-box-sizing: padding-box;box-sizing: padding-box;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
figure.snip1190 img {opacity: 0.9;width: 100%;}
figure.snip1190 figcaption {bottom: 0;display: block;left: 0;position: absolute;right: 0;top: 0;}
figure.snip1190 h2 {color:#FFF;font-size:1.8em;font-weight:bolder;left: 0;right: 0;letter-spacing: -1px;margin: 0 auto;position: absolute;/*text-transform: uppercase;*/bottom: 50%;-webkit-transform: translateY(50%);transform: translateY(50%);}
figure.snip1190 h2 span {font-weight: 800;}
figure.snip1190 p {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;top: 50%; opacity: 0;font-size: 14px;-webkit-transform: translateY(-20%) scale(0.7);transform: translateY(-20%) scale(0.7);color:#FFF}
figure.snip1190 .square {height: 78px;width: 78px;overflow: hidden;position: absolute;top: 50%;left: 50%;content: '';-webkit-transform: rotate(45deg) translate(-50%, -50%);transform: rotate(45deg) translate(-50%, -50%);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.snip1190 .square:before,
figure.snip1190 .square:after,
figure.snip1190 .square div:before,
figure.snip1190 .square div:after {background-color: #ffffff;position: absolute;content: "";display: block;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
figure.snip1190 .square:before,figure.snip1190 .square:after {width: 65%;height: 2px;}
figure.snip1190 .square div:before,figure.snip1190 .square div:after {width: 2px;height: 65%;}
figure.snip1190 .square:before,figure.snip1190 .square div:before {left: 0; top: 0;}
figure.snip1190 .square:after,figure.snip1190 .square div:after {bottom: 0;right: 0;}
figure.snip1190 a {left: 0;right: 0;top: 0;bottom: 0;position: absolute;}
figure.snip1190:hover img,figure.snip1190.hover img {opacity: 0.25;-webkit-transform: scale(1.1);transform: scale(1.1);}
figure.snip1190:hover h2,figure.snip1190.hover h2 {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
figure.snip1190:hover p,figure.snip1190.hover p {opacity: 1; -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1);}
figure.snip1190:hover .square:before,figure.snip1190.hover .square:before {width: 38%;}
figure.snip1190:hover .square div:before,figure.snip1190.hover .square div:before {height: 38%;}
figure.snip1190:hover .square:after,figure.snip1190.hover .square:after {width: 55%;}
figure.snip1190:hover .square div:after,figure.snip1190.hover .square div:after {height: 55%;}


/* LISTADO COMERCIOS */


/* FICHA DE COMERCIO */
#triangle-topleft {position:absolute;width: 1000px;height: 0;border-top: 500px solid #ff5f00;border-top: 500px solid #656565;border-right: 1000px solid transparent;}
.comercio-seccion .ficha-comercio{}
.comercio-seccion .ficha-comercio i.step{font-size:1em}
.comercio-seccion .ficha-comercio .fila1{margin-top:60px}
.comercio-seccion .ficha-comercio h1{letter-spacing: 0em;color:#232323}
.comercio-seccion .ficha-comercio .fila1 .galeria h3{font-family: 'Dancing Script', cursive !important;font-weight:bolder;color:#ff5f00;text-align: center; background: black; width:auto;height:auto;font-size:2em;line-height:1em;border-radius:5px;padding:10px  20px 10px 20px;white-space: nowrap;z-index:50 !important;}
.comercio-seccion .ficha-comercio .fila1 .texto{background: rgb(256, 256, 256,0.9);padding-top:20px;padding-bottom:20px}
.comercio-seccion .ficha-comercio .fila2{margin-top:0px;padding-bottom:20px}
.comercio-seccion .ficha-comercio .fila2 h3{padding-top:10px}
.comercio-seccion .ficha-comercio .fila2 .mapa .fondo{border:1px solid #f2f2f2;padding-top:15px; padding-bottom:15px}
.comercio-seccion .ficha-comercio .fila2 .formulario .fondo{border:1px solid #f2f2f2;padding-top:15px; padding-bottom:15px}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.comercio-seccion .ficha-comercio .fila1{margin-top:30px}
} /* Small screens: max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */




/* FIN ARTICULOS */


form label{font-family: 'Questrial', sans-serif;font-size: 1rem;}
form input[type="text"],form input[type="email"],form input[type="password"]{background-color:transparent;border:none;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
form select{background-color:transparent;border:none;border-bottom:1px solid #FFF;font-family: 'Questrial', sans-serif;color:#384144;box-shadow:none;}
form textarea{background-color:transparent;border:none;border-bottom:1px solid #de443c;border-left:1px solid #de443c;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}

.FormBusqueda label{color:#232323;font-family: 'Questrial', sans-serif;font-size:0.8em;}
.FormBusqueda input[type="text"],.FormBusqueda input[type="email"],.FormBusqueda input[type="password"]{background-color:transparent;border:1px solid #de443c;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormBusqueda select{background-color:transparent;border:1px solid #232323;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormBusqueda textarea{background-color:transparent;border:none;border-bottom:1px solid #de443c;border-left:1px solid #de443c;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}

.FormBusqueda .button-form {font-family: 'Questrial', sans-serif !importan;letter-spacing: 0em;border: 1px solid #232323; outline: none;text-decoration: none;
  	transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(0,0,0,1);color:#FFF;font-weight:bold;}  
.FormBusqueda .button-form:hover, .FormContacto .button-form:focus {background-color: #FFF; /* fallback */background-color: rgba(255,255,255,1);border-color: #232323; /* fallback */ border-color: rgba(0,0,0,1);
  transition: background-color 0.3s ease-in,border-color 0.3s ease-in;color:#232323}

.Form label{color:#232323;font-family: 'Questrial', sans-serif;}
.Form input[type="text"],.Form input[type="email"],.Form input[type="password"]{background-color:transparent;border:1px solid #232323;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.Form select{background-color:transparent;border:1px solid #232323;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.Form textarea{background-color:transparent;border:none;border:1px solid #232323;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.Form .button-form {font-family: 'Questrial Condensed', sans-serif;letter-spacing: 0.1em;width:100%;font-size: 1.5rem;line-height: 1.6rem;	padding: 8px; border: 1px solid #fff; outline: none;text-decoration: none;
  	transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(0, 0, 0, 0.7);
}  
.Form .button-form:hover, .button-home:focus {background-color: #232323; /* fallback */background-color: rgba(35, 35, 35, 0.7);border-color: #232323; /* fallback */ border-color: rgba(255, 255, 255, 0.7);
  transition: background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}

.FormAcceso label{color:#232323;font-family: 'Questrial', sans-serif;}
.FormAcceso input[type="text"],.FormAcceso input[type="email"],.FormAcceso input[type="password"]{background-color:#FFF; border-radius: 5px;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormAcceso select{background-color:transparent;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormAcceso textarea{background-color:transparent;border:none;border-bottom:1px solid #de443c;border-left:1px solid #de443c;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormAcceso .button-form {font-family: 'Questrial Condensed', sans-serif;letter-spacing: 0.1em;width:100%;font-size: 1.5rem;line-height: 1.6rem;	padding: 8px; border: 1px solid #fff; outline: none;text-decoration: none;
  	transition: background-color 0.2s ease-out,border-color 0.2s ease-out;Background-color: rgba(0, 0, 0, 0.7);
}  
.FormAcceso .button-form:hover, .button-home:focus {background-color:#232323;background-color:rgba(35, 35, 35, 0.7);border-color:#232323;border-color: rgba(255, 255, 255, 0.7);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}
/* Formulario de Contacto */
.FormContacto fieldset{}
.FormContacto legend{font-family: 'Josefin Sans', sans-serif;}
.FormContacto label{color:#232323;font-family: 'Questrial', sans-serif;font-size:0.9em;}
.FormContacto input[type="text"],.FormContacto input[type="email"],.FormContacto input[type="password"]{background-color:#f2f2f2;border:1px solid #f2f2f2;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormContacto select{background-color:#f2f2f2;border:0px solid #232323;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormContacto textarea{background-color:#f2f2f2;border:1px solid #f2f2f2;font-family: 'Questrial', sans-serif;color:#232323;box-shadow:none;}
.FormContacto .button-form {font-family: 'Questrial', sans-serif !importan;letter-spacing: 0em;border: 1px solid #232323; outline: none;text-decoration: none;
  	transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(0,0,0,1);color:#FFF;font-weight:bold;letter-spacing:0.1em;}  
.FormContacto .button-form:hover, .FormContacto .button-form:focus {background-color: #FFF; /* fallback */background-color: rgba(255,255,255,1);border-color: #232323; /* fallback */ border-color: rgba(0,0,0,1);
  transition: background-color 0.3s ease-in,border-color 0.3s ease-in;color:#232323}
  
  
 /* BOTONES */ 
.boton-web {font-family: 'Josefin Sans', sans-serif;outline: none;text-decoration: none;transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color: rgba(255,95,0,1);color:#FFF;}  
.boton-web:hover, .boton-web:focus {background-color: #232323;background-color: rgba(2,2,2,1);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;color:#FFF}



.share-social{background-color:#f5f5f5;margin-top:50px}
.share-social .texto{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px} 
.share-social .texto h5{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;position:absolute;font-family: 'Raleway', sans-serif;font-size:1em;top:50%;transform: translateY(-50%);color:#637d74;font-weight:500;}
.share-social .redes{padding-top:25px;padding-bottom:20px;}
.share-social .redes .social-share{width:40px;margin-left:5px;margin-bottom:5px}
.share-social .redes .social-share:hover{opacity:0.5}

 
/* AREA PRIVADA */
.seccion-area-privada{background-color:#f2f2f2;padding-top:40px;padding-bottom:30px;margin-top:70px;}



	/* AREA PRIVADA - MIS ANUNCIOS */
.tabla-anuncios{border:none; width:100%;}
.tabla-anuncios th{background-color:#000;color:#FFF;font-family: 'Questrial', sans-serif;font-weight:400}
.tabla-anuncios td{font-family: 'Questrial', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;background-color:#FFF;border:1px solid #f2f2f2}
.tabla-anuncios .imagen{padding:0px 0px 0px 0px;width:150px;}
.tabla-anuncios .boton{width:50px;background-color:#FFF;border:none}
.tabla-anuncios .fecha{width:80px;}




/* MAPA */
#map-canvas {width:100%;height:1000px;}
#map-canvas-ficha {width:100%;height:500px;}


/* FOOTER **********************************************************************************************************************************************************/
footer .contenido{background-color:#232323;padding-top:30px;padding-bottom:10px;}
footer .contenido .columna{padding-top:20px;padding-bottom:20px;}
footer .contenido h2{font-family: 'Josefin Sans', sans-serif !important;color:#f2f2f2;font-size:1.3em;}
footer .contenido h3{font-family: 'Josefin Sans', sans-serif !important;color:#f2f2f2;font-size:1em;}
footer .contenido p{font-family: 'Questrial', sans-serif !important;color:#f2f2f2 !important;font-size:1em !important;}
footer .contenido a{font-family: 'Questrial', sans-serif !important;color:#f2f2f2 !important;font-size:1em !important;}
footer .contenido a:hover{color:#ff5f00 !important;}
footer .contenido .firma{border-top:1px solid #888a8b;}
footer .contenido .firma p a{color:#c4c6c7 !important;}
footer .contenido .firma p{color:#c4c6c7 !important;}

@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* Medium screens: min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* Medium screens: min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* Large screens: min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* Large screens: min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /*  XLarge screens: min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /*  XLarge screens: min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* XXLarge screens: min-width 1921px, xxlarge screens */



/* AVISO COOKIES ***********************************************************************************************************************************************************/
#overbox3 {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;display: block;opacity:0.8;}
#infobox3 {margin: auto;position: relative;top: 0px;height: auto;width: 100%;text-align:center;background-color: #232323;padding-top:20px;padding-bottom:10px;}
#infobox3 p {color:#FFF;line-height:normal;font-size:12px;text-align:center;}
#infobox3 p a {color:#FFF;margin-right:5px;text-decoration: underline;}

/*PAGINACION ***********************************************************************************************************************************************************/
#Paginacion {font-family: 'Questrial', sans-serif !important;}
#Paginacion li {list-style:none; float:left; }
#Paginacion a {float: left; margin-right:0px;background-color:#f2f2f2; font-weight: 400;color:#333;font-size:0.9rem;border:0px;}
#Paginacion .numero {font-size:0.9rem; background-color:#f2f2f2;padding: 9px 11px; color:#333;margin-right:2px}
#Paginacion .numero:hover {background-color: #474747;color:#FFF;font-weight:bolder;margin-right:2px}
#Paginacion .active {background-color: #474747; color:#FFF;padding: 9px 11px;font-size:0.9rem;font-weight:bolder; }
#Paginacion .end-off,#Paginacion .first-off,#Paginacion .previous-off,#Paginacion .next-off{background:transparent;color:#eee;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on,#Paginacion .first-on,#Paginacion .next-on,#Paginacion .previous-on{background:transparent;color:#222;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on:hover,#Paginacion .first-on:hover,#Paginacion .next-on:hover,#Paginacion .previous-on:hover{background:transparent;color:#eee;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}






  



