body { margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size: 12px; background-color: #FFF; }
textarea { resize: vertical; }
a img { border: none; }
form { margin: 0px; }
h5 { margin: 0px; }
.clr { clear: both; }
#bg { min-width: 1055px; background: url('images/glossymetal.png') repeat-x left top; }
#corner_bg { padding: 5px 20px 20px 20px; background: url('images/corner_bg.png') no-repeat left top; }
#hnav1 { height: 22px; }
.program_table { border-collapse: separate; border-spacing: 8px; width: 90%; }
.program_table td { background-color: #E6E6E6; border-radius: 10px; padding: 15px !important; color: #000; vertical-align: top; }
.ModalProgress { background-color: White; filter: alpha(opacity=36); opacity: 0.36; -moz-opacity: 0.36; -khtml-opacity: 0.36; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2999; }
#DivImgProgress { position: fixed; top: 47.10%; left: 48.56%; }

/* ----------------------- TABS SUPERIORES ----------------------- */
#sup_tabs { float: left; color: #FFF; font-size: 11px; font-weight: bold; line-height: 17px; vertical-align: middle; padding-left: 20px; padding-top: 7px; cursor: pointer; }
#sup_tabs a { color: #FFF; text-decoration: none; }
#sup_tabs_sel a { color: #23264E; text-decoration: none; }
#sup_tabs_sel a:hover { color: #FF0000; text-decoration: none; }
#sup_tabs_mobile { float: left; padding-left: 5px; height: 17px; background: url('images/tab_sup_mobile_left.png') no-repeat left top; }
#sup_tabs_mobile_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url('images/tab_sup_mobile_right.png') no-repeat right; }
#sup_tabs_fixed { float: left; padding-left: 5px; height: 17px; background: url('images/tab_sup_fixed_left.png') no-repeat left top; }
#sup_tabs_fixed_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url('images/tab_sup_fixed_right.png') no-repeat right; }
#sup_tabs_cfg { float: left; padding-left: 5px; height: 17px; background: url('images/tab_sup_cfg_left.png') no-repeat left top; }
#sup_tabs_cfg_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url('images/tab_sup_cfg_right.png') no-repeat right; }
#sup_tabs_index { float: left; padding-left: 5px; height: 17px; background: url('images/tab_sup_index_left.png') no-repeat left top; }
#sup_tabs_index_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url('images/tab_sup_index_right.png') no-repeat right; }
#sup_tabs_sel { float: left; padding-left: 5px; height: 17px; color: #23264E; background: url('images/tab_sup_sel_left.png') no-repeat left top; }
#sup_tabs_sel_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url('images/tab_sup_sel_right.png') no-repeat right; }
#sup_tabs_hover, #sup_tabs_mobile:hover, #sup_tabs_fixed:hover, #sup_tabs_cfg:hover { background-image: url('images/tab_sup_hover_left.png'); }
#sup_tabs_hover_r, #sup_tabs_mobile_r:hover, #sup_tabs_fixed_r:hover, #sup_tabs_cfg_r:hover { background-image: url('images/tab_sup_hover_right.png'); }
/* --------------------- FIN TABS SUPERIORES --------------------- */

#hnav3 { height: 95px; }
#hnav2 { height: 124px; padding-left: 5px; background: url('images/ctransleft_bg.png') no-repeat left bottom; }
#hnav2int { height: 124px; background: url('images/ctransright_bg.png') no-repeat right bottom; min-width:1030px;}
#contbox1 { margin: -13px 10px 10px 10px; background: #FFF url('images/box_ctranscenter.png') no-repeat left top; border: 1px solid #CCC; border-radius: 5px; min-width:1000px;}
#contbox1up { height: 20px; padding-right: 6px; }
#contbox1upint { height: 20px; }
#contbox1center { padding-right: 25px; padding-left: 25px; }
#contbox1bottom { height: 15px; padding-right: 6px; }
#contbox1bottomint { height: 15px; }
#logo { position: absolute; height: 95px; width: 270px; margin-top: 4px; margin-left: 15px; }
#hmenubox { height: 101px; padding-left: 300px; padding-right: 50px; }
#hmenuboxint { height: 109px; padding-top: 6px; }
#hmenu { height: 88px; }
#appinfo { float: right; height: 16px; padding-left: 26px; padding-right: 30px; background: url('images/user-icon.png') no-repeat left top; color: #808080; }
#appinfo a { text-decoration: none; color: #6588A3; }
#appinfo a:hover { text-decoration: underline; }

/* -------------------------- ESTILO TABS ------------------------- */
ul.tabs { float: left; height: 18px; width: 100%; margin: 0; padding: 0; list-style: none; }
ul.tabs li { float: left; height: 18px; position: relative; overflow: hidden; padding: 0; margin: 0; margin-bottom: -1px; background: #e0e0e0; font-size: 11px; line-height: 18px; }
ul.tabs li a { display: block; padding: 0 20px; color: #000; text-decoration: none; font-size: 1.2em; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; }
.tab_container { float: left; overflow: hidden; width: 100%; clear: both; background: #fff; }
.tab_content { height: 77px; }
/* ------------------------ FIN ESTILO TABS ----------------------- */

/* --------------------- ESTILOS MENU ICONOS --------------------- */
.icon_group_box { float: left; height: 88px; padding: 2px 15px 0 10px; font-family: Tahoma, Arial; font-size: 11px; }
.icon_box { float: left; height: 58px; display: block; margin: 1px; padding: 8px 5px 5px 5px; text-align: center; }
.icon_box:hover { height: 56px; margin: 0px; padding: 8px 5px 6px 5px; border: 1px solid #FF9933; background-image: url('images/icon_hover_bg.png'); background-repeat: repeat-x; }
.icon_box img { border-style: none; }
.icon_box a { text-decoration: none; color: #15428b; }
.icon_box span { line-height: 10px; }
.title_box { position: absolute; height: 10px; margin-left: -3px; margin-top: -2px; }
.sep_menu { float: left; height: 86px; width: 2px; margin-right: 2px; margin-left: 2px; background-image: url('images/group_div.png'); }
.down_arrow { position: absolute; height: 5px; width: 100%; display: block; margin-top: 62px; margin-left: -1em; background: url('images/down-arrow.png') no-repeat center bottom; }
/* ------------------- FIN ESTILOS MENU ICONOS ------------------- */

/* ---------------------- ESTILOS CONTENIDO ---------------------- */
#contbox1center form * { margin: 0; padding: 0; }
#contbox1center td { padding: 4px; }
#contbox1center input[type="text"], input[type="password"], textarea { width: 241px; margin-right: 8px; padding: 0.15em 6px; background: #FAFAFA url('images/form_text_bg.png') repeat-x scroll 0 top; border: 1px solid #C0C0C0; border-radius: 3px; font: 1em arial,sans-serif; }
#contbox1center select { width: 255px; margin-right: 8px; padding: 0.15em; background: url('images/form_text_bg.png') repeat-x scroll 0 top; border: 1px solid #C0C0C0; border-radius: 3px; font: 1em arial,sans-serif; }
#contbox1center input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #0099CC; background-color: #FFFFE6; background-image: none; }
.ui-widget-header select, .ui-widget-header input[type="text"] { width: auto !important; }
.contbox_icon_box { width: 740px; }
.contbox_icon { display: inline-block; height: 70px; width: 120px; margin: 3px 1px; padding: 2px; background-color: #FFF; border: 1px solid #C0C0C0; border-radius: 5px 5px 0px 0px; }
.contbox_icon:hover { background-color: #FFFFE6; border-color: #0099CC; cursor: pointer; }
table.table_grid_az { border: 1px solid #D3D3D3; }
.table_grid_az tr:hover { background-color: #E5E5E5 !important; }
.table_grid_az th { padding: 4px; background: url('images/bg_th.png') repeat-x center; text-transform: uppercase; font-weight: normal; color: #666; }
/* -------------------- FIN ESTILOS CONTENIDO -------------------- */

/* ----------------- ESTILOS VENTANA MONITOREO ----------------- */
#contbox1Monitor { background: #FFF url('images/box_ctranscenter.png') no-repeat left top; border: 1px solid #CCC; border-radius: 5px; }
#bg_monitor { padding: 20px; position: fixed; }
.monitor_table_label_blue { float: left; height: 17px; padding-left: 5px; vertical-align: middle; background: url("images/tab_sup_mobile_left.png") no-repeat left top; color: #FFF; line-height: 17px; }
.monitor_table_label_blue_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url("images/tab_sup_mobile_right.png") no-repeat right center; }
.monitor_table_label_red { float: left; height: 17px; padding-left: 5px; vertical-align: middle; background: url("images/tab_sup_cfg_left.png") no-repeat left top; color: #FFF; line-height: 17px; }
.monitor_table_label_red_r { height: 17px; padding-left: 15px; padding-right: 25px; background: url("images/tab_sup_cfg_right.png") no-repeat right center; }
.monitor_table_label_orange { float: left; height: 17px; padding-left: 5px; vertical-align: middle; background: url("images/tab_sup_fixed_left.png") no-repeat left top; color: #FFF; line-height: 17px; }
.monitor_table_label_orange_r { height: 17px; padding-left: 5px; padding-right: 25px; background: url("images/tab_sup_fixed_right.png") no-repeat right center; }
.arrow_float { float: left; }
.table_accordion td { padding: 0px !important; }
.monitor_glass_button { background: #E6E6E6 url("images/jquery/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%; cursor: pointer; }
.table_accordion_cont_box { padding: 15px; }
.table_accordion_cont { width: 100%; }
.table_accordion_cont th { background: #F6A828 url("images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50%; border: 1px solid #CCC; color: #FFF; font-weight: bold; }
.table_accordion_cont td { padding: 4px; border: 1px solid #CCC; border-collapse: collapse; }
.div_alarms_buttons { float: right; margin-top: 5px; }
/* --------------- FIN ESTILOS VENTANA MONITOREO --------------- */

/* -------------------- ESTILOS EDICION TICKET -------------------- */
.EditCaseTicket_table1 { padding: 4px; margin-bottom: 15px; border-bottom: 1px solid #FF9933; border-collapse: separate; border-spacing: 0; width: 900px; }
.EditCaseTicket_table2 { padding: 4px; margin-bottom: 15px; border-bottom: 1px solid #FF9933; }
.EditCaseTicket_table3 { padding: 4px; margin-bottom: 15px; border-bottom: 1px solid #FF9933; border-collapse: collapse; }
.EditCaseTicket_table3 th { background: url("images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; border: 1px solid #CCC; color: #FFF; font-weight: bold; }
.EditCaseTicket_table3 td { border: 1px solid #CCC; }
.EditCaseTicket_textarea { width: 434px; height: 200px; margin: 4px; }
/* ------------------ FIN ESTILOS EDICION TICKET ------------------ */

/* --------------------- ESTILOS SEGUIMIENTO --------------------- */
.seguimiento_titulo { font: 12px Arial; padding-top: 3px; }
.wrapper_seguimeto { padding-left: 200px; }
.seguimiento_left_module { position: absolute; width: 200px; overflow: hidden; color: #000; }
.seguimiento_logo { padding: 5px; margin-bottom: 10px; background-color: #FFF; border: 1px solid #CCC; border-radius: 8px 0 0 8px; text-align: center; }
.listado_seguimiento { padding: 10px; overflow: auto; background-color: #FFF; border: 1px solid #CCC; border-radius: 8px 0 0 8px; }
/* ------------------- FIN ESTILOS SEGUIMIENTO ------------------- */

/* --------------- ESTILOS LEGENDA TABLA REPORTES --------------- */
.legend_wrapper { margin-top: 10px; margin-bottom: 10px; }
.legend_table { border: 1px solid #CCC; float: left; border-radius: 5px; margin-right: 15px; border-collapse: separate; border-spacing: 4px; }
.legend_table td { border: 0px solid #CCC; border-radius: 3px; padding: 4px; }
.legend_table td:nth-child(2n+3) { padding-right: 13px !important; }
.legend_table td:nth-child(even) { width: 15px; }
/* ------------- FIN ESTILOS LEGENDA TABLA REPORTES ------------- */

/* --------------- ESTILOS TABLA CASOS MONITOREO --------------- */
.monitor_new_table { background-color: #FFF; }
.monitor_new_table th { background: url("images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #4F6055; border: 1px solid #3F4B43; color: #FFF; padding: 8px !important; }
.monitor_new_table td { padding: 1px 2px 1px 4px !important; }
/* ------------- FIN ESTILOS TABLA CASOS MONITOREO ------------- */

/* ------------------------ ESTILOS BITSUB VEHICULOS ------------------------ */
#bit { display: none; bottom: 0px; font: 13px "Helvetica Neue" ,sans-serif; position: fixed; right: 10px; z-index: 999999; width: 444px; }
#bit a.bsub { background-color: #464646; background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px); background: -webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#464646)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#464646'); border: 0 none; border-radius: 5px 5px 0 0; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2); color: #FFF; display: block; float: right; font: 13px/28px "Helvetica Neue" ,sans-serif; letter-spacing: normal; outline-style: none; outline-width: 0; overflow: hidden; padding: 0 10px 0 8px; text-decoration: none !important; text-shadow: 0 -1px 0 #444444; }
#bit a.bsub span { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("images/sub-asterisk.png"); background-origin: padding-box; background-position: 2px 2px; background-repeat: no-repeat; background-size: 8% auto; padding-left: 19px; font-weight: bold; }
#bit a:hover span, #bit a.bsub.open span { color: #CCC !important; }
#bit a.bsub.open { background: none repeat scroll 0 0 #333333; }
#info-box { background: none repeat scroll 0 0 #16485A; border-radius: 5px 0 0 0; color: #FFF; padding: 15px; width: 414px; float: right; margin-top: 0; }
#info-box.open { display: block; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
#info-box select { float: left; width: 70px !important; margin: 0 !important; }
#info-box p { color: #FFFFFF; font: 300 15px/1.3em "Helvetica Neue" ,Helvetica,Arial,sans-serif; margin: 0 0 1em; text-shadow: 0 1px 0 #333333; }
#bit h3, #info-box h3 { color: #FFFFFF; font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif; font-size: 20px; font-weight: 300; margin: 0 0 0.5em !important; text-align: left; text-shadow: 0 1px 0 #333333; }
/* ---------------------- FIN ESTILOS BITSUB VEHICULOS ---------------------- */

/* ------------------------ ESTILOS BITSUB CLIENTES ------------------------ */
#bit2 {display: none; bottom: 0px; font: 13px "Helvetica Neue",sans-serif; position:fixed; left: 10px; z-index: 999999; width: 480px;}
#bit2 a.bsub { background-color: #464646; background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px); background: -webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#464646)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#464646'); border: 0 none; border-radius: 5px 5px 0 0; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2); color: #FFF; display: block; float: left; font: 13px/28px "Helvetica Neue" ,sans-serif; letter-spacing: normal; outline-style: none; outline-width: 0; overflow: hidden; padding: 0 10px 0 8px; text-decoration: none !important; text-shadow: 0 -1px 0 #444444; }
#bit2 a.bsub span { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("Images/IconCustomer.png"); background-origin: padding-box; background-position: -1px -1px; background-repeat: no-repeat; background-size: 15px; padding-left: 19px; font-weight: bold; }
#bit2 a:hover span, #bit2 a.bsub.open span { color: #CCC !important;}
#bit2 a.bsub.open { background: none repeat scroll 0 0 #333333; }
#info-box2 { background: none repeat scroll 0 0 #16485A; border-radius: 0 5px 0 0; color: #FFF; padding: 15px; width: 450px; float: left; margin-top: 0; }
#info-box2.open { display: block; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
#info-box2 select { float: left; width: 70px !important; margin: 0 !important; }
#info-box2 p { color: #FFFFFF; font: 300 15px/1.3em "Helvetica Neue" ,Helvetica,Arial,sans-serif; margin: 0 0 1em; text-shadow: 0 1px 0 #333333; }
#bit2 h3, #info-box2 h3 { color: #FFFFFF; font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif; font-size: 20px; font-weight: 300; margin: 0 0 0.5em !important; text-align: left; text-shadow: 0 1px 0 #333333; }
/* ---------------------- FIN ESTILOS BITSUB CLIENTES---------------------- */