﻿/* 
 * Estilos comunes al sitio web.
 * ---------------------------------------------------------------------- */

/* HTML
 * ---------------------------------------------------------------------- */

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	/* width: 992px; */
}

hr
{
	background-color: silver;
	height: 1px;
	border: 0px;
}

select, input
{
	font-size: 10pt;
}

/* Disposición / Diseño de página
 * ---------------------------------------------------------------------- */

/* Diseño contenedor página */
/* Vista portrait */
#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 0 18px;
}

/* 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;
}

/* Ventanas Modales y popup */
.ModalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* 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: 5px 5px 5px 10px;
}

.ButtonPanel input:hover
{
	border: solid 1px steelblue;
	background: lavender;
}

/*
 * MENUS
 * ---------------------------------------------------------------------- */

/* 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;
	float:left;
}


/* menu barra superior
----------------------------------------------- */

/* #nav-wrapper, #nav-wrap2, #nav-wrap3 { float:left; } */

#nav-menubar
{
	float:none;
}

#nav-wrapper{
	background: url(images/menu_nav.gif) lightsteelblue no-repeat left top;
	padding-left: 18px;
}

#nav-wrap2{
	background: url(images/menu_nav.gif) no-repeat right 50%;
	height: 25px;
	padding-right: 17px;
}

#nav-wrap3{
	background: url(images/menu_nav.gif) repeat-x left bottom;
	height: 25px;
}

#nav-wrapper #nav{
	float: left;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 9pt;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding-top: 1px;
}

#nav li{
	background: url(images/menu_nav.gif) repeat-x left bottom;
	float: left;
	list-style: none;
}

#nav li:hover ul{
	left: auto;
}

#nav ul{
	list-style: none;
}

#nav li ul{
	left: -999em;
	position: absolute;
	z-index: 1;
}

#nav-wrapper a{
	border-right: 1px solid steelblue;
	border-left: 1px solid steelblue;
	color: white;
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	height: 18px;
	padding: 5px 15px 0;
	text-align: center;
	text-decoration: none;
}

#nav-wrapper img
{
	border-style:none;
	padding-right: 5px;
}

#nav-wrapper a:hover{
	background: steelblue;
}

#nav-wrapper .active a{
	background: royalblue;
}

#nav .right
{
	float:right;
}
/* 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; }
