/* RESETEANDO ESTILOS
   ========================================================================= */
body {
	border: none;
	margin: 0px;
	padding: 0px;
	margin:10px auto 10px auto;
	width:100%;
	max-width:100%;
	box-shadow: 0px 0px 0px #ccc;
	box-sizing: border-box;
	max-width:100%;
}

div#contenedor {
	border: none;
	box-shadow: 0px;
	margin: 0px;
	padding: 0px;
	box-shadow:0px 0px 0px;

}

#middle {
  font-size:100%;
	max-width:100%;
	box-sizing: border-box;
}


/*RESPONSIVE
   ========================================================================= */

div#barra_menu_principal,
div#encabezado,
div#nav_migas,
div#encabezado_movil {
	display: none;
}

#encabezado-crh {
	padding:10px 5px 0px 5px;
	position: fixed;
	top:0;
	left:0;
	z-index:2;
	background-color: #fff;
	width:100%;
}
div#cuerpo-crh {
	position:relative;
	top:0;
	left:0;
	margin-top:155px;
	z-index:1;
	max-width:100%;
	box-sizing: border-box;
}
#encabezado-crh a {
	color:#555;
	font-weight: bold;
}
address {
	background-image:url("../imagenes/logo.jpg");
	background-repeat: no-repeat;
	background-size:70px;
	padding-left:70px;
	height: 70px;
	flex-basis:100%;
	box-sizing: border-box;
}
div.resto-encabezado {
	flex:1 1 60%;
	justify-content: space-between;
}


a.menu,
a.aspa {
	color:transparent;
	display:block;
	width:30px;
	font-size:0;
	height:30px;
	padding:0;
	margin:0;
}
.sprite {
  background-image:  url("../imagenes/rrss.png");
  background-repeat:no-repeat;
  height: 29px;
  min-width: 30px;
  background-size: 30px;
  margin:0;
  padding:0px 0 0px 32px;
  padding-top:5px;
}


.sobre {
	background-position: 0px 0px;
}

.telefono {
	background-position: 0px -30px;
}

.carteles{
	background-position: 0px -60px;
}

.twitter{
   background-position: 0px -90px;
}

.facebook{
   background-position: 0px -120px;
}

.menu {
   background-position: 0px -150px;
}
.aspa {
   background-position: 0px -180px;
}
div#menu-principal-crh {
  flex:0 0 30px;
}
div#menu-principal-crh-off {
	background:#eee;
	border-bottom:1px dotted #ccc;
	justify-content: flex-end;
}
div#menu-principal-crh .sprite,
div#menu-principal-crh-off .sprite {
	background-size:cover;
}

p.twitter,
p.facebook,
div#menu-principal-crh {
  color:transparent;
  width:30px;
  padding:0;

}
p.twitter a,
p.facebook a {
	color:transparent;
	display:block;
	width:30px;
	font-size:0;
	height:30px;
}

div#mas_address {
	flex-basis:100%;
	border-top:2px dotted #ccc;
	border-bottom:2px dotted #ccc;
	padding:5px 2px;
	margin:5px 0;
	justify-content: space-around;
	box-sizing: border-box;
	max-width: 100%;
	font-size:80%;
}

#encabezado-crh > h1 {
	display:none;
}

#encabezado-crh a.enlace-ms {
	display: none;
}

address p {
  padding:0;
  margin:0;
  font-size:90%;
}

@keyframes ocultarmenu {
  from {top:0px;}
  to {top:-1000px;}
}


nav {
	display:none;
}
nav.menu-off {
	display:block;
	position:absolute;
	top:-1000px;
	animation:ocultarmenu;
	animation-duration: 1s;
	z-index: 9999999;
}

@keyframes mostrarmenu {
  from {top:-300px;}
  to {top:0px;}
}
nav.menu-on {
	display:block;
	position: absolute;
	top:0px;
	z-index: 9999999;
  	animation-name: mostrarmenu;
  	animation-duration: 1s;
}

