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


wrapper {
	width:60%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
}

	
wrapper a:link,
wrapper a:visited,
wrapper a:hover {
	color: #000;
	text-decoration: none;

	}


section {	
	width:75%;
	height:auto;
	float: left;
	margin-left:0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 1%;
}

/* Bloque principal superior */

banner {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom:4%;
}



banner img {
	background: #222;
	width:100%;
	height: 500px;
	float: left;
     object-fit: cover;
     object-position: center center;
}



h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 2%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}



banner h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	text-align: left;
	line-height: 3rem;
}



.info-banner {
	width:90%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	color: #000;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}


/* Bloque principal noticias flotada a la izquierda */
aside {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 1%;
}

aside h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-family: 'Dosis', sans-serif;
	color: #000;
	font-size: 1.6rem;
	font-weight: 800;
	text-align: left;
	line-height: 1.6rem;
	padding: 1% 3%;
}

article {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 3%;
}

article img {
	background: #222;
	width:100%;
	height: 180px;
	float: left;
     object-fit: cover;
     object-position: center center;
}

article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}

article h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
}

.info {
	width:90%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 5%;
	margin-bottom: 0%;  
	color: #000;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}


/* Bloque sección recetas flotada la derecha */
section2 {	
	width:24.5%;
	height:auto;
	float: left;
	margin-left: 0.5%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 1%;
}


aside2 {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}

aside2 h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 2%;
	margin-bottom: 1%;
	color: #000;
	font-size: 1.2rem;
	font-weight: 800;
	text-align: left;
	line-height: 1.4rem;
	padding: 2% 3%;
}


article2 {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

article2 {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 10%;
}


article2 img {
	background: #222;
	width:100%;
	height: 180px;
	float: left;
     object-fit: cover;
     object-position: center center;
}


article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}


article2 h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: -1%;
	color: #111;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
}


iframe {
	width:100%;
	height: 170px;
	float: left;
	margin-bottom: 3%;
}





#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 0px;
  margin-left: 35%;
  margin-right: 35%;
	margin-top: 5vh;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  width: 30%;
}

#cajacookies button {
  color: black;
}


.cookies {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.9rem;
	font-weight: 300;
	color: #000;
	line-height: 1.3rem;
	margin-top: 8%;
}



.but_cookie {
	width:100%;
	margin-top: 8%;
	font-size: 0.8rem;
	font-weight: 300;
	color: #000;
	padding: 1% 0%;
}

	


@media screen and (max-width: 2000px) {
	
	

h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 2%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}
	
	
article img {
	height: 170px;
}	
	
article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1.2%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}
	
	
article2 img {
	height: 170px;
}	
	
	
article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1.2%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}
		
	
}

@media screen and (max-width: 1500px) {
	
	
wrapper {
	width:69%;
	height: auto;
	float: left;
	margin-left: 15.5%;
	margin-right: 15%;
}	


section {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 1%;
}


banner {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom:3%;
}


banner img {
	background: #222;
	width:100%;
	height: 500px;
	float: left;
	margin-top: 0%;
}


h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 2%;
	margin-bottom: 0.2%;
	color: #9A0608;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}
	



banner h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 3rem;
	font-weight: 600;
	text-align: left;
	line-height: 3rem;
}



.info-banner {
	width:60%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}





aside {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
	
aside h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.6rem;
	padding: 1% 3%;
}	


article {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 0%;
}


article img {
	background: #222;
	width:100%;
	height: 180px;
	float: left;
}


article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}



article h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
}

.info {
	width:60%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 6%;
	margin-bottom: 3%;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}



section2 {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 1%;
}


aside2 {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
	
aside2 h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.6rem;
	padding: 1% 3%;
}	
	


article2 {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 3%;
}


article2 img {
	background: #222;
	width:100%;
	height: 180px;
	float: left;
}


article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}




article2 h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
}
	
	
	

#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 0px;
  margin-left: 30%;
  margin-right: 30%;
	margin-top: 15vh;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  width: 40%;
}

#cajacookies button {
  color: black;
}


.cookies {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1rem;
	font-weight: 300;
	color: #000;
	line-height: 1.3rem;
	margin-top: 8%;
}



.but_cookie {
	width:100%;
	margin-top: 8%;
    border-radius: 0px;
	font-size: 0.8rem;
	font-weight: 300;
	color: #000;
	padding: 3% 0%;
}	
	
	
}

@media screen and (max-width: 1180px) {
	
wrapper {
	width:77%;
	height: auto;
	float: left;
	margin-left: 11.5%;
	margin-right: 11%;
}	
	

section {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 1%;
}


banner {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom:3%;
}


banner img {
	background: #222;
	width:100%;
	height: 400px;
	float: left;
	margin-top: 0%;
}


h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 2%;
	margin-bottom: 0.2%;
	color: #9A0608;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}
	

banner h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 2.6rem;
	font-weight: 600;
	text-align: left;
	line-height: 2.7rem;
}



.info-banner {
	width:60%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}


aside {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 1%;
}
	
	
aside h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
	padding: 1% 3%;
}	


article {
	width:32.5%;
	height:auto;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 1%;
}


article img {
	width:100%;
	height: 150px;
}


article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3.5%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}



article h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.4rem;
}

