* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
	
	
html { height: 101%}



body {
	color: white;                          
	background-color: #DA6;
	font-family: Verdana, Arial,
	Helvetica, sans-serif;
	font-size: small;

}

#wrapper {

color: black;
background-color: #da6;
width: 720px;
margin: auto;
}


#encabezado {

color: black;
background-color: #da6;
padding-bottom: 15px;



}

#separador{
         float: right;
		  height: 10px;
         width: 720px;
		background-color: yellow;
		color: blue;
		clear:both;

	
		
		}



#navegacion {
float: left;
width: 150px;
background-color:white;
list-style-type: none;
font: normal 85% Verdana, sans-serif;


}
.cabecera{
		background-color: black;
		color: white;
		width: 150px;
		height: 21px;
		display: block;
		font: normal 100%;
		border-bottom: 1px solid black;
       border-left: 1px solid black;
       border-right: 1px solid black;
		
	}
	
.caixalateral {
       width: 150px;
	   border-bottom: 1px solid black;
       border-left: 1px solid black;
       border-right: 1px solid black;
	   
	   display: block;
	   
	   }
     

#relleno {
    width: 150px;
	height: 30px;
	display: block;
	background-color: #da6;
	}
	
	
	
#navegacion a {color: #521;}

#areatexto{
float: right;
width: 550px;
background-color:white;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
color: #521;

}
.cabeceraarea{
         float: right;
         width: 550px;
		background-color: black;
		color: white;
		height: 21px;

		}
	
#pie{
         float: right;
		  height: 20px;
         width: 550px;
		background-color: #da6;
		color: blue;
	

	
		
		}
		
	#listaverde{
	float: left;
height: 200px;
width: 177px;
margin-left: 20px;
background-color: #ACECB1;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;

}

#listaauxiliar{
float:right;
height: 205px;
width: 366px;
background-color: #da6;

}

#listanaranja{
	float: left;
height: 200px;
width: 179px;
background-color: #F8D307;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;

}

#listanegra{
	float: right;
height: 200px;
width: 179px;
background-color: black;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
color: white;

}

#final {
float:left
color: black;
background-color: yellow;
width: 720px;

}

#correu{
float: right;
width: 550px;
background-color:#da6;
border-top: 1px solid black;
color: #0000ff;

}





h1 { font-size: 150%;}
h2 { font-size: 130%;
margin-bottom: 1em;
}







a:hover, a:focus { text decoration:
underline;}
a:active { color: white; background-
color: #d90000;}
a: {text-decoration: none; outline: none;}


.skiplink {display: none;}



p, ul {
    margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	}
	
ul ul {margin: 1em ;
}

	
	
li{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	list-style-type: none;

}


/* MENUS LATERALES PARA QUE HAYA UNA SEPARACION DE 20px ENTRE ELLOS*/

.caixalateral ul {
	list-style-type: none;
}
.caixalateral UL LI {
	height:20px;
	display:block;
	}
	
	
	#listaverde ul {
	list-style-type: none;
}
   #listaverde UL LI {
	height:20px;
	display:block;
	}
	
	#listanaranja ul {
	list-style-type: none;
}
   #listanaranja UL LI {
	height:20px;
	display:block;
	}
	
	#listanegra ul {
	list-style-type: none;
}
   #listanegra UL LI {
	height:20px;
	display:block;
	}
	





/* FORMA DE QUE LOS ENLACES DE UN DETERMINADO DIV SALGAN DEL COLOR QUE SE QUIERA */
	
	#listaverde a {color: blue;}
	#listanegra a {color: white;}