nav#menu_crh {
	background-color: #ccc;
}

nav#menu_crh ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
}
nav#menu_crh > ul {
	border-top:1px dotted #ccc;
	font-size:200%;
}
nav#menu_crh > ul > li > ul {
	font-size:80%;
}
nav#menu_crh > ul > li {
	padding:20px 0px;
	flex-basis:100%;
}
nav#menu_crh > ul > li > ul > li {
    padding:10px 5px;
}
#menu_crh ul li {
    position:relative;
    flex: 0 0 auto;
    margin:0 3px;
}
#menu_crh > ul > li {
	background-color:transparent;
	transition-property:background-color;
	transition-duration:1s;
}

#menu_crh > ul > li:hover {
	background-color: #d46a6a;
}
#menu_crh > ul > li {
	font-size:80%;
	padding:10px 0;
}
#menu_crh ul a {
	display:block;
	color:#555;
	text-decoration:none;
	font-family: 'Lato', 'helvetica neue', 'Helvetica', 'Arial', 'sans-serif';
	letter-spacing: 2px;
	padding:0 10px;
}

#menu_crh ul li > ul {
	display:none;
	left:0;
	padding:0;
	margin:0;
	background-color:#fff;
}

#menu_crh ul li > ul li {
	margin:0;

}

#menu_crh ul li > ul.submenu-on {
  	display:block;
  	z-index:99999;
  	color:#00f;
}

div.slides img {
	width: 100%;
	margin:0 auto;
}
div.slides video {
	display: block;
	margin:0 auto;
	padding:20px 0;
	width:100%;
	max-width:800px;
}
div.slides span {
	position:relative;
	font-size:150%;
	color:#333;
	background-color:rgb(255,255,255,0.2);
	display:block;
	text-align: right;
	font-family: 'Lato', 'helvetica neue', 'Helvetica', 'Arial', 'sans-serif';
	padding:10px 20px;
	top:-50px;
	margin-top:-30px;
}

div#reservas-y-donaciones ul,
div#informacion-para-donantes ul {
	list-style: none;
}
div#reservas-y-donaciones > div {
	flex-basis:100%;
	background:#fff;
	box-sizing: border-box;
	max-width:99%;
	margin:0 auto;
}

div#reservas-y-donaciones h2 {
	color:#801515;
	letter-spacing: 1px;
	padding-left:10px;
	font-weight: normal;
}

.promo-centro img {
	max-width:100%;
	margin:0 auto;
	display: block;
}

div.reservas > div {
	justify-content: center;
	background:#ddd;
}

div.reservas > p a {
	display:block;
	margin:20px auto 10px auto;
	font-size: 150%;
	color:#fff;
	background:#801515;
	border:0;
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	transition-property:background-color;
	transition-duration:1s;
	text-align: center;
}
div.reservas > p a:hover {
	background:#550000;
}
div.reservas h2 + div {
	border-radius:5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-bottom:1px dotted #fff;
}
div.reservas h2 + div + div {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.reservas > div > span {
	flex:0 1 24%;
	text-align: center;
	color:#b61f24;
	padding-top:10px;
	padding-bottom:10px;
}

div.reservas em {
	line-height: 15px;
	display:block;
	width:90%;
	margin:0 auto;
}

div.reservas > div > span > span {
	display:block;
	margin:0 auto;
	border:1px solid #fff;
	background-image:  url("../imagenes/sprite.gotas.new.png");
	background-repeat:no-repeat;
	padding:80px 0 70px 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	box-sizing: border-box;
}

div.reservas > div > span > span {
	width:75px;
	background-size: 225px;
	padding:40px 0 50px 0;
}

div.reservas > div > span.lleno > span {
    background-position: 0px 0px;
    filter: hue-rotate(100deg) brightness(125%);
	-webkit-filter: hue-rotate(100deg) brightness(125%);
	-moz-filter: hue-rotate(100deg)brightness(125%);
}

div.reservas > div > span.medio > span {
    background-position: -75px 0px;
    filter: hue-rotate(60deg) saturate(500%) brightness(125%);
	-webkit-filter: hue-rotate(60deg) saturate(500%) brightness(125%);
	-moz-filter: hue-rotate(60deg) saturate(500%) brightness(125%);
}

div.reservas > div > span.vacio > span {
    background-position: -150px 0px;
}


div.reservas em {
	font-size:80%;
	font-weight: bold;
	font-style:normal;
	margin-top:10px;
}

div.reservas strong {
	padding:5px;
	background-color:#550000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:70%;
}

div.donaciones ul,
div.donaciones p:not(.cerrar) {
	padding:0 10px;
	margin:0;
	color:#555;
}

div.donaciones li {
	padding:20px 20px;
}

div#puntos-moviles {
	margin:30px 0;
}
div#puntos-moviles h3 {
	color:#801515;
	margin:15px 0;
	font-weight: normal;
	padding:0 10px;
	font-size:130%;
}

