/* CSS Document */
/* ---- RESET ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, fieldset, form, label, legend
/* Todos los tags de arriba son formularios y sub items de formularios y listas y demas*/
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
/* Este tag hace que se agregue un estilo a un elemento que adquiere el foco del usuario como un input al cliquear adentro */
:focus {outline: 0;}
/* Este pedazo les saca los bullets a las listas ordenadas y desordenadas */
/*ol, ul {list-style: none;}*/
/* Tag especial para tablas: border-collapse = separa o une los bordes de las tablas y border-spacing = fija un espacio entre bordes */
table { border-collapse: separate; border-spacing: 0;}
/* Este tag modifica las citas que haces en algun pedazo de texto */
blockquote:before, blockquote:after,q:before, q:after { content: "";}
.marco_borde_agenda {
border: 1px dashed #999999;
}
/* Mismo que arriba */
blockquote, q { quotes: "" "";}
.clr { clear: both; overflow:hidden; height: 0; }
/* ----- BODY ------------------------------------------------------------------ */
body { margin: 0; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #e7e7e7;
SCROLLBAR-DARKSHADOW-COLOR: #999999; background-color:#f3f3f5; SCROLLBAR-BASE-COLOR: #e7e7e7;
SCROLLBAR-3DLIGHT-COLOR: #e7e7e7; SCROLLBAR-ARROW-COLOR: #999999; height: auto; line-height: 1;
color: black; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
/* ----- BODY ------------------------------------------------------------------ */
#wrapper {background-image:url(../body/imagen/fondo_rep.jpg); background-repeat:repeat-x; background-color:#f3f3f5; }
/* ----- TOP ------------------------------------------------------------------ */
#top { /*width:990px;*/width:100%; height:213px; overflow: auto; margin:0 auto 0 auto; background-image:url(../body/imagen/fondo_rep.jpg); background-repeat:repeat-x; position: fixed;overflow: inherit; z-index: 1;}
#top_centro{ width:100%; max-width:1400px;min-width: 996px; height:213px; /* for IE5.x and IE6 */ position:relative;margin: 0 auto;}
@media (max-width: 660px) {
#top_centro {
width:100%;
}
}
#top_imagen_izq {}
#top_imagen_der {}
/* ----- CUERPO ----- */
#cuerpo_page{ width:100%; overflow: visible; margin:0 auto 0 auto; height: auto;}
#cuerpo{ width:990px; overflow: visible; margin:0 auto 0 auto; /*background-image:url(../body/imagen/fondo_cuerpo.jpg); background-repeat:repeat-y;*/ height: auto;}
#cuerpo_amplio{ margin:0 auto 0 auto; overflow: visible; /*background-image:url(../body/imagen/fondo_cuerpo.jpg); background-repeat:repeat-y;*/ height: auto;}
/* BARRA IZQ */
#barra_izq_imagen{float:left;}
/* #barra_izq_imagen{width:20px; height:90px; background:#CCCCCC; background-image:url(../body/imagen/sombra_top_izq.jpg); background-repeat:no-repeat; float:left;}*/
/* ----- BARRA NAVEGACION IZQUIERDA----- */
#barra_izq {float:left;}
/* ----- BARRA NAVEGACION DERECHA ----- */
#barra_der {float:left; margin:0 auto 0 auto;}
/* BARRA DER */
#barra_der_imagen{float:left;}
/*#barra_der_imagen{width:20px; height:90px; background-image:url(../body/imagen/sombra_top_der.jpg); background-repeat:no-repeat; float:left;}*/
/* ----- MAIN CONTENT ----- */
#contenido {width:990px; min-height:300px; /* for modern browsers */ height:auto !important; /* for modern browsers */ /* for IE5.x and IE6 */
/* background-image:url(../body/imagen/sombra_top_abajo.jpg); background-repeat:repeat-x; background-color:#FFFFFF; */
/*background:#CCCC33;*/
float:left; padding:10px auto 6px auto; margin:1px 0px 0px 0px;}
#contenido_amplio {width:100%; min-width:990px; min-height:300px; /* for modern browsers */ height:auto !important; /* for modern browsers */ /* for IE5.x and IE6 */
/* background-image:url(../body/imagen/sombra_top_abajo.jpg); background-repeat:repeat-x; background-color:#FFFFFF; */
/*background:#CCCC33;*/
float:left; padding:10px auto 6px auto; margin:1px 0px 0px 0px;}
/* ----- MAIN CSS Banners ----- */
#cont_banner_medio{width:210px; float:left;}
#cont_banner_izq{width:680px; float:left;}
#cont_banner_medio_izq{width:340px; float:left;
min-height:170px; /* for modern browsers */ height:auto !important; /* for modern browsers */}
#cont_banner_medio_cen{width:340px; float:left;
min-height:170px; /* for modern browsers */ height:auto !important; /* for modern browsers */}
#cont_banner_medio_inferior{width:680px; float:left;}
#cont_banner_der{width:210px; float:left;}
#cont_banner_inferior{width:990px; float:left;}
/* ----- FIN MAIN CSS Banners ----- */
/* ----- PIE ----- */
#pie { overflow: visible; margin:30px auto 0px auto; text-align: center; clear: left; background-repeat: repeat-x;}
#pie_imagen {
width:990px;
height:90px;
padding:20px 40px 0px 40px;
background-repeat:no-repeat;
vertical-align:top;
}
#pie_menu_texto, .pie_menu_texto:link, .pie_menu_texto:active, .pie_menu_texto:visited, .pie_menu_texto:hover {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#pie_pre_menu_texto, .pie_pre_menu_texto:link, .pie_pre_menu_texto:active, .pie_pre_menu_texto:visited, .pie_pre_menu_texto:hover {
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#pie_pre_menu_titulo {
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#pie_pre_div_01{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
text-align: left;
vertical-align:top;
margin-top:50px;
float:right;
width:200px;
/*background:#00FFCC;*/
}
#pie_pre_div_02 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
text-align: left;
vertical-align:top;
margin-top:50px;
float:left;
width:200px;
/*background:#00CC66;*/
}
#pie_derechos {
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none
}
/* ----- TABLA ------------------------------------------------------------------ */
div.col { float: left; }
div.width-30 { width: 30%; }
div.width-40 { width: 40%; }
div.width-45 { width: 45%; }
div.width-50 { width: 50%; }
div.width-55 { width: 55%; }
div.width-60 { width: 60%; }
div.width-70 { width: 70%; }
div.width-100 { width: 100%; }
table.admintable td { padding: 3px; }
table.admintable td.key,
table.admintable td.paramlist_key { background-color: #f6f6f6; text-align: right; width: 140px; color: #666; font-weight: bold; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
table.paramlist td.paramlist_description { background-color: #f6f6f6; text-align: left; width: 170px; color: #333; font-weight: normal; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
table.admintable td.key.vtop { vertical-align: top; }
table.adminform { background-color: #f9f9f9; border: solid 1px #d5d5d5; width: 100%; border-collapse: collapse; margin: 8px 0 10px 0; margin-bottom: 15px; width: 100%; overflow:auto;}
table.adminform.nospace { margin-bottom: 0; }
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }
table.adminform th { font-size: 11px; padding: 6px 2px 4px 4px; text-align: left; height: 25px; color: #000; background-repeat: repeat;}
table.adminform td { padding: 3px; text-align: left; }
table.adminform td.filter{text-align: left;}
table.adminform td.helpMenu{text-align: right;}
fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }
/* ----- FORMULARIOS ------------------------------------------------------------------ */
.form_list_menu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_100 {width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_100px {width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_150px {width:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_200px {width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_300px {width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_400px {width:400px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_500px {width:500px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_list_menu_600px {width:600px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_100{width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_100px{width:95px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_150px{width:145px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_200px{width:195px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_250px{width:245px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_300px{width:295px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.form_textfield_400px{width:395px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
/* ----- MARCO ------------------------------------------------------------------ */
.marco {width:100%; margin: 0px 0px 10px 0px;}
.marco_sup_centro_boton{height:20px; width:12px; background:url(../../../imagen/iconos/18/btn_referencia.png) no-repeat top; float:right;}
.marco_sup_centro_titulo{float:left;}
.marco_med_izquierda_espacio{ width:6px; }
.marco_med_derecha_espacio{ width:6px; }
.marco_detalle_pre_pie{ padding-top: 15px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla Filtrado */
.marco_sup_izquierda_azul{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-12px -112px;}
.marco_sup_centro_azul{ height:28px; background:url(../imagen/marco/i2_marco.jpg) repeat-x; background-position:0px -28px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_derecha_azul{width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-18px -112px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla Acciones*/
.marco_sup_izquierda_naranja{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:0px -112px;}
.marco_sup_centro_naranja{ height:28px; background:url(../imagen/marco/i2_marco.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_derecha_naranja{width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-6px -112px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla Listado */
.marco_sup_izquierda_gris{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-24px -112px;}
.marco_sup_centro_gris{ height:28px; background:url(../imagen/marco/i2_marco.jpg) repeat-x; background-position:0px -56px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_derecha_gris{width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-30px -112px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla nuevo*/
.marco_sup_izquierda_verde{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-36px -112px;}
.marco_sup_centro_verde{height:28px; background:url(../imagen/marco/i2_marco.jpg) repeat-x; background-position:0px -84px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_derecha_verde{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-42px -112px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla editar*/
.marco_sup_izquierda_violeta{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-36px -112px;}
.marco_sup_centro_violeta{height:28px; background:url(../imagen/marco/i2_marco.jpg) repeat-x; background-position:0px -84px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_derecha_violeta{ width: 6px; height:28px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-42px -112px;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_med_izquierda {width: 6px; background:url(../imagen/marco/i2_marco_br.gif) repeat-y;}
.marco_inf_izquierda {width: 6px; height:6px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-12px -147px;}
.marco_inf_centro{ height:6px; background:url(../imagen/marco/i2_marco.jpg) repeat-x bottom;}
.marco_med_derecha {width: 6px; background:url(../imagen/marco/i2_marco_br.gif) repeat-y; background-position:-6px 0px;}
.marco_inf_derecha {width: 6px; height:6px; background:url(../imagen/marco/i2_marco.jpg) no-repeat; background-position:-18px -147px;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_detalle {width: 100%; border: 0px; padding: 0px 5px 5px 5px; }
.marco_detalle_titulo td { height: 40px;
border-bottom: dotted 1px #d0d0d0;
font-family: Oswald, sans-serif;
font-size: 12pt;
font-weight: 500; COLOR: #333333; border-bottom: 2px solid #D0D0D0; padding: 0px 1px 0px 3px;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_detalle_primera_linea tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; border-bottom: 1px dotted #D0D0D0; border-top: 1px dotted #D0D0D0; padding: 0px 2px 0px 2px;}
.marco_detalle_primera_linea tr:hover { background-color: #DDDDDD;}
.marco_detalle_segunda_linea tr { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; background-color: #F7F7F7; }
.marco_detalle_segunda_linea td { padding: 0px 2px 0px 2px;}
.marco_detalle_segunda_linea tr:hover { background-color: #DDDDDD;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_detalle_primera_linea_b tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; border-bottom: 1px dotted #D0D0D0; border-top: 1px dotted #D0D0D0; padding: 10px 2px 10px 2px;}
.marco_detalle_primera_linea_b tr:hover { background-color: #DDDDDD;}
.marco_detalle_segunda_linea_b tr { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; background-color: #FFFFFF; }
.marco_detalle_segunda_linea_b td { padding: 10px 2px 10px 2px;}
.marco_detalle_segunda_linea_b tr:hover { background-color: #DDDDDD;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_detalle_primera_linea_c tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; padding: 0px 2px 0px 2px;}
.marco_detalle_primera_linea_c tr:hover { background-color: #DDDDDD;}
.marco_detalle_segunda_linea_c tr { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; background-color: #FFFFFF; }
.marco_detalle_segunda_linea_c td { padding: 0px 2px 0px 2px;}
.marco_detalle_segunda_linea_c tr:hover { background-color: #DDDDDD;}
/*///////////////////////////////////////////////////////////////////////////////*/
.marco_detalle_sel_linea tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; COLOR: #333333; border-bottom: 1px dotted #FF0000; border-top: 1px dotted #FF0000; padding: 0px 2px 0px 2px;}
.marco_detalle_sel_linea tr:hover { background-color: #DDDDDD;}
.marco_detalle_totales td { height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; COLOR: #333333; border-top: 2px solid #D0D0D0;}
.marco_detalle_pie td { height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; COLOR: #333333; text-align:center; border-bottom: 2px solid #D0D0D0;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* Tabla fondo gris */
.marco_sup_izq_fgris {width: 6px; height:6px; background:url(../marco/i2_marco.jpg) no-repeat; background-position:0px -141px;}
.marco_sup_cen_fgris {height:6px; background:url(../marco/i2_marco.jpg) repeat-x; background-position:0px -182px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; font-weight:bold; vertical-align:middle;}
.marco_sup_der_fgris {width: 6px; height:6px; background:url(../marco/i2_marco.jpg) no-repeat; background-position:-6px -141px;}
.marco_med_izq_fgris {width: 6px; background:url(../marco/i2_marco_brg.gif) repeat-y;}
.marco_med_der_fgris {width: 6px; background:url(../marco/i2_marco_brg.gif) repeat-y; background-position:-6px 0px;}
.marco_inf_izq_fgris {width: 6px; height:6px; background:url(../marco/i2_marco.jpg) no-repeat; background-position:0px -147px;}
.marco_inf_cen_fgris {height:6px; background:url(../marco/i2_marco.jpg) repeat-x; background-position:0px -188px;}
.marco_inf_der_fgris {width: 6px; height:6px; background:url(../marco/i2_marco.jpg) no-repeat; background-position:-18px -147px;}
/*///////////////////////////////////////////////////////////////////////////////*/
/* ----- ICONOS ------------------------------------------------------------------ */
.icon_48_atencion { background: transparent url(../icono/48/atencion.png) no-repeat top center; width:48px; height:48px;}
.icon_48_atencion_rojo { background: transparent url(../icono/48/atencion_rojo.png) no-repeat top center; width:48px; height:48px;}
.icon_48_nuevo { background: transparent url(../icono/48/nuevo.png) no-repeat top center; width:48px; height:48px;}
.icon_48_ok { background: transparent url(../icono/48/ok.png) no-repeat top center; width:48px; height:48px;}
.icon_48_ok2 { background: transparent url(../icono/48/ok.png) no-repeat top center; width:48px; height:48px;}
.icon_48_aplicar { background: transparent url(../icono/48/aplicar.png) no-repeat top center; width:48px; height:48px;}
/* --------------------------------------------------------------------------------------------------------- */
/* ----- MARCO DE FOTOS ------------------------------------------------------------------------------------ */
.marco_tabla {height:100px; min-height:100px; height:auto !important; /* for modern browsers */
}
.marco_izq_sup {width:13px; height:13px; min-height:13px;
background-image:url(../marco_foto/marco_izq_sup_gris.jpg); background-position:bottom right; background-repeat:no-repeat;
}
.marco_cen_sup {height:13px; min-height:13px;
background-image:url(../marco_foto/marco_cen_sup_gris.jpg); background-position:bottom right; background-repeat:repeat-x;
}
.marco_der_sup {width:13px; height:13px; min-height:13px;
background-image:url(../marco_foto/marco_der_sup_gris.jpg); background-position:bottom left; background-repeat:no-repeat;
}
.marco_izq_cen {width:13px; vertical-align:top;
background-image:url(../marco_foto/marco_izq_cen_gris.jpg); background-position:bottom right; background-repeat:repeat-y;
}
.marco_izq_cen_ind {width:15px;
}
.marco_cen_cen {
}
.marco_der_cen_ind {width:15px;
}
.marco_der_cen {width:13px; vertical-align:top;
background-image:url(../marco_foto/marco_der_cen_gris.jpg); background-position:bottom left; background-repeat:repeat-y;
}
.marco_izq_pie {width:13px; height:13px; min-height:13px;
background-image:url(../marco_foto/marco_izq_pie_gris.jpg); background-position:top right; background-repeat:no-repeat;
}
.marco_cen_pie {height:13px; min-height:13px;
background-image:url(../marco_foto/marco_cen_pie_gris.jpg); background-position:top right; background-repeat:repeat-x;
}
.marco_der_pie {width:13px; height:13px; min-height:13px;
background-image:url(../marco_foto/marco_der_pie_gris.jpg); background-position:top left; background-repeat:no-repeat;
}
/* ----- FIN MARCO DE FOTOS -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- BOTONES ------------------------------------------------------------------------------------ */
a.button_left { background: transparent url(../boton/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button_left span { background: transparent url(../boton/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button_left:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button_left:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
a.button_left_b { background: transparent url(../boton/bg_button_b.gif) no-repeat scroll top right; color: #444; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button_left_b span { background: transparent url(../boton/bg_button_span_b.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button_left_b:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button_left_b:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
a.button_right { background: transparent url(../boton/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: right; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button_right span { background: transparent url(../boton/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button_right:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button_right:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
/* ----- FIN BOTONES -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- Menu Top ------------------------------------------------------------------------------------ */
#menuh {
height:32px;
}
#menuh ul {
margin: 0 0 0 0;
padding:0;
list-style-type: none;
height:32px;
}
#menuh li {
list-style-type: none;
float: left;
width: 100px;
height:32px;
}
#menu_text {
padding: 10px 0 0 0;
}
#menuh a {
text-decoration: none;
color:#000000;
background-image:url(../../../../imagen/botones/boton_menu_100x64.jpg);
background-position: center top;
background-repeat: no-repeat;
text-align: center;
vertical-align:middle;
display: block;
margin: 0 0 0 0;
width: 100px;
height:32px;
}
#menuh a:hover {
background-image:url(../../../../imagen/botones/boton_menu_100x64.jpg);
background-position: center bottom;
background-repeat: no-repeat;
color:#FFFFFF;
}
.detalle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
/* ----- Menu Top -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- MOOTOOLS --------------------------------------------------------------------------------------------------------------------------- */
/* ----- TIP ES EL CUADRADO TRANSPARENTE NEGRO DE EXPLICACION ----- */
.tool-tip { color: #fff; width: 139px; z-index: 13000;}
.tool-title { background: url(../../../../0_include/js/mootools/mootools_imagen/tips.png) top left; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px;}
.tool-text { background: url(../../../../0_include/js/mootools/mootools_imagen/tips.png) bottom right; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 8px 8px;}
.custom-tip { color: #000; width: 130px; z-index: 13000;}
.custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74;}
.custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7;}
/* ----- Menu Top -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */