body{
	}

#colebioqpba{
	width:1100px;
	
	}
	
#top{
	 padding: 0px 0px 0px 0px;
	 width:100%;
	 height:auto;
	 background-color:#007880;
	 border-bottom: lightgray 2px dotted;
	}	
	
#page{
	
	}

#leftcontent{
	padding: 3px 3px 3px 3px;
	position:relative;
	float:left;
	width:17%;
	height:auto;
	border-right: lightgray 2px dotted;
	}
	
#principal{
	padding: 15px 15px 15px 15px;
	position:relative;
	float:left;
	width:750px;
	height:auto;
	}

#informes{
	padding: 15px 15px 15px 15px;
	position:relative;
	float:left;
	width:78%;
	height:auto;
	}
	
#guia{
	padding: 15px 15px 15px 15px;
	position:relative;
	float:left;
	width:78%;
	height:auto;
	}

div.titulo{
	 width:178px;
	 padding: 0px 2px 2px 2px;
	 background-image: url('../img/bottom/modern/a_middle.gif');
	 background-repeat: repeat-x;
	}

div.cuadrado{
	 padding: 5px 5px 5px 5px;
	}
		
div.contenido{
	 width:178px;
	 height:auto;
	 border-bottom: 1px solid #C0C0C0;
	 border-left: 1px solid #C0C0C0;
	 border-right: 1px solid #C0C0C0;
	 padding: 0px 2px 2px 0px;
	 overflow:hidden;
	}		

/* Funciones para las sombras de los divs*/

/* Ahora la sombra */
div.sombra{
   margin:10px;
   background:#CCCCCC; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
   width: auto;
}


a{
	 color:#0000FF;
	 text-decoration:none;
	 cursor:pointer;
	 font-size:15px;
	 
	}
	
a:hover{

	}
	
input.boton{
	 cursor:pointer;
	}
	
div.principales{
	 margin:-10px -10px 2px 2px; /* Aqui están los famosos márgenes negativos*/
	 padding: 5px 5px 5px 5px;
	 border-bottom: 1px solid #C0C0C0;
	 border-left: 1px solid #C0C0C0;
	 border-right: 1px solid #C0C0C0;
	 border-top: 1px solid #C0C0C0;
	 background-color: #E6FFFF;
	 height:auto;
	}	
	
input.usuario{
	 width:70%;
	}	
	
div.heading{
	 padding: 5px 5px 5px 5px;
	 background-color: #98C0C0;
	}
	
td{
	 padding: 2px 2px 2px 2px;
	}	
	
/*css del menu de la pagina. */

.clearit {                                                                         
	margin: 0;                                                                       
	padding: 0;                                                                      
	height: 0;                                                                       
	clear: both;                                                                     
}                                                                                  
                                                                                   
/* BUBBLE PLASTIC HORIZONTAL MENU */                                               
                                                                                   
.bubplastic.horizontal {                                                           
	width: 100%;                                                                     
	height: 27px;                                                                    
	margin: 0;                                                                       
	padding: 0;                                                                      
	background: #000000 url('../img/bottom/bg-bubplastic.gif') top left repeat-x;             
}                                                                                  
.bubplastic.horizontal ul {                                                        
	list-style: none;                                                                
	margin: 0;                                                                       
	padding: 0;                                                                      
}                                                                                  
.bubplastic.horizontal ul li {                                                     
	float: left;                                                                     
	margin: 0;                                                                       
	padding: 0;                                                                      
	background: transparent url('../img/bottom/bg-bubplastic-button.gif') top left no-repeat; 
}                                                                                  
                                                                                   
.bubplastic.horizontal ul li a {                                                   
	display: block;                                                                  
	height: 27px;                                                                    
	padding-left: 35px;                                                              
	float: left;                                                                     
	text-transform: uppercase;                                                       
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif; 
	font-size: 70%;                                                                  
	color: #FFFFFF;                                                                  
	text-decoration: none;                                                           
}                                                                                  
                                                                                   
.bubplastic.horizontal ul li a span.menu_ar {                                      
	display: block;                                                                  
	float: left;                                                                     
	height: 22px;                                                                    
	padding-top: 5px;                                                                
	padding-right: 35px;                                                             
	background: transparent url('../img/bottom/bg-bubplastic-button.gif') top right no-repeat;
	cursor: pointer;                                                                 
}                                                                                  
/* END BUBBLE PLASTIC HORIZONTAL MENU */                         

/* AQUA HOVER */                                                                   
.bubplastic.aqua ul li a:hover,                                                                      
.bubplastic.aqua ul li.highlight a {                                               
	background: transparent url("../img/bottom/bg-bubplastic-h-aqua.gif") top left no-repeat; 
}                                                                                  
.bubplastic.aqua ul li a:hover span.menu_ar,                                       
.bubplastic.aqua ul li.highlight a span.menu_ar {                                  
	background: transparent url("../img/bottom/bg-bubplastic-h-aqua.gif") top right no-repeat;
}                                                                    

/*- Menu 3--------------------------- */
	
#menu3 {
	width: 178px;
	margin: 0px;
	overflow:hidden;
	}

#menu3 ul {
	list-style:none;
	margin: 0; 
	padding: 0;
	}
	
#menu3 ul li {
/*	float: left;    */                                                                     
	margin: 0;                                                                       
	padding: 0;                                 
	background:  url("../img/bottom/menu3.gif") top left no-repeat;
	}
	
#menu3 ul li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: bold;
	display:block;
	padding: 6px 0 0 20px;
	color: #76B0D5;
	}	
	
#menu3 ul li a:link, #menu3 ul li a:visited {
	color: #76B0D5; /*#8BADCF;*/
	display: block;
	background:  url("../img/bottom/menu3.gif");
	padding: 6px 0 0 25px;
	}
	
#menu3 ul li a:hover {
	color: #627EB7;
	background:  url("../img/bottom/menu3.gif") 0 -32px;
	padding: 6px 0 0 25px;
	}
	
#menu3 ul li a:active {
	color: #627EB7;
	background:  url("../img/bottom/menu3.gif") 0 -32px;
	padding: 6px 0 0 25px;
	}