/* 
 * Estilos comunes al sitio web.
 * ---------------------------------------------------------------------- */

/* HTML
 * ---------------------------------------------------------------------- */

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

hr
{
	background-color: silver;
	height: 1px;
	border: 0px;
}

select, input
{
	font-size: 10pt;
	padding: 2px;
}

/* Disposición / Diseño de página
 * ---------------------------------------------------------------------- */

/* Diseño contenedor página */
#wrapper
{
	border: steelblue 1px solid;
	background: white;
	color: black;
	width: 992px;
	margin: auto;
}

/* Contenidos página */
#content
{
	margin:10px;
	float:none;
	/* border: gainsboro 1px solid;	*/
}

/* Encabezado de página */
#header 
{
	background: steelblue url(images/header_background.gif);
	height: 80px;
	float:none;
}

/* Logo */
#header .logoImage
{
	padding-left: 10px;
	float:left;
	height:80px;
	vertical-align: middle;
}

/* Info session */
#header .sessionInfo
{
	font-family: Tahoma,Arial,sans-serif;
	font-size: 10pt;
	color: white;
	width: 300px;
	background-color: transparent;
	float:right;
	padding: 10px 10px;
}

/* Pie de página */
#footer
{
	background: steelblue url(images/footer_background.gif);height:60px;color:White;font-size:10pt;
}
#footer a {color: white}

/* menu principal */
#mainmenu
{
	margin: 5px 10px 0 10px;
	float:none;
}
/* navegación sitemap */
.sitemapnav
{
	color: blue;
	font-weight: bold;
	font-size: 8pt;
	padding: 5px 0 5px 18px;
	border-bottom: dotted 1px gainsboro;
}

/* selección de idioma */
.languageswitch
{
	padding-top: 3px;
	font-size: 8pt;
	color: white;
	font-weight:bold;
	float:right;
}
.languageswitch select
{
	background-color: white;
	color: dimgray;
	font-weight:bold;
	border: solid 1px gainsboro;
	padding: 0px;
}

/*
 * Bloques de contenido
 * ---------------------------------------------------------------------- */

/* Bloques de contenido */
.ContentBlock
{
}
.ContentHeader
{
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom: gainsboro 1px solid;
	color: navy;
}
.ContentBody
{
	margin:5px;
}
/* Info módulos */
.ContentImageTitle
{
	border: gainsboro 1px solid;
	background: ghostwhite;
	padding: 10px;
	margin: 0 10px 0 10px;
	position: relative;
	float:right;
}

/* Controles
 * ---------------------------------------------------------------------- */

/* Panel de info proceso */
.ProcessPanel
{
	font-weight: bold;
	background: ghostwhite;
	border: solid 1px gainsboro;
	padding: .5em;
	height: 3em;
}

/* Controles estilo */
.ControlFocus
{
    background: ghostwhite;
    color: black;
}
.ControlError
{
    background-color: Red;
    color: black;
}

/* SelectListControl */
.SelectListControl
{
	width: 96%;
}
.SelectListControl td
{
	border-bottom: solid 1px gainsboro;
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-top: solid 1px white;
}
.SelectListControl td:hover
{
	background: ghostwhite;
	border: solid 1px gainsboro;
	margin: 1px;
}

/* ButtonPanel */
.ButtonPanel
{
	margin: 10px;
}

/* Menu de Seccion
 * ---------------------------------------------------------------------- */

.nav-menusection
{
	font-family: Tahoma,Arial,sans-serif;
	font-size: 10pt;
}

.nav-menusection .nav-item
{
	background: ghostwhite;
	border: gainsboro 1px solid;
	padding: 5px;
	cursor: pointer;
	height: 56px;
	margin: 5px;
}

.nav-menusection .nav-item:hover
{
	background: lavender;
	border: steelblue 1px solid;
}

.nav-menusection .nav-title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.nav-menusection a
{
	text-decoration: none;
}

.nav-menusection img
{
	border-style:none;
	padding: 2px 20px 2px 10px;
	height: 48px;
	width: 48px;
	float:left;
}

/* REVISION 1_1
 * ---------------------------------------------------------------------- */

.container
{
	margin:10px;
}

.DefaultPanel
{
	border: solid 1px dimgray;
	padding: 5px;
}

.DefaultPanelHeader
{
	/* border-bottom: solid 1px dimgray; */
	margin-bottom: 5px;
	background:lavender;
	font-weight:bold;
	color:Navy;
	margin: -5px -5px 5px -5px;
	padding: 3px;
}

.ModalBackground
{
	/* background-color: #d3d3d3; */
	/* filter: alpha(opacity=70); */
	/* opacity: 0.7; */
}

.aspButton
{
	background: lavender;
	color: black;
	border: midnightblue 1px solid;
	cursor: pointer;
	padding: 1px 2px 1px 2px;
}
.aspButton:hover
{
	background: ghostwhite;
}


/* REVISION 1_2
 * ---------------------------------------------------------------------- */

/* estilos rejilla predeterminada */

/* rejilla */
.defaultgridview
{
	font-family: Verdana, Arial;
	font-size: 12px;
	border:solid 1px #7aa5d6;
}
.defaultgridview th, .defaultgridview td
{
	cursor:default;
	height:20px;
	white-space: nowrap;
}

.defaultgridview .rowsel
{
	border-bottom: #000 1px solid;
}

/* MENU PRINCIPAL DE LA APLICACION */
.main-menu-header { background-color: #e6eeff; padding: 5px 0px 5px 10px; font-weight: bold; cursor: default; text-decoration: underline; }
.main-menu {font-weight: bold;}
.main-menu td { width: 180px; padding: 10px 5px 10px 5px; text-align: left; vertical-align: top; }
.main-menu td:hover { background-image: url(images/MainMenuHover.jpg); background-repeat: repeat-x; }
.main-menu td.blank:hover { background-image: none; background-repeat: no-repeat }
.main-menu ul { list-style: none; font-size: xx-small; padding: 0; }
.main-menu ul a:link { color: #00019d; text-decoration: none; }
.main-menu ul a:visited { color: #00009d; text-decoration: none; }
.main-menu ul a:hover { color: #10009d; text-decoration: underline; font-size: x-small; }
