/* GENERAL */

* {	margin: 0px;
	padding: 0px;
}
body {	
	width: 100%;
	text-align: center;
	font: 18px verdana, sans-serif;
}

/* -----------------------------------------------*/

/* NAVEGADOR */ 
nav {
	width: 100%;
}

nav ul {
	list-style: none;
	background-color: #328cd8;
	text-shadow: 1px 1px 1px #000000;
}

#menu {	
		margin-top: -4px;
		background: #328cd8;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
}
#menu > li {	
			display: inline;
			list-style: none;
			padding: 25px;
			font: bold 22px verdana, sans-serif;
			cursor: default;
}

#menu a { 
	text-decoration: none;
	color: white;
	
	transition: color 0.5s ease;
}
		
#menu a:hover, #submenu a:hover {color: #FF00FF;
}


/*---------- Botones submenú -------------*/

#submenu {
	position: absolute;
	left: 17%;
	
	box-shadow: 3px 3px 3px black;
	
	width: 24%;
	
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	
	border-radius: 5px;
}


#submenu li a {
	display: block;
	padding: 15px;
	
	color: white;
	text-decoration: none;	
}

#submenu li {
	background-color: #328cd8;
	transition: background-color 0.5s ease;
}

/* bordes redondeados del submenú*/
#submenu li:last-child {
	border-radius: 0 0 10px 10px;
}

/* visualizacion del submenú*/
#menu li:hover #submenu {
	visibility: visible;
	opacity: 1;
}


/* -----------------------------------------------*/

/* CONTENIDO */

section {
	width: 80%;
	margin-left: 10%;
	text-align: justify;
	margin-top: 3%;
	
}

#fotoasoci1 {
	width: 60%;
	float: left;
	padding: 25px;
	
}


/* -------------------------------------*/

/* PIE */ 

footer {	
			background: #808080;
			font: bold 12px verdana, sans-serif;
			color: white;
			padding-top: 10px;
			padding-bottom: 10px;
}