/*@charset "utf-8";  */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #069;  /*1*/
	background: #fff;  /*1*/
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 15px;
        //of01 width: 90%;  margin: 0 auto;  //of01

}  /**/
#contenedor22 { /*no se use */
	width: 90%;
	max-width: 1260px;  /**/
	min-width: 780px; 
	background: #9cf;  /*2 color todo*/
    border: 10px solid #6cf;
    border: 15px solid #069;
	margin: 10px auto; /*alto*/
	
border-radius: 10px;    /* funciona con google/**/
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
#cabecera {
width: 100% auto;
height: 10%; /*background-color:RoyalBlue; */
margin:0% 1% 0% 1%; /*5px;  /*para que no se pegue al borde*/ 
//of01 float:left;  /*lo flotamos a la izquierda*/
clear: both; 
}
#cuerpo {
/*background-color: #C00; rojorjorjo */ 
margin:1%;  /*margen alrededor */
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
#menuv {
float: left;	    
     width: 20% ;
     //of01  height: 80%;
     background-color:yellow; /*SandyBrown;*/
	  /*   border: 4px solid #6cf;*/
}
#principal {
float:right;	    
     width:80%; height: 80%;
     /*padding: 25px auto; /*no funciona */
     background-color:#fff;
}
#pie {  /* */
clear: both;
     width: 100% auto;
     height: 15px; 
     background-color:#69f;
	 TEXT-ALIGN: center;
	 margin:1%;
     padding:1%  /**/ /*
	 
position: absolute;
	left: 0px;
	top: 93%;
	width: 100%;
	height: 7%;
	overflow: hidden;
	background-color: #CCFFFF;
	 
/*	 
bottom: 0;
height: 30px;
padding: 10px 0 0;
position: fixed;
width: 100%;
z-index: 99;   /**/
	 
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;}
a img { 
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}
ul.nav {
	list-style: none; 
	border-top: 1px solid #666;
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #6F7D94;
	color: #FFF;
}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* estilo en <head>
<style type="text/css">
.grupo {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px; }
</style>
</HEAD>

/*  en linea
<table border=0  cellpadding="10" cellspacing="2" bordercolor="#FFFFFF" bgcolor = "#6699FF">

<div
 style="background-color:#9cf; margin: 2%;  border: yellow 5px solid;
border-radius: 10px; ">
/**/
