/* 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 {
	margin-top: 4%;
	width: 80%;
	margin-left: 10%;
	text-align: justify;
}

section img {
	float: right;
	padding: 5%;
}

h1 {
	text-align: center;
}

/* PRUEBAS GALERIA */


section img {
	max-width: 22%;
	height: auto;
	
	float: left;
}

.hvr-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

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

/* PIE */ 

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