/* CSS Document */



* {padding: 0; margin: 0;}
a {outline: 0; text-decoration:none; color:#FFF;}
a:hover{color:#E00;}
a img {border-width:0;}


body{
	background:#400 url("img/fondo.jpg") no-repeat center top fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BAA;
	margin:0 0 70px 0;
}

#todo{
	position:relative;
	margin:0 auto 40px auto;
	width: 100%;
	max-width:1100px;
	background: rgba(0,0,0,0.6);
}

#superior{
	height:160px;
	margin: 2px 0;
}

#social{
	position:absolute;
	right:20px;
	top:20px;
}
#social a{
	margin: 0 3px;
}


#menu{
	position:absolute;
	left: 360px;
	top:90px;
	background:#000;
	border-radius: 6px;
	box-shadow:#000 1px 1px 2px;
	padding: 10px 15px;
}

#menu a{
	display:inline block;
	padding: 10px;
	height: 17px;
	color:#fff;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	border-right:#700 1px solid;
}
#menu a:last-child{
	border-width:0;
}
#menu a:hover{
	background:#D42E17 url("img/menu-sel.png") repeat-x top;
}
#central{
	position:relative;
	clear:both;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	margin-left: 380px;
}

h1{
	color:#FFF;
	font-size: 31px;
	font-weight:normal;
	padding: 10px 50px 0 0;
}

h2{
	padding: 8px 20px;
	border-bottom:#770000 1px solid;
	color:#FFF;
	font-size: 18px;
	font-weight:normal;
}

#columna{
	float:left;
	margin:0 0 2px -380px;
	width: 300px;
	padding: 20px;
	background:#700;
	line-height: 120%;
}
#columna h1{
	color:#E00;
	font-size: 29px;
}

p{
	line-height:140%;
	text-align:left;
	margin: 5px 0 10px 0;
	font-weight:normal;
}

li{
	margin: 3px 25px;
	padding: 0 5px;
	list-style-type:square;
	font-weight:normal;
}

.galeria{
	text-align: center;
}
.galeria a img, .covid-19 a img{
	margin: 5px;
	padding: 1px;
	box-shadow:#000 0 0 20px;
	border:#770000 2px solid;
	max-width: 90%;
	height: auto;
}
.galeria a:hover img, .covid-19 a:hover img{
	border-color:#F00;
}

#inferior{
	clear:both;
	color:#fff;
	padding: 15px 40px;
	font-size: 16px;
	font-weight:normal;
	line-height: 140%;
	margin: 1px 0;
	border-top:#700 1px solid;
}

#legal{
	margin-top: 40px;
	text-align: center;
}
#legal a{
	display: inline-block;
	padding: 5px 2%;
	font-size: 12px;
}

#cookieinfo{
	display:block;
	position: fixed;
	left: 0;
	bottom:0;
	width: 100%;
	background:rgba(0,0,0,0.8);
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding: 4px 0 2px 0;
	z-index: 10;
}
#cookieinfo .boton{
	display: inline-block;
	margin: 0 3%;
	padding: 3px 12px;
	border:#000 1px solid;
	border-radius: 1px;
	background: #770000;
	color:#FFF;
	font-weight: bold;
}
#cookieinfo .boton:hover{
	background: #F00;
	transition:background 0.3s;
}
#cookieinfo img{
	float: right;
	margin-right: 20px;
}
#cookieinfo a{color:#CCC;}
#cookieinfo a:hover{color:#FFF;}


@media screen and (max-width: 1000px) {
	#menu{
		position:relative;
		left:0;
		top:0;
		width:90%;
		margin: 20px 0 10px 0;
	}

}
@media screen and (max-width: 750px) {
	#logo img{
		width: 100%;
		max-width: 340px;
	}
	#menu{
		width: 92%;
		height: auto;
		margin:10px 3%;
		padding:0;
		border-radius: 0;
		line-height: 40px;
		text-align: center;
	}
	#menu a{
		margin: 405px 5px;
		border-width: 0;
		white-space: nowrap;
	}
	#central{
		margin: 10px 0;
	}
	#columna{
		float:none;
		width: 90%;
		margin: 1px 0;
	}
}