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

/*Estilos*/
h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
p{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

/*CUERPO*/
body{text-align:center; 
margin:0px; 
background-color:#FFF;
height:100%;
width:100%;}

#caja{height:100%;
width:900px;
background-color:#CCC;
margin:auto;
position:relative;
display:table;
text-align:justify;
}

/*HEADER*/
#caja header{
	height:100px;
	width:98%;
	background-color: #666;
	margin:auto;
	position:relative;
	border-radius: 0px 10px 0px 10px;
	z-index:10;
	top:20px;
	box-shadow: 3px 3px 5px #900;
	-moz-box-shadow: 3px 3px 5px #900;
	
	}
#caja header nav ul{list-style:none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#caja header nav ul li {
	display:inline;
	height:50px;
	width:80px;
	padding:2px;
	color:#FFF;
	position:relative;
	text-align:center;
	top:50px;
	background-color:#CCC;
	border-radius:0px 10px 0px 10px;}
	
	
	/*BANNER*/
#banner{height:315px;
width:100%;
position:relative;
top:10px;
margin:25px;
background:#999;
background:url(Imagenes/cabecera.jpg) no-repeat;
}

/*Contenido*/

#caja #section{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
width:100%;
height:100%;
background-color:#FFF
}

#section article{
width:45%;
float:left;
margin:10px;;
padding: 10px 10px 10px 10px;
background-color:#FFF;
}

aside{
	float:right;
	width:300px;
	height:300px;
	top:20px;
	background-color:#999;
	background:url(Imagenes/Susana_s.jpg);
	background-position:center;
	margin:10px;
	
}

.no2{
	float:right;
	width:400px;
	height:500px;
	top:20px;
	background-color:#999;
	background:url(Imagenes/finn_and_jake.png);
	background-position:center;
	margin:10px;
	z-index:-200;		
}

footer{
	width:100%;
	height:60px;
	margin:auto;
	background:#666;
	border-radius:10px 10px 0px 0px;
	text-align:center;
	display:inline-table;
	float:inherit;
}