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

.logos-tienda img{
	min-height: 140px;
	max-height: 140px;
}

#contenidoContactenos input[type='text'], #busqueda input[type='text']{
	background: none;
	border-radius: 20px;
	width: 100%;
}

#busqueda input[type='text']{
	color: #005ea5;
	border: 1px solid #005ea5;
}


.registro textarea, .registro textarea:focus{
	background: none;
	color: #fff;
	border: 1px solid #fff;
	padding: 0.5em;
	border-radius: 20px;
	overflow:hidden;
}

.img-blog img {
	width: 100%;
	max-width: 700px;
}
.f-ama3, .f-ama{
	background:#f3f2f2;
}

.btn-pendiente{
	 background: #5B5A5A
 ;
	 border-radius: 20px;
	 padding: 0.5em 2em;
	 text-align: center;
	 width: 100%;
	 color: #fff;
	 border: none;
 }
.btn-aprobado{
	background: #40F591
;
	border-radius: 20px;
	padding: 0.5em 2em;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
}

.btn-rechazado {
	background: #ead66f;
	border-radius: 20px;
	padding: 0.5em 2em;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
}

.fondo-intranet{
	background: #384F6F
;
}

.pestana{
	background: #005EA5;
	font-size: 1.5em;
	color: #fff;
	border-radius: 20px 20px 0 0;
	padding: 0.3em 1em;
	text-decoration: none !important;
	cursor: pointer;
}

.pestana.pestana-act, .pestana:hover{
	background: #F3F3F3;
	color: #005EA5;
}

.perfil img{
	border-radius:150px ;
	width: 100%;
	height: 310px;
	max-width: 310px;
	border: 20px solid #FFEC00
;
	text-align: center;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
}
.datos{
	background: url("imagenes/cuadritos.png") no-repeat bottom right#ffec00;
	padding: 1em;
	border-radius: 30px;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
}
.banner-yo{
	background: url("imagenes/fondo-banner-yo.jpg");
	border-radius: 30px;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	padding: 2em;
	height: 280px;
}.banner-posicion img{
	 max-width: 430px;
	 width: 100%;}
.fondo-espacio{
	background: url("imagenes/fondo-cuadritos.png") no-repeat bottom;
	padding-bottom: 8em
}
.info-perfil{
	border: 1px solid #005EA5
;
	padding: 0.5em 1em;
	font-family: 'poppinsbold';
	border-radius: 30px;
}
.f-rombo1{
	background: url("imagenes/rombo-f-rojo.png") no-repeat right bottom;
}
.f-rombo2{
	background: url("imagenes/rombo-f-amarillo.png") no-repeat right top;
}
.f-rombo3{
	background: url("imagenes/rombo-f-azul.png") no-repeat left top;
}
.concursos{
	border-radius: 30px;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	padding: 25em 2em 2em 2em;
	margin-bottom: 2em;
}
.adivina-mama{
	background: url("imagenes/adivina-mama.jpg") no-repeat center;
	background-size: cover;
}
.adivina-gol{
	background: url("imagenes/adivina-gol.jpg") no-repeat center;
	background-size: cover;
}
.space{
	background: url("imagenes/space-invader.jpg") no-repeat center;
	background-size: cover;
}
.blog{
	border-radius: 30px;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);	margin-bottom: 2em;
	background: url("imagenes/img-blog.jpg");
}
.nuevo-blog{
	border-radius: 30px;
	-webkit-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -6px rgba(0,0,0,0.75);
	margin-bottom: 2em;
	background:#f3f3f3;
	padding:3em 2em 2em 2em;
}
.blog2{
	background:rgba(2,47,82,0.80);
	padding:2em 2em 2em 2em;
	border-radius: 30px;
	min-height: 380px;
	max-height: 380px;
}

#contenidoContactenos input, #contenidoContactenos textarea{
	color: #005ea5;
	border: 1px solid #005ea5;
}

.logo-registros2 img{
	max-width: 120px;
}

.contenedor-registro{
	max-width: 700px;
	margin: 0 auto;
}

.registro input[type='text']::placeholder, .registro input[type='password']::placeholder, .registro input[type='email']::placeholder,
.registro textarea::placeholder{
	color: #FFFFff;
}

select option, .custom-select.is-valid, .was-validated .custom-select:valid{
	color: #005da8;
}

.error-input{
	border: rgb(245, 64, 95);
}

.custom-select.is-invalid, .was-validated .custom-select:invalid, .error-input::placeholder {
	color: rgb(245, 64, 95);
}

.invalid-feedback{
	color: #ffffff;
}

.btn-danger{
	background: rgb(245, 64, 95);
}


	/* ==========================================================================
       Clases 10 de marzo
       ========================================================================== */
