/*
	Hoja de estilo para pagina tipo blog con imagen grande
*/

body{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:fixed;
	background-size:100%;
}



/*Estilo de portada*/
#portada{
	max-width:100%;
	margin:0;
	height:600px;
	border-bottom:solid 2px black;
	font-family:arial;
	text-shadow:0px 0px 6px black;
	background-image:url("/img/portada_diciembre_2019.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	position: relative;
background-size: cover;

}

/*#titulos{
	width:100%;
	height:600px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:absolute;
	/*background-color:black;
	margin:0;
	padding:0;
	z-index:1;
	float:left;
}*/


#portada a{
	/*color:white;*/
	text-decoration:none;
	/*text-shadow:0px 0px 6px black;*/
	/*max-width:450px;*/
	z-index:2;
	float:left;
	position:absolute;
	/*font-size:1.3em;*/
	padding:1px 7px 1px 7px;
	/*display: none;*/
}

#portada a:hover{
	/*
	background-color:#808080;
	border:3px solid #00e600;
	border-radius:10px;
	*/
	text-shadow:4px 4px 0px black;
}

#portada_1{
	bottom:25px;
	left:30%;
	color:#ffffff;
	text-shadow:2px 2px 0px black;
	font-size:3em;
	font-weight: bold;
	text-align: left;
	background-color:rgba(0,0,0,0);
	border-radius: 25px;
	display:inline-block;
}
#portada_1 ul, #portada_1 li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#portada_1 ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #f68716; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#portada_2{
	right:40px;
	bottom:10px;
	text-align:left;
	font-size:2em;
	text-shadow:1px 1px 0px black;
	color:#ff9933;
	font-weight: bold;
	display: block;
width:30%;
height: 30%;
overflow: hidden;
background-color:black;
border-radius:15px;
padding:2%;
background-color:rgba(255,255,255,1);
}
#portada a>img{
width: 40%;

height: 100%;

object-fit: contain;

display: inline-block;
}
#portada a>p{
display: inline-block;
/*width: 30%;*/
vertical-align:top;
}

#portada_3{
	left:40px;
	bottom:10px;
	text-align:left;
	font-size:2em;
	text-shadow:1px 1px 0px black;
	color:#ff9933;
	display: block;
width:30%;
height: 30%;
overflow: hidden;
background-color:rgba(255,255,255,1);
border-radius:15px;
padding:2%;
}

#portada_4{
	left:450px;
	bottom:10px;
	text-align:left;
	font-size:2em;
	text-shadow:1px 1px 0px black;
	color:#ff9933;
	display: block;
width:30%;
height: 30%;
overflow: hidden;
background-color:rgba(255,255,255,1);
border-radius:15px;
padding:2%;
}

#leer_mas{
	left:50%;
	top:125px;
	background-color:#808080;
	padding:100px;
	color:white;
}

h1{
	color:white;
	text-shadow:2px 2px black;
	display:none;
}
h2{
	color:white;
	text-shadow:2px 2px black;
	display:none;
}

/*Fin Estilo de portada*/

/*Estilo cuerpo principal*/
#cuerpo_principal{
	max-width:100%;
	background-color:white;
	border-top:5px solid #808080;
	margin:0;
	padding:0;
	overflow:hidden;
	/*float:left;*/
	border-bottom:5px solid red;
}

/*Estilo id=noticias*/
h3{
	background-color:#808080;
	margin:0;
	padding:10px;
	color:white;
	font-size:2em;
	border-bottom:5px solid #00e600;
}

#noticias{
	max-width:40%;
	float:left;
	background-color:white;
	overflow:hidden;
	/*max-height:1000px;*/
	border-bottom:5px solid #00e600;
}

.scroll{
	overflow:auto;
	height:100%;
	width: 100%;
}

.sub_noticias{
	color:black;
	text-decoration:none;
	display:inline-block;
	max-width:100%;
	margin:20px;
	padding:5px;

}

.sub_noticias:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.img-not{
	max-width:100%;
}

.titulo_not{
	font-size:1.3em;
	color:#b35900;
	font-family:arial;
}

.autor{
	color:#999966;
}

.leer-mas{
	color:#999966;
	font-family:arial;
}

.pag-anterior{
	width:100%;
	color:white;
	text-decoration:none;

}

.pag-anterior div{
	background-color:#888888;
	padding:5px;
	text-align:center;
	font-size:1.3em;
}
/*Fin estilo noticias*/


/*Estilo info*/
#info{
    box-sizing:border-box;
	width:60%;
	float:left;
	border-right:solid 1px #808080;
}

#margen{
	background-color:#808080;
	margin:0;
	padding:10px;
	color:white;
	font-size:2em;
	border-bottom:5px solid #0066ff;
}

#cont{
	padding:20px;
}

#cont img{
	max-width:50%;
	float:left;
	margin-right:10px;
}

#lecture{
	text-align:justify;
}
/*fin estilo info*/


/*estilo extras*/
#extra{
	float:left;
	width:45%;
	/*overflow:auto;*/
	max-height:1500px;
	display:none;
}

.foto-gal{
	max-width:100%;
}

#titulo-fotos{
	max-width:100%;
	background-color:#808080;
	margin:0;
	padding:10px;
	color:white;
	font-size:2em;
	border-bottom:5px solid #00e600;

}

#mas-fotos{
	max-width:100%;
	text-align:center;
	margin:0;
}

a #mas-fotos{
	text-decoration:none;
	color:white;
	background-color:#808080;
	padding:5px;
	margin:0;
}

#titulo-recetas{
	max-width:100%;
	background-color:#808080;
	margin:0;
	padding:10px;
	color:white;
	font-size:2em;
	border-bottom:5px solid #00e600;
	margin:5% 0 0 0;
}

#fotos{
	width: 100%;
	height: 100%;
}

.evento>div{
	width: 100%;
}
/*fin estilo extras*/

/*Estilo portadas*/
h4{
	background-color:#808080;
	font-size:2em;
	margin-top:10px;
	padding:10px;
	color:white;
	border-bottom:5px solid #ff6600;
}

#p_anteriores{
	width:100%;
	float:left;
	background-color:white;
}

.sub_publicacion{
	display:inline-block;
	width:15%;
	margin:10px;
	color:#4d4d4d;
	text-decoration:none;
	background-color:#cccccc;
	padding:12px;
	border:2px solid #4d4d4d;
	font-family:arial;
	font-size:1em;
	text-align:right;
	transition-duration: 0.5s;
}

.sub_publicacion:hover{
	/*max-width:17%;*/
	transform: scale(1.1);
	box-shadow: 0 0 15px black;
}

.sub_publicacion img{
	width:100%;
	border:2px solid #4d4d4d;
}

#no-aus{
	float:left;
	max-width:80%;
}

.evento{
	color:black;
	text-decoration:none;
	display:inline-block;
	max-width:100%;
	padding:5px;
	overflow-x: hidden;
	box-sizing: border-box;
}
.evento img{
	max-width: 100%;
}
.lugar{
	font-weight: bold;
}
.evento:hover{
	background-color: #BDBDBD;
}