﻿body
{
	text-align: center;
}

body.Preview
{
	text-align: left;
}

body,
td,
span,
a, 
input,
select
{  
	font-family: Verdana, Arial, Helvetica;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.Principal
{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

table.MarcoPortada
{
	width: 750px;
}

table.MarcoPortada tr td.Separador
{
	width: 15px;
}

table.MarcoPortada tr td,
table.MarcoPortada tr th
{
	vertical-align: top;
}

div.Minilogin,
div.MiniloginLogeado
{
	width: 115px;
	height: 50px;
	padding: 5px;
	text-align: center;
	background-color: #df002c;
}

div.Minilogin a,
div.Minilogin span,
div.MiniloginLogeado a,
div.MiniloginLogeado span
{
	color: #ffffff;
}

div.Minilogin div,
div.MiniloginLogeado div
{
	height: 20px;
}

div.Minilogin div.Cabecera,
div.MiniloginLogeado div.Cabecera
{
	display: none;
}

div.Minilogin div.IdUsuario
{
	height: 25px;
}

div.Minilogin div.ClaveUsuario
{
	height: 25px;
	float: left;
}

div.Minilogin div.IniciarSesion
{
	height: 20px;
	float: left;
	margin-left: 2px;
}

div.Minilogin div.IniciarSesion a /*Boton de iniciar sesion*/
{
	display: block;
	width: 16px;
	height: 16px;
	background: url('images/ico_check_2.gif') top left no-repeat;
	border: none 0px;
}

div.Minilogin div.OlvideMiClave
{
	height: 10px;
}

div.MiniloginLogeado div.ImagenUsuarioValidado
{
	vertical-align: bottom;
	height: 10px;
}

div.MiniloginLogeado div.NombreUsuario
{
	padding-top: 5px;
	height: 30px;
}

div.MiniloginLogeado div.NombreUsuario a
{
	display: block;
}

div.MiniloginLogeado div.CerrarSesion
{
	height: 5px;
}

/*BOTONES DE IDIOMAS Y NAVEGACION*/

div.SelectorIdiomas
{
	padding: 2px;
	background-color: Transparent;
	float: right;
}

div.AccesoAdministracion
{
	padding: 2px;
	background-color: Transparent;
	float: right;
}

div.AccesoAdministracion a
{
	background: url('images/ico_admon.gif') top left no-repeat;
	display: block;
	width: 16px;
	height: 17px;
}

div.Contacto
{
	padding: 2px;
	background-color: Transparent;
	float: right;
}

div.Contacto a
{
	background: url('images/ico_contacto.gif') top left no-repeat;
	display: block;
	width: 16px;
	height: 17px;
}

div.AccesoMapaSitio
{
	padding: 2px;
	background-color: Transparent;
	float: right;
}

div.AccesoMapaSitio a
{
	background: url('images/ico_sitemap.gif') top left no-repeat;
	display: block;
	width: 16px;
	height: 17px;
}

td.ControlNavegacion,
div.ControlNavegacion
{
	background-color: #ffffff;
	vertical-align: text-top;
}

div.ControlNavegacion
{
	padding-top: 2px;
	padding-bottom: 2px;
}

td div.ControlNavegacion
{
	height: 100%;
}

div.FechaPortal,
td.FechaPortal
{
	background-color: #ffffff;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.Fecha
{
	background-color: Transparent;
}

div.Migapan
{
	margin: 4px 2px 4px 2px;
	color: #000000;
	text-align: left;
}

/*MENU PRINCIPAL*/
ul.MenuPrincipalSecciones
{
	width: 100%;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.MenuPrincipalSecciones li
{
}

ul.MenuPrincipalSecciones li div
{
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 1px 0px;
	text-align: center;
}

ul.MenuPrincipalSecciones li span
{
	color: #ffffff;
	font-weight: bold;
}

ul.MenuPrincipalMenus
{
	width: 100%;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.MenuPrincipalMenus li
{
}

ul.MenuPrincipalMenus li div
{
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 0px 1px 0px;
	text-align: left;
}

ul.MenuPrincipalMenus li div a
{
	text-decoration: none;
	color: #5b5b5b;
}

ul.MenuPrincipalMenus li div a.active
{
	font-weight: bold;
}

/*COLUMNAS MÚLTIPLES EN UNA LISTA*/
div.DosColumnas ul li
{
    width: 50%;
}

div.TresColumnas ul li
{
    width: 33%;
}

div.CuatroColumnas ul li
{
    width: 25%;
}

/*PANEL DE AVISOS*/
div.Aviso
{
	margin: auto;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	text-align: center;
	width: auto !important;
}

div.Aviso div.Cabecera
{
	background-color: #de0029;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto !important;
}

div.Aviso div.Cabecera span
{
	color: #ffffff;
	width: auto;
}

div.Aviso div.Cuerpo
{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto !important;
}

div.Aviso div.Cuerpo span
{
	color: #666666;
}

div.Informacion
{
	margin: auto;
	border: solid 1px #cccccc;
	text-align: center;
	width: auto !important;
}

div.Informacion div.Cabecera
{
	background-color: #bdd0f0;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto !important;
}

div.Informacion div.Cabecera span
{
	color: #ffffff;
}

div.Informacion div.Cuerpo
{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto !important;
}

div.Informacion div.Cuerpo span
{
	color: #666666;
}

div.Informacion div.Cuerpo div.BotonCerrar
{
	margin-top: 10px;
}

/*PAGINADOR*/
div.Paginador
{
	height: 15px;
	text-align: right;
}

div.Paginador span
{
	font-weight: normal; /*Separador*/
}

div.Paginador span.Titulo
{
	font-weight: bold;
}

div.Paginador a.Pagina
{
	font-weight: bold;
	color: #FF0033;
}

div.Paginador a.PaginaSeleccionada
{
	text-decoration: none;
	font-weight: normal;
	color: #000000;	
}

/*ESTILOS DEL SUBMENU*/

table.TablaSubMenu
{
}

table.TablaSubMenu tr td.CeldaTitulo
{	
	width: 100%;
	height: 25; 
	text-align: right;	
	padding: 5px 0px 10px 0px;
}

table.TablaSubMenu tr td.CeldaTitulo span
{
	font-weight: bold;
	color: #CC0033;
}

table.TablaSubMenu tr td.CeldaSubMenu
{	
	padding-top: 10px;
	border-top: solid 5px #CCCCCC;
	border-bottom: solid 5px #CCCCCC;
	border-left: solid 2px #CCCCCC;
}

table.TablaSubMenuPrincipal
{
	width: 100%;
	padding-top: 5px;
}

table.TablaSubMenuPrincipal tr td.CeldaSubMenuPrincipal
{	
	text-align: right;
}

table.TablaSubMenuPrincipal tr td.CeldaSubMenuPrincipal div.SeparadorSubmenu
{		
	display: block;
	height: 10px;
}

table.TablaSubMenuSecundario
{
	width: 100%;
	border-top: solid 3px #333333
}

table.TablaSubMenuSecundario tr td.CeldaTituloSecundario
{	
	padding-top: 10px;
	text-align: left;	
}

table.TablaSubMenuSecundario tr td.CeldaTituloSecundario span
{
	text-transform: uppercase;
	font-weight: bold;
	color: #CC0033;
}

table.TablaSubMenuSecundario tr td.CeldaSubmenuSecundario
{	
	border-top: solid 5px #CCCCCC; 
	border-right: solid 2px #CCCCCC;
	border-bottom: solid 5px #CCCCCC 
}

a.EnlaceSubmenu
{
	font-weight: normal;
	color: #CC0033;
	text-decoration: underline;
}

span.TextoSubmenu
{
	font-weight: bold;
	color: #666666;	
}

a.EnlaceSubmenuSecundario
{	
	font-weight: normal;
	color: #CC0033;
	text-decoration: underline;
}

span.TextoSubmenuSecundario
{
	font-weight: bold;
	color: #666666;
}

table.TablaSubMenuSecundario div.SeparadorElementoSubmenuSecundario
{
	width: 100%;
	height: 2px;		
}

table.TablaSubMenuSecundario div.CabeceraElementoSubmenuSecundario
{
	width: 100%;
	height: 5px;		
}

table.TablaSubMenuSecundario div.pieElementoSubmenuSecundario
{
	width: 100%;
	height: 5px;		
}

table.TablaSubMenuPrincipal div.PieElementoSubmenuPrincipal
{
	width: 100%;
	height: 5px;		
}

h1.TituloPagina
{
	font-size: 1em;
	display: block;
	width: 114px;
	font-weight: bold;
	padding-top: 10px;
	text-align: right;
	margin-bottom: 0px;
}

div.Formulario
{
	float: left;
	padding: 5px 5px 5px 5px;
}

div.Formulario h2
{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 10px;
}

table.Formulario
{
	border: solid 1px #cccccc;
	width: 100%;
}

table.Formulario tbody tr th
{
	text-align: right;
}

table.Formulario tbody tr td
{
	text-align: left;
}

a.BotonEnviar,
a.BotonAceptar,
a.BotonCancelar,
a.BotonCerrar,
a.BotonBorrar
{
	display: block;
	width: 50px;
	height: 16px;
	border: none 0px;
}

a.BotonEnviar
{
	background: url('images/ico_check_enviar.gif') top left no-repeat;
}

a.BotonAceptar
{
	background: url('images/ico_aceptar.gif') top left no-repeat;
}

a.BotonImprimir,
a.BotonEnviarAUnAmigo,
a.BotonVolver,
a.BotonEnlaceExterno
{
	display: block; 
	width: 16px;
	height: 17px;
}

a.BotonImprimir
{
	background: url('images/ico_imprimir.gif') top left no-repeat;
}

a.BotonEnviarAUnAmigo
{
	background: url('images/ico_enviaramigo.gif') top left no-repeat;
}

a.BotonVolver
{
	background: url('images/ico_atras.gif') top left no-repeat;
}

a.BotonEnlaceExterno
{
	background: url('images/ico_enlaceexterno.gif') top left no-repeat;
}

a.BotonRss
{
	display: block; 
	width: 44px;
	height: 16px;
	background: url('images/rss.gif') top left no-repeat;
}

div.PanelRss
{
	margin-top: 5px;
	text-align: center;
}

div.PaginaLogin,
div.PaginaPerfil,
div.PaginaOlvideMiClave
{
	border-top: #000000 1px solid;
}

h1.TituloPagina
{
	color: #000000;
	border-top: #000000 1px solid;
}

div.PaginaOlvideMiClave div.Imagen
{
	width: 105px;
	height: 120px;
	background: url('images/ico_serv_acce.gif') top left no-repeat;
	float: left;
	display: inline;
	margin-right: 10px;
}

div.PaginaOlvideMiClave div.Formulario,
div.PaginaLogin div.Formulario
{
	float: left;
	display: inline;
}

/*TODO: Mover este estilo a EstilosLibres.css*/
div.LibrePagina
{
	padding: 0px 0px 0px 0px;
}