.registro .custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	margin-bottom: 0;
}

.registro .custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	margin: 0;
	opacity: 0;
}

.registro .custom-file-input + label {
	outline: none;
	color: #ffffff;
	background: none;
	border-radius: 10px;
}

.registro .custom-file-label::after{
	color: rgb(245, 64, 95);
	content: "Cargar" !important;
	background-color: #FFFFff;
}

.preview img{
	max-width: 100%;
	max-height: 500px;
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}


.registro{
	background: url("imagenes/registro-castellana.jpg") no-repeat center;
	height: auto;
	background-size: cover;
	padding: 2em;
	margin-bottom: 4em;
	border-radius: 1.5em;
}
.select2 {
	background:none;
	color: #fff;
	border: 1px solid #fff;
	padding: 1em;
	overflow: hidden;
	width: 100%;
	border-radius: 20px;
	padding: 0.5em;}
.select2 select {
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	appearance: none;
	color: #000;
}

.menu-principal{
	position: fixed !important;
	background: #384f6f !important;
	border-bottom: 10px solid #005da8;
}

a.pop-bold{
	text-decoration: none;
}

.image-fondo{
	height: 350px;
}

.owl-theme .owl-nav [class*="owl-"]:hover{
	background: none !important;
}

.owl-next, .owl-prev{
	font-size: 40pt !important;
}

#menu-movil{
	background: #384f6f;
	border-right: 10px solid #005da8;
	z-index: 100;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #384f6f;
}

.hvr-underline-from-center::before {
	background: #ffec00;
}


.zona{
	height: 34em;
	background-size: cover;
	align-items:flex-end;
	display: flex;
	padding: 1em;
	-webkit-transition:-webkit-filter 0.3s ease-in-out;
	-moz-animation: -moz-filter 0.3s; /* Firefox */
	-o-animation: -o-filter 0.3s; /* Opera */
}

.zona:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.iconos img{
	max-width: 30px;
}

.buscador-btn{
	background: #f5405f;
	border-radius: 20px;
	padding: 0.5em 2em;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
}
.buscador-campo{
	background:none;
	color: #005ea5;
	border: 1px solid #005ea5;
	padding: 0.5em;
	border-radius: 30px;
	width: 100%;
}
.select {
	background:none;
	color: #005ea5;
	border: 1px solid #005ea5;
	padding: 1em;
	overflow: hidden;
	width: 100%;

}
.select select {
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	appearance: none;
	color: #929292;
}
.subtitulo2{
	font-size: 1em;
	font-family: 'poppinslight';
}
.zona5{
	background:url("../recursos/imagenes/servicios.jpg") no-repeat center;
	height: 34em;
	background-size: cover;
	align-items:flex-end;
	display: flex;
	padding: 1em;
}
.c-buscar{
	background:url("../recursos/imagenes/buscar-tienda.jpg") no-repeat center;
	background-size: cover;
}
.logos-tienda{
	border: 1px solid #005ea5;
	border-radius: 20px;
	display: inline-block;
}
.logos-tienda img{
	border-radius: 20px;
	padding: 0.3em;
	width: 100%;
	max-width: 100%;
}
.area{
	background:none;
	color: #005ea5;
	border: 1px solid #005ea5;
	padding: 0.5em;
	border-radius: 20px;
	width: 100%;
	text-align: left;
	height: 6em;
}
.color-area{
	color: #005ea5;
	border: 1px solid #005ea5;
}
/* ==========================================================================
   Clases 10 de marzo
   ========================================================================== */




body{
	font-size:16px;
	font-family: 'poppinslight';
}
.logo img{
	max-width: 121px;
}
.concurso{
	background: url("../recursos/imagenes/diversion-castellana.jpg") no-repeat center;
	height: auto;
	background-size: cover;
	padding: 5em 3em 6em 3em;
	height: 40em;
}
.servicios-mas{
	background:url("../recursos/imagenes/servicios_mas.jpg") center;
	height: auto;
	background-size: cover;
	padding: 5em 3em 6em 3em;
	height: 40em;
}
.bloguero{
	background:url("../recursos/imagenes/blog-castellana.jpg") center no-repeat;
	height: auto;
	background-size: cover;
	/* padding: 3em 3em 6em 3em; */
	padding: 2em 1em 4em 3em;

}

.rombo2{
	background: url("../recursos/imagenes/rombo2.png") left no-repeat;
	padding: 2em;
}
.rombo3{
	background: url("../recursos/imagenes/rombo3.png") left no-repeat;
	padding: 2em;
}
.rombo4{
	background: url("../recursos/imagenes/rombo4.png") left no-repeat;
	padding: 2em;
}
.boletas{
	background: url("../recursos/imagenes/paseo-castellana.jpg") no-repeat center;
	height: auto;
	background-size: cover;
	padding: 5em 3em 6em 3em;
	height: 40em;
}

.zona2{
	background:url("../recursos/imagenes/diversion-grandes.jpg") no-repeat center;
	height: 34em;
	background-size: cover;
	align-items:flex-end;
	display: flex;
	padding: 1em;
}
.zona3{
	background:url("../recursos/imagenes/diversion-chicos.jpg") no-repeat center;
	height: 34em;
	background-size: cover;
	align-items:flex-end;
	display: flex;
	padding: 1em;
}
.zona4{
	background:url("../recursos/imagenes/comer-castellana.jpg") no-repeat center;
	height: 34em;
	background-size: cover;
	align-items:flex-end;
	display: flex;
	padding: 1em;
}
.tiendas{
	/* background: url("../recursos/imagenes/tiendas-castellana.jpg") 50% 50% / cover no-repeat; */
	background-size: cover;
	height: auto;
}

.tiendas1{
	height: auto;
	padding: 5em 3em 1em 3em;
	background: #ffec00;

}
.cine{
	background: url("../recursos/imagenes/cine-castellana.jpg") no-repeat center;
	background-size: cover;
	padding: 5em 0;
}
.fondo-pie{
	background: url("../recursos/imagenes/fondo-pie.jpg") no-repeat center;
	background-size: cover;
	padding: 2em 0;
}
.poner{
	display:none;
}
.social img{
	max-width: 2.2em;
}

.circulo {
	width: 0.5em;
	height: 0.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #384f6f;
}
.separador1{
	background:url("../recursos/imagenes/separador.jpg");
	height: 2px;
	max-width: 780px;
	margin: 0 auto;
}
.navegador{
	background: url("../recursos/imagenes/rombo-navegador.png") no-repeat;
	display: inline-block;
	padding:0.3em 0 0 1em;

}
.castellana{
	background: url("../recursos/imagenes/castellana.jpg") no-repeat center;
	background-size: cover;
}
.c-servicios{
	background:url("../recursos/imagenes/servicios-castellana.jpg") no-repeat center;
	background-size: cover;
}
/*.f-ama{
	background:#ffec00;
}*/
.logos-serv{
	border: 1px solid #fff;
	border-radius: 20px;
	display: inline-block;
}
.logos-serv img{
	border-radius: 20px;
	padding: 0.3em;
	width: 100%;
	max-width: 200px;
}
.icono-serv{

}
.icono-serv img{
	width: 100%;
	max-width: 132px;

}
.fondo-gris{
	background: #f5f5f5;
}

/* ==========================================================================
   Textos
   ========================================================================== */

h1{
}
h2{
	font-size: 3.375em;
	font-family: 'Vonique 92';

}
h3{
	font-size: 2em;
	font-family: 'Vonique 92';
}
h4{
	font-size: 2.3em;
	font-family: 'Vonique 92';
}
h5{
}
h6{
}
p{}
.txt-nom{
	font-size: 0.9em;
	font-family: 'latobold';

}
.txt-nom2{
	font-size: 0.9em;
	font-family: 'latolight';

}
.txt-azul{
	color: #005ea5;
}
.pop-flaca{
	font-family: 'poppinslight';
}
.pop-bold{
	font-family: 'poppinsbold';
}
.subtitulos{
	font-size: 2em;
	font-family: 'poppinslight';
}

/* ==========================================================================
   Textos
   ========================================================================== */

/* ==========================================================================
   Banners
   ========================================================================== */

.images-fluidas img{
	width: 100%;
}
.banner-principal{
	background: url("../recursos/imagenes/banner-principal-mujer.jpg") no-repeat center;
	background-size: cover;
	height: 67em;
}
.banner-principal-inter{
	background: url("../recursos/imagenes/banner-internas.jpg") no-repeat center;
	background-size: cover;
	height: 587px;
}
/* ==========================================================================
    Banners
   ========================================================================== */


/* ==========================================================================
  inputs
   ========================================================================== */

.registro input[type=text],.registro input[type=password], .registro input[type=email]{
	background:none;
	color: #fff;
	border: 1px solid #fff;
	padding: 0.5em;
	border-radius: 20px;
	width: 100%;
}
.registro input[type=button]{
	background: #f5405f;
	border-radius: 20px;
	padding: 0.5em 2em;
	text-align: center;
	width: 100%;
	color: #fff;
	border: none;
}

/* ==========================================================================
  inputs
   ========================================================================== */


/* ==========================================================================
   font-face
   ========================================================================== */
@font-face {
	font-family: 'latobold';
	src: url('../fuentes/lato-bold-webfont.eot');
	src: url('../recursos/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../recursos/fonts/lato-bold-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-bold-webfont.woff') format('woff'),
	url('../recursos/fonts/lato-bold-webfont.ttf') format('truetype'),
	url('../recursos/fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'latolight_italic';
	src: url('../recursos/fonts/lato-lightitalic-webfont.eot');
	src: url('../recursos/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../recursos/fonts/lato-lightitalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-lightitalic-webfont.woff') format('woff'),
	url('../recursos/fonts/lato-lightitalic-webfont.ttf') format('truetype'),
	url('../recursos/fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'latoregular';
	src: url('../recursos/fonts/lato-regular-webfont.eot');
	src: url('../recursos/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../recursos/fonts/lato-regular-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-regular-webfont.woff') format('woff'),
	url('../recursos/fonts/lato-regular-webfont.ttf') format('truetype'),
	url('../recursos/fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'latosemibold';
	src: url('../recursos/fonts/lato-semibold-webfont.eot');
	src: url('../recursos/fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../recursos/fonts/lato-semibold-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-semibold-webfont.woff') format('woff'),
	url('../recursos/fonts/lato-semibold-webfont.ttf') format('truetype'),
	url('../recursos/fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latolight';
	src: url('../recursos/fonts/lato-light-webfont.eot');
	src: url('../recursos/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../recursos/fonts/lato-light-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-light-webfont.woff') format('woff'),
	url('../recursos/fonts/lato-light-webfont.ttf') format('truetype'),
	url('../recursos/fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'latothin';
	src: url('../recursos/fonts/lato-thin-webfont.woff2') format('woff2'),
	url('../recursos/fonts/lato-thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Vonique 92';
	src: url('../recursos/fonts/vonique_92-webfont.woff2') format('woff2'),
	url('../recursos/fonts/vonique_92-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'poppinsblack';
	src: url('../recursos/fonts/poppins-black-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsblack_italic';
	src: url('../recursos/fonts/poppins-blackitalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-blackitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsbold';
	src: url('../recursos/fonts/poppins-bold-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsbold_italic';
	src: url('../recursos/fonts/poppins-bolditalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsextrabold';
	src: url('../recursos/fonts/poppins-extrabold-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsextrabold_italic';
	src: url('../recursos/fonts/poppins-extrabolditalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-extrabolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsextralight';
	src: url('../recursos/fonts/poppins-extralight-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-extralight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsextralight_italic';
	src: url('../recursos/fonts/poppins-extralightitalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-extralightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsitalic';
	src: url('../recursos/fonts/poppins-italic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinslight';
	src: url('../recursos/fonts/poppins-light-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinslight_italic';
	src: url('../recursos/fonts/poppins-lightitalic-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-lightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'poppinsmedium';
	src: url('../recursos/fonts/poppins-medium-webfont.woff2') format('woff2'),
	url('../recursos/fonts/poppins-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
/* ==========================================================================
  font-face
   ========================================================================== */
/* ==========================================================================
  Queris
   ========================================================================== */
@media (max-width:1400px) {
	.banner-principal{
		height: 57em;
	}
}

@media (max-width: 1280px) {
	.rombo h3{
		font-size: 1.3em !important;
	}

	.titu-desta{
		font-size: 19pt;
	}
}

@media (max-width:1200px) {
	body{
		font-size:14px;
	}
	.banner-principal{
		height: 47em;
	}
	.zona{
		height: 30em;
	}
	.zona2{
		height: 30em;
	}
	.zona3{
		height: 30em;
	}
	.zona4{
		height: 30em;
	}
}

@media (max-width:992px) {
	body{
		font-size:12px;
	}
	.quitar{
		display:none;
	}
	.poner{
		display:block;
	}
	.banner-principal{
		height: 37em;
	}
	.concurso{
		height:auto;
	}
	.servicios-mas{
		height:auto;
	}
	.boletas{
		height:auto;
	}
}

@media (max-width:768px) {
	.banner-principal{
		background:url("../recursos/imagenes/banner-principal-mujer2.jpg") bottom no-repeat center;
		height: 30em;
		background-size: cover;
	}
	.castellana{
		height: 30em;
	}

	.logo img{
		width: 100px;
	}
}
/* ==========================================================================
  Queris
   ========================================================================== */


@media (max-width: 468px) {
	.image-fondo{
		height: 85vh;
	}

	.tiendas{
		height: 320px;
	}
	
	.h4{
		font-size: 2em;
	}

	.rombo{
		padding: 3em !important;
	}

	.tiendas.img{
		display: none !important;
	}

}