div#puntos-moviles ul li:nth-child(odd) {
	background: #fcc;
}

div.pestanas-donacion {
	display:none;
}
div.pestanas-donacion div a,
div#puntos-moviles a,
div#puntos-permanentes a {
	color:#555;
	font-weight: bold;
}
div.pestanas-donacion div.no-activo a {
	color:#801515;
}
div#puntos-moviles p.mas-fechas {
	text-align: right;
	margin-top:10px;
}
div#puntos-moviles p.mas-fechas a::before {
	content: "\1F4C6   ";
}
div#puntos-permanentes p.punto {
	color:#801515;
	font-weight: bold;
	border-top:2px solid #801515;
	font-size:120%;
}
div#puntos-permanentes h3 {
	padding:5px 10px;
}
div#puntos-permanentes p.punto,
div#puntos-permanentes p.punto+p {
	padding:5px 10px;
	margin:5px 0;
	line-height: 2rem;
}
div#puntos-permanentes h3+p.punto  {
	border-top:none;
}
p.punto::before {
	content:"\1F3E0   ";
}

div.localizacion-off {
	background:rgba(204,204,204,0.8);
	position: fixed;
	top:-1000px;
	left:0;
	width:100%;
	height:1000px;
	margin:0 auto;
	z-index:99999;
	animation:ocultarmenu;
	animation-duration: 1s;
}
div.localizacion {
	background:rgba(204,204,204,0.95);
	position: fixed;
	top:0px;
	left:0;
	width:100%;
	height:1000px;
	margin:0 auto;
	z-index:9999999;
}

div.localizacion h3,
div.localizacion-off h3 {
	text-align: center;
}
p.cerrar {
	text-align:center;
	padding:10px;
}
p.cerrar a,
p.cerrar a {
	color:#555;
}
p.cerrar::before,
p.cerrar::before {
	content:"\2716   ";
}

div.localizacion iframe,
div.localizacion-off iframe {
	display:block;
	margin:0 auto;
	width:95%;
	height: 500px;
	border:1px solid #333;
}


div#informacion-para-donantes ul {
	padding:20px 0;
	margin:0;
}
div#informacion-para-donantes ul li {
	flex-basis:100%;
	text-align:center;
	margin:10px 0;
	padding:10px;
	box-sizing: border-box;
	border-bottom:1px solid #801515;
}
div#informacion-para-donantes ul li:first-child {
	border-top:1px solid #801515;
}
div#informacion-para-donantes ul li:hover {
	border:1px solid #ccc;
}

div#informacion-para-donantes ul li > a > span {
	display:block;
	margin:0 auto;
	background-image: url("../imagenes/logos-centro-original.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 200px;
	transition-property: width, height, background-position;
	transition-duration: 1s;
}


div#informacion-para-donantes ul li > a > span.quiero-colaborar {
	background-position: 0px -200px;
}
div#informacion-para-donantes ul li > a:hover > span.quiero-colaborar {
	width:190px;
	background-position:0px -190px;
}
div#informacion-para-donantes ul li > a > span.faq-donar {
	background-position: 0px -800px;
}
div#informacion-para-donantes ul li > a:hover > span.faq-donar {
	width:190px;
	background-position:0px -760px;
}
div#informacion-para-donantes ul li > a > span.quiero-donar {
	background-position: 0px 0px;
}
div#informacion-para-donantes ul li > a:hover > span.quiero-donar {
	width:190px;
	background-position:0px -5px;
}
div#informacion-para-donantes ul li > a > span.donde-donar {
	background-position: 0px -400px;
}
div#informacion-para-donantes ul li > a:hover > span.donde-donar {
	width:190px;
	background-position:0px -380px;
}
div#informacion-para-donantes ul li > a > span.puedo-donar {
	background-position: 0px -600px;
}
div#informacion-para-donantes ul li > a:hover > span.puedo-donar {
	width:190px;
	background-position:0px -570px;
}
div#informacion-para-donantes ul li > a > span.antes-despues {
	background-position: 0px -1000px;
}
div#informacion-para-donantes ul li > a:hover > span.antes-despues {
	width:190px;
	background-position:0px -950px;
}

div#informacion-para-donantes ul li > a:hover > span {
	background-image:  url("../imagenes/logos-centro-bn.png");
}


div#informacion-para-donantes ul li > a {
	font-size:120%;
	color:#333;
}
div#informacion-para-donantes ul li * {
	display:block;
}

footer {
	background: #222;
}
#pie *,
#pie a {
	color:#fff;
}

/************************************/
/****** TITULARES NOTICIAS **********/
/************************************/

div#ultima-capa-principal {
	background:#555;
}

div#random-faq div {
	background: #F5F6F1;
	padding:10px;
	box-sizing: border-box;
}
div#noticias-crh ul {
	padding:0;
	max-width:1240px;
	margin:0 auto;
	list-style:none;
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;

}

ul.actualidad li {
	border-top:none;
}

ul.actualidad li,
ul.actualidad li:last-child,
div#random-faq > div {
	border-bottom:1px solid #801515;
}
div#noticias-crh ul li,
div#random-faq > div > p {
	padding:10px;
	box-sizing: border-box;
}
div#random-faq > p {
	text-align:center;
}
div#random-faq > p a {
	color:#fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
div#ultima-capa-principal div#random-faq > div > p:first-child {
	font-size:120%;
	margin-top:10px;
	color:#801515;
}
div#noticias-crh ul li img {
	display:block;
	max-width:100%;
	max-height: 300px;
	margin:0 auto;
}
div#noticias-crh ul li img[alt="Editar"],
div#noticias-crh ul li img[alt="Relacionar"] {
	display:inline;
	width:auto;
}
a.enlaceseccion {
	display: none;
}
a.enlacenoticia {
	display:block;
	font-size:120%;
	color:#801515;
	padding:10px;
}
div#noticias-crh span.fechanoticia {
	display:block;
	text-align:right;
}

a[href^="tel:"]::before {
	content: "\260E   ";
}
p.telefono a[href^="tel:"]::before {
	content: none;
}
.crh-contenido-estatico a[href^="tel:"] {
	font-weight: normal;
}
.horario::before {
	content: "\1F559   ";
	font-style: normal;
}


div.proximas-colectas > * {
	flex-basis:100%;
}
div.proximas-colectas > div {
	border-bottom:2px dotted #ffcdcd;
	padding:10px;
	box-sizing: border-box;
}
div.proximas-colectas div strong {
	background:#801515;
	color:#fff;
	padding:2px 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
}
div.proximas-colectas > p {
	font-size:120%;
	color:#000;
	text-align:center;
}
div#opciones-admin {
	border:1px solid #801515;
	padding:20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
	margin-bottom:20px;
	background:#ffcdcd;
}

/************************************/
/****** EDICION DE RESERVAS**********/
/************************************/
div.calendar {
	z-index:99999999;
}
div.calendar table {
	font-size:150%;
}
form.reservas,
p.error-carga-reservas {
	width:100%;
	max-width:800px;
	margin:20px auto;
	border:1px solid #801515;
	border-radius: 5px;
	-webkit-border-radius:5px;
	padding:10px;
	box-shadow:  5px 5px 5px #ffaaaa;
}
form.reservas div.grupos,
div.nr {
	padding:0 20px;
	border-bottom:1px dotted #801515;
	align-content: center;
}
form.reservas div.grupos label {
	flex-basis:100px;
	padding:20px 0;
}
form.reservas div.grupos div,
div.nr div {
	flex-basis:300px;
	padding:20px 80px 20px 0;
}
form.reservas div.grupos label,
form.reservas div.grupos select,
form.reservas div.grupos input[type="text"] {
	font-size:100%;
	color:#555;
}

.editar-reservas-3,
.editar-reservas-2,
.editar-reservas-1 {
	background-image:  url("../imagenes/sprite.gotas.new.png");
	background-repeat:no-repeat;
	display:block;
	flex:0 0 48px;
	width:48px;
	height: 55px;
	background-size: 146px;
	padding:0;
	font-size:0;
	margin:0;
}
@keyframes reservas-3 {
  from {background-position:-48px 0px;}
  to {background-position: 0px 0px;}
}
@keyframes reservas-2 {
  from {background-position: -96px 0px;}
  to {background-position: -48px 0px;}
}
@keyframes reservas-1 {
  from {background-position: -48px 0px;}
  to {background-position: -96px 0px;}
}
.editar-reservas-3  {
    background-position: 0px 0px;
    animation:reservas-3;
    animation-duration: 1s;
}

.editar-reservas-2 {
    background-position: -48px 0px;
    animation:reservas-2;
    animation-duration: 1s;
}
.editar-reservas-1 {
    background-position: -96px 0px;
    animation:reservas-1;
    animation-duration: 1s;
}
form.reservas input[type="submit"] {
	display:block;
	margin:20px auto 10px auto;
	font-size: 150%;
	color:#fff;
	background:#801515;
	border:0;
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	transition-property:background-color;
	transition-duration:1s;
}
form.reservas input[type="submit"]:hover {
	background:#550000;
	cursor: pointer;
}

p.error-carga-reservas {
	font-weight: bold;
	color:#550000;
	text-align: center;
	background: #ffaaaa;
	box-shadow: none;
}
p.error-carga-reservas::before {
	content: "\2757   ";
}


/************************************/
/****** EDICION DE COLECTAS**********/
/************************************/

form#form_extracciones {
	width:850px;
}
form#form_extracciones > div > label {
	flex-basis:200px;
	text-align: right;
	padding:5px 10px;
}
form#form_extracciones > div >  div {
	flex-basis:500px;
}


/************************************/
/****** PREGUNTAS FRECUENTES*********/
/************************************/

.faq dt,
.faq dd {
	margin:15px 15px 15px 0;
}
.faq dd {
	border-bottom:1px dotted #ccc;
	padding:0 0 15px 35px;
	margin:0;
}


.faq dt {
	border-bottom:1px dotted #ccc;
}

.faq dt a::before {
	content: '  \2714   ';
	text-align:right;
	color:#5a5;
	display:inline-block;
	font-size:120%;
	margin-right: 20px;
}
div.video {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
div.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {

}




/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {

	body {
		font-size: 100%;
	}


	div#reservas-y-donaciones h2 {
		margin-bottom:0px;
	}
	.solomovil {
		display:none;
	}
	div#menu-principal-crh,
	div#menu-principal-crh-off {
		display: none;
	}
	#encabezado-crh {
		position:relative;
		max-width: 1200px;
		margin:0 auto;
		justify-content: space-between;
		z-index:0;
	}
	div#cuerpo-crh {
		padding-top:0px;
		margin-top:0px;
	}
	div#cuerpo-crh.crh-contenido-estatico {
		padding-top:20px;
		min-height: 700px;
	}
	#encabezado-crh > h1 {
		display:block;
		flex-basis:120px;
		background-image:url("../imagenes/logo.jpg");
		background-repeat: no-repeat;
		background-size:100%;
		margin:0;
		width:100%;
		font-size:20px;
		height: 100px;
		margin:0;
		color:transparent;
		overflow: hidden;
	}

	#encabezado-crh > h1 > a {
		color:transparent;
		display:block;
		width:100%;
	}

	address {
		background: none;
		padding:0;
		height: auto;
		flex:auto;
	}
	div#mas_address {
		flex-basis:450px;
		border:0;
		margin:0;
		padding:0;
		/*margin-bottom:80px;*/
		margin-bottom:30px;
		display:flex;
	}

	div.resto-encabezado {
		/*background:url("../imagenes/logos.ms.cs.sms.png") no-repeat right 40px;*/
		background-size:400px;
	}
	#encabezado-crh a.enlace-ms {
		display:flex;
		flex-basis:100%;
		color:transparent;
		background:url("../imagenes/logos.ms.cs.sms.png") no-repeat right center;
		background-size: contain;
		height: 45px;
	}

	div.flexrow address p {
	  padding:0px 10px 10px 20px;
	  margin:0;
	}

	div#mas_address p {
		margin-left:20px;
	}
	div#mas_address p.twitter {
		margin-left:40px;
	}
	div#mas_address p.facebook {
		margin-left:5px;
	}


    nav#menu_crh {
    	flex-basis:100%;
	  	display:block;
	  	width:100%;
	  	margin:0;
	  	padding:0;
	  	position
    }


	nav#menu_crh > ul,
	nav#menu_crh > ul > li > ul
	  {
		font-size:100%;
	}
	nav#menu_crh > ul > li {
		flex: 1 1 auto;

	}

	#menu_crh ul > li > ul {
		position:absolute;
		top:100%;
		background-color:transparent;
	}
	#menu_crh ul > li:hover > ul {
	  	display:block;
	  	z-index:99999;
	  	color:#00f;
	}

	nav#menu_crh > ul > li > ul > li {
		width:300px;
		background-color: rgba(221,221,221,0.95);
		transition-property:background-color;
		transition-duration:1s;
	}

	nav#menu_crh > ul > li > ul > li:hover {
		background-color: #d46a6a;
	}

	div.slides span {
		font-size:300%;
		top:-100px;
		margin-top:-60px;
		font-size:200%;
	}
	 div#reservas-y-donaciones {
	 	padding:50px 0;
	 	background-color: #ddd;
	 	background-image:linear-gradient(#ddd, #888);
	 	box-sizing: border-box;
	 	line-height: 30px;
	 	justify-content: center;
	 }

	div#reservas-y-donaciones > div {
		box-sizing: border-box;
		flex:1 1 48%;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		padding:5px;
		box-shadow:5px 5px 5px #aaa;
		margin:0 5px;
	}
	div#reservas-y-donaciones > div {
		margin-bottom:10px;
	}

	div.reservas > div > span > span {
		width:97px;
		background-size: 292px;
	}



	div.reservas > div > span.medio > span {
	    background-position: -97px 0px;
	}

	div.reservas > div > span.vacio > span {
	    background-position: -194px 0px;
	}

	div.reservas em {
		line-height: 15px;
	}
	div.donaciones li {
		padding:0px;
	}
	div.donaciones li:not(:last-child){
		border-bottom:1px solid #fcc;
	}
	div#puntos-moviles ul li:nth-child(odd) {
		background: none;
	}
	div.pestanas-donacion {
		display: block;
		justify-content: space-between;
	}
	div.pestanas-donacion div.flexrow {
		justify-content: flex-end;
	}

	div.pestanas-donacion > div {
		margin:0px;
		font-size: 90%;
		justify-content: space-around;
	}

	div.pestanas-donacion > div > div {
		border:1px solid #ccc;
		border-bottom:0;
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		margin: 0px 5px;
		font-size: 90%;
		padding:5px;
		background-color:#fff;
	}

	div.pestanas-donacion > div > div.no-activo {
		border-bottom:1px solid #ccc;
	}

	div#puntos-moviles,
	div#puntos-permanentes {
		border:1px solid #ccc;
		margin-top:-1px;
		padding:0 10px;
		font-size: 90%;
		z-index:-1;
	}

	div#puntos-permanentes p.punto {
		border-top:1px dotted #801515;
	}
	div#puntos-permanentes p.punto,
	div#puntos-permanentes p.punto+p {
		padding: 5px;
	}

	div#puntos-moviles h3 {
		margin: 10px 0;
	}

	p.cerrar,
	div.donaciones p.cerrar {
		text-align:right;
		font-size:200%;
		padding:20px;
	}

	div.localizacion iframe {
		margin:50px auto;
		width:80%;
		height: 600px;
		border:1px solid #333;
	}

	div#informacion-para-donantes ul {
		padding:60px 0;
		justify-content: center;
		max-width: 1240px;
		margin:0 auto;
	}
	div#informacion-para-donantes ul li,
	div#informacion-para-donantes ul li:first-child {
		flex-basis:29%;
		box-shadow: 0px 0px 10px 2px #ccc;
		border:1px solid #fff;
		margin:10px 10px;
	}
	div.promo-centro img {
			max-width: 80%;
	}

	/************************************/
	/****** ULTIMA CAPA PAG. PPAL.*******/
	/************************************/

	div#ultima-capa-principal ul,
	div#ultima-capa-principal div#random-faq,
	div#random-faq.flexrow > div {
		flex-basis: 48%;
		max-width: 480px;
	}
	div#ultima-capa-principal div#random-faq {
		flex-basis: 100%;
		max-width: 1024px;
	}

	div#random-faq > p {
		flex-basis:100%;
		width:100%;
		text-align:right;
		padding:0 20px;
		box-sizing: border-box;
	}

	div#random-faq > p a {
		color:#333;
		font-weight: bold;
		border-bottom: 1px solid #333;
	}

	/************************************/
	/****** TITULARES NOTICIAS **********/
	/************************************/


	div#ultima-capa-principal > div {
		border:1px solid #ccc;
		margin:60px 20px;
		padding:10px;
		background:#ccc;
	}
	ul.actualidad li:not(:last-child),
	div#random-faq > div:not(:last-child) {
		margin-bottom:20px;
	}
	ul.actualidad li,
	div#random-faq div  {
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}


	form.reservas div.grupos label,
	form.reservas div.grupos select,
	form.reservas div.grupos input[type="text"] {
		font-size:120%;
	}


}

/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    #menu_crh > ul > li {
    	font-size:90%;
    }
	div#reservas-y-donaciones {
	 	line-height: 30px;
	 }

	 div#reservas-y-donaciones > div {
	 	flex: 0 0 45%;
	 	min-width:400px;
	 	max-width:600px;
	 }
	div#informacion-para-donantes ul {
		min-width:1200px;
	}
	div#ultima-capa-principal ul,
	div#ultima-capa-principal div#random-faq  {
		max-width:600px;
	}
	div#ultima-capa-principal div#random-faq.flexrow {
		max-width:1200px;
	}
	div#random-faq.flexrow > div {
		max-width: 600px;
	}


}