html, body{ 
 margin:0; 
 padding:0; 
 } 

.pagina{ 
 width:100%; 
 min-width: 500px; 
 } 

.cabecera{ 
 height:35px; 
 width:100%; 
 background: #f5f5f5 no-repeat left;
 } 

.logo{
	width: 30%;
	border: 1px solid black;
	color: blue;
	background: white;
	margin: 10px 0px 5px 5px;
	float: left;
	text-align: center;
	}

.botonera {
	margin: 4px 5px 5px 0px;
	padding: 2px 2px 2px 0px;
	float: right;
	text-align: center;
	border: 0px solid gray;
	}

.botones {
	text-decoration: none;
	width: auto;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	border: 2px solid silver;
	float: left;
	font-size: 16px;
	font-family: "Comic sans",Arial, sans-serif;
	background: White;
	color: red;
	}

a.botones:hover {
	background: #778899;
	color:  White;
	}
a.botones:active {
	background: #ff8899;
	color:  White;
	}

 
#leftcol{
 height:380px; 
 width:100px; 
 float:left; 
 position:relative; 
 margin-left:-100px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 100px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #F6E6E6;   /* left column colour */ 
border-left-style: solid; 
background-color: #9FFCDC; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 height:20px; 
 width:100%; 
 background-color:#FCFCDC; 
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 

#outer>#inner { border-bottom: 1px solid #9FFCDC;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*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;} 
}