body
{
	background:#007777;	
	font-family:"Trebuchet MS", Arial, "Times New Roman";
	font-size:14px;
}

#encabezado
{
	position:absolute;
	top:0px;
	left:2%;
	right:2%;	
	width:96%;
	text-align:center;	
}

#titulo
{
	position:absolute;
	top:10px;
	left:2%;	
	text-align:center;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;	
	font-size:13px;
	visibility:hidden;
	
}

#galeria
{
	position:absolute;
	top:42px;
	left:22.3%;
	width:130px;
	height:92px;
	background-image:url(../principal/img_principal/galeria.jpg);

}


#logonvo
{
	position:absolute;
	top:10px;
	left:1%;
	width:184px;
	height:72px;
	background-image:url(../principal/img_principal/logonvo.jpg);

}


#fondo_usuario
{
	position:absolute;
	top:88px;
	right:0%;
	width:316px;
	height:46px;	
	background-image:url(../principal/img_principal/datos_usuario.jpg);
}

#datos_usuario
{
	position:absolute;
	top:98px;
	right:1%;
	width:316px;
	height:46px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;	
}

#linea
{
	position:absolute;
	top:134px;	
	left:0%;
	width:100%;
	height:5.5px;
	background-image: url(../principal/img_principal/linea.jpg);
}

#tabs
{
	position:absolute;
	top:144px;
	left:2%;	
	width:95%;
	height:6px;
	text-align:left;	
}

#opciones
{
	position:absolute;	
	top:10px;	
	right:0%;	
	height:6px;	
}

#contenedor
{
	position:absolute;	
	top:169px;
	left:2%;
	right:2%;	
	width:96%;	
	height:436px;			
}

/* Inicio - Recuadro con esquinas redondeadas y contorno */

#top
{	
	height:28px; 
	background-image:url(../principal/img_principal/top_line.jpg); 
	background-repeat: repeat-x; 
}
	
img.esquina_sup_izq
{
	float:left;
}

img.esquina_sup_der
{
	float:right;
}

#content
{ 
	background-image:url(../principal/img_principal/left_line.jpg); 
	background-repeat:repeat-y; 
	background-color:#FFFFFF;
}
	
#boxcontrol
{	
	background-image:url(../principal/img_principal/right_line.jpg); 
	background-position:right; 
	background-repeat:repeat-y;	
	height:382px;	
}
	
#bottom 
{ 
	height:28px; 
	background-image:url(../principal/img_principal/btm_line.jpg); 
	background-repeat:repeat-x; 	
}
	
img.esquina_inf_izq
{
	float:left;
}

img.esquina_inf_der
{ 
	float:right; 
}
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq
{
	\margin-left:-.2em;  ma\rgin-left:0;
}

* html img.esquina_inf_der, * html img.esquina_sup_der 
{ 
	\margin-left:.2em; 
} 

/* Fin - Recuadro con esquinas redondeadas y contorno */

#iframe
{		
	position:absolute;
	top:175px;
	left:3.5%;
	right:3.5%;
	width:93%;	
	height:426px;
}

#sombra
{
	position:absolute;
	top:607px;
	left:2%;
	right:2%;	
	width:95.8%;
	height:22px;
	background-image:url(../principal/img_principal/sombra.jpg);
	background-repeat: repeat-x;
}
	
img.esquina_sombra_izq
{
	float:left;
}

img.esquina_sombra_der
{
	float:right;
}