/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {DIAZOL} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 31/01/2008 */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML */ body{background: #024D88; margin: 0px; padding: 0px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;} table{font: 1em Tahoma, Arial, Helvetica, sans-serif;} td{font: 1em Tahoma, Arial, Helvetica, sans-serif;} h1{font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #175FAF; margin: 0px; padding: 0px;} h2{font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px 0px 10px 0px;} h3{} h4{} h5{} h6{} strong, b{} a:link{color: #175FAF; text-decoration: underline;} a:visited{color: #175FAF; text-decoration: underline;} a:hover{color: #175FAF; text-decoration: none;} a:active{color: #175FAF; text-decoration: none;} :focus{outline: 0px;} form{margin: 0px; padding: 0px;} input, select{font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #153757;} label{margin: 0px; padding: 0px; cursor: pointer;} ul{} li{list-style: none;} button{margin: 0px; padding: 0px; cursor: pointer; border: none;} input{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px;} /*Estilso Css mas usados*/ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*FOTOS*/ .img_right{text-align: center; font: 1.1em/120% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #175FAF; float: right; margin: 0px 0px 0px 15px;} .img_right p{margin: 0px; padding: 0px 0px 5px 0px;} .img_right img{border: 1px solid #CCC; padding: 5px 4px;} .img_left{text-align: center; font: 1.1em/120% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #175FAF; float: left; margin: 0px 15px 10px 0px;} .img_left img{border: 1px solid #CCC; padding: 5px 4px;} /*BOTONES*/ .bot_agregar{background: url(../images/botones/bot_agregar.gif) no-repeat 0px 0px; width: 41px; height: 17px; margin: 0px; padding: 0px; float: right;} #bot_actualizar{background: url(../images/botones/bot_actualizar.gif) no-repeat 0px 0px; width: 92px; padding: 9px 0px 10px 17px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; margin: 0px 8px;} #bot_detalles_carro{background: url(../images/botones/bot_detalles_carro.gif) no-repeat 0px 0px; width: 147px; padding: 9px 0px 10px 17px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; margin: 0px;} #bot_finalizar_cotizacion{background: url(../images/botones/bot_finalizar_cotizacion.gif) no-repeat 0px 0px; width: 136px; padding: 9px 0px 10px 17px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif;} #bot_vaciar{background: url(../images/botones/bot_vaciar.gif) no-repeat 0px 0px; width: 92px; padding: 9px 0px 10px 8px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif;} #bot_formulario{background: url(../images/botones/bot_formularios.jpg) no-repeat 0px 0px; width: 92px; margin: 10px 140px 15px 0px; padding: 9px 0px 8px 0px; float: right; clear: both; text-align: center; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color: #333;} /*HEADER*/ #header{background: url(../images/html/fondo_header.jpg) no-repeat 0px 0px; height: 121px; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #EFEFEF;} #header ul{margin: 0px 0px 0px -12px; padding: 0px 0px 38px 0px; position: relative; float: left;} #header ul li{background: url(../images/html/bullet_header.gif) no-repeat 0px 3px; margin: 0px; padding: 0px 15px 0px 16px; float: left; white-space: nowrap;} #header ul li a:link, #header ul li a:visited{color: #EFEFEF; text-decoration: none;} #header ul li a:hover, #header ul li a:active{background: #EFEFEF; color: #024D88; text-decoration: none;} #header img{padding: 6px 0px 0px 11px; width: 398px; height: 81px; float: left; border: none;} #header span{float: right; display: block; color: #012F54; font: 9px Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 17px 0px 0px;} #header div{background: url(../images/html/fondo_menu_principal.gif) repeat-x 0px 29px #000; width: 982px; text-align: center; padding: 0px; height: 34px; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both;} #header div p{background: url(../images/botones/bot_menu_principal.jpg) no-repeat right top; margin: 0px; padding: 0px; float: left; width: 245px;} #header div a:link, #header div a:visited{background: url(../images/botones/bot_menu_principal.jpg) no-repeat right top; color: #333; text-decoration: none; width: 245px; padding: 5px 0px 13px 0px; display: block; float: left;} #header div a:hover, #header div a:active{background: url(../images/botones/bot_menu_principal_over.jpg) no-repeat right top #FFF; color: #024D88; text-decoration: none;} #header div p.activo a:link, #header div p.activo a:visited{background: url(../images/botones/bot_menu_principal_over.jpg) no-repeat right top #FFF; color: #024D88;} #header div #bot_maquinas{background: url(../images/botones/bot_menu_principal.jpg) no-repeat 0px 0px; width: 247px;} #header div #bot_maquinas a:link, #header div #bot_maquinas a:visited{background: url(../images/botones/bot_menu_principal.jpg) no-repeat 0px 0px; width: 247px;} #header div #bot_maquinas a:hover, #header div #bot_maquinas a:active{background: url(../images/botones/bot_menu_principal_over.jpg) no-repeat 0px 0px #FFF;} #header div #bot_maquinas.activo a:link, #header div #bot_maquinas.activo a:visited{background: url(../images/botones/bot_menu_principal_over.jpg) no-repeat 0px 0px #FFF; color: #024D88;} /*MENU PRODUCTOS*/ #estructura #menu_productos{width: 236px; height: 464px; background: #CCC; float: left; overflow: auto; margin: 0px; padding: 0px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;} #estructura #menu_productos p{background: url(../images/html/fondo_bot_categoria_productos.jpg) repeat-x left bottom #C5C5C5; border-top: 1px solid #E6E6E6; margin: 0px; padding: 0px;} #estructura #menu_productos p a:link, #estructura #menu_productos p a:visited{background: url(../images/html/bullet_categoria_productos.gif) no-repeat 12px 10px; color: #333; text-decoration: none; padding: 8px 0px 7px 31px; margin: 0px; display: block;} #estructura #menu_productos p a:hover, #estructura #menu_productos p a:active{background: url(../images/html/bullet_categoria_productos.gif) no-repeat 12px 10px; color: #FFF; text-decoration: none;} #estructura #menu_productos p.activo{background: url(../images/html/bullet_subcategoria_productos.gif) no-repeat 12px 10px #FFF; color: #333; text-decoration: none; padding: 0px; margin: 0px; font-weight: bold;} #estructura #menu_productos p.activo a:link, #estructura #menu_productos p.activo a:visited{background: url(../images/html/bullet_subcategoria_productos.gif) no-repeat 12px 10px; color: #333; text-decoration: none; padding: 8px 0px 0px 31px; margin: 0px; display: block;} #estructura #menu_productos ul{background: #FFF; margin: 0px; padding: 14px 0px 7px 32px;} #estructura #menu_productos ul li{background: url(../images/html/bullet_menu_productos.gif) no-repeat 0px 4px; margin: 0px; padding: 0px 0px 5px 12px;} #estructura #menu_productos ul li a:link, #estructura #menu_productos ul li a:visited{font-weight: normal; color: #033965; text-decoration: none;} #estructura #menu_productos ul li a:hover, #estructura #menu_productos ul li a:active{color: #033965; text-decoration: underline;} #estructura #menu_productos ul li.activo a:link, #estructura #menu_productos ul li.activo a:visited{font-weight: bold;} #estructura #menu_productos div{background: url(../images/html/fondo_menu_foto_productos.jpg) repeat-x 0px 0px #FFF; height: 119px;} #estructura #menu_productos div h1{font: 1px Arial, Helvetica, sans-serif; text-indent: -9000px; letter-spacing: -1px; margin: 0px; padding: 0px; height: 41px;} #estructura #menu_productos div span{display: block; height: 78px;} #estructura #menu_productos div #tit_menu_papeles{background: url(../images/html/tit_menu_papeles_reproduccion.gif) no-repeat 20px center;} #estructura #menu_productos div #tit_menu_maquinas{background: url(../images/html/tit_menu_maquinas.gif) no-repeat 40px center;} #estructura #menu_productos div #tit_menu_encuadernacion{background: url(../images/html/tit_menu_encuadernacion.gif) no-repeat 60px center;} /*HERRAMIENTAS TOP Y BREADCRUMS*/ #estructura #herramientas{margin: 0px; padding: 0px; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #FFF; width: 99%} #estructura #herramientas p{background: url(../images/html/ic_breadcrums.gif) no-repeat 12px 0px; margin: 0px; padding: 3px 0px 12px 31px;} #estructura #herramientas strong{font-weight: normal; color: #024E89;} #estructura #herramientas button{float: right; margin: 0px 0px 0px 6px; padding: 0px; width: 23px; height: 21px;} #estructura #herramientas a:link, #estructura #herramientas a:visited{color: #000; text-decoration: underline;} #estructura #herramientas a:hover, #estructura #herramientas a:active{background: #024E89; color: #FFF; text-decoration: none;} #estructura #herramientas #bot_portada{background: url(../images/html/ic_home.gif) no-repeat 0px 0px;} #estructura #herramientas #bot_volver{background: url(../images/html/ic_volver.gif) no-repeat 0px 0px;} #estructura #herramientas #bot_imprimir{background: url(../images/html/ic_imprimir.gif) no-repeat 0px 0px;} #estructura #herramientas #bot_aumentar_txt{background: url(../images/html/ic_aumentar_txt.gif) no-repeat 0px 0px;} #estructura #herramientas #bot_disminuir_txt{background: url(../images/html/ic_disminuir_txt.gif) no-repeat 0px 0px;} /*ESTRUCTURA DE CONTENIDOS*/ #estructura{background: url(../images/html/fondo_general.jpg) repeat-y 0px 0px; width: 986px; margin: 0px auto; padding: 0px 5px;} #estructura #main{margin: 0px; padding: 3px 0px 0px 0px; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; height: 450px; height: auto !important; min-height: 450px; width: 986px; overflow:auto;} #estructura #main.detalle_maquinas{background: url(../images/html/fondo_contenidos.gif) repeat-y 0px 0px; height: auto; padding: 0px;} /*PORTADA: BANNER FLASH*/ #estructura #banner_home{height: 423px; width: 983px; position: relative; top: -5px; clear: both; z-index: 9999;} /*PORTADA: PROMOCION DESTACADA*/ #estructura #promocion_destacada_home{position: absolute; float: left; margin: -125px 0px 0px 0px; padding: 0px 0px 0px 19px; font: 11px/160% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; width: 685px; width: 700px; z-index: 9999;} #estructura #promocion_destacada_home h1{background: url(../images/html/bullet_generico.gif) no-repeat 0px 4px; margin: 0px; padding: 0px 0px 0px 16px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #024D88; display: inline;} #estructura #promocion_destacada_home p{ margin: 0px; padding: 5px 0px;} #estructura #promocion_destacada_home img{float: left; margin: 0px 18px 0px 0px; padding: 1px 2px; border: 1px solid #000;} #estructura #promocion_destacada_home button{background: url(../images/botones/bot_carro_compra.jpg) no-repeat 0px 0px; width: 92px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color: #000; padding: 8px 0px 10px 32px; text-align: left;} #estructura #promocion_destacada_home #textos_promocion_destacada{float: left; width: 500px;} /*INTERNAS*/ /*ACCESO CLIENTES*/ #estructura .bot_clientes{width: 39px; height: 250px; display: block; position: relative; text-decoration: none; float: left; letter-spacing: -1px; font: 1px Arial, Helvetica, sans-serif;} #estructura #acceso_clientes_0{width: 39px; height: 250px; position: absolute; margin: 40px 0px 0px 945px; padding: 0px; z-index: 999;} *>#estructura #acceso_clientes_0 #capa_ie6_0{background: url(../images/botones/bot_acceso_clientes.png) no-repeat 0px 0px; width: 39px; height: 250px;} /*ACCESO CLIENTES: CAJA TEXTOS: MARGENES Y ALTOS SE REDEFINEN CON ID*/ #estructura #acceso_clientes_1 .tips{background: url(../images/html/fondo_tips.gif) repeat-y 0px 0px; width: 175px; margin: 0px; padding: 0px; float: left;} #estructura #acceso_clientes_1 .tips .top{background: url(../images/html/fondo_top_tips.gif) no-repeat 0px 0px; width: 175px; height: 6px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; display: block;} #estructura #acceso_clientes_1 .tips .bottom{background: url(../images/html/fondo_bottom_tips.gif) no-repeat 0px 0px; width: 175px; height: 6px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; display: block; clear: both;} /*ACCESO CLIENTES: FORMULARIO USUARIOS NO REGISTRADOS*/ #estructura #acceso_clientes_1{width: 240px; height: 250px; position: absolute; margin: 40px 0px 0px 744px; padding: 0px; z-index: 999; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;} *>#estructura #acceso_clientes_1 #capa_ie6_1{background: url(../images/botones/bot_acceso_clientes_activo.png) no-repeat 0px 0px; width: 240px; height: 250px;} /*FORMULARIO INGRESO USUARIOS*/ #estructura #acceso_clientes_1 #ingreso_usuarios{position: relative; z-index: 999; width: 200px; float: left;} #estructura #acceso_clientes_1 #ingreso_usuarios p{margin: 0px; padding: 10px 0px 0px 12px; float: left; width: 175px;} #estructura #acceso_clientes_1 #ingreso_usuarios label{color: #FFF; font-weight: bold;} #estructura #acceso_clientes_1 #ingreso_usuarios input{background: #FFF; height: 16px; width: 170px; padding: 1px 0px 1px 3px; margin: 0px; border: 1px solid #333;} #estructura #acceso_clientes_1 #ingreso_usuarios button{background: url(../images/botones/bot_90x30.gif) no-repeat 0px 0px; margin: 10px 0px 16px 50px; padding: 7px 0px 8px 0px; width: 93px; font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #294278;} #estructura #acceso_clientes_1 #ingreso_usuarios #olvido_clave{margin: 0px; padding: 0px 0px 0px 13px; font-size: 10px;} #estructura #acceso_clientes_1 #ingreso_usuarios #olvido_clave a:link, #estructura #acceso_clientes_1 #ingreso_usuarios #olvido_clave a:visited{color: #FFF; text-decoration: underline;} #estructura #acceso_clientes_1 #ingreso_usuarios #olvido_clave a:hover, #estructura #acceso_clientes_1 #ingreso_usuarios #olvido_clave a:active{color: #FFF; text-decoration: none;} /*TIPS: REGISTRESE AQUI*/ #estructura #acceso_clientes_1 .tips{padding: 0px; margin: 0px 0px 0px 8px;} #estructura #acceso_clientes_1 .tips h1{font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 5px 0px 0px 7px;} #estructura #acceso_clientes_1 .tips a:link, #estructura #acceso_clientes_1 .tips a:visited{text-decoration: none; color: #024980;} #estructura #acceso_clientes_1 .tips a:hover, #estructura #acceso_clientes_1 .tips a:active{text-decoration: underline; color: #024980;} #estructura #acceso_clientes_1 .tips #inscribase_aqui{background: url(../images/html/ic_inscribase.gif) no-repeat 16px 0px; margin: 0px; padding: 5px 0px 3px 42px; width: auto; float: none;} /*TIPS: REGISTRESE AQUI*/ *>#estructura #acceso_clientes_1 #capa_ie6_2 {background: url(../images/botones/bot_acceso_clientes_pedidos.png) no-repeat 0px 0px; width: 240px; height: 250px;} #estructura #acceso_clientes_1 #capa_ie6_2 h1{margin: 0px; padding: 26px 0px 7px 0px; font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align: center;} #estructura #acceso_clientes_1 #capa_ie6_2 p{margin: 0px; padding: 0px; color: #666; font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;} #estructura #acceso_clientes_1 #capa_ie6_2 button{background: url(../images/botones/bot_cerrar_sesion.gif) no-repeat 0px 0px; margin: 0px 0px 12px 50px; padding: 7px 0px 8px 9px; width: 93px; font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #294278;} #estructura #acceso_clientes_1 #capa_ie6_2 #bot_solicitar{background: url(../images/botones/bot_180x30.gif) no-repeat 0px 0px; margin: 0px 0px 25px 5px; padding: 7px 0px 8px 0px; width: 183px; font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #294278;} #estructura #acceso_clientes_1 #capa_ie6_2 a:link, #estructura #acceso_clientes_1 #capa_ie6_2 a:visited{color: #666; text-decoration: underline;} #estructura #acceso_clientes_1 #capa_ie6_2 a:hover, #estructura #acceso_clientes_1 #capa_ie6_2 a:active{color: #666; text-decoration: none;} #estructura #acceso_clientes_1 #capa_ie6_2 #usuarios_registrados{position: relative; z-index: 999; float: left; width: 195px; height: 240px;} #estructura #acceso_clientes_1 #capa_ie6_2 #bot_detalle_carro{background: url(../images/html/ic_detalle_carro.gif) no-repeat 12px 0px; padding: 2px 0px 4px 31px;} #estructura #acceso_clientes_1 #capa_ie6_2 #bot_ver_pedidos{background: url(../images/html/ic_ver_pedidos.gif) no-repeat 8px 0px; padding: 2px 0px 4px 31px;} #estructura #acceso_clientes_1 #capa_ie6_2 #bot_modificar_datos{background: url(../images/html/ic_modificar_datos.gif) no-repeat 8px 5px; padding: 2px 0px 2px 31px;} /*CONTENIDOS PORTADA PRODUCTOS*/ #estructura #portada_productos{background: #ECECEC; width: 745px; margin: 0px; padding: 0px 0px 0px 1px; float: left; font: 1em/150% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #175FAF;} #estructura #portada_productos h1{font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px; margin: 0px; padding: 0px; width: 745px; height: 219px;} #estructura #portada_productos h2{background: url(../images/html/fondo_tit_productos_destacados.jpg) repeat-x 0px 0px; margin: 0px 0px 10px 0px; padding: 5px 0px 6px 26px; color: #FFF; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;} #estructura #portada_productos h3{font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 12px 0px 0px 0px; padding: 0px; color: #175FAF;} #estructura #portada_productos h4{font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #333;} /*CONTENIDOS DETALLE PRODUCTOS*/ #estructura #detalle_productos{width: 659px; margin: 0px; padding: 0px 0px 10px 25px; float: left; font: 1em/160% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;} #estructura #detalle_productos #overflow{overflow: auto; height: 310px; font-size: 1.1em; clear: both; margin: 0px 0px 5px 0px;} /*CONTENIDO DETALLE PRODUCTOS: COLORES DISPONIBLES*/ #estructura #detalle_productos #colores_disponibles{clear: both; width: 656px; border: 1px solid #CCC; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; margin: 0px 0px 20px 0px; padding: 0px;} #estructura #detalle_productos #colores_disponibles p{margin: 0px; padding: 3px 5px 3px 6px; float: left;} #estructura #detalle_productos #colores_disponibles img{border: none; margin: 2px 0px 0px 6px; padding: 0px; width: 17px; height: 17px;} /*CONTENIDOS DETALLE MAQUINAS*/ #estructura #detalle_maquinas{width: 670px; margin: 0px; padding: 0px 0px 0px 25px; float: left; font: 1em/160% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; } #estructura #detalle_maquinas #textos{width: 345px; margin: 0px 0px 8px 0px; padding: 0px 15px 0px 0px; float: left;} #estructura #detalle_maquinas #textos p{margin: 0px; padding: 0px 0px 0px 0px;} #estructura #detalle_maquinas #textos table{ border-collapse:collapse;} #estructura #detalle_maquinas #textos tr{ } #estructura #detalle_maquinas #textos td{ background-color:#f5f5f5; border:1px solid #FFFFFF; border-collapse:collapse; padding:3px;} #estructura #detalle_maquinas #foto{width: 285px; margin: 0px; padding: 0px 0px 0px 10px; float: left;} #estructura #detalle_maquinas #foto img{border: 1px solid #999; padding: 4px; margin: 0px 0px 5px 0px;} #estructura #detalle_maquinas #agregar_carro{clear: both; font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; width: 632px; border: 1px solid #CCC; padding: 5px 19px 5px 8px; margin:0px 0px 30px 0px; } #estructura #detalle_maquinas #agregar_carro #agregar{background: url(../images/html/ic_carro.gif) no-repeat 0px 0px; padding: 3px 0px 3px 19px; float: right; color: #333; font: bold 10px Tahoma, Arial, Helvetica, sans-serif;} #estructura #detalle_maquinas #agregar_carro p{background: url(../images/html/bullet_menu_productos.gif) no-repeat 0px 5px; padding: 0px 0px 0px 10px; margin: 0px;} #estructura #detalle_maquinas #agregar_carro button{background: url(../images/botones/bot_agregar.gif) no-repeat 0px 0px; width: 41px; height: 17px; margin: 0px 0px 0px 10px; padding: 0px; float: right;} #estructura #detalle_maquinas #agregar_carro span{width: 53px; float: right;} #estructura #detalle_maquinas #agregar_carro img{border: none; float: left; margin: 0px 0px 3px 2px;} #estructura #detalle_maquinas #agregar_carro input{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; width: 30px; border: 1px solid #1776A5; margin: 0px 2px 5px 0px; float: left;} /*estilos campos formularios*/ #estructura #portada_productos input{background: #FFF; border: 1px solid #1776A5; width: 28px; margin: 5px 0px 0px 0px; padding: 2px 0px 2px 2px; float: left;} #estructura #portada_productos select{background: #FFF; border: 1px solid #1776A5; width: 144px; margin: 5px 15px 0px 0px; padding: 0px; float: left;} #estructura #portada_productos button{background: url(../images/botones/bot_carro_compra.jpg) no-repeat 0px 0px; width: 92px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color: #000; padding: 8px 0px 10px 32px; margin: 0px 0px 0px 34px; text-align: left;} /*estilos productos destacados*/ #estructura #portada_productos #productos_destacados {padding: 0px 5px 0px 22px; margin: 0px; height: 204px;} *>#estructura #portada_productos #productos_destacados {min-height: 204px; height: auto;} #estructura #portada_productos #productos_destacados p{margin: 0px; padding: 0px 0px 2px 0px;} #estructura #portada_productos #productos_destacados img{background: #FFF; border: 1px solid #666; margin: 0px 22px 12px 0px; padding: 4px 5px; width: 135px; height: 70px; float: left;} #estructura #portada_productos #productos_destacados #separador{background: #FFF; display: block; margin: 0px 0px 12px -23px; padding: 0px; clear: both; height: 1px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; width: 740px; position: relative;} /*botones cantidades: span incluye las dos imagenes para aumentar o disminuir cantidad de productos*/ #estructura #portada_productos #productos_destacados .cantidades{width: 10px; height: 15px; padding: 5px 0px 0px 10px; float: left; display: block;} #estructura #portada_productos #productos_destacados .cantidades img{background: none; width: 10px; height: 6px; border: none; margin: 2px 0px; padding: 0px; border: none; float: none; float: left;} /*DIV DESPLIEGUE DE DATOS: EN IE6 DIV DE CONTENIDOS GENERA SCROLL*/ .menu{margin: -205px 0px 0px -190px; left: 0; position: absolute; top: 0; visibility: hidden; z-index: 101; width: 239px; padding: 0px; text-align: left; font: 11px/100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;} .menu h1{background: url(../images/html/ic_color.gif) no-repeat 13px 3px; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 3px 20px 5px 30px;} .menu h2{background: url(../images/html/ic_carro.gif) no-repeat 18px 3px; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 3px 20px 9px 40px;} .menu .cerrar{background: url(../images/html/ic_cerrar.gif) no-repeat 0px 0px; cursor: pointer; width: 13px; height: 13px; margin: 2px 0px 0px 0px; display: block; float: right; font: 1px Arial, Helvetica, sans-serif;} .menu .contenidos{padding: 0px 0px 3px 19px; margin: 0px 20px 0px 0px; overflow: auto; display: block; height: 95px;} .menu .contenidos img{padding: 0px; margin: 0px 1px 3px 0px; border: none;} .menu .capaie{width: 239px; position: relative; z-index:999;} .menu .confirmar{padding: 10px; margin: 0px; font-weight: bold;} .menu .confirmar p{margin: 0px; padding: 0px 20px 0px 10px;} .menu .confirmar img{border: 1px solid #FFF; margin: 0px; padding: 0px; float: left;} .menu .confirmar button{background: url(../images/botones/bot_confirmar.jpg) no-repeat 0px 0px; width: 42px; height: 17px; margin: 3px 0px 0px 10px; padding: 0px;} .menu dl{clear: both; margin: 0px; padding: 0px 0px 4px 0px; width: 200px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333;} .menu dl dt{width: 80px; font-weight: bold; margin: 0px; padding: 0px; float: left; display: block;} .menu dl dd{width: 120px; margin: 0px; padding: 0px; float: left; display: block;} *>.menu .top{background: url(../images/html/top_despliegue_datos.png) no-repeat 0px 0px; display: block; width: 239px; height: 12px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px;} *>.menu .fondo{background: url(../images/html/fondo_despliegue_datos.png) repeat-y 0px 0px; width: 239px;} *>.menu .bottom{background: url(../images/html/bottom_despliegue_datos.png) no-repeat 0px 0px; display: block; width: 239px; height: 33px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px;} /*INTERNAS: PLANTILLA PARA CONTENIDO PLANO, COMO EMPRESA Y CARRO DE COMPRA*/ #estructura #internas{font: 1.1em/180% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 15px 44px 20px 13px; min-height: 400px;} #estructura #internas h1{font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px; margin: 15px 0px 0px 0px; padding: 0px;} #estructura #internas h1#tit_empresa{background: url(../images/html/tit_empresa.gif) no-repeat 0px 0px; height: 18px;} #estructura #internas h1#tit_carro_cotizacion{background: url(../images/html/tit_carro_cotizacion.gif) no-repeat 0px 0px; height: 19px; border-bottom: 1px solid #ECECEC; margin-bottom: 15px;} #estructura #internas h1#tit_contacto{background: url(../images/html/tit_contacto.gif) no-repeat 0px 0px; height: 15px;} #estructura #internas h1#tit_servicio_tecnico{background: url(../images/html/tit_servicio_tecnico.gif) no-repeat 0px 0px; height: 18px;} #estructura #internas h1#tit_cobertura{background: url(../images/html/tit_cobertura.gif) no-repeat 0px 0px; height: 18px;} #estructura #internas h1#tit_inscripcion{background: url(../images/html/tit_formulario_inscripcion.gif) no-repeat 0px 0px; height: 19px; border-bottom: 1px solid #ECECEC; margin-bottom: 15px;} #estructura #internas h1#tit_mapa_sitio{background: url(../images/html/tit_mapa_sitio.gif) no-repeat 0px 0px; height: 19px;} #estructura #internas h1#tit_error404{background: url(../images/html/tit_error404.gif) no-repeat 0px 0px; height: 19px;} /*FORMULARIO DE CONTACTO*/ #estructura #formularios{width: 641px; padding: 10px 0px 15px 0px; margin: 0px auto; border: 1px solid #D4D0C8; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666;} #estructura #formularios p{background: #ECECEC; margin: 0px 0px 10px 0px; padding: 8px 0px; clear: both;} #estructura #formularios label{display: block; float: left; width: 130px; padding: 0px 5px 0px 20px;} #estructura #formularios input, #estructura #formularios textarea{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; margin: 0px; padding: 2px 0px 0px 2px; border: 1px solid #1776A5; width: 420px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1577A8;} #estructura #formularios select{margin: 0px; padding: 0px; height: 20px; border: 1px solid #1776A5; width: 420px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1577A8;} #estructura #formularios span{color: #1577A8; font-size: 0.9em; margin: 0px 0px 0px 2px;} #estructura #formularios h6{clear: both; font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #024C87; margin: 0px; padding: 0px 0px 0px 150px;} /*FORMULARIO DE INSCRIPCION*/ #estructura #inscripcion{width: 872px; padding: 10px 0px 15px 0px; margin: 0px auto; border: 1px solid #D4D0C8; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666;} #estructura #inscripcion p{background: #ECECEC; margin: 0px 0px 10px 0px; padding: 8px 0px; clear: both; height: 25px;} *>#estructura #inscripcion p{height: auto; min-height: 25px;} #estructura #inscripcion label{display: block; float: left; width: 130px; padding: 0px 5px 0px 15px;} #estructura #inscripcion input{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; margin: 0px; padding: 2px 0px 0px 2px; border: 1px solid #1776A5; width: 230px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;} #estructura #inscripcion select{margin: 0px; padding: 0px; height: 20px; border: 1px solid #1776A5; width: 230px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;} #estructura #inscripcion span{color: #1577A8; font-size: 0.9em; margin: 0px 0px 0px 2px;} #estructura #inscripcion h6{clear: both; text-align: right; font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #024C87; margin: 0px; padding: 0px 70px 0px 0px;} #estructura #inscripcion #linea_pass{height: 40px;} *>#estructura #inscripcion #linea_pass{height: 38px;} #estructura #inscripcion #col_left{width: 430px; float: left;} #estructura #inscripcion #col_right{width: 435px; float: left;} #estructura #inscripcion input.disabled{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; border: 1px solid #CCC;} #estructura #inscripcion input.enable{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; border: 1px solid #1776A5;} /*PROMOCIONES DESTACADAS*/ #estructura #promociones{font: 1em/160% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 10px 0px 30px 18px; width: 900px; min-height: 400px;} #estructura #promociones h1{background: url(../images/html/bullet_generico.gif) no-repeat 0px 3px; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 6px 17px; color: #024D88;} #estructura #promociones h2{background: url(../images/html/fondo_tabla_datos_thead.jpg) repeat-x left bottom #4FABD8; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; padding: 3px 0px 3px 15px; clear: both;} #estructura #promociones h3{font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 8px 0px 0px 0px; clear: both;} #estructura #promociones p{margin: 0px; padding: 0px 0px 5px 0px;} #estructura #promociones button{background: url(../images/botones/bot_carro_compra.jpg) no-repeat 0px 0px; width: 92px; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color: #000; padding: 8px 0px 10px 32px; text-align: left;} #estructura #promociones img{border: 1px solid #999; padding: 2px; margin: 0px 15px 10px 0px; float: left;} #estructura #promociones .ver_detalle{background: url(../images/html/bullet_menu_productos.gif) no-repeat 0px 5px; padding: 0px 0px 0px 10px; color: #024D88;} #estructura #promociones .ver_detalle a:link, #estructura #promociones .ver_detalle a:visited{color: #024D88; text-decoration: underline;} #estructura #promociones .ver_detalle a:hover, #estructura #promociones .ver_detalle a:active{color: #024D88; text-decoration: none;} #estructura #promociones #detalle_promociones{margin: 0px; padding: 0px 0px 13px 0px; width: 715px; clear: both;} #estructura #promociones #detalle_promociones #texto_promociones{margin: 0px; padding: 0px 0px 13px 0px; width: 500px; float: left;} #estructura #promociones #cont_otras_promociones{border: 1px solid #ECECEC; padding: 5px 13px 13px 13px; margin: 1px 0px 0px 0px;} /*TABLA: DATOS GENERICOS, COMO CARRO DE COMPRA*/ #estructura #tabla_datos{font: 0.9em Tahoma, Arial, Helvetica, sans-serif; color: #000; border-collapse: collapse; border: 1px solid #CCC; border-top: none; margin: 0px; clear: both;} #estructura #tabla_datos thead th{background: url(../images/html/fondo_tabla_datos_thead.jpg) repeat-x left bottom #4FABD8; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 5px 0px 6px 0px; border-collapse: collapse;} #estructura #tabla_datos tbody th{background: #ECECEC; color: #000; font: normal 1em Tahoma, Arial, Helvetica, sans-serif; padding: 8px 5px; border-right: 1px solid #FFF; border-collapse: collapse;} #estructura #tabla_datos tbody td{background: #FCFCFC; color: #000; font: 1em Tahoma, Arial, Helvetica, sans-serif; padding: 8px 5px; border-right: 1px solid #FFF; border-collapse: collapse;} #estructura #tabla_datos tfoot td{background: #CCCCCC; border-right: 1px solid #FFF; border-collapse: collapse; padding: 0px;} #estructura #tabla_datos .eliminar{background: url(../images/html/ic_eliminar.gif) no-repeat 0px 0px; display: block; width: 26px; height: 26px; margin: 0px; padding: 0px; font: 1px Arial, Helvetica, sans-serif;} #estructura #tabla_datos .eliminar a{background: url(../images/html/ic_eliminar.gif) no-repeat 0px 0px; display: block; width: 26px; height: 26px; text-decoration: none;} #estructura #tabla_datos .cantidad{height: 20px; display: block; width: 50px;} #estructura #tabla_datos .cantidad input, #estructura #tabla_datos .agregar_carro input{background: url(../images/html/fondo_input.jpg) no-repeat 0px 0px; width: 30px; border: 1px solid #1776A5; margin: 0px 2px 5px 0px; float: left;} #estructura #tabla_datos .cantidad img, #estructura #tabla_datos .agregar_carro img{border: none; width: 10px; height: 6px; padding: 0px; margin: 0px 0px 4px 0px; float: left;} #estructura #tabla_datos .agregar_carro{height: 20px; width: 98px;} #estructura #tabla_datos .ic_codigo{background: url(../images/html/ic_codigo.gif) no-repeat 0px 0px; padding: 0px 0px 0px 18px; margin: 0px auto;} /*MAPA DEL SITIO*/ #estructura #mapa_sitio{font: 1em/180%"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 0px 0px 30px 0px;} #estructura #mapa_sitio h1{background: url(../images/html/bullet_generico.gif) no-repeat 0px 6px; padding: 0px 0px 12px 17px; margin: 0px auto; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; width: 80px; text-indent: 0px; letter-spacing: normal;} #estructura #mapa_sitio a:link, #estructura #mapa_sitio a:visited{text-decoration: underline; color: #000;} #estructura #mapa_sitio a:hover, #estructura #mapa_sitio a:active{text-decoration: none; color: #000;} #estructura #mapa_sitio .col_contenidos{width: 400px; float: left; padding: 0px 0px 0px 40px;} #estructura #mapa_sitio .col_contenidos p{background: url(../images/html/bullet_generico.gif) no-repeat 0px 6px; padding: 0px 0px 12px 17px; margin: 0px;} #estructura #mapa_sitio .col_contenidos strong{font-size: 1.1em; font-weight: bold; color: #000;} /*ETIQUETAS APLICABLES PARA EL ESTILO DE PAGINA DE ACCESIBILIDAD*/ #accesibilidad{width: 98%; clear: both;} #accesibilidad #txt_accesibilidad{width: 560px; padding: 0px 0px 0px 30px;} #accesibilidad #txt_accesibilidad h1{font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-indent: 0px; letter-spacing: normal; color: #175FAF; margin: 0px; padding: 0px;} #accesibilidad #txt_accesibilidad h2{font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px;} #accesibilidad #txt_accesibilidad p{margin: 0px; padding: 0px 0px 20px 0px;} #accesibilidad #iconos_accesibilidad{background: #FCFCFC; float: right; width: 260px; height: 750px; padding: 20px 0px 0px 10px;} #accesibilidad #iconos_accesibilidad p{margin: 0px; padding: 0px; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #175FAF;} #accesibilidad #iconos_accesibilidad img{border: none; margin: 0px 0px 10px 0px;} /*PAGINADOR*/ #paginador{clear: both; text-align: center; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 10px 0px;} #paginador a:link, #paginador a:visited{color: #666; padding: 2px 4px; text-decoration: none;} #paginador a:hover, #paginador a:active{background: #8D8D8D; color: #FFF; text-decoration: none;} #paginador #anterior{margin: 0px 35px 0px 0px;} #paginador #siguiente{margin: 0px 0px 0px 35px;} /*HERRAMIENTAS BOTTOM*/ #herramientas_bottom{background: #ECECEC; width: 982px; height: 31px; margin: 0px; padding: 0px; text-align: right; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1455A5; clear: both;} #herramientas_bottom p{margin: 0px; padding: 5px 11px 0px 0px;} #herramientas_bottom a:link, #herramientas_bottom a:visited{color: #1455A5; margin: 0px 11px; text-decoration: underline;} #herramientas_bottom a:hover, #herramientas_bottom a:active{color: #1455A5; text-decoration: none;} #herramientas_bottom button{margin: 0px 0px 0px 6px; padding: 0px; width: 23px; height: 21px; float: right;} #herramientas_bottom #bot_subir{background: url(../images/html/ic_subir.gif) no-repeat 0px 0px;} #herramientas_bottom #bot_portada_bottom{background: url(../images/html/ic_home.gif) no-repeat 0px 0px;} #herramientas_bottom #bot_volver_bottom{background: url(../images/html/ic_volver.gif) no-repeat 0px 0px;} /*FOOTER*/ #footer{background: url(../images/html/fondo_footer.jpg) no-repeat 0px 0px; clear: both; font: 10px/150% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; margin: 0px auto; padding: 0px; width: 996px;} #footer p{margin: 0px; padding: 8px 23px 16px 16px;} #footer span{float: right;} #footer a:link, #footer a:visited{color: #FFF; text-decoration: underline;} #footer a:hover, #footer a:active{background: #666; color: #FFF; text-decoration: none;} #footer #intermedia{text-align: right; margin: 0px; padding: 0px 25px 7px 0px;} #footer #intermedia a:link, #footer #intermedia a:visited{color: #FFF; text-decoration: none;} #footer #intermedia a:hover, #footer #intermedia a:active{color: #FFF; text-decoration: none;} /*Consulta Pedidos*/ .detalle_pedido{ width:918px; height:auto; margin:15px 0px 15px 0px; padding:0px; border:1px solid #CCC;} .detalle_pedido .tabla_pedidos_head{ width:917px; margin:0px 0px 10px 0px; padding:0px; border-collapse:collapse;} .detalle_pedido .tabla_pedidos_head td{ width:110px; text-align:right; font: bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin:0px; padding:0px 7px 0px 0px; border-right:3px solid #FFF;} .detalle_pedido .tabla_pedidos_head th{ width:786px; text-align:left; font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin:0px; padding:0px 0px 0px 7px;} .detalle_pedido .tabla_pedidos_head .tb_blanca{ height:29px; background:#FFF;} .detalle_pedido .tabla_pedidos_head .tb_gris{ height:29px; background:#F7F7F7;} .detalle_pedido .tabla_pedidos_datos{ width:917px; margin:5px 0px 15px 0px; padding:0px;} .detalle_pedido .tabla_pedidos_datos caption{text-align: left; padding: 10px; border-bottom: none; font-weight: bold; background:#ECECEC;} .detalle_pedido .tabla_pedidos_datos td{ width:304px; font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; border-right: 1px solid #FFF; border-collapse:collapse;} .detalle_pedido .tabla_pedidos_datos th{ width:304px; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align:center; background:url(../images/html/bg_detalle_pedido_realizado.jpg) no-repeat;} .detalle_pedido .tabla_pedidos_datos .tdatos_encabezado{ height:29px; font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; text-align:left; padding:0px 0px 0px 0px; font-weight: bold;} .detalle_pedido .tabla_pedidos_datos .tdatos_titulos{ height:29px;} .detalle_pedido .tabla_pedidos_datos .tdatos_blanca{ height:29px; background:#FFF; text-align:center;} .detalle_pedido .tabla_pedidos_datos .tdatos_gris{ height:29px; background:#ECECEC; text-align:center;}