/*
You are allowed to do whatever you want with this layout. Though I would be pleased if you placed a link on your site to csseasy.com or to profit42.com (best "blog about hacking" ever). Donations are also welcome: paypal@profit42.com (or follow the donation button on csseasy.com)
*/

body {
width:778px;
margin:0 auto;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;}



/* ----- HEADER ----- */



#header {
width:778px;
height:100px;
background-color:#333333;
}

/* ----- NAVIGATION ----- */



#navigation {
width:778px;
height:20px;
background-color:#34749D;
}



/* ----- MAIN CONTENT ----- */



#content { 
width:758px;
background-color:#FFF;
margin-top:10px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
border: 1px solid #A1A1A1;
padding:10px;
}



/* ----- FOOTER ----- */



#footer { 
width:778px;
height:20px;
background-color:#34749D;
margin-top:10px;
color:#DDE4FA;
font-size:10px;
font-weight:bold;
padding:2px;
}

#der {
float:right;
padding:0px 2px 0 2px;
}

#izq {
float:left;
padding:0px 2px 0 2px;
}

/* ----- MENU -----*/
#menu{ 
width:100%;
color:#FFFFFF;
font-size:10px;
}

#menu ul{
display:block;
list-style-type:none;
float:left;
color:#CCE7FF;
font-weight:bold;
font-size:10px;
}

#menu ul li{
display:block;
float:left;
}

#menu ul li a {
text-decoration:underline;
color:#CCE7FF;
float:left;
padding-left:15px;
padding-right:15px;
}

#menu ul li a:hover{
text-decoration:underline;
color:#CCE7FF;

}