/*Valores globles*/
 body{	background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 34%, rgba(142,201,222,1) 65%, rgba(142,201,222,1) 82%, rgba(142,201,222,1) 90%);
background: -webkit-gradient(left top, right bottom, color-stop(21%, rgba(255,255,255,1)), color-stop(34%, rgba(255,255,255,1)), color-stop(65%, rgba(142,201,222,1)), color-stop(82%, rgba(142,201,222,1)), color-stop(90%, rgba(142,201,222,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 34%, rgba(142,201,222,1) 65%, rgba(142,201,222,1) 82%, rgba(142,201,222,1) 90%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 34%, rgba(142,201,222,1) 65%, rgba(142,201,222,1) 82%, rgba(142,201,222,1) 90%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 34%, rgba(142,201,222,1) 65%, rgba(142,201,222,1) 82%, rgba(142,201,222,1) 90%);
background: linear-gradient(135deg, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 34%, rgba(142,201,222,1) 65%, rgba(142,201,222,1) 82%, rgba(142,201,222,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8ec9de', GradientType=1 );

	 font-size:0.825em;
	 font-family:san-serif,ARIAL;
	 
	
}

/* Inicio del Menú*/
/*Propiedades del menu vamos a utilizar las etiquetas del menu*/
ul{
	list-style-type: none; /*eliminar el punto*/
	display: flex;/*sirve para indicar como se muestra el elemento*//*flex significa que se debe ajustar a la caja*/
	margin-top: 3em;/*ajustar el borde de arriba de la pagina*/
	flex-direction: row;/*como se muestran los elementos: en fila o en columna*//*row es horizontal y colum es vertical*/
	overflow:hidden;
	background-color:LIGHTPINK;
	flex-direction:row;
	flex-grown:10em;
	margin-top:3em;
	
}
li{
	flex-grow: 1;/*todos los elementos tienen la misma longitud*/
}
a{

	display:block;/*funcionamiento de la etiquetaa como bloque*/
	padding: 1em;
	background-color:#2C719D;
	text-align:center;
	margin-bottom: 0.2em;
	text-decoration:none; /*sin subrayado*/
	color:white;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	border:3px groove #115171;
	border-radius: 5px;

}
a:hover{background-color:#333;

	
}
/*propiedades de los dos elementos de la pagina*/
li, a{
	display: block;
	padding: 14px 16px;
	text-align: center;
	color:lightgrey;
	font-size: 25px;
	text-decoration: none; 
}


/* Fin de Menú*/

 /*para centrar la página y no coger toda la ventena */

div#uno{
	width:960 px;
	margin: 0 auto;
	overflow:hidden;
}
/*Inicio de la información */
h1 {
font-size: 60px;
text-align: center;
background-color: #0489B1;
color: white;
padding: 5%;
text-shadow: 3px 5px grey;
margin-top: 0px;
background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(147,206,222,1) 17%, rgba(117,189,209,1) 47%, rgba(73,165,191,1) 68%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(17%, rgba(147,206,222,1)), color-stop(47%, rgba(117,189,209,1)), color-stop(68%, rgba(73,165,191,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(147,206,222,1) 17%, rgba(117,189,209,1) 47%, rgba(73,165,191,1) 68%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(147,206,222,1) 17%, rgba(117,189,209,1) 47%, rgba(73,165,191,1) 68%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(147,206,222,1) 17%, rgba(117,189,209,1) 47%, rgba(73,165,191,1) 68%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(147,206,222,1) 17%, rgba(117,189,209,1) 47%, rgba(73,165,191,1) 68%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
}

h2{
	font-size: 50px;
	color:#0489B1;
	text-align: center;

}

p {
	line-height:1.5em;
	text-align:justify;
	font-family:san-serif;
	font-size: 25px;
	color:grey;
	margin-left:30px;
	margin-right:20px
}

/*ajustar las fotos*/
.img{
	float:right;
	margin-left:20px;
	margin-right:30px;
	width:250px;
	height:250px;
	overflow:hidden;
	border: 6px groove white ;
	
}
div.line{
	border:3px solid;
	height:1px;
	background-color:#24404c;
	border-bottom:1px solid;
	margin:1em 0;
	overflow:hidden;
	
}

.img1{
	float:right;
	margin-left:20px;
	margin-right:30px;
	width:300px;
	height:270px;
	overflow:hidden;
	border: 6px groove white ;
}
.img2{
	float:left;
	margin-left:20px;
	margin-right:30px;
	width:270px;
	height:200px;
	overflow:hidden;
	border: 6px groove white ;
}