@charset "utf-8";
/* CSS Document */
/*fuentes*/
@font-face{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

/*estilos*/

h1, h2, h3, h6, p{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}	
section { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff;}

/*maquetacion*/


/*BODY*/
body{text-align:center; margin:0px; background:#06C;}
/*DIV*/
#caja { height:100%;
width:80%;
margin:auto;
text-align:left;
position:relative;
background:#39F;}
#caja h3, p {padding:10px; color:#FFF;}
/*HEADER*/
header{
	display: table;
	height: 87px;
	width: 100%;
	background: #F90;
	position: absolute;
	border: 2px solid #FFF;
	border-radius: 0px 0px 20px 20px}
	
#caja header h1 {
	padding:10px; 
	color:#FFF;}
p{position:relative;}	
/*SECTION*/
section {padding:10px; text-align:justify;}
article {text-align:justify;}

/*NAV*/
nav ul { list-style:none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

nav ul li{display:inline;
text-align:center;}

nav ul li a{
	position:relative;
	text-decoration:none;
	display:inline;
	padding:10px;
	color:#FFF;
	height:25px;
	width:150px;
	border: none;
	background:#F93;
	border-radius:0px 10px 0px 10px;}
	
nav ul li a:hover{
	background:#FC0;
	color:#F60;} 
	
/*FOOTER*/

footer{
display:table;
height:20px;
width:98%;
margin:auto;
background:#F90;
border: 2px solid #FFF;
border-radius:20px 20px 0px 0px;}

footer h6 { 
color:#fff; 
text-align:center;
}