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

/* COLORES

FUENTES:

font-family: 'Poppins', sans-serif;  -> Menu Ppal, Menu Privado

*/


body{width:100%;height:100%;margin:0 auto;padding:0 auto;max-width: 120.063em;}
html{width:100%;height:100%;margin:0 auto;padding:0 auto;overflow-x:hidden;max-width: 120.063em;}

.row {width:100%;max-width: 120.063em;}

header{border-bottom:1px solid #f2f2f2;position:fixed;z-index:9000 !important;width:100%;max-width: 120.063em;top:0;}
header img.logo{margin-top:3px !important;width:220px;}
header .logo-movil img{position:absolute;top:0;left:0;margin-top:15px;margin-left:10px;width:200px;}

#main{background-color:#FFF !important;}
.main{padding-top:58px !important;margin-top:58px;}

header.smaller {margin-top:-45px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header.smaller .logo{width:150px;margin-top:0px !important;}
header.smaller .barra-principal .top-bar-section-menu ul li > a {padding-top:0px !important;padding-bottom:0px !important}


/* BARRA SUPERIOR : REDES SOCIALES + MENU AREA PRIVADA */
.barra-superior{background-color:#333333;}
.barra-superior .top-bar-superior {background-color: transparent !important;} 
.barra-superior .top-bar-superior.expanded .title-area {background-color: transparent !important; }  
.barra-superior .top-bar-section-superior{background-color:#000;}
.barra-superior .top-bar-section-superior ul li {background-color:transparent !important; }
.barra-superior .top-bar-superior .title-area .name p{color:#FFF;padding-left:5px}
.barra-superior .top-bar-section-superior ul li a.boton-red-social{padding-left:5px;padding-right:5px}
.barra-superior .top-bar-section-superior ul li {}
.barra-superior .top-bar-section-superior ul li > a {font-family: 'Poppins', sans-serif;color:#FFF !important;font-size:1em;background-color:transparent !important;font-weight:500 !important;}
.barra-superior .top-bar-section-superior ul li > a:hover {background-color: #fc4349 !important;color: #FFF !important;}   
.barra-superior .top-bar-section-superior ul li.active > a {background-color: #fc4349 !important;color: #FFF !important;}
.barra-superior .top-bar-section-superior ul li.active > a:hover {background-color: #fc4349 !important;color: #FFF !important;}
.barra-superior .top-bar-section-superior ul li ul li > a {font-family: 'Poppins', sans-serif;color:#FFF !important;font-size:1em;background-color:#333333 !important;font-weight:500 !important;}
.barra-superior .top-bar-section-superior ul li ul li > a:hover {background-color: #fc4349 !important;color: #FFF !important;}   
.barra-superior .top-bar-section-superior ul li ul li.active > a {background-color: #fc4349 !important;color: #FFF !important;}
.barra-superior .top-bar-section-superior ul li ul li.active > a:hover {background-color: #fc4349 !important;color: #FFF !important;}


/* BARRA PRINCIPAL: LOGO + MENU PRINCIPAL */
.barra-principal{background-color:#FFF;}
.barra-principal .top-bar-menu {background-color: transparent !important;} 
.barra-principal .top-bar-menu.expanded .title-area {background-color: transparent !important; }  
.barra-principal .top-bar-section-menu{background-color:transparent;}
.barra-principal .top-bar-section-menu ul li {background-color:transparent !important; }
.barra-principal .top-bar-section-menu ul li > a {font-family: 'Poppins', sans-serif !important;font-weight:500 !important;color:#232323 !important;font-size:1em;background-color:transparent !important;padding-top:13px !important;padding-bottom:10px !important}
.barra-principal .top-bar-section-menu ul li > a:hover {background-color: #fc4349 !important;color: #FFF !important;}   
.barra-principal .top-bar-section-menu ul li.active > a {background-color: #fc4349 !important;color: #FFF !important;}
.barra-principal .top-bar-section-menu ul li.active > a:hover {background-color: #fc4349 !important;color: #FFF !important;}
.barra-principal .top-bar-section-menu ul li ul li{ background-color:#FFF !important; }
.barra-principal .top-bar-section-menu ul li ul li > a {font-size:1em;background-color:#F2F2F2 !important;text-align:right !important;color: #232323 !important;border:1px solid #CCCCCC;padding-top:6px !important;padding-bottom:5px !important}
.barra-principal .top-bar-section-menu ul li ul li > a:hover {background-color:#fc4349 !important;color:#FFF !important}   
.barra-principal .top-bar-section-menu ul li ul li.active > a {background: #fc4349 !important;color: #fff !important;}
.barra-principal .top-bar-section-menu ul li ul li.active > a:hover {background-color: #fc4349 !important;color: #fff !important;}
.barra-principal .top-bar-section-menu .has-dropdown > a:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.barra-principal .top-bar-section-menu .has-dropdown > a:hover:after {border-color: #EEE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}



/* HOME */

	/* SLIDER CABECERA */
.home-cabecera{background-color:#333;height:633px;}
.layerslider-home h1{top: 40vh; left:80px;background-color:#000;color:#FFF;padding-left:20px;padding-right:10px;padding-top:30px;padding-bottom:30px;opacity:0.8;font-family: 'Poppins', sans-serif;margin-left:4%;font-size:3em;}

	/* BOTONES DE ACCESO A PONER ANUNCIO */
.home-texto{background-color:#333;padding-top:30px;padding-bottom:40px}
.label1-home{color:#FFF;font-size:3em;font-family: 'Poppins', sans-serif;font-weight:300;text-align:center;}
.label1-home span{font-family: 'Poppins', sans-serif;font-weight:800;letter-spacing:0em;}
.button-home {position: relative;font-family: 'Poppins', sans-serif;width:90%;font-size:1em;line-height:1.3em !important;display:inline-block;padding:10px 10px 10px 10px;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(35, 35, 35, 0.2);z-index: 2;}    
.button-home:hover, .button-home:focus { background-color: #FFF;border-color: #333;color:#333}

@media only screen and (min-width: 40.0625em) {
  .button-home {font-size: 1.6875rem;line-height: 1.6875rem;}
}
@media only screen { } /* Small screens: Define mobile styles */
@media only screen and (max-width: 40em) { 
.label1-home{font-size:20px; width:100%;}
.label1-home span{}
.label2-home{font-size:15px;}  
.button-home {font-size:1.5em;line-height:1.2em;color:#232323;background-color:#f2f2f2;border-radius:5px}  
} /* 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 */

  

/* COMPARTIR EN REDES SOCIALES */
.share-social{background-color:#f2f2f2;margin-top:50px;padding-top:25px;padding-bottom:20px;border-radius:5px;}
.share-social h5{font-family: 'Open Sans', sans-serif;font-size:1em;color:#232323;font-weight:500;margin-bottom:10px}
.share-social a img{width:40px;margin-left:5px;margin-bottom:5px}
.share-social a:hover>img{opacity:0.5}

.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;}

h1 {font-family: 'Open Sans', sans-serif;letter-spacing: 0em;font-weight:normal;line-height: 0.6875rem;font-size:0.5875rem;} 
h1.titulo {font-family: 'Open Sans', sans-serif;color:#333;font-weight:500 !important;font-size:2em;} 
h1.titulo span {font-weight:800 !important;} 
h1.title{font-size:2em; width:100%;	font-family: 'Syncopate', sans-serif;font-weight:300;letter-spacing: 0em;text-shadow: 0.025em 0.025em 0.025em #222;position: relative; overflow: hidden;padding-top:40px;padding-bottom:40px; }
h1.title span{font-family: 'Open Sans', sans-serif;font-weight:800;letter-spacing:0em;color:#232323;}

h2 {font-family: 'Open Sans', sans-seriffont-weight:normal;  font-size:1.2rem;	}  
h2.titulo {font-family: 'Open Sans', sans-serif;font-size:2.5em;color:#333;font-weight:600}  
h2.titulo span {font-weight:800}  
h3.titulo {font-family: 'Open Sans', sans-serif;font-size:2em;color:#ff4349}  
h3.titulo span{font-weight:800}  
h3 {font-family: 'Open Sans', sans-serif;letter-spacing: 0em;   font-weight:normal;line-height: 1.1rem;   font-size:1.1rem;	}  
p  {font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
ul li {font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
ol li {font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
hr {width:30%;border:2px solid #232323;margin-top:0px;} 
table td{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
.tachado{text-decoration:line-through;}
button.enlace{background:transparent;padding:0px 0px 0px 0px}

/* GENERALES */
.seccion-titular{background-color:#f2f2f2;padding-top:20px;padding-bottom:10px;}
.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;}
.seccion-contenido-legal p{font-size:0.8em}
.seccion-contenido-legal ol li{font-size:0.8em}
.seccion-contenido-legal ul li{font-size:0.8em}
.seccion-contenido-legal table td{font-size:1em}

.titular-seccion{font-size:2em; width:100%;	font-family: 'Syncopate', sans-serif;font-weight:300;letter-spacing: 0em;text-shadow: 0.025em 0.025em 0.025em #222;	text-align:center;position: relative; overflow: hidden;padding-top:40px;padding-bottom:40px; }
.titular-seccion span{font-family: 'Open Sans', sans-serif;font-weight:800;letter-spacing:0em;color:#232323;}


@media only screen { } /* Small screens: Define mobile styles */

@media only screen and (max-width: 40em) { 
.seccion-titular{padding-top:0px;padding-bottom:0px;}
.titular-seccion{font-size:2em;padding-top:0px;padding-bottom:0px; }
} /* 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 */




/* ARTÍCULOS */
.detalle-articulo{}
.detalle-articulo .imagen{height:50vh;max-height:50vh;background-color:#FFF;margin: auto;background-size: cover;background-position: left;}
.detalle-articulo .contenido-par{height:46vh;background-color:#333439;padding-top:30px;padding-bottom:30px;}
.detalle-articulo .contenido-impar{height:46vh;background-color:#FFF;padding-top:30px;padding-bottom:30px;}
.detalle-articulo p.boton{position: absolute; bottom: 0; right: 20px;font-size:24px;text-align:right}
.detalle-articulo p.redes{position: absolute; bottom: 0; left: 20px;font-size:24px}

.detalle-articulo .contenido-par h3{font-family: 'Poppins', sans-serif;color:#333439;font-weight:lighter;font-size:1em;text-align:left;color:#ff414a;}
.detalle-articulo .contenido-par h1{font-family: 'Poppins', sans-serif;color:#FFF;font-weight:bolder;font-size:1.4em;text-align:left;}
.detalle-articulo .contenido-par p{color:#FFF;}
.detalle-articulo .contenido-par a{color:#FFF;font-family: 'Open Sans', sans-serif;text-align:left;}
.detalle-articulo .contenido-par a:hover{color:#ff414a;}

.detalle-articulo .contenido-impar h3{font-family: 'Poppins', sans-serif;color:#333439;font-weight:lighter;font-size:1em;text-align:left;color:#ff414a;}
.detalle-articulo .contenido-impar h1{font-family: 'Poppins', sans-serif;color:#333439;font-weight:bolder;font-size:1.4em;text-align:left;}
.detalle-articulo .contenido-impar p{color:#333439;}
.detalle-articulo .contenido-impar a{color:#333439;font-family: 'Open Sans', sans-serif;text-align:left;}
.detalle-articulo .contenido-impar a:hover{color:#ff414a;}

.articulo-contenido{background-color:#333439;}

.articulo-actual{margin-top:40px;padding-bottom:40px;background-color:#FFF;height:100%;margin:0 auto;padding:0 auto;padding-top:100px;padding-left:30px;padding-right:30px}
.articulo-actual a{color:#ff414a;}
.articulo-actual .img-border{border:1px dotted #ccc;padding:10px 10px 10px 10px;margin-top:15px;margin-bottom:15px}
.articulo-anterior{padding-top:200px;padding-right:30px;}
.articulo-siguiente{padding-top:200px;padding-left:30px;}

.articulo-actual blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";padding-top:20px;padding-bottom:10px;}
.articulo-actual blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em; margin-right: 0.25em;vertical-align: -0.4em;}
.articulo-actual blockquote p { color:#232323;}

@media only screen { } /* Small screens: Define mobile styles */

@media only screen and (max-width: 40em) {
	.articulo-actual{margin-top:0px;padding-top:50px;padding-left:0px;padding-right:0px}
	.detalle-articulo .contenido-par{height:auto;}
	.detalle-articulo .contenido-impar{height:auto;} 

} /* 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 */

/* FIN ARTICULOS */


form label{font-family: 'Open Sans', sans-serif;font-size: 1rem;}
form input[type="text"],form input[type="email"],form input[type="password"]{background-color:transparent;border:none;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
form select{background-color:transparent;border:none;border-bottom:1px solid #FFF;font-family: 'Open Sans', 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: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}

.FormBusqueda label{color:#232323;font-family: 'Open Sans', 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: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.FormBusqueda select{background-color:transparent;border:1px solid #232323;font-family: 'Open Sans', 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: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}

.FormBusqueda .button-form {font-family: 'Open Sans', 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: 'Open Sans', sans-serif;}
.Form input[type="text"],.Form input[type="email"],.Form input[type="password"]{background-color:transparent;border:1px solid #232323;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.Form select{background-color:transparent;border:1px solid #232323;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.Form textarea{background-color:transparent;border:none;border:1px solid #232323;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.Form .button-form {font-family: 'Open Sans 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: 'Open Sans', sans-serif;}
.FormAcceso input[type="text"],.FormAcceso input[type="email"],.FormAcceso input[type="password"]{background-color:#FFF; border-radius: 5px;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.FormAcceso select{background-color:transparent;font-family: 'Open Sans', 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: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.FormAcceso .button-form {font-family: 'Open Sans 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; /* 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;
}

/* Formulario de Contacto */
.FormContacto{}
.FormContacto fieldset{border-radius:5px;}
.FormContacto legend{font-family: 'Poppins', sans-serif;font-size:1.1em;}
.FormContacto label{font-family: 'Poppins', sans-serif;color:#232323;font-size:0.9em;}
.FormContacto input[type="text"],.FormContacto input[type="email"],.FormContacto input[type="password"],.FormContacto select,.FormContacto textarea{font-family: 'Open Sans', sans-serif;background-color:#f2f2f2;border:1px solid #CCC;border-radius:5px;color:#232323;box-shadow:none;}
/*
.FormContacto select{background-color:#f2f2f2;border:1px solid #CCC;border-radius:5px;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
.FormContacto textarea{background-color:#f2f2f2;border:1px solid #CCC;border-radius:5px;font-family: 'Open Sans', sans-serif;color:#232323;box-shadow:none;}
*/
.FormContacto .button-form {font-family: 'Open Sans', 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}
  
  
  
.boton-web {font-family: 'Open Sans', sans-serif;border: 1px solid #ff4349;outline: none;text-decoration: none;transition: background-color 0.2s ease-out,border-color 0.2s ease-out;background-color:#ff4349;color:#FFF;font-weight:600;border-radius:5px;}  
.boton-web:hover, .boton-web: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}

  


/* PROTECTORAS */
.seccion-protectoras{margin-top:70px;padding-top:0px;background-color:#232323;}
.seccion-protectoras .seccion1{padding-top:0px;padding-bottom:0px;height:100%;background-color:#31bbc4;border-bottom:1px solid #31bbc4;}
.seccion-protectoras .seccion1 p{text-align:justify}
.seccion-protectoras .seccion1 .izq{padding-top:20px;padding-bottom:30px;height:100%}
.seccion-protectoras .seccion1 .dcha{padding-top:30px;padding-bottom:30px;background-color:#FFF;}
.seccion-protectoras .seccion1 table {width:100%;}
.seccion-protectoras .seccion1 table th{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
.seccion-protectoras .seccion1 table td{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#232323;font-size: 0.9rem;}
.seccion-protectoras .seccion2{padding-top:0px;padding-bottom:0px;background-color:#f2cb3f;}
.seccion-protectoras .seccion2 .izq{padding-top:20px;padding-bottom:30px;height:100%}
.seccion-protectoras .seccion2 .dcha{padding-top:30px;padding-bottom:30px;background-color:#FFF;}


@media only screen { } /* Small screens: Define mobile styles */

@media only screen and (max-width: 40em) { 


/*.main{margin-top:0px !important;}
.home-cabecera{margin-top:0px;}*/

.main{margin-top:0px !important;}
.home-cabecera{margin-top:0px;}



.seccion-protectoras{margin-top:0px;}

  	/* Redes sociales flotantes */
.social {top:80px;margin-right:0px;} 
.social ul {} 
.social ul li a {padding: 5px 8px;} 
.social ul li a img{width:20px;} 
.social ul li a:hover {padding: 5px 15px;}

	/* Titular seccion */
.titular-seccion{font-size:1.2em;padding-top:30px;padding-bottom:30px; }
.titular-seccion span{}



} /* 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) { 
header .logo{margin-top:-20px;margin-left:0px;width:140px}
header .logo img{width:140px}


.top-bar-section-menu-privado ul li > a {font-size: 0.8em;padding: 0px 0.5rem 0px 0.5rem !important;}
.top-bar-section-menu ul li > a {font-size:0.8em;padding: 0rem 0.5rem 0rem 0.5rem !important;}

	/* Redes sociales flotantes */
.social {top:80px;margin-right:0px;} 
.social ul li a {padding: 3px 5px;} 
.social ul li a img{width:20px;} 
.social ul li a:hover {padding: 3px 10px;}

h1 {line-height: 0.6875rem;font-size:0.5875rem;} 
h2 {line-height: 1.4rem;   font-size:1.1rem;}  
h3 {line-height: 1.1rem;   font-size:1rem;}  
p  {color:#232323;font-size: 0.8rem;}
ul li {font-size: 0.8rem;}
ol li {font-size: 0.8rem;}
hr {width:30%;border:2px solid #232323;margin-top:0px;} 
table td{font-size: 0.8rem;}

.seccion-protectoras{}
.seccion-protectoras .seccion1{}
.seccion-protectoras .seccion1 p{}
.seccion-protectoras .seccion1 .izq{}
.seccion-protectoras .seccion1 .dcha{}
.seccion-protectoras .seccion1 table {}
.seccion-protectoras .seccion1 table th{font-size: 0.7rem;}
.seccion-protectoras .seccion1 table td{font-size: 0.7rem;}
.seccion-protectoras .seccion1 table td img{width:15px}
.seccion-protectoras .seccion2{}
.seccion-protectoras .seccion2 .izq{}
.seccion-protectoras .seccion2 .dcha{}

} /* 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 */

/* MASCOTAS */

.seccion-perros-perdidos{padding-bottom:40px}
.seccion-perros-perdidos .contenido{background-color:#FFF;padding-top:40px;padding-bottom:30px;}

.seccion-perros-encontrados{}
.seccion-perros-encontrados .contenido{background-color:#FFF;padding-top:40px;padding-bottom:30px;}

.seccion-perros-perdidos .contenido .detalle-mascota-perdida .borde{border:1px solid #CCC;border-radius:5px;padding-top:0px !important;margin-top:0px !important;background-color:#fafafa}

.seccion-perros-perdidos .contenido .detalle-mascota-perdida .validado{position:absolute;top:0;right:0;opacity:0.6;margin-top:8px;margin-right:8px;width:20px}
.seccion-perros-perdidos .contenido .datos{background-color:#f2f2f2;}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida a:hover{opacity:0.8}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida .imagen{background-color:#f2f2f2; height:350px; background-position: center; background-repeat: no-repeat;  background-size: cover;}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida .titulo{background-color:#de443c;padding-top:5px;padding-bottom:5px;background-color:#fc9895}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida h2{font-family: 'Open Sans', sans-serif;padding-top:15px;color:#232323;background:transparent;font-size:1.2em;font-weight:700}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida h2 span{font-weight:bold;color:#fc4349;font-weight:700 !important}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida p{padding-top:20px;padding-bottom:10px;padding-bottom:0px;font-size:0.9em;margin-bottom:5px;padding-top:8px}
.seccion-perros-perdidos .contenido .detalle-mascota-perdida p span{font-size:11px;}
.seccion-perros-perdidos .contenido .fechas{text-align:center;padding-top:0px;padding-bottom:15px !important;margin-bottom:8px}

.seccion-perros-encontrados .contenido .detalle-mascota-encontrada .borde{border:1px solid #CCC;border-radius:5px}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada .validado{position:absolute;top:0;right:0;opacity:0.6;margin-top:8px;margin-right:8px;width:20px}
.seccion-perros-encontrados .contenido .datos{background-color:#f2f2f2}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada a:hover{opacity:0.8}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada .imagen{background-color:#f2f2f2; height:350px; background-position: center; background-repeat: no-repeat;  background-size: cover;}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada .titulo{background-color:#07ba07;padding-top:5px;padding-bottom:5px;background-color:#a8e5a8}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada h2{font-family: 'Open Sans', sans-serif;padding-top:15px;color:#232323;background:transparent;font-size:1.2em;font-weight:700}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada h2 span{font-weight:bold;color:#fc4349;font-weight:700 !important}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada p{padding-top:20px;padding-bottom:10px;padding-bottom:0px;font-size:0.9em;margin-bottom:5px;padding-top:8px}
.seccion-perros-encontrados .contenido .detalle-mascota-encontrada p span{font-size:11px;}
.seccion-perros-encontrados .contenido p.fechas{text-align:center;padding-top:0px;padding-bottom:15px !important;margin-bottom:8px}


/* PERROS PERDIDOS */
.seccion-perdidos{background-color:#f2f2f2;padding-top:40px;padding-bottom:30px;margin-top:70px;}
.seccion-perdidos-resultados{padding-top:20px;padding-bottom:0px;background-color:#F8F8F8;}
.seccion-perdidos-resultados .contenido{}
.seccion-perdidos-resultados .contenido .comandos{background-color:#F8F8F8;}


.seccion-perdido-titulo{background-color:#f2f2f2;padding-top:20px;padding-bottom:10px;margin-top:70px;}
.seccion-perdido-contenido{background-color:#FFF;padding-top:0px;padding-bottom:10px;margin-top:0px;}
.seccion-perdido-contenido .datos-perro{width:100%;border:none;margin-top:-5px;}
.seccion-perdido-contenido .datos-perro .titulo{width:20%;background-color:#f2f2f2;font-weight:bold;}
.seccion-perdido-contenido .datos-perro .dato{background-color:#FFF;border:1px solid #f2f2f2;}


/* PERROS ENCONTRADOS */
.seccion-encontrados{background-color:#f2f2f2;padding-top:40px;padding-bottom:30px;margin-top:70px;}
.seccion-encontrados-resultados{padding-top:20px;padding-bottom:0px;background-color:#FFF;}

.seccion-encontrado-titulo{background-color:#f2f2f2;padding-top:20px;padding-bottom:10px;margin-top:70px;}
.seccion-encontrado-contenido{background-color:#FFF;padding-top:0px;padding-bottom:10px;margin-top:0px;}
.seccion-encontrado-contenido .datos-perro{width:100%;border:none;margin-top:-5px;}
.seccion-encontrado-contenido .datos-perro .titulo{width:20%;background-color:#f2f2f2;font-weight:bold;}
.seccion-encontrado-contenido .datos-perro .dato{background-color:#FFF;border:1px solid #f2f2f2;}


/* FICHA MASCOTA */
.ficha-mascota{color:#232323;}
.ficha-mascota .galeria .foto{padding:5px 5px 5px 5px;}
.ficha-mascota .galeria .foto a:hover{opacity:0.8;}
.ficha-mascota .galeria .foto img{border-radius:5px}
.ficha-mascota h1.titulo{font-family: 'Open Sans', sans-serif;font-size:2em;text-align:center;letter-spacing: 0em;font-weight:600;margin-top:20px;margin-bottom:15px}
.ficha-mascota h2.titulo{font-family: 'Open Sans', sans-serif;font-size:1.8em;text-align:center;letter-spacing: 0em;margin-bottom:50px}

.tooltip{margin-top:-100px;}

.button-dowload-cartel{background-color:#c6292e;color:#FFF;width:100%;border-radius:5px;font-weight:600;font-family: 'Open Sans', sans-serif}


@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 */



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



	/* MIS ANUNCIOS */
.tabla-anuncios{border:none; width:100%;}
.tabla-anuncios th{background-color:#000;color:#FFF;font-family: 'Open Sans', sans-serif;font-weight:400}
.tabla-anuncios td{font-family: 'Open Sans', 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:800px;}
#map-canvas-ficha {width:100%;height:500px;}




@media only screen and (min-width: 40.0625em) {
  h1 {
	font-size: 1.6875rem;
	line-height: 1.6875rem;
	}
}


/* FOOTER */
footer .contenido{background-color:#000;padding-top:30px;padding-bottom:10px;}
footer .contenido .columna{padding-top:20px;padding-bottom:20px;}
footer .contenido h2{font-family: 'Open Sans', sans-serif !important;color:#f2f2f2;font-size:1.1em;}
footer .contenido p{font-family: 'Open Sans', sans-serif !important;color:#f2f2f2;font-size:0.8em;}
footer .contenido p a{font-family: 'Open Sans', sans-serif !important;color:#f2f2f2;}
footer .contenido p a:hover{color:#CCC !important;}
footer .contenido .firma{border-top:1px solid #888a8b;}
footer .contenido .firma p a{color:#c4c6c7 !important;}
footer .contenido .firma p{color:#c4c6c7 !important;}
footer .contenido button{font-family: 'Open Sans', sans-serif !important;color:#f2f2f2;font-size:1em;}


@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) {
	footer .contenido{padding-top:20px;padding-bottom:10px;}
	footer .contenido .columna{padding-top:10px;padding-bottom:20px;}
	footer .contenido h2{font-size:0.8em;}
	footer .contenido p{font-size:0.6em;}
	footer .contenido p a{}
	footer .contenido p a:hover{}
	footer .contenido .firma{}
	footer .contenido .firma p a{}
	footer .contenido .firma p{} 
} /* 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: 'Open Sans', 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}