body {    	
	color:#FFFFFF;
    margin: 0;
	background-color:#fff; 	
	font-family: Tahoma, Arial, "Arial Narrow", Century;	
	font-size:11px;
	line-height:1.3em;
}

body a {color:#4D9CAF; TEXT-DECORATION: none;font-weight:600;}
body a:active{ color: #63C7E2;}
body a:hover{ color: #63C7E2; text-decoration:underline;}

h1,h2,h3,h4,h5 { 
	color:#FCFAF4;	
	font-family:Tahoma, Arial, "Arial Narrow", Century;
	padding:2px 5px; 
	margin:2px;
	background:url(btn.png) #63C7E2 repeat right center; height:17px; border:1px solid #4D9CAF;
}
h2{ font-size:14px;}

.menu{
	font-weight: bold; 
	width:100%;
	height:22px; 
	margin:0;
	margin-bottom:2px; 
	border-bottom:1px solid #bbbbbb;
}
.menu ul{	
	padding: 5px 3px;
	margin:auto;
	
	text-align:left;	
}
.menu ul li{display: inline;padding:0; margin:0; border-right:1px solid #005D77;}
.menu ul li a{padding: 3px 5px 3px 5px;margin: 0;}

#contenedor{	 
	margin:auto;		
	width:770px;	
	border:0;	
	padding:0;	
	position:relative;
	padding:0 15px 0 15px;
	background:url(background.jpg) #ffffff repeat-y top left;	
}

.panelRight{
	margin:2px 5px 0 0;
	border:0;
	width:580px;
	float:right;
	background:url(grad.gif) #FFFFFF repeat-x bottom; 	
	color:#333333;
	padding:0 5px 0 5px;
	border:1px solid #ddd;
}

.panelLeft{
	width:150px;
	margin:2px 5px;
	background:url(grad.gif) #FFFFFF repeat-x bottom; 
	float:left;
	padding:0 5px 5px 5px;
	border:1px solid #ddd;
}
.panelLeft ul{border: 0px;width: 100%;padding: 0px;margin: 0px;text-align:left;}
.panelLeft ul li{display: inline;}
.panelLeft ul li a:hover{background-color:#B6E3EF;}
.panelLeft ul li a{
	display:block;	
	padding:2px 15px;
	text-decoration:none;	
	background:url(doted.gif) no-repeat left center;	
	margin: 0px 0px 0px 0px;
	border-bottom:1px dashed #BED9E0;
}
.panelLeft a {color:#005D77; TEXT-DECORATION: none; font-weight:600;}
.panelLeft a:active{ color: #009FCC;}
.panelLeft a:hover{ color: #009FCC; text-decoration:underline;}

.bodyR{
	padding: 0;	
	margin:0; 	
	width:49%;
	float:right;	
}

.bodyC{
	padding: 0;	
	margin:0;
	width:100%;
	float:left;		
}

.bodyL{
	padding:0;	
	margin:0;
	width:49%;
	float:left;	
}

.sombra {
float:left;
padding:0 3px 3px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
margin-left:3px;
margin-top: 10px;
margin-right:3px; 
} 

.sombra img {
display:block;
position:relative;
top: -2px; /* Desfasamos la imagen hacia arriba */
left:-2px; /*Desfasamos la imagen hacia la izquierda */
padding:4px;
background:#FFFFFF; /*Definimos un color de fondo */border:1px solid #aaa;
}

.pie{    
	color:#777777;	
    text-align:center;	
	margin:0;	
	clear:both;		
	padding:15px 0 5px;	
	width:100%; 	
	height:120px;
	background:url(grad.gif) #FFFFFF repeat-x bottom left; 
}