@charset "utf-8";
/*PageLayout*/

body {font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6em; margin:0px; background:url(../images/bkg_body.gif);}

#page { width:950px; margin:4px auto; background-color:#FFFFFF; border:solid 1px #074085; padding:2px;overflow:hidden;}

h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 4px 0; color:#525252; font-weight:bold;}

.Head{ font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#525252;}

p {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6em; margin:10px 0; text-align:center;}
.Normal, .NormalDisabled { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6em; text-align: justify;}

li { list-style-image: url(../images/bullet_01.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

a:link { color: #cf1414; padding:0 1px;}
a:hover{color:#074085;text-decoration:none;}

/*User menu*/
#userMenu { float:left; width:100%;}
#AdminHostList { float:left;}

#login { float: right;}
#login ul{ margin:5px 0 0 0; padding:0; text-transform:uppercase;}
#login li { display:inline; list-style:none; padding:0 8px; border-left: dotted 1px #CF1414;}
#login a { color:#CF1414; font-size:12px; font-weight:normal; letter-spacing:1px;}
#login a:hover { color:#074085; background:none;}
#login .first { border:none;}

#header { border-bottom: solid 3px #5780AE; margin-bottom:1px; background:url(../images/bkg_header.jpg) right 2px no-repeat; float:left; width:100%;}
#logo { padding-left:6px;}

#dnn_Tasa {float: right; width:763px;}
#dnn_Tasa p { margin:3px; text-align:right; color:#074085; font-weight:bold; font-size:14px; text-transform:uppercase;}
#dnn_Tasa strong { color:#CF1414;}

/*Seach*/
#searchBoxH { text-transform:uppercase; color:#074085; float:right; padding:3px 3px 3px 28px; background: url(../images/bkg_search.gif) no-repeat 0 0;}
#searchBoxH a{ color: #fff; font-size:12px; padding-right:3px;}
#searchBoxH a:hover { background: none;}
#dnn_dnnSearchH_txtSearch { border: solid 1px #fff; padding:3px;}

/*Columnas Internas*/
#content_interna { background:url(../images/bkg_page.gif) 0 0  repeat-y; float:left; width:100%;}
#content_interna.wide { background:none; float:left; width:100%;}
#content_interna #ContentPane { width:740px; float: left; margin-left:20px;}
#content_interna #left_column { width:180px; background-color:#074085; float:left;}

#content_interna.wide #ContentPane {width:1020px}

/*Columnas Home*/
#content_home { background:url(../images/bkg_page.gif) 0 0  repeat-y; float:left; width:100%;}
#content_home #ContentPane { width:740px; float: left; margin-left:20px;}
#content_home #left_column { width:180px; background-color:#074085; float:left;}
#content_home #dnn_ContentPaneLeft { float:left; width:40%}
#content_home #dnn_ContentPaneRight{ float: right; width:56%}

/*Columnas Clientes*/
#content_clientes { background:url(../images/bkg_page.gif) 0 0  repeat-y; float: left; width:100%;}
#content_clientes #ContentPane { width:550px; float: left; margin-left:20px;}
#content_clientes #left_column { width:180px; float:left;}
#content_clientes #right_column { width:180px; float:right; margin:6px;}

#left_column .SubHead { color:#FFFFFF;}

/*Sidemenu*/
#sidemenu {	width:180px;font-size:0.85em;padding-bottom:200px;}
/* remove all the bullets, borders and padding from the default list styling */
#sidemenu ul {padding:0;margin:0;list-style-type:none;}
#sidemenu ul ul {width:150px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sidemenu li {float:left; width:180px; position:relative; list-style-image:none; list-style:none; background:url(../images/bkg_menu.jpg) repeat-x 0 0}
/* style the links for the top level */
#sidemenu a, #sidemenu a:visited {display:block;font-size:11px;	text-decoration:none;color:#fff;width:162px;border-bottom:1px solid #fff; padding-left:18px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #sidemenu a, * html #sidemenu a:visited {width:150px;w\idth:139px;}
/* style the second level background */
#sidemenu ul ul a.drop, #sidemenu ul ul a.drop:visited {background:#949e7c;}
/* style the second level hover */
#sidemenu ul ul a.drop:hover {background:#c9ba65;}
#sidemenu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
#sidemenu ul ul ul a, #sidemenu ul ul ul a:visited {background:#CF0;}
/* style the third level hover */
#sidemenu ul ul ul a:hover {background:#b2ab9b;}
#sidemenu ul ul ul :hover > a {	background:#0093DD;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sidemenu ul ul {	visibility:hidden; position:absolute; height:0; top:0px; left:180px; width:180px;}
/* another hack for IE5.5 */
* html #sidemenu ul ul { top:30px; t\op:31px;}
/* position the third level flyout menu */
#sidemenu ul ul ul {left:181px;	top:0; width:180px;}
/* position the third level flyout menu for a left flyout */
#sidemenu ul ul ul.left {left:-150px;}
/* style the table so that it takes no part in the layout - required for IE to work */
#sidemenu table {position:absolute;	top:0;	left:0;}
/* style the second level links */
#sidemenu ul ul a, #sidemenu ul ul a:visited {	background:#5780AE;	color:#fff;	height:auto;width:161px/* yet another hack for IE5.5 */; border-right:solod 1px #fff;}
* html #sidemenu ul ul a {width:150px; w\idth:129px;}
/* style the top level hover */
#sidemenu a:hover, #sidemenu ul ul a:hover { color:#fff; background:#949e7c;}
#sidemenu :hover > a, #sidemenu ul ul :hover > a {	color:#fff;	background:#0093DD;}
/* make the second level visible when hover on first level list OR link */
#sidemenu ul :hover ul { visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#sidemenu ul :hover ul ul {visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#sidemenu ul :hover ul :hover ul ul {visibility:hidden}
/* keep the fourth level hidden when you hover on second level list OR link */
#sidemenu ul :hover ul :hover ul :hover ul ul {	visibility:hidden}
/* make the third level visible when you hover over second level list OR link */
#sidemenu ul :hover ul :hover ul {	visibility:visible}
/* make the fourth level visible when you hover over third level list OR link */
#sidemenu ul :hover ul :hover ul :hover ul {	visibility:visible}
/* make the fourth level visible when you hover over third level list OR link */
#sidemenu ul :hover ul :hover ul :hover ul :hover ul {visibility:visible;}
#sidemenu .SelectedTab {background:url(../images/sidemenu_hover.gif) no-repeat 0 0 #0093DD;}

/*Side menu clienetes*/
#sidemenu_clientes {width:180px;font-size:0.85em;padding-bottom:200px;margin:20px 0 200px 0; background: url(../images/label_servicioslinea.gif) no-repeat; padding:32px 0 0 0;}
#sidemenu_clientes ul {padding:0;margin:0;list-style-type:none;}
#sidemenu_clientes ul ul {width:150px;}
#sidemenu_clientes li {float:left; width:180px; position:relative; list-style-image:none; list-style:none;  background: url(../images/bkg_nav_clientes.jpg) repeat-x;}
#sidemenu_clientes a, #sidemenu_clientes a:visited {display:block;font-size:11px;	text-decoration:none;color:#fff;width:162px;border-bottom:1px solid #fff; padding-left:18px;}
* html #sidemenu_clientes a, * html #sidemenu_clientes a:visited {width:150px;w\idth:139px;}
#sidemenu_clientes ul ul a.drop, #sidemenu_clientes ul ul a.drop:visited {background:#949e7c;}
#sidemenu_clientes ul ul a.drop:hover {background:#c9ba65;}
#sidemenu_clientes ul ul :hover > a.drop {background:#c9ba65;}
#sidemenu_clientes ul ul ul a, #sidemenu_clientes ul ul ul a:visited {background:#5780AE;}
#sidemenu_clientes ul ul ul a:hover {background:#b2ab9b;}
#sidemenu_clientes ul ul ul :hover > a {	background:#0093DD;}
#sidemenu_clientes ul ul {	visibility:hidden; position:absolute; height:0; top:0px; left:180px; width:180px;}
* html #sidemenu_clientes ul ul { top:30px; t\op:31px;}
#sidemenu_clientes ul ul ul {left:181px;	top:0; width:180px;}
#sidemenu_clientes ul ul ul.left {left:-150px;}
#sidemenu_clientes table {position:absolute;	top:0;	left:0;}
#sidemenu_clientes ul ul a, #sidemenu_clientes ul ul a:visited {	background:#5780AE;	color:#fff;	height:auto;width:161px/* yet another hack for IE5.5 */; border-right:solod 1px #fff;}
* html #sidemenu_clientes ul ul a {width:150px; w\idth:129px;}
#sidemenu_clientes a:hover, #sidemenu_clientes ul ul a:hover { color:#fff; background:#949e7c;}
#sidemenu_clientes :hover > a, #sidemenu_clientes ul ul :hover > a {	color:#fff;	background:#0093DD;}
#sidemenu_clientes ul :hover ul { visibility:visible;}
#sidemenu_clientes ul :hover ul ul {visibility:hidden;}
#sidemenu_clientes ul :hover ul :hover ul ul {visibility:hidden}
#sidemenu_clientes ul :hover ul :hover ul :hover ul ul {	visibility:hidden}
#sidemenu_clientes ul :hover ul :hover ul {	visibility:visible}
#sidemenu_clientes ul :hover ul :hover ul :hover ul {	visibility:visible}
#sidemenu_clientes ul :hover ul :hover ul :hover ul :hover ul {visibility:visible;}
#sidemenu_clientes .SelectedTab {background:url(../images/sidemenu_clientes_hover.gif) no-repeat 0 0 #0093DD;}

/*Sidemen Clientes old
#sidemenu_clientes a { color: #fff;}
#sidemenu_clientes li{ list-style-image:none;}
#sidemenu_clientes ul {	clear:both;	margin:0;	padding:0; list-style-image: none; font-size:12px;}
#sidemenu_clientes li {list-style:none; border-bottom: solid 1px #fff; margin:0px; list-style-image: none; background: url(../images/bkg_nav_clientes.jpg) repeat-x; padding:0; width:180px;}
#sidemenu_clientes li:hover,
#sidemenu_clientes li.hover {position:relative; color:#074085; background:url(../images/sidemenu_hover.gif) no-repeat #0093DD 0 0;}
#sidemenu_clientes li:hover ul,
#sidemenu_clientes li.hover ul {display:block;}
#sidemenu_clientes li a {color:#fff; text-decoration:none; padding:0 0 0 20px; display:block;}
#sidemenu_clientes li a:hover { color:#FFFFFF;}
#sidemenu_clientes li ul { position:absolute; top:0px; left:180px; margin:0; padding:0; z-index:10; display:none; background-color:#074085; border-left: solid 1px #fff; width:250px;}
#sidemenu_clientes li ul li { float:left; width:100%; padding:4px;font:11px/14px Verdana, Arial, Helvetica, sans-serif;  background:url(../images/bkg_menu.jpg) repeat-x;}
#sidemenu_clientes li ul li a {display:block; background:none !important; color:#fff; width:auto !important;	height:auto !important;	padding:0;text-indent:0;}
#sidemenu_clientes li ul li:hover, ul.Level0 li ul li.hover { background-image:none !important;}

#sidemenu_clientes li ul li:hover,
#sidemenu_clientes li ul li.hover {position:relative;}
#sidemenu_clientes li ul li:hover ul,
#sidemenu_clientes li ul li.hover ul {display:block;}
#sidemenu_clientes li ul li ul{ position:absolute; top:0px; left:130px; margin:0; padding:0; overflow:hidden; z-index:15; border-left: solid 1px #fff; width:130px;}

#sidemenu_clientes .SelectedTab { font-weight:normal; background:url(../images/sidemenu_hover_clientes.gif) no-repeat #5780AE;}
*/

/*Menu Inicio Full Width*/
#menuInicio { margin:8px 0 8px 8px; padding:0 0 0 4px; font-weight:bold; font-size:13px; text-transform:uppercase; float:left;}
#menuInicio li { list-style:none; list-style-image:none;}

/*Menu Desplegable Full Width*/
#nav, #nav ul {	float: left; font-size-adjust:.50; width:100%;list-style: none; line-height: 1; background: #074085; font-weight: bold;	padding: 0;	margin: 0 0 .5em 0;	height:23px;}
#nav a {display: block;	color: #fff; text-decoration: none;	padding: 6px;	font-weight:normal;}
#nav li {list-style: none;	float: left; padding: 0; border-right:solid 1px #fff; padding: 0 0;}
#nav li ul {position: absolute;	left: -999em; height: auto;	width: 150px; font-weight: normal; border-width: 0.25em; margin: 0;	border-top:solid 1px #fff;}
#nav li li {padding-right: 0em;	width: 150px; border-bottom:solid 1px #fff;}
#nav li li ul {width: 150px; border: solid 1px red;}
#nav li li ul li {padding-right: 0em;	width: 150px; border-bottom:solid 1px #red;}
#nav li li ul a {width: 150px;}
#nav li ul a {width: 150px;}
#nav li ul ul {margin: -24px 0 0 150px; border-left:solid 1px #fff;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul, #nav li.hover ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul , #nav li li li li.hover ul {left: auto;}
#nav li:hover, #nav li.hover {background: #0093DD;}

.SelectedTab { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.SkinObject { font-family:Verdana, Arial, Helvetica, sans-serif;}

.titulo_pagina {padding-top:15px; color:#074085;}

#path { text-align:right; color:#074085; padding:0 4px; text-transform:uppercase;}
#path a{color:#5780AE;}
#path a:hover {color:#666;}


/*Footer*/
#footer { padding:4px; background-color:#5780AE; margin-top:1px; float:left; width:100%;}
#footer .SubHead { color:#FFFFFF;}

/*Modulo login*/
.formulario {border-bottom:solid 1px #fff; }
.formulario h1 { text-align:center;background-color:#CF1414; padding:2px 0px; margin:0px; line-height:0.7em;}
.formulario h1 .Head{color: #fff; text-transform:uppercase; font-size:12px;}
.formulario input { border: solid 2px #074085; padding:3px;}
.formulario label { color: #FFF; font-size:12px; padding-left:4px;}
.formulario label img{ display:none;}
.formulario .StandardButton { width:100%; border-color:none; text-transform:uppercase; color: #fff; background-color:#CF1414}
.formulario table.collapse {border-collapse:collapse;}
.formulario table { margin:0 4px;}
.formulario td { padding:0;}
.formulario a.CommandButton:link { color:#FFFFFF;}


/*menu Clientes*/
#clientes { font-size:12px; border:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:5px;}
#clientes ul { padding-left:1px; margin: 0;}
#clientes li { list-style:none; background:url(../images/bullet_01.gif) no-repeat 3px 8px; }
#clientes a { color:#074085;  display:block; padding-left:20px;border-bottom: dotted 1px #074085;}
#clientes a:hover { color:#0093DD; text-decoration:none; color:#333333;}
#clientes .SelectedTab { font-weight:normal;}

#clientes .Level3 { padding-left:22px;}

/*menu Clientes-2*/
#clientes_2 { font-size:12px; border:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:5px;}
#clientes_2 ul { padding-left:1px; margin: 0;}
#clientes_2 li { list-style:none; background:url(../images/bullet_01.gif) no-repeat 3px 8px; }
#clientes_2 a { color:#074085;  display:block; padding-left:20px;border-bottom: dotted 1px #074085;}
#clientes_2 a:hover { color:#0093DD; text-decoration:none; color:#333333;}
#clientes_2 .SelectedTab { font-weight:normal;}

#clientes_2 .Level3 { padding-left:22px;}

/*menu Clientes*/
#servicios { font-size:12px; border:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:20px;}
#servicios ul { padding-left:1px; margin: 0 6px;}
#servicios li { list-style:none; background:url(../images/bullet_01.gif) no-repeat 3px 8px;}
#servicios a { color:#074085; border-bottom: dotted 1px #074085; display:block; padding-left:20px;}
#servicios a:hover { color:#0093DD; text-decoration:none; color:#333333;}
#servicios .SelectedTab { font-weight:normal;}

#right_column h1 { background-color:#074085; color:#FFFFFF; font-size:12px; text-align:center; margin:0 0 1px 0; padding:4px; text-transform:uppercase; }

/*Modulo Generico*/
.generico h1, .generico .Head { color:#074085; font-size:18px;}
.generico h2 { color:#5780AE; font-size:14px; border-bottom: dotted 1px #5780AE;}
#right_column .generico .Head {color:#FFFFFF; font-size:12px; text-align:center; margin:0 0 1px 0; padding:4px; font-weight:bold;}

/*Noticias*/
.Noticias { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.6em;}
.Noticias a { color:#074085;}
.Noticias a:hover { background-image: none;}
.n_titulo { font-size:12px; font-weight:bold; padding:4px;}
.n_fecha { font-size:10px; font-style:italic; color:#666666; padding:0 4px;}
.n_resumen {font-size:11px;padding:4px;}
.Noticias p { font-size:11px;padding:4px; }
.Noticias h2 { font-size:12px; font-weight:bold; padding:4px;}

/*Tablas*/
.info_tabla { border: solid 1px #074085; width:100%; font-size:12px}
.info_tabla td { border-bottom:solid 1px #ccc; padding:3px}
.info_tabla th { background-color:#074085; color:#FFFFFF; text-align:center; vertical-align:middle;}
.info_tabla p { margin:3px;}
.info_tabla td:first-child+td{ font-weight:bold; padding:0 8px;}

.info_tabla_2 { border: solid 1px #074085; font-size:12px}
.info_tabla_2 td { border-bottom:solid 1px #ccc; padding:3px}
.info_tabla_2 th { background-color:#074085; color:#FFFFFF; text-align:center; vertical-align:middle;}
.info_tabla_2 p { margin:3px;}

.UDT_Table_Head th { background-color:#074085; color:#FFFFFF; padding:8px;}
.UDT_Table_Head a { color:#FFFFFF;}
.info_tabla tr:hover { background-color:#CCCCCC;}

.Column1 { border-collapse:collapse;background-color:#efefef; width:2px;}
.Column2 { background-color:#efefef; padding:0 8px;width:120px; font-weight:bold;}
col.Column2 td { font-weight:bold;}
.Column4{ width:190px; }
.Column5{ width:110px;}

.tab_cont { font-size:11px;}

/*tabla UDT*/
.DataGrid_Header {color:#003366;font-weight:bold;font-size:10px; background-color:#f2f4f3;border-left: solid 1px #fff; color:#000000; border-collapse:none; line-height:12px;}
.DataGrid_Header td {border-left: solid 1px #fff; color:#000000}
.DataGrid_Header a, .DataGrid_Header a:hover  {color:#003366;}
.DataGrid_Item { background-color:#dfecf4; border-left: solid 1px #fff; color:#000000}
.DataGrid_Item td{border-right: solid 1px #fff}
.DataGrid_AlternatingItem { background-color:#c0dae7; color:#000000; border-left: solid 1px #fff;}
.DataGrid_AlternatingItem td{border-right: solid 1px #fff}

/*mensaje de error*/
#dnn_ctr376_ctl00_imgIcon { display:none;}
#dnn_ctr376_ctl00_lblMessage { color:#FFFFFF; line-height:12px; font-weight:bold;}

/*Contenedores*/
.titulo_gris {background-color:#f2f4f3;}
.titulo_azul {background-color:#dfecf4;}

.btnRegresar { text-transform:uppercase; font-weight:bold; color:#074085; padding:0 4px; margin-top:8px; float:left;}

.formulario_info { background-color:#d2e4f9; padding:8px; border:solid 1px #94B2D4; text-align:left;}
.formulario_info table { margin:10px 0; border-bottom:solid 1px #94B2D4; border-left:solid 1px #94B2D4;}
.formulario_info td {border-top:solid 1px #94B2D4; border-right:solid 1px #94B2D4;}
.formulario_info caption { background-color:#94b2d4; color: #0f3d71; font-weight:bold; padding:4px 0;}
.formulario_info table table, .formulario_info td td  { border:none; margin:0;}
.form_campo { width:98%;}
.formulario_info .autorizo_select { border:none;}
.formulario_info label { color:#0F3D71; font-weight:bold; text-align:left;}

/*Popup Modal*/
.popupdiv{background-color:navy; border:solid 1px red;width:853px;display:block; padding:8px}
.popupbg{background-color:gray; filter: alpha(opacity=60); opacity:0.60}
.hidelbl{display:none;}

.AJAXCalendar * {padding:0px; background-color:#ffffff;}
.AJAXCalendar td {padding:0px; background-color:#ffffff;}
