|
|
@charset "utf-8";
|
|
|
/* CSS Document */
|
|
|
html{width: 100%}
|
|
|
body{ font-family:Tahoma, Verdana, sans-serif, Segoe;font-size:11px;letter-spacing:0.064em;color:#666666;}
|
|
|
#cabecera{ margin: 0 auto; width: 980px; height:205px;}
|
|
|
#secc_mnu{ width:150px; float: left; border: 0px solid #090}
|
|
|
#main_content_page{ width:800px;float: left; padding: 3px 5px 10px 3px; border:1px none #000;}
|
|
|
#main_content_page #contenido{ position:relative;}
|
|
|
#pie{ margin: 0 auto; height:30px;}
|
|
|
#footer{ margin: 0 auto; height:72px;}
|
|
|
/*background-image:url(../imagenes/system3-background.jpg); background-position:right; background-repeat:no-repeat;*/
|
|
|
/******************************************************************************/
|
|
|
/********* ESTILOS LOGIN ***********/
|
|
|
/******************************************************************************/
|
|
|
#marco_vertical{ width:350px; margin: 0 auto; border: 0px solid #ff0}
|
|
|
#marco_horizontal{ position:absolute; top:40%; height:180px; border: 0px solid #ff0}
|
|
|
#div_frmLogin{ border: 0px solid #000; width: 350px}
|
|
|
#div_frmLogin .row_reg{ display: block; width: 320px; border: 0px solid #1cc; padding-bottom: 5px;}
|
|
|
#div_frmLogin .row_reg #titulo_login{ font-size:22px; letter-spacing:0.064em; color:#666666; margin-left: 100px}
|
|
|
#div_frmLogin .row_reg label{ float: left; text-align: right; padding-right: 10px; width: 80px; font-size: 12px;}
|
|
|
#div_frmLogin .row_reg label.lblMessageLogin{ float: left; text-align: center; padding-left: 10px; width: 300px; font-size: 12px; color: #f00}
|
|
|
#div_frmLogin .row_reg input.form_input{width: 150px}
|
|
|
#div_frmLogin .row_reg ul{list-style: none; list-style-type: none}
|
|
|
#div_frmLogin .row_reg ul li a{padding-right: 10px}
|
|
|
#div_frmLogin .row_reg ul li a:hover{text-decoration: underline;}
|
|
|
#div_frmLogin #btn_login{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px; font-size: 11px; float: right; margin-right: 120px}
|
|
|
|
|
|
/******************************************************************************/
|
|
|
/********* ESTILOS REMEMBER PASSWORD ***********/
|
|
|
/******************************************************************************/
|
|
|
#div_frmRPasswd{ border: 0px solid #000; width: 450px}
|
|
|
#div_frmRPasswd .row_reg{ display: block; width: 320px; border: 0px solid #1cc; padding-bottom: 5px;}
|
|
|
#div_frmRPasswd .row_reg #titulo_login{ font-size:22px; letter-spacing:0.064em; color:#666666; margin-left: 20px; width: 260px; border: 0px solid #fcc; line-height: 30px}
|
|
|
#div_frmRPasswd .row_reg label{ float: left; text-align: right; padding-right: 10px; width: 80px; font-size: 12px; line-height: 25px}
|
|
|
#div_frmRPasswd .row_reg label.lblMessageLogin{ float: left; text-align: center; padding-left: 10px; width: 300px; font-size: 12px; color: #f00}
|
|
|
#div_frmRPasswd .row_reg input.form_input{width: 150px}
|
|
|
#div_frmRPasswd .row_reg ul{list-style: none; list-style-type: none}
|
|
|
#div_frmRPasswd .row_reg ul li a{padding-right: 10px}
|
|
|
#div_frmRPasswd .row_reg ul li a:hover{text-decoration: underline;}
|
|
|
#div_frmRPasswd #btnReset{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px; font-size: 11px; float: right; margin-right: 120px}
|
|
|
|
|
|
/***************************************************************************/
|
|
|
/************ STYLE HEADER - CABECERA ********/
|
|
|
/***************************************************************************/
|
|
|
#header_content1{float:left; width:300px; border: 0px solid #000; /*overflow: hidden*/}
|
|
|
#header_content1 #int_header_photo{float:left; width:100px; text-align:center; border: 0px solid #1cc}
|
|
|
#header_content1 #int_header_txt{float:left; width:150px; margin:10px 0px 0px 5px; border: 0px solid #ccc}
|
|
|
#int_header_txt #lbl_username{ font-size:14px; letter-spacing:0.01em; color:#666666; display: block}
|
|
|
#header_right{float: right}
|
|
|
#header_right #link_home{display:block; margin: 5px 5px 0px 5px;}
|
|
|
|
|
|
#header_bkg{ height: 142px;}
|
|
|
#header_bkg img{width: 100%;height: 100%}
|
|
|
#header_bkg #txt_header_title{position: absolute; top: 15px; left: 15px; height: 103px; width: 356px; z-index: 10000}
|
|
|
#menu_header{list-style: none; list-style-type: none; display: inline-block; margin: 0px; padding: 0px;}
|
|
|
#menu_header > li{float:left; position:relative;padding:0px 10px;}
|
|
|
#menu_header ul { padding:0px; margin:0px; display:block; display:inline;}
|
|
|
#menu_header li ul{display:none;position:absolute;left:-10px;top:12px;margin-top:0px;width:150px;line-height:20px; z-index:1000;}
|
|
|
#menu_header li:hover ul{list-style: none; list-style-type: none; display: block; border: 0px solid #fcc}
|
|
|
#menu_header li ul li{display: block; margin-bottom: 0; margin-left: 10px; padding-top: 2px; padding-bottom: 0; padding-left: 15px; width: 100px; background-color: #fff}
|
|
|
#menu_header li ul li a{ color: #3A579A; border: 0px solid #fcc}
|
|
|
#menu_header li ul li:hover{background-color: #3A579A;}
|
|
|
#menu_header li ul li:hover a{color: #fff}
|
|
|
|
|
|
/***************************************************************************/
|
|
|
|
|
|
#bienvenida{ font-size:24px; letter-spacing:0.064em; color:#666666;}
|
|
|
#cargo{ font-size:12px; letter-spacing:0.064em; color:#666666;}
|
|
|
a{ text-decoration:none;}
|
|
|
a #salir{ font-size:12px; letter-spacing:0.064em; color:#003399; text-decoration:none;}
|
|
|
|
|
|
#lista_login{ font-size:12px; letter-spacing:0.065em; width:550px; height:380px; overflow:auto; border:1px solid #999999;}
|
|
|
|
|
|
#lista_tabla{ background-color:#CCCCCC;}
|
|
|
#lista_tabla td{ background-color:#FFFFFF}
|
|
|
|
|
|
#content_pendings{border:1px none #BABEB1;position:relative;top:0px;left:3px;right:3px;bottom:0px;overflow:auto;}
|
|
|
#content_pendings table{width:100%;}
|
|
|
#content_pendings table tr{cursor:pointer;background-color:#FFFFFF;height:30px;}
|
|
|
#content_pendings table tr a{cursor:pointer;text-decoration: none;color: #3B6D96;}
|
|
|
#content_pendings table tr a.opcion{cursor:pointer;text-decoration: none;color: #6594D1;font-weight: bold; letter-spacing: 0.065em;border:1px solid #6594D1;background-color:#FFFFFF;padding: 3px;}
|
|
|
#content_pendings table tr a.opcion:hover{color: #FFFFFF;border:1px solid #FFFFFF;background-color:#6594D1;}
|
|
|
#content_pendings table tr.header{background-color:#72AFE3;color:#FAFAFA;height:25px;}
|
|
|
#content_pendings table tr.header:hover{background-color:#72AFE3;}
|
|
|
#content_pendings table tr:hover{background-color:#DEEFFF;}
|
|
|
#content_pendings table tr.pendiente{background-color:#F5F5F5;}
|
|
|
#content_pendings table tr.pendiente:hover{background-color:#DEEFFF;}
|
|
|
#content_pendings table tr.limpio{background-color:#FFFFFF;}
|
|
|
#content_pendings table tr.limpio:hover{background-color:#FFFFFF;}
|
|
|
|
|
|
/***************************************************************************/
|
|
|
/************ Estilos para manejo de listados ********/
|
|
|
/***************************************************************************/
|
|
|
.content_list table{width: 100%}
|
|
|
.content_list table thead th{background-color:#72AFE3;color:#FAFAFA; text-align: center}
|
|
|
.content_list table tr{height:25px;}
|
|
|
.content_list table tbody tr:hover{cursor: default; background-color:#DEEFFF}
|
|
|
.content_list table tbody td{border-bottom:1px solid #babeb1}
|
|
|
.content_list table tbody td a{color: #3B6D96}
|
|
|
.content_list table tbody td a:hover{text-decoration: underline}
|
|
|
.no_link{ color: #666 !important; cursor: default !important}
|
|
|
|
|
|
#header_folder{ border:1px none #FAFAE8; position:relative; top:0px;right:3px;left:3px;}
|
|
|
#foot_folder{border:1px none #FAFAE8;height:35px;position:relative;bottom:0px;right:3px;left:3px;}
|
|
|
|
|
|
.select_pag{
|
|
|
color: #6E6E6E;
|
|
|
font-weight:normal;
|
|
|
letter-spacing: 0.065em;
|
|
|
background-color:#EDEDED;
|
|
|
margin: 0px;
|
|
|
border:1px solid #C4C4C4;
|
|
|
}
|
|
|
|
|
|
.select_action{ color: #3B6D96;background-color:#FFFFFF;margin: 0px;border:1px solid #6FA9D9;font-family:Tahoma, Verdana, sans-serif, Segoe;font-size:11px;}
|
|
|
|
|
|
.text14{font-size: 14px;}
|
|
|
.text14_blue{font-size: 14px; color: #3B6D96;}
|
|
|
#capa_mensaje{position:absolute;top: -25px;left:40px;right:40px;margin:0 auto;background-color:#DEEFFF;padding:4px;text-align:center;color: #3969A6;}
|
|
|
|
|
|
/**
|
|
|
* Estilos especiales
|
|
|
**/
|
|
|
|
|
|
#contenido{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:1em;-webkit-box-shadow:1px 1px 3px #888;-moz-box-shadow:1px 1px 3px #888;background-color:#ffffff;padding:5px}
|
|
|
.etiqueta{ display:block;color:#6594D1;text-decoration:none;font-size:14px;padding:3px 5px;text-shadow:1px 1px 1px #FAFAFA;}
|
|
|
|
|
|
#menu_project{/*background-color:#CCCCCC;*/font-family: Arial;border-bottom: 1px solid #B5D2F8;}
|
|
|
#menu_project table{/* width: 100%;*/}
|
|
|
#menu_project td{/*background-color:#285ea4;*/font-size:11px;/*width:18%;text-transform: uppercase;text-align: center;*/letter-spacing: 2px;}
|
|
|
|
|
|
#menu_project td .fondoTab{
|
|
|
background-image:url('../dhtml/themes/blue/images/window/tab-active-left.png');
|
|
|
background-repeat: no-repeat;
|
|
|
background-position:left;
|
|
|
height: 22px;
|
|
|
}
|
|
|
|
|
|
|
|
|
#menu_project td .bordeTab{
|
|
|
background-image:url('../dhtml/themes/blue/images/window/tab-active-right.png');
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: right;
|
|
|
padding-right: 25px;
|
|
|
height: 20px;
|
|
|
}
|
|
|
|
|
|
|
|
|
#menu_project a{
|
|
|
color: #706e6e;
|
|
|
font-size:12px;
|
|
|
}
|
|
|
|
|
|
#data_project{
|
|
|
width: 100%;
|
|
|
background-color:#CCCCCC;
|
|
|
font-size:11px;
|
|
|
}
|
|
|
|
|
|
#data_project table thead{ }
|
|
|
|
|
|
#data_project table tr{ height: 20px;}
|
|
|
.dataproject{ font-family: Tahoma, Verdana, sans-serif, Segoe; width: 100%; background-color:#CCCCCC; }
|
|
|
.dataproject th{ background-color:#CCCCCC; text-align: center; font-size:12px }
|
|
|
.dataproject td{ background-color:#FFFFFF;}
|
|
|
|
|
|
.datagroup{ background-color:#CCCCCC; }
|
|
|
.datagroup td{ background-color:#FFFFFF; text-align: center; }
|
|
|
|
|
|
.titleGroup{ background-color:#FFFFFF; width: 100%; text-transform: uppercase; text-align: center; font-size:12px; }
|
|
|
|
|
|
#opts_project{ overflow: auto;}
|
|
|
#history_project{ float: left }
|
|
|
#graphics_project{ float: left }
|
|
|
#search_project{ float: right; }
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/** Estilos Pagination ******/
|
|
|
/*****************************************************************************/
|
|
|
.list_pagination{ border:0px solid #f00; width:480px; /*padding-left:320px;*/ margin-left: 320px; font-family: Tahoma, Verdana, sans-serif, Segoe; font-size: 11px}
|
|
|
.list_pagination ul{list-style: none; list-style-type: none; margin: 0; padding: 0}
|
|
|
.list_pagination ul li{margin:2px;padding-right:5px;border:0px solid #CCCCCC;float:left}
|
|
|
.list_pagination ul li.align_left{/*padding-left:240px*/margin-left: 290px}
|
|
|
|
|
|
.div_pagination_right{ border: 0px solid #000; overflow: hidden}
|
|
|
.div_pagination_right .mnu_pagination{ list-style: none; list-style-type: none; display: inline-block; margin-bottom: 0; margin-top: 0; border: 0px solid #1cc; float: right}
|
|
|
.div_pagination_right .mnu_pagination li{ float: right; padding: 5px; border: 0px solid #ccc}
|
|
|
.div_pagination_right .mnu_pagination li.pages{ padding-top: 2px}
|
|
|
.div_pagination_right .mnu_pagination li select{ height:20px; font-size:10px}
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/** Estilos TOOLBARS ******/
|
|
|
/*****************************************************************************/
|
|
|
.toolbar_right{ padding-bottom: 15px; padding-right: 20px}
|
|
|
.toolbar_right ul{list-style: none}
|
|
|
.toolbar_right ul li{ float: right; padding: 5px; display: inline}
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/******* CABECERAS FORMULARIOS ******/
|
|
|
/*****************************************************************************/
|
|
|
.title_form{ display: block; background: #ccc; text-align: left; line-height: 25px}
|
|
|
.title_form .txt_title_form{ font-variant: small-caps; margin-left: 20px}
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/***** Estilos FORM EDIT -VIEW USER ******/
|
|
|
/*****************************************************************************/
|
|
|
#div_frmuser{ padding-top: 10px}
|
|
|
#div_frmuser .row_reg{ display: block; width: 450px; padding-bottom: 5px}
|
|
|
#div_frmuser .row_reg label{ float: left; width: 100px; padding-right: 10px; text-align: right}
|
|
|
#div_frmuser .row_reg input{ width: 250px}
|
|
|
#div_frmuser label.error {display:block;width:auto;color:#F00;clear:both; padding-left:150px}
|
|
|
|
|
|
#frm_user{ border: 0px solid #c22; padding-top: 5px; width: 720px; overflow: hidden; margin-left: 20px}
|
|
|
#frm_img_user{ border: 0px solid #f00; padding-top: 5px; width: 280px; float: left; padding-left: 10px; }
|
|
|
#frm_img_user img{ border: 0px solid #000; text-align: center; margin-left: 80px}
|
|
|
#frm_data_user{ border: 0px solid #f00; padding-top: 5px; width: 420px; float: left}
|
|
|
#frm_data_user .row_reg{ display: block; float:left; width: 400px; border: 0px solid #000; padding-top: 5px}
|
|
|
#frm_data_user .lblform{ display:block; float:left; width: 80px; border: 0px solid #0fc; text-align: right; padding-right: 10px}
|
|
|
#frm_data_user .row_reg input{ width: 200px}
|
|
|
#frm_data_user .row_button{ display: block; float:left; width: 200px; border: 0px solid #acc; padding-top: 5px; padding-bottom: 5px; margin-left: 80px; margin-top: 5px; padding-left: 10px}
|
|
|
#frm_data_user .row_button a{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px}
|
|
|
#frm_data_user .row_button input.btn_submit{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px; font-size: 11px}
|
|
|
|
|
|
#change_user_passwd{ /*padding-top: 15px;*/ margin-top: 15px;}
|
|
|
#change_user_passwd #content_form_passwd{ display: none; margin-left: 20px; overflow: hidden; border: 0px solid #000}
|
|
|
#change_user_passwd #lblFormPassword{ padding-left: 10px}
|
|
|
#content_form_passwd .row_reg{ display: block; float:left; width: 500px; margin-left: 100px; border: 0px solid #acc; padding-top: 10px}
|
|
|
#content_form_passwd .column_left{ display:block; float:left; width: 140px; border: 0px solid #0fc; text-align: right; padding-right: 10px; }
|
|
|
#content_form_passwd .row_button{ display: block; float:left; width: 400px; border: 0px solid #acc; padding-top: 5px; padding-bottom: 5px; margin-left: 240px; margin-top: 5px; padding-left: 10px}
|
|
|
#content_form_passwd .row_button a{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px}
|
|
|
#content_form_passwd .row_button input.btn_submit{ background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px; font-size: 11px}
|
|
|
#content_form_passwd label.error {display:block;width:auto;color:#F00;clear:both; padding-left:150px; background-color: #caa}
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/***** Estilos FORM EDIT-VIEW GROUP ******/
|
|
|
/*****************************************************************************/
|
|
|
#div_frm_newgroup label.error {display:block;width:auto;color:#F00;clear:both; padding-left:150px}
|
|
|
#div_frm_newgroup{ padding-top: 10px}
|
|
|
#div_frm_newgroup .row_reg{ display: block; width: 450px; padding-bottom: 5px}
|
|
|
#div_frm_newgroup .row_reg_content{ display: block; padding-bottom: 5px}
|
|
|
#div_frm_newgroup .row_reg label, #div_frm_newgroup .row_reg_content label { float: left; width: 100px; padding-right: 10px; text-align: right}
|
|
|
#div_frm_newgroup .row_reg input{ width: 250px}
|
|
|
|
|
|
#frm_group{ border: 0px solid #c22; padding-top: 5px; width: 720px; overflow: hidden; margin-left: 20px}
|
|
|
#frm_img_group{ border: 0px solid #ccc; padding-top: 5px; width: 280px; padding-left: 10px; float: left}
|
|
|
#frm_img_group .row_reg{ display: block; float:left; width: 260px; border: 0px solid #000; padding-top: 5px}
|
|
|
#frm_img_group .row_reg input{width: 200px}
|
|
|
#frm_img_group img{ border: 0px solid #000; text-align: center; margin-left: 80px}
|
|
|
#frm_data_group{ border: 0px solid #f00; padding-top: 5px; width: 420px; float: left}
|
|
|
#frm_data_group .row_reg{ display: block; float:left; width: 400px; border: 0px solid #000; padding-top: 5px}
|
|
|
#frm_data_group .row_reg .lblform{ display:block; float:left; width: 80px; border: 0px solid #0fc; text-align: right; padding-right: 10px}
|
|
|
#frm_data_group .row_reg input{ width: 200px}
|
|
|
#frm_description_group{ width: 700px; float: left; padding-top: 5px; border: 0px solid #c89; margin-top: 20px}
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/******** ESTILOS FORM GENERALES *********/
|
|
|
/*****************************************************************************/
|
|
|
.form_input{ -moz-border-radius: 3px 3px 3px 3px; font-size: 11px; padding: 5px 0px 3px 10px; border-color: #aaa #ccc #aaa #aaa;
|
|
|
border-style: solid; border-width: 1px; outline: 0 none; background-color: #fff; color: #444 }
|
|
|
.form_select{ font-size: 10px; color: #444; height: 22px; width: 200px }
|
|
|
|
|
|
/*****************************************************************************/
|
|
|
/***** Estilos FORM EDIT-VIEW-NEW ROLE *******/
|
|
|
/*****************************************************************************/
|
|
|
#div_frm_newRole{ padding-top: 10px}
|
|
|
#div_frm_newRole .row_reg{ display: block; width: 450px; padding-bottom: 5px}
|
|
|
#div_frm_newRole .row_reg_content{ display: block; padding-bottom: 5px}
|
|
|
#div_frm_newRole .row_reg label, #div_frm_newRole .row_reg_content label { float: left; width: 100px; padding-right: 10px; text-align: right}
|
|
|
#div_frm_newRole .row_reg input{ width: 250px}
|
|
|
|
|
|
.table_info_role{ width: 100%; border: 1px solid #dee5f8;}
|
|
|
.table_info_role thead th{background-color: #799dfb; color: #fff; font-weight: bold; font-variant: small-caps; height: 22px; letter-spacing: 0.06em}
|
|
|
.table_info_role tbody td.column_left{ text-align: right; padding-right: 10px; width: 100px; border-right: 1px solid #dee5f8; border-bottom: 1px solid #dee5f8;}
|
|
|
.table_info_role tbody td.column_right{ text-align: left; padding-left: 10px}
|
|
|
.table_list_detail_role{padding-top: 15px}
|
|
|
.detail_role{ border: 1px solid #dee5f8}
|
|
|
.detail_role thead th{ background-color: #799dfb; color: #fff; font-weight: normal; font-variant: small-caps; height: 22px; letter-spacing: 0.064em }
|
|
|
.table_list_detail_role .list_detail_role{ list-style: none; list-style-type: none; margin-left: -30px; border: 0px solid #000}
|
|
|
|
|
|
.link_tblFooter{float: right; margin-right: 20px; margin-top: 5px; margin-bottom: 10px}
|
|
|
.link_tblFooter a{background-color: #3B5998; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA; border-style: solid; border-width: 1px; color: #fff; padding: 2px 20px}
|
