/************************************************************************OFICINA VIRTUAL*****************************************************/
/********************************************************************************************************************************************/

/*LALALA*/

/*Debido al tamaño del menu, aparece el scroll vertical, lo que hace que se desplace la capa central, para evitar un cambio brusco en la posicion de
la web cuando se cambie a la sección de oficina virtual se crea y aplica este otro estilo
*/

/*Esta capa centra el contenido de la web de la oficina virtual para Mozilla e IE 8*/
#central_oficina
{
	   font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
	position:absolute;
	left: 50%;
	margin-left:-480px;
	top:0px;
	width:960px;
	z-index:1;
	/*padding:2px;*/
	  background: #fffef6 none repeat center top;
}


.submenu_filete_ofi
{
	height:2px;
	background-color:#009966;
	margin-top:14px;
	border:0px;
	
}


/*Como el contenido de las secciones de la oficina virtual tiene elementos a la derecha debera de cambiar el estilo con respecto a la web*/
.contenido_seccion_oficina
{
	margin-top:0px;
	margin-left:335px;
}

/************************************************************************(FIN)OFICINA VIRTUAL************************************************/
/********************************************************************************************************************************************/

/*************************************************************************MENU OFICINA******************************************************/
/*******************************************************************************************************************************************/

.limpiar
{
	margin:0;
	padding:0;
	border:0;
	clear:both;
}

.espacio
{
	margin-top:10px;
	margin-bottom:10px;
}

.tipotablacentrado
{
	width:550;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}


.tipotabla
{
	max-width:550;
	width:550;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:30px;
}



/*Posicion del menu de la oficina virtual*/
.menu_oficina
{
	margin-top: 10px;
    text-transform: uppercase;
    font: normal normal normal 17px / 12px "Lato", Helvetica, Arial, Verdana, sans-serif;
    color: #1c1c1b;
}

/*Posicion del primer componente del menu, la bienvenida al usuario*/
.bienvenido_oficina
{
	float: left;
    margin-left: 30px;
    font-weight: bold;
    /* font-size: 16px; */
  font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #0C1A33;
    /* margin-left: 50px; */
    /* margin-top: 6px; */
    /*font: normal normal normal 15px / 21px "Lato", Helvetica, Arial, Verdana, sans-serif;*/
    color: #1c1c1b;
} 

/*Posicion de los demas componentes del menu de la oficina*/
.componente_menu_oficina
{
	float:right;
	margin-left:50px;
}



/*Estilo boton oficina*/
a.button { 
	color:#00A79D;
	font-size: 12px;
line-height: 15px;
font-weight: bold;
border-top: 1px solid #505050;
border-bottom: 1px solid #171717;
display: inline-block;
padding: 5px 10px 7px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
display: inline;
text-align: center;
padding: 5px 10px;
background-color: #DDD;
border-radius: 7px;
border-width: 1px;
border-style: solid;
border-color: #FFF #999 #999 #FFF;
	}
	
	
a.button:hover {	 color:#000;}



/*Este sera el estilo de los enlaces de la oficina virtual, sobreescribe los estilos principales*/
.enlace
{
	color:#000;
	text-decoration:none;
}
.enlace2
{
	color:#FFF;
	text-decoration:none;
}
/*Este sera el estilo de los enlaces normales de la web cuando tengan el cursor del raton encima, sobreescribe los estilos principales*/
.enlace:hover
{
	  font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    color: #009b66;
    cursor: pointer;
	text-decoration:none;
}
.enlace2:hover
{
	  font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    color: #009b66;
    cursor: pointer;
	text-decoration:none;
}
/*Este estilo definira el color del nombre del usuario en el menu de la oficina virtual*/
.nombre_usuario
{
	color:#990000;
}

/*Define el estilo de las notas aclaratorias en los formularios de la oficina virtual*/
.nota_campos_obligatorios
{
	margin-top:10px;
	margin-bottom:10px;	
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#990000;
}

/********************************************************************************************************************************************/
/*************************************************************************(FIN)MENU OFICINA**************************************************/