/* *** Generated by www.csscreator.com *** */

html, body{ 
 background: #cccc99;
 background-image: url('../images/fondo_derecha.jpg');
 background-repeat: no-repeat;
 background-position: right;
 margin: 0; 
 padding: 0;    
} 

p {
text-align:justify; 
}
 
#pagewidth{ 
 width:800px;           /*  100%;  */
 min-width: 500px; 
} 
 
#header{ 
 background: white;
 height:137px; 
 width:100%; 
/* background-image: url(../images/fondo_header.jpg); */
} 
 
#leftcol{
 width:140px; 
 float:left;
 position:relative; 
 margin-left:-143px; 
 margin-right:1px; 
 background-color:#63cf00;    /* verde oliva */
/* background-image: url(../images/fondo_left.jpg); */
 }
 
#outer{ 
border:solid white 0px; 
border-left-width: 140px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #63cf00; /* verde oliva */  /* left column colour bajo el contenido*/  
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */   /* blanco */
width: auto; 
 } 
 
#footer{
 height:120px; 
 width:100%; 
 background-color:#e7e3c6;  /* cafe claro */
 position: relative; 
 /* background-image: url(../images/fondo_footer.jpg); */
} 
 
#inner{margin:0; width:100%;}
 
#maincol{
	float: left;
	width: 656px;
	position: relative;
 	margin: 1px;
	height: auto;
 }
 
ul.contenido {
    margin-top: 0;
    margin-bottom: 10px;	
	padding: 0px 10px;
}

ul.contenido li {
    margin: 4px 8px;
}

.box{
 margin-left:1px;
 margin-top: 0px;
 background-color: #FFFFFF;  /* blanco */
}  
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{
	vertical-align: top;
} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}