/* Estilos Generales background-image: url(../imag/bg.gif); background-repeat: repeat;  */
a:hover { text-decoration: underline; }
body { background-color: #FBFBFB; margin-top: 1px; }

/* Estructura de la página - Estilos Particulares y Clases */
#contenedor { width: 720px; margin: 10px; margin: auto; background-color: #FFFFFF;  border-left: dotted #D0D0D0 1px; border-right: dotted #D0D0D0 1px; }

#cabecera { width: 720px; }
.sub_cabecera_1 {  background-image: url(../imag/fondo_cabecera.gif); background-repeat: x-repeat; padding-left: 10px; padding-right; 10px; color: #F0F0F0; font-family: verdana; font-size: 7pt; padding-top: 2px; padding-bottom: 2px; }
.sub_cabecera_2 { height: 138px; }
.sub_cabecera_3 { background-color: #02395A; padding-left: 10px; padding-right; 10px; color: #F0F0F0; font-family: verdana; font-size: 7pt; text-align: center; padding-top: 2px; padding-bottom: 2px; }
.sub_buscador { width: 240px; margin-top: 5px; font-family: verdana; font-size: 7pt; padding-left: 15px; }
.sub_cliente { float: right; margin-top: 2px; width: auto; text-align: right; font-family: verdana; font-size: 7pt; padding-top: 5px; padding-right: 10px; }

#lateral_derecho { float: right; width: 170px; margin-top: 5px; margin-left: 1px; padding: 5px; border-left: dotted #D0D0D0 1px; }
.autentificacion { font-family: verdana; font-size: 7pt; color: #585858; font-weight: bold; }
.autentificacion2 { font-family: verdana; font-size: 7pt; color: #800000; font-weight: bold; }
.menu { width: 175px; padding-left: 5px; font-family: verdana; font-size: 8pt; color: #000035; font-weight: bold;  }
.menu_on { margin-top: 2px; padding-left: 15px; height: 13px; font-size: 7pt; background-image: url(../imag/ico-fondo2.gif); }
.menu_off { margin-top: 2px; padding-left: 15px; height: 13px; font-size: 7pt; background-image: url(../imag/ico-fondo.gif); }
.menu2_on { background-color: #585858; padding-left: 5px; font-size: 7pt; border: solid #F0F0F0 1px; }
.menu2_off { background-color: #02395A; padding-left: 5px; font-size: 7pt; border: solid #F0F0F0 1px; }
.menu3_on { background-color: #FFFFC0; padding-left: 5px; font-size: 7pt; border-bottom: solid #B9DCFF 1px; }
.menu3_off {  background-color: #FFFFFF; padding-left: 5px; font-size: 7pt; border-bottom: solid #B9DCFF 1px; }

.enlacescabon { margin: 0px; padding: 2px; height: 13px; font-family: Verdana; color: #585858; font-size: 7pt; background-color: #F4FAFF; text-decoration: none; }
.enlacescaboff{ margin: 0px; padding: 2px; height: 13px; font-family: Verdana;  color: #F0F0F0; font-size: 7pt; text-decoration: none; }

.menu_usuario { text-align: left; font-family: verdana; font-size: 7pt; color: #585858; font-size: 7pt; font-weight: bold; padding-bottom: 1px; border-bottom: solid #969696 1px; margin-bottom: 5px; background-color: #F4F9FF; padding-left: 5px; }
.titulo_contenido { text-align: left; font-family: verdana; font-size: 7pt; color: #585858; font-size: 7pt; font-weight: bold; padding-bottom: 1px; border-bottom: solid #969696 1px; margin-bottom: 5px; background-color: #F4F9FF; padding-left: 5px; }
.finalizar { margin-left: 330px; }


#contenidos { width: 495px; margin-bottom: 15px; margin-top: 10px; margin-left: 10px; background-color: #FFFFFF; }
.buscador_clientes { width: 150px; font-family: verdana; font-size: 7pt; color: #585858; text-align: right; }
.area_contenidos { font-family: verdana; font-size: 7pt; color: #585858; }
.menu_navegacion { width: 98%; font-family: verdana; font-size: 7pt; color: #585858; background-color: #F4F9FF; border: solid #D9DEFF 1px; padding: 5px; background-image: url(../imag/ico-soporte.gif); background-repeat: no-repeat; background-position: top right;}
.opciones_envio { padding-left: 15px; text-align: left; border: solid #D0D0D0 1px;}
.promociones { font-family: verdana; font-size: 7pt; color: #585858; border: solid #D9DEFF 1px; padding: 2px; }
.promocion { height: 100%; font-family: verdana; font-size: 7pt; color: #585858; border: solid #D9DEFF 1px; padding: 10px; }

#pie_pagina { width: 720px; clear: both; margin-top: 5px; background-image: url(../imag/fondo_cabecera.gif); background-repeat: x-repeat; color: #F0F0F0; font-family: verdana; font-size: 7pt; text-align: center; padding-top: 2px; padding-bottom: 2px; }
#pie_pagina2 { margin: auto; width: 680px; clear: both; height: 38px; color: #E0E0E0; font-family: verdana; font-size: 7pt; text-align: center; font-weight: bold; background-color: #084D76; background-image: url(../imag/bg-bottom.gif); background-repeat: no-repeat; }
.copyright { margin: 5px; }

/* Clases definidas */
.enlacen { font-family: verdana; color: #585858; text-decoration: none; }
.enlacer { font-family: verdana; color: #ff0000; text-decoration: none; }
.enlaceb { font-family: verdana; color: #FFFFFF; text-decoration: none; }
.enlacec { color: #F0F0F0; text-decoration: none; }
.enlacez { font-family: verdana; color: #224171; text-decoration: none; }

h1 {color: #747474; font-size: 10pt; font-family: verdana; display: inline; }
h2 {color: #949494; font-size: 7pt; font-family: verdana; display: inline; }

/* paginadores */
.paginador { width: 80%; height: 15px; padding-left: 10px; padding-right: 10px; background-color: #FFFFFF; }
.enlacep { font-family: Tahoma; color: #585858; text-decoration: none; background-color: #D0D0D0; padding-left: 5px; padding-right: 5px; border: solid #97A4FF 1px; }
.enlacep2 { font-family: Tahoma; color: #585858; text-decoration: none; background-color: #F4F9FF; padding-left: 5px; padding-right: 5px; border: solid #02395A 1px; }

img.bordeado { border-bottom: antiquewhite ridge 1px; border-left: antiquewhite ridge 1px; border-right: antiquewhite ridge 1px; border-top: antiquewhite ridge 1px; }

/* Estilos contextuales */
table { border-collapse: collapse; width: 100%; }
table.producto { border-collapse: collapse; width: 100%; border: solid #D9DEFF 1px; }
td { text-align: center; vertical-align: top; font-family: verdana; font-size: 7pt; color: #585858;}
td.ctitulod { color: #585858; padding-right: 10px; border: solid #D9DEFF 1px; font-weight: bold; background-color: #F4F9FF; font-size: 7pt; text-align: right; }
td.ctituloi { color: #585858; padding-left: 10px; border: solid #D9DEFF 1px; font-weight: bold; background-color: #F4F9FF; font-size: 7pt; text-align: left; }
td.ctituloc { color: #585858; border: solid #D9DEFF 1px; font-weight: bold; background-color: #F4F9FF; font-size: 7pt; text-align: center; }
td.ccontenidod { border: solid #D9DEFF 1px; color: #585858; padding-right: 10px; text-align: right; font-size: 7pt; }
td.ccontenidoi { border: solid #D9DEFF 1px; color: #585858; padding-left: 10px; text-align: left; font-size: 7pt; }
td.ccontenidoc { border: solid #D9DEFF 1px; color: #585858; text-align: center; font-size: 7pt; }
td.ccontenidodp { border: solid #D9DEFF 1px; color: #800000; padding-right: 10px; text-align: right; font-size: 7pt; }
td.cderecha { text-align: right; padding: 10px;}
td.cizquierda { text-align: left; padding: 10px;}
td.ccentrado { text-align: center; padding: 10px;}

td.producto { text-align: left; padding: 10px;}

/* Formularios */
form { display: inline; }
input { background-color: #FDFDFD; color: #585858; font-size: 8pt; padding-left: 3px; }
select { background-color: #F0F0F0; color: #585858; font-size: 6pt; }
.boton_seleccion { background-color: #F0F0F0; color: #808080; font-size: 7pt; }
.cantidad { background-color: #FDFDFD; color: #585858; font-size: 8px; border: solid #D0D0D0 1px; }

fieldset {  background-color: #FFFFFF; border: solid #ACACAC 1px; font-family: verdana; font-size: 7pt; color: #585858; width: 95%; }
legend { padding-left: 5px; font-family: verdana; font-size: 8pt; color: #000035; }
.f_etiqueta { width: 50px; float: left; text-align: right; padding: 5px; padding-top: 10px;}
.f_etiqueta2 { width: 90%; text-align: left; padding: 5px; padding-top: 10px;}
.f_campo { text-align: left; padding: 5px; }

/* Formularios alineados con css */
label { width: 14em; float: left; text-align: right; margin: 0 2em 10px 0; clear: both }
.i2formulario { float: left; margin-bottom: 10px; margin-right: 5px; font-size: 7pt; color: #585858; background-color: #FFFFFF; border: solid #969696 1px; }
.i2dformulario { float: left; margin-bottom: 10px; margin-right: 5px; font-size: 7pt; color: #585858; background-color: #E0E0E0; border: solid #969696 1px; }
.ia2formulario { float: left; margin-bottom: 10px; margin-right: 5px; font-size: 8pt; color: #585858; background-color: #FFFFFF; border: solid #969696 1px; }
.s2formulario { float: left; margin-bottom: 10px; margin-right: 5px; font-size: 6pt; color: #585858; background-color: #FFFFFF; border: solid #969696 1px; }