/* Estilos Generales */
a:hover { text-decoration: underline; }
body { margin-top: 0px; margin-bottom: 0px; height: 100%; background-color: #DBCDB3;}

/* Estructura de la página - Estilos Particulares y Clases */
#contenedor { width: 740px; margin: auto; height: 100%; background-color: #FFFFFF; border-left: solid #BF2D26 1px; border-right: solid #BF2D26 1px; }
#cabecera { width: 740px; }
#cab_idiomas { float: right; width: 500px; font-family: tahoma; font-size: 8pt; text-align: right; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.bandera { margin-right: 5px; border: solid 0px; vertical-align: middle;}
.casa { margin-left: 25px; padding-right: 5px; border: solid 0px; vertical-align: middle;}
#cab_fecha { width: 180px; text-align: center; font-family: tahoma; font-size: 8pt; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }

#menu_corporativa { width: 170px; padding: 0px; margin: auto; margin-bottom: 10px; }
.menu_corporativa_e { list-style-type: square; list-style-position: inside; padding-left: 12px; font-family: tahoma; color: #000000; font-size: 9pt; border-bottom: dotted #545454 1px; text-align: left; line-height: 17px; }
.cab_lateral { width: 160px; font-family: tahoma; font-size: 8pt; color: #ffffff; background-color: #0D3587; padding-left: 20px; padding-top: 1px; padding-bottom: 1px; margin-top: 7px; background-image: url('../imagenes/iconos/ico_cerdo.gif'); background-position:  98% 50%; background-repeat: no-repeat; }
#buscador_cabecera { padding-top: 10px; text-align: center; padding-bottom: 10px; font-family: tahoma; font-size: 8pt; }
#cab_der { float: right; width: 535px; padding-bottom: 5px; }
#cab_foto { width: 222px; height: 225px; background-image: url('../imagenes/fotos/fotografia_principal.jpg'); background-repeat: no-repeat;}
#cab_cuenta { float: right; width: 304px; }
#su_cuenta { width: 285px; padding-top: 1px; background-color: #991B13; padding-bottom: 1px; padding-left: 8px; font-family: tahoma; color: #ffffff; font-size: 8pt; }
#panel_acceso { width: 275px; height: 75px; background-color: #ffffff; margin-bottom: 5px; font-family: Tahoma; color: #000000; font-size: 8pt; padding: 8px; border: solid #991B13 1px; }
#formulario_acceso { width: 150px; border-right: solid #ffffff 1px; vertical-align: top; color: #000000; }
#formulario_opciones { float: right; width: 120px; text-align: center; padding-top: 0px; }
#menu_cliente { list-style-type: square; list-style-position: inside; margin: 0px; padding-top: 5px; padding-left: 10px; color: #000000; }
#panel_carrito { width: 158px; height: 77px; background-color: #ffffff; font-family: tahoma; color: #000000; font-size: 8pt; padding: 8px; border: solid #0D3587 1px; background-image: url(../imagenes/varios/fondo_carrito.gif); background-repeat: no-repeat; padding-left: 125px; }
#su_carrito { width: 283px; background-color: #0D3587; padding-top: 1px; padding-bottom: 1px; padding-left: 8px; font-family: tahoma; font-size: 8pt; color: #ffffff; border: solid #0D3587 1px; }

#lateral_izquierdo { width: 180px; margin-left: 10px; font-family: tahoma; color: #000000; font-size: 8pt;  }
#menu_productos { margin: 0px; padding: 0px; border: solid #AEC3B2 0px; padding-top: 5px; background-color: #f3cec5; }
.menu_categoria { list-style-type: none; list-style-image: url(../imagenes/iconos/ico_menu_4.gif); list-style-position: inside; margin-bottom: 1px; padding-bottom: 1px; padding-left: 4px; margin-left: 2px; font-family: Tahoma; color: #717171; font-size: 10pt; border-bottom: solid #eeeeee 1px; background-color: #f3cec5; }
.menu_seccion { list-style-type: none; list-style-position: outside; padding-left: 30px; background-color: #ffffff; border-bottom: solid #eeeeee 1px; padding-bottom: 3px; }
.menu_subseccion { list-style-type: none; list-style-position: outside; padding-left: 40px; }
.menu_varios { list-style-type: none; list-style-image: url(../imagenes/iconos/ico_menu_3.gif); list-style-position: inside; margin-bottom: 5px; padding-bottom: 1px; padding-left: 4px; margin-left: 2px; font-family: Tahoma; color: #FF893F; font-size: 10pt; border-bottom: solid #eeeeee 1px; }
.datos_contacto { font-family: Tahoma; color: #000000; font-size: 8pt; padding: 5px; text-align: center; padding-top: 10px; background-color: #ECF0FF; }

/* Contenidos de página */
#lateral_derecho { float: right; width: 535px; }
.cab_principal { clear: both; width: 514px; background-color: #0D3587; padding-left: 10px; padding-top: 1px; padding-bottom: 1px; }
.contenido { font-family: Tahoma; color: #000000; font-size: 8pt; margin-top: 5px; padding-left: 5px; padding-right: 8px; padding-bottom: 110px; }
.contenido2 { font-family: Tahoma; color: #000000; font-size: 8pt; margin-top: 5px; padding-right: 10px; }
.caja_seccion { text-align: center; vertical-align: middle; border: solid #D0D0D0 1px; height: 85px; width: 33%;  font-weight: bold; background-image: url(../imagenes/varios/fondo_secciones.gif); background-repeat: no-repeat; }
.caja_productos { border: solid #D0D0D0 0px; height: 100px; width: 50%; text-align: left; padding: 3px; vertical-align: top; }
.caja_productos2 { border: solid #dddddd 1px; height: 100px; width: 50%; text-align: left; padding: 3px; background-color: #EFF4FF; vertical-align: top;}
.caja_productos3 { border: solid #dddddd 0px; height: 100px; width: 50%; text-align: left; padding: 3px; background-color: #ffffff; vertical-align: top;}
.listas { margin: 0px; padding: 15px; list-style-type: square; list-style-position: outside; }
.mlistas { border-bottom: solid #DDDDDD 1px; }
.permisos_insuficientes { width: 75%; height: 30px; margin-top: 20px; margin-left: 20px; color: #800000; padding-left: 40px; padding-top: 12px; background-image: url(../imagenes/iconos/ico_denegado.gif); background-repeat: no-repeat; background-position: center left; }
.caja_der { float: right; width: 100px; }
.caja_izq { width: 350px; }
.prec { font-size: 10pt; color: #0d3587; font-weight: bold; }

/* Estilos para el Módulo de Pedido Detallado */
.contenedor_pedido { width: 100%; background-color: #FFFFFF; }
.contenedor_remite_empresa { width: 50%; padding: 10px; border: solid #000000 0px; }
.contenedor_remite_cliente { float: right; width: 40%; padding: 10px; border: solid #000000 0px; text-align: right; }
.contenedor_informacion_pedido { clear: both; border-bottom: solid #C0C0C0 1px; border-top: solid #C0C0C0 1px; padding: 10px; padding-bottom: 20px; }
.contenedor_detalle_pedido { clear: both; }

h1 { font-family: tahoma; font-weight: normal; font-size: 8pt; color: #ffffff; display: inline; }
h1.negro { font-family: tahoma; font-weight: normal; font-size: 9pt; color: #000000; display: inline; }
h2 { font-family: tahoma; font-weight: normal; font-size: 8pt; color: #000000; display: inline; }
h2.negro { font-family: tahoma; font-weight: bold; font-size: 12pt; color: #800000; display: inline; letter-spacing: 1px; padding-left: 10px; }

.txtnegro { font-family: tahoma; font-weight: bold; font-size: 8pt; color: #800000; text-align: center; margin-bottom: 10px; }
.calidad { margin-bottom: 20px; }


/* enlaces paginadores */
.paginador { padding-left: 10px; padding-right: 10px;  padding-left: 5px; margin-top: 15px; font-family: Tahoma; font-size: 7pt; color: #580000; text-align: right; }
.pag_registros { font-family: Tahoma; color: #550000; text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }
.enlacep { font-family: Tahoma; color: #000000; text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }
.enlacep2 { font-family: Tahoma; color: #F0F0F0; text-decoration: none; background-color: #800000; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }

.icono { border: solid 0px; }

#pie { clear: both; width: 100%; text-align: center; background-color: #ffffff; padding-bottom: 10px; font-family: Tahoma; color: #000000; font-size: 8pt; }

/* Clases definidas */
.enlaceb { font-family: Tahoma; color: #FFFFFF; font-size: 8pt; text-decoration: none; }
.enlacen { font-family: Tahoma; color: #000000; font-size: 8pt; text-decoration: none; }
.enlacer { font-family: Tahoma; color: #800000; font-size: 8pt; text-decoration: none; }
.enlacea { font-family: Tahoma; color: #0000ff; font-size: 8pt; text-decoration: none; }
.enlace_cor { font-family: tahoma; color: #000000; font-size: 9pt; text-decoration: none; }

/* Formularios alineados con css */
label { width: 4em; float: left; text-align: right; margin: 0 1em 0 0; }
.i2formulario { float: left; margin-bottom: 10px; margin-right: 5px; font-size: 8pt; color: #232323; background-color: #FFEAEA; border: solid #AE0000 1px; border-bottom: solid #FFD9D9 2px; border-right: solid #FFD9D9 2px; padding-left: 3px; }
.i3formulario { font-size: 8pt; color: #232323; background-color: #ffffff; border: solid #AE0000 1px; border-bottom: solid #FFD9D9 2px; border-right: solid #FFD9D9 2px; padding-left: 3px; }

.lab { width: 14em; float: left; text-align: right; margin: 0 2em 10px 0; clear: both; color: #000000; }
.ftexto { float: left; color: #000000; margin-bottom: 10px; margin-right: 1px; font-size: 7.5pt; background-color: #FFFFFF; border: solid #969696 0px; }

table { border-collapse: collapse; width: 514px; }    
td.ctitulod { color: #000000; padding-right: 10px; border: solid #ACACAC 1px; font-weight: bold; background-color: #f3cec5; font-size: 8pt; text-align: right; }
td.ctituloi { color: #000000; padding-left: 10px; border: solid #ACACAC 1px; font-weight: bold; background-color: #f3cec5; font-size: 8pt; text-align: left; }
td.ctituloc { color: #000000; border: solid #ACACAC 1px; font-weight: bold; background-color: #f3cec5; font-size: 8pt; text-align: center; }
td.ccontenidod { border: solid #ACACAC 1px; color: #000000; padding-right: 10px; text-align: right; font-size: 8pt; }
td.ccontenidoi { border: solid #ACACAC 1px; color: #000000; padding-left: 10px; text-align: left; font-size: 8pt; }
td.ccontenidoc { border: solid #ACACAC 1px; color: #000000; text-align: center; font-size: 8pt; }
td.ccontenidocp { border: solid #ACACAC 1px; color: #000000; text-align: right; font-size: 8pt; background-color: #f3cec5; font-weight: bold; padding-right: 10px; }