.info {
	width:70%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 6%;
	margin-bottom: 0%;
	font-size: 0.8rem;
	text-align: left;
	padding: 0% 0%;
}



section2 {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 1%;
}


aside2 {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
	
aside2 h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.5rem;
	padding: 1% 3%;
}	
	


article2 {
	width:32.5%;
	height:auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 1%;
}


article2 img {
	width:100%;
	height: 150px;
	float: left;
}


article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3.5%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}




article2 h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.4rem;
}	
	
}

@media screen and (max-width: 900px) {
	
	
wrapper {
	width:77%;
	height: auto;
	float: left;
	margin-left: 11.5%;
	margin-right: 10%;
}
	
	
section {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 1%;
}


banner {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.5%;
	margin-bottom:3%;
}


banner img {
	background: #222;
	width:100%;
	height: 300px;
	float: left;
	margin-top: 0%;
}


h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 2%;
	margin-bottom: 0.2%;
	color: #9A0608;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}
	

banner h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.9rem;
}



.info-banner {
	width:60%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}


aside {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 1%;
}
	
	
aside h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.2rem;
	padding: 1% 3%;
}	


article {
	width:32.5%;
	height:auto;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 1%;
}


article img {
	width:100%;
	height: 120px;
}


article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3.5%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.65rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.7rem;
}



article h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.1rem;
}

.info {
	width:70%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 0%;
	margin-top: 6%;
	margin-bottom: 0%;
	font-size: 0.65rem;
	text-align: left;
	padding: 0% 0%;
}



section2 {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 1%;
}


aside2 {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
	
aside2 h3 {
	width:92.5%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 0%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.2rem;
	padding: 1% 3%;
}	
	


article2 {
	width:32.5%;
	height:auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 1%;
}


article2 img {
	width:100%;
	height: 120px;
	float: left;
}


article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3.5%;
	margin-bottom: 1%;
	color: #9A0608;
	font-size: 0.65rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}




article2 h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.1rem;
}

	
	
}

@media screen and (max-width: 700px) {
	
	
wrapper {
	width:79%;
	height: auto;
	float: left;
	margin-left: 10.5%;
	margin-right: 10%;
}
	
	
article img,
article2 img {
	width:100%;
	height: 110px;
}	
	
	
}

@media screen and (max-width: 500px) {
	
	
wrapper {
	width:99.9%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}	


section {	
	width:100%;
	height:auto;
	float: left;
	border-top: 3px solid #999;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom: 2%;
}


banner {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom:5%;
}


banner img {
	height: 350px;
}



h4 a:link,
h4 a:visited,
h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 2%;
	color: #9A0608;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.9rem;
	text-decoration: none;
}




banner h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 2rem;
	font-weight: 600;
	text-align: left;
	line-height: 2rem;
}



.info-banner {
	width:90%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: -4%;
	margin-top: 4%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}

	
/* Bloque principal flotado a la izquierda */	
aside {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
	
aside h3 {
	width:85%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 2%;
	margin-right: 0.5%;
	margin-top: 4%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.6rem;
	font-weight: 800;
	text-align: left;
	line-height: 1.6rem;
	padding: 1% 3%;
}	


article {
	background: transparent;
	width:96%;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 0%;
	margin-bottom: 6%;
}


article img {
	width:100%;
	height: 200px;
	float: left;
}


article h4 a:link,
article h4 a:visited,
article h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 2%;
	color: #9A0608;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}



article h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.8rem;
}

.info {
	width:90%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: -6%;
	margin-top: 5%;
	margin-bottom: 0%;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	padding: 0% 0%;
}

	


/* Bloque secundario flotado a la derecha */
section2 {	
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0.3%;
	margin-bottom: 1%;
}


aside2 {	
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
}
	
aside2 h3 {
	width:85%;
	height: auto;
	float: left;
	border-left: 4px solid #9A0608;
	margin-left: 2%;
	margin-right: 0.5%;
	margin-top: 4%;
	margin-bottom: 2%;
	color: #000;
	font-size: 1.6rem;
	font-weight: 800;
	text-align: left;
	line-height: 1.6rem;
	padding: 1% 3%;
}	


/* Código CSS artículos bloque secundario  */
article2 {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

article2 {
	background: transparent;
	width:96%;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 0%;
	margin-bottom: 6%;
}


article2 img {
	width:100%;
	height: 200px;
	float: left;
}


article2 h4 a:link,
article2 h4 a:visited,
article2 h4 a:hover {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-right: 2.5%;
	margin-top: 3%;
	margin-bottom: 2%;
	color: #9A0608;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: left;
	line-height: 0.8rem;
}


article2 h2 {
	width:94%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-right: 2%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #111;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.8rem;
}
	
	
iframe {
	width:100%;
	height: 200px;
	float: left;
	margin-bottom: 3%;
}	
	

/* Barra de aceptación políticias de privacidad */



#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 0px;
  margin-left: 5%;
  margin-right: 5%;
	margin-top: 15vh;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  width: 90%;
}

#cajacookies button {
  color: black;
}


.cookies {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1rem;
	font-weight: 300;
	color: #000;
	line-height: 1.3rem;
	margin-top: 8%;
}



.but_cookie {
	width:100%;
	margin-top: 8%;
    border-radius: 0px;
	font-size: 0.8rem;
	font-weight: 300;
	color: #000;
	padding: 3% 0%;
}



	
	
}