/*ESTILOS BASE HTML*/
body {margin: 0px 0px 0px 0px; padding: 0px;}
hr {color: gray; background-color: gray; border: none; height: 1px;}
img {border: 0px; border-style: none;}
a:link {color: blue; text-decoration: none;}
a:visited {color: purple; text-decoration: none;}
a:hover {color: red; text-decoration: none;}
/*ESTILOS PARA EDITOR DE CONTENIDOS HTML*/
.titulo {text-align: center; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.subtitulo {text-align: left; font-size: 16px; color: black; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.destacado {font-size: 13px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.mediano {color: black; text-decoration: none; font-family: Arial, Tahoma, Verdana; font-size: 12px}
.normal {text-align: justify; font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif;}
.chica {font-size: 10px; color: black; font-family: Arial, Helvetica, sans-serif;}
.cursiva {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: italic;}
a.title:link {font-size: 14px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
a.title:hover {font-size: 14px; color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.description {color: black; text-decoration: none; font-size: 13px; font-family: Arial, Tahoma, Verdana;}
/*ESTILOS PANELES Y CAJAS DE PAGINAS*/
.fondo_columna {text-align: left; background-color: #ffffff;}
.pagina {background-color: white; width: 100%; height: 100%;}
.col_izquierda {text-align: left; width: 10%; background-color: #ffffff;}
.col_derecha {text-align: left; width: 20%; padding: 0 0 0 7px;}
.col_central {width: 70%; text-align: justify; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
.vermas {text-align: right; font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.metaredes {text-align: center; font-size: 9px; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.encuestas {border: 1px solid silver; background-color: #FFFFFF; padding: 3px; width: 150px;}
/*ESTILOS CALENDARIO*/
.calendario_fondo {background-color: silver; width: 200px; }
.calendario_mes {background-color: black; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.calendario_dias {background-color: gray; color: #ffffff; font-size: 11px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.calendario_DiaNormal {background-color: silver; color: #000000; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.calendario_DiaHoy {background-color: yellow; font-size: 11px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.calendario_DiaElegido {background-color: yellow; color: #000000; font-size: 11px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.calendario_DiaOcupado {background-color: white; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.calendario_control {font-size: 12px; color: white; font-family: Arial, Helvetica, sans-serif;}
/* ADVERTENCIA: NO EDITAR LOS ESTILOS SIGUIENTES, SALVO QUE SE DESEE APLICAR DISEÑO A LA APLICACION.
CUIDAR DE NO UTILIZAR LOS NOMBRES DE CLASE E ID EN LOS ESTILOS PERSONALIZADOS */
/*ESTILOS COMPONENTES DE APLICACIONES*/
.cuerpo {position: relative; border: 1px solid gray; padding: 5px 5px 5px 5px; width: 97%; margin-top: 5px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
img.listado {border: 1px solid silver;}
.error {text-align: center; color: red; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.aviso {text-align: center; color: black; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.exito {text-align: center; color: green; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.campo {text-align: left; font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif;}
.etiqueta {text-align: right; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; width: 40%;}
.boton {text-align: center; font-size: 12px; text-transform: uppercase; color: white; background-color: gray; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.descripcion {text-align: center; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
.mensaje_titulo {text-align: center; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.mensaje_cuerpo {text-align: center; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
.mensajes {border: 1px solid gray; background-color: #FFFF99; padding: 3px;}
.novalido {color: red; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.enlaces {font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
.menu {font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif;}
.submenu {font-size: 12px; color: blue; font-family: Arial, Helvetica, sans-serif;}
.idea {color: blue; border: 1px solid gray; background-color: #FFFF99; padding: 0px;}
.nada {font-size: 2px;}
.bloque {background-color: silver;}
.actual {background-color: #666666; color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.comandos {text-align: center; font-size: 12px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.comando {font-size: 12px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.nav_hijos {text-align: center; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
.nav_pares {text-align: center; color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
.separador {width: 500;}
/*LISTAS DE CASOS*/
table.listado {width: 99%;}
table.carro {width: 99%;}
td.leyenda {text-align: center; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
td.caso {text-align: left; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
td.botones {width: 185px; text-align: right;}
td.indice {text-align: center; font-size: 12px; color: black; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
img.comando {border: 0px; border-style: none; float: right; width: 23px; height: 22px; margin-left: 0px;}
#comando {font-family: Arial, Helvetica, sans-serif;font-size: 11px; width: 300px;}
.editar {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.msg {color: red;font-size: 14px;text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif;padding: 7px;}
.numeros {text-align: right; font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif;}
.total {text-align: right; font-size: 13px; color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
/*ARBOL EDICION*/
img.icono {border: 0px;border-style: none;width: 16px;height: 16px;margin-left: 0px;margin-right: 0px;margin: 0;}
.defaultTreeTable {margin: 0;padding: 0;border: 0;}
.containerTableStyle {position:relative;top:0;}
.containerTableStyleRTL span {direction: rtl;unicode-bidi: bidi-override;}
.containerTableStyleRTL {direction: rtl;overflow: auto;position:relative;top:0;font-size: 11px;}
.standartTreeRow {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.selectedTreeRow {background-color: navy;color: white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.standartTreeImage {width:16px;height: 16px;overflow:hidden;border: 0;padding: 0;margin: 0;}
.hiddenRow {width: 1px;overflow:hidden;}
.dragSpanDiv {background-color: #FFFF99;font-family: Arial, Helvetica, sans-serif;font-size: 12px;border: 1px;border-style: solid;}
.standartTreeRow_lor {text-decoration:underline;background-color: white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.selectedTreeRow_lor {text-decoration:underline;background-color: navy;color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.selectionBox {background-color: #FFFF99;}
.selectionBar {top:0;background-color: Black;position:absolute;overflow:hidden;height: 2px;z-index: 11;}
.intreeeditRow{ font-size:8pt;height:16px;border:1px solid silver;padding:0;margin:0;}
.dhx_tree_textSign{font-size:8pt;font-family:monospace;width:21px;color:black;padding:0px;margin:0px;cursor:pointer;text-align: center;}
/*TABS*/
.shadetabs {padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: 11px Arial;list-style-type: none;text-align: left;}
.shadetabs li {display: inline;margin: 0;}
.shadetabs li a {text-decoration: none;padding: 3px 7px;margin-right: 3px;border: 1px solid gray;color: black;background: white top left repeat-x;}
.shadetabs li a:visited {color: black;}
.shadetabs li a:hover {text-decoration: underline;color: black;}
.shadetabs li.selected {position: relative;top: 1px;font-weight: bold;}
.shadetabs li.selected a {border-bottom-color: #FFFF99;}
.shadetabs li.selected a:hover {text-decoration: none;}
.contentstyle {border: 1px solid gray;width: 95%;margin-bottom: 1em;padding: 10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.tabcontent{display:none;}
#mi_ficha {position:absolute; padding: 2px; background-color: white; width: 400px; z-index: 100;}
/*PERSPECTIVA*/
.perspectiva {position:absolute; display:none; border: 3px solid black; background-color: silver; width: 200px; padding: 5px; text-align: left;font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
a.nodos:link, a.nodos:visited, a.nodos:active {color: black; text-decoration: none;}
a.nodos:hover {color: red; text-decoration: none;}
.arbol {color: black; text-decoration: none; font-family: Arial, Tahoma, Verdana; font-size: 12px}
.fondo_recuadro {background-color: silver; color: black; text-decoration: none; font-family: Arial, Tahoma, Verdana; font-size: 11px}
#recuadro1 {border: 1px solid blue; width: 200px; position:relative;}
#titulo_recuadro1 {background-color: blue; font-weight: bold; font-size: 8pt; padding: 2px 2px 2px 2px;}
#cuerpo_recuadro1 {font-size: 8pt; padding: 4px 4px 4px 4px; background-color: #FFFF99;}
#elegir_imagen {position:absolute; display:none; border: 2px solid gray; height: 300px; overflow: scroll; background-color: white; width: 300px; padding: 3px;}
#editar {border: 1px solid gray; padding: 7px;}
#carrito_compras {position:absolute; display:none; border: 1px solid red; background-color: #FFFF99; width: 640; padding: 5px; top: 80px; left: 130px; z-index: 10000;}
.caja_texto {border: 1px solid gray; margin: 0pt auto; padding: 5px; overflow: scroll; text-align: justify; width: 99%; height: 300px; background-color: white; color: black; text-decoration: none; font-family: Arial, Tahoma, Verdana; font-size: 12px;}
.caso_destacado {border: 3px solid silver; padding: 5px 5px 5px 5px; width: 95%; margin-top: 5px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; font-size: 125%; background-color: white; }
.fondo_tema_normal {text-align: left; background-color: white; height: 12px; border: 1px solid silver; padding: 2px 2px 2px 2px; }
.fondo_tema_activo {text-align: left; background-color: silver; height: 12px; border: 1px solid silver; padding: 2px 2px 2px 2px; }
.enlace_tema_activo {color: red; font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.enlace_tema_normal {color: blue; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.cuadro_datos {color: black; text-decoration: none; font-family: Arial, Tahoma, Verdana; font-size: 12px; }
.cuadro_titulos {background-color: silver; text-align: center; color: black; font-size: 12px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.comentario {position:absolute; display:none; border: 1px solid gray; background-color: white; width: 500px; padding: 7px;}
/***************************************************************************
MENU bluetabs
***************************************************************************/
/***** estilos barra de menús *****/
.bluetabs {border-bottom: 0px solid gray;} /* borde inferior barra menú */
.bluetabs ul {padding: 3px 0; list-style-type: none; margin-left: 0; margin-top: 1px; margin-bottom: 0;
font: bold 10px Verdana; text-align: center; /* texto menú */
}
.bluetabs li {display: inline; margin: 0;}
.bluetabs li a {text-decoration: none; padding: 3px 7px;
margin-right: -5px; /* separación horizontal entre menús */
border: 1px solid #778; /* borde que enmarca cada menú */
color: #2d2b2b; /* color enlace normal menú */
background: white url(../img/bluetabs1.gif) top left repeat-x; /* color + imagen de fondo menú */
}
.bluetabs li a:visited {color: #2d2b2b;} /* color enlace visitado menú */
.bluetabs li a:hover {text-decoration: underline; color: #2d2b2b;} /* color enlace activo menú */
.bluetabs li.selected {}
.bluetabs li.selected a {
background-image: url(../img/bluetabs2.gif); /* imagen de fondo menú activo */
border-bottom-color: white; /* borde inferior de cada menú */
}
.bluetabs li.selected a:hover {text-decoration: none;}
/***** estilos sub-menús desplegables *****/
.dropmenudiv_b {position:absolute; top: 0; z-index:500; visibility: hidden;
border: 1px solid #918d8d; border-width: 0 1px; /* borde que enmarca sub-menús (i/d) */
font:normal 11px Verdana; /* texto sub-menú */
line-height:18px; /* altura sub-menú */
background-color: #8792B2; /* fondo sub-menú */
width: 200px; /* ancho sub-menú */
}
.dropmenudiv_b a {width: auto; display: block; text-indent: 5px;
border: 0 solid #918d8d; border-bottom-width: 1px; /* bordes interiores */
padding: 2px 0; text-decoration: none;
color: black; /* color enlace sub-menú */
}
* html .dropmenudiv_b a {width: 100%;}
.dropmenudiv_b a:hover {background-color: #edf3f3;} /* color fondo sub-menú activo */