* {margin:0; padding:0;}

body{
  margin-right: 20%;
	margin-left: 20%;
	font: 16px georgia sans-serif;
	background-image: url(fond.jpg);
	background-repeat: no-repeat; background-attachment: fixed ; 
	text-align: center
}

#caja{
	margin:2% auto;
	color:orange;
}

#caja > .main{
	border:1px solid#999;
	padding:1%;
	margin-bottom: 1%;
	color:black; 
}

header,nav,section{
	background: #eee;
	margin-bottom:12px;
	margin-top:12px;
}

section #titulo{
	text-align: center;
}

img#img0{
	display:block;
	margin:auto;
	width:90%;
	max-height: 410px;
	padding:5%;
}

#caja1{
	margin:2% auto;
	color:white;
}

#caja1 h1{
	width:60%;
	color:#32CD32;
	margin: 0px 5px 0px 0px;
}


footer
{
	background: #eee;
	text-align: center;
}

nav 
{
	margin: 0px 10px 0px 0px;
}

ul{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #545454;  
	}
	li{
		display: inline;
	}
	a{
		font-family: arial,Helvetica,sans-serif;
		color: black;
		text-decoration: none;
		font-size: 0.9em;
		display: block;
		padding: 6px;
		float: left;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #C0C0C0;
		background-color: #A8A8A8; 
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #545454;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #545454;
	}
	a:hover{
		color: white;
		background-color: #8F8FBD;
	}
	
	

h1,h2,h3,p
{
    font-family: verdana;
    font-size: 2em;
    color: #2E8B57:
}


section img {
	margin-top: 10px;
  margin-bottom: 10px;
	background-color: green; 
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 300px;
	height: 280px;
}