/* CSS Document */ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*PRODUCTOS..............................................................................................................................*/ body { margin:0 auto; text-align:center; font:normal 11px Arial, Helvetica, sans-serif; background:none; background-color:#FFFFFF; } #head_productos{width:945px; text-align:left; margin:0 auto; background:url(imagenes_productos/fondo_site_productos.jpg) repeat-y 0 0;} #botonera_productos { width:218px; float:left; display:inline;} #logo_productos { width:218px; height:213px; background:url(imagenes_productos/logo_productos.jpg) no-repeat 0 0;} /*BTN COLUMNA IZQUIERDA*/ .btn_carrito_gris a{ width:167px; height:47px; display:block; background:url(imagenes_productos/btn_carrito.png) no-repeat 0 0; text-decoration:none; font-weight:bold; margin:0 auto 40px auto;} .btn_carrito_gris a:hover{ background-position:0 -47px;} p.txt_btn_pedido {padding:8px 0 0 25px; font-size:12px; text-align:left; color:#CC0000;} p.txt_btn_pedido strong { color:#17346D;} /*BTN INFERIOR*/ .btn_carrito a { width:167px; height:47px; display:block; background:url(imagenes_productos/btn_carrito.png) no-repeat 0 0; text-decoration:none; color:#CC0000; font-weight:bold; margin:0 auto 40px auto; cursor:pointer;} .btn_carrito a:hover { background-position:0 -47px;} a#destino_pedido{ visibility:hidden;} /*BTN COMO HACER PEDIDO*/ a.como_pedido {width:167px; height:44px; display:block; background:url(imagenes_productos/btn_carrito.png) no-repeat 0 -3px; text-decoration:none; margin-left:25px;} a.como_pedido p.txt_btn_pedido { font-weight:bold;} a.como_pedido:hover { background-position:0 -50px;} ul#links_botonera_productos{width:218px; list-style:none; margin-bottom:30px;} ul#links_botonera_productos li { border-top:1px solid #fff; border-bottom:1px solid #B1B1B1;} ul#links_botonera_productos li a { width:168px; padding:5px 25px; text-decoration:none; display:block; background:url(imagenes_productos/bullet_productos.png) no-repeat 15px 10px; color:#333; } ul#links_botonera_productos li a:hover {color:#CC0000; background-position:15px -34px;} #central_info_productos {} #cuerpo_productos { width:727px; float:left; display:inline; padding-bottom:5px;} /*HEAD*/ #head_info_productos{width:697px; background:url(imagenes_productos/fondo_head_productos.png) no-repeat 0 0; padding-left:30px;} #nombre_seccion { width:255px; text-align:center; display: inline-block; vertical-align:top; margin:10px 0 0 0;} #nombre_seccion img { display:inline-block;} /*CAMPO PARA TITULO DEL PRODUCTO EN EL HEAD DE LA PAGINA*/ p.titulo_seccion{display:inline-block; color:#183772; font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;} #botones_seccion { width:435px; display: inline-block;} /*CAMPO PARA NOMBRE DE USUARIO*/ #nombre_usuario{ height:17px;text-align:right; margin-top:5px; padding:0 20px 0 0 ;} p.campo_usuario { text-align: right;} p.campo_usuario strong { font-size:10px;} ul#links_seccion { list-style:none; height:22px; margin-left:40px; } ul#links_seccion li { display:inline-block; width:120px; text-align:center; text-decoration:none; color:#666666; font-size:10px; margin:3px 0 0 7px; cursor:pointer;} ul#links_seccion li a { width:120px; text-align:center; display:block; text-decoration:none; color:#666666; font-size:10px; } /*BOTON CERRAR SESION*/ ul#links_seccion li a.btn_cerrar_sesion {display:inline-block; color:#CC0000; } ul#links_seccion li:hover ,ul#links_seccion li a:hover { color:#000000;} ul#listado_paso_paso{width:675px; list-style:none; margin:30px 0 30px 5px; background:url(imagenes_productos/btn_carrito_paso.png) no-repeat 555px 12px;} ul#listado_paso_paso li { font-size:12px; color:#333333; margin:5px 0;} ul#listado_paso_paso li strong {color:#CC0000;} /*CENTRAL*/ #central_info_productos {width:697px; padding-left:30px; } .contenedor_listas {} .modulo_lista{ width:213px; background:url(imagenes_productos/fondo_modulo_producto.png) repeat-y 0 0; text-align:center; float:left; display:inline; margin: 0px 12px 12px 0; } table.lista_de_productos{ width:197px; border-collapse: collapse; color:#333333; margin-left:8px;} thead tr{ border-top:1px solid #DFDFDF;} thead tr th.celda_foto_producto { border-left:1px solid #DFDFDF;} thead tr th.celda_nombre_producto { border-right:1px solid #DFDFDF;} tr.head_modulo th { background-color:#FFFFFF;} th.celda_foto_producto {width:68px;} th.celda_nombre_producto { text-align:left; vertical-align:top; color:#183772;} p.titulo_producto{ padding:10px;} tr.titulos_modulo {} tr.titulos_modulo td { background-color:#17356E; color:#FFFFFF; padding:5px 0;} tr.titulos_modulo td.diametro{ width:68px;} tr.titulos_modulo td.codigo{ width:86px; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;} tr.titulos_modulo td.carro{ width:41px;} tr.info_modulo {} tr.info_modulo:hover { background-color: #D2E3F9;} tr.info_modulo td { border-top: 1px solid #DFDFDF;} tr.info_modulo td.diametro{ width:68px; padding:3px 0;} tr.info_modulo td.diametro p {width:68px; margin:0; padding:0; cursor:pointer; display:block;} tr.info_modulo td.codigo{ width:86px; border-right:1px solid #DFDFDF; border-left:1px solid #DFDFDF; padding:3px 0;} tr.info_modulo td.codigo p {width:86px; cursor:pointer; display:block;} tr.info_modulo td.carro{ width:41px; padding:3px 0;} /*PEDIDOS*/ #contenedor_btn_inferior { width:697px; padding:0 0 0 30px; margin:0; text-align:center;} #pedidos {width:677px; margin:0 0 20px 30px; display: none; background:url(imagenes_productos/fondo_central_pedidos.jpg) repeat-y 0 0;} #head_pedidos{width:680px; height:51px; background:url(imagenes_productos/fondo_top_pedidos.png) no-repeat 0 0;} p.titulo_pedidos{ width:550px; float:left; display:inline; font-size:18px; color:#17336C; text-align:center; padding:12px 0 0 20px; } p.btn_ocular_pedidos { float:left; display:inline; text-decoration:none; font-size:9px; color:#CC0000; cursor:pointer;text-align:center; background:url(imagenes_productos/bullet_ocultar_pedido.gif) no-repeat 0 2px; padding:0 0 0 10px; margin-top:20px;} p.btn_ocular_pedidos:hover{ color:#000000;} #central_pedidos{width:677px;} table.seleccion_pedidos{ width:655px; border-collapse: collapse; color:#4A4A4A; text-align:center; margin:15px 0 15px 12px; border-bottom:1px solid #DFDFDF; } th, td { border-top: 1px solid #DFDFDF; margin:0; padding:0;} tr.titulo_pedidos th { background-color:#E4E4E4; color:#17346D; padding:5px 0; } th.titulo_foto { width:120px;} th.titulo_ad { width:331px; border-left:1px solid #DFDFDF;} th.titulo_cantidad { width:106px; border-left:1px solid #DFDFDF;} th.titulo_eliminar {width:103px; border-left:1px solid #DFDFDF;} tr.detalle_pedidos td {vertical-align:top;} tr.detalle_pedidos td p {text-align:left; color:#4A4A4A; font-size:12px;vertical-align:top; padding:10px 0 0 15px;} tr.detalle_pedidos td p strong { color:#17346D; clear:both; display:block;} td.foto_pedido{ width:120px;} td.ad_pedido{ width:331px; border-left:1px solid #DFDFDF;} td.cantidad_pedido{ width:106px; border-left:1px solid #DFDFDF;} td.eliminar_pedido{ width:103px; border-left:1px solid #DFDFDF;} td.eliminar_pedido a { display:block; font: bold 16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#DA251D; margin-top:12px;} td.eliminar_pedido a:hover{ color:#666666;} td.cantidad_pedido input { width:55px; height:12px; background-color:#FFFFFF; border:1px solid #999999; padding:2px 5px; text-align:center; color:#666666; margin-top:18px;} #datos_empresa{margin:0 0 0 12px;} #head_datos_empresas{ width:655px; height:24px; background-color:#e4e4e4;} #head_datos_empresas p.titulo_pedidos { width:555px; font-size:14px; vertical-align:top; margin:5px 0 0 0; padding:0; font-weight:bold;} p.modificar_datos { width:100px; float:left; display:inline; margin:5px 0 0 0; text-align:left;} p.modificar_datos a { display:block; text-decoration:none; color:#CC0000; font-size:10px; font-weight:bold;} p.modificar_datos a:hover{ color:#333333;} #central_datos_empresas{ width:655px;} .contenedor_codigo_usuario { width:457px;float:left; display:inline; margin-top:20px;} p.codigo_usuario{ color:#000; font-size:14px; display:block; padding-left:30px; } .contenedor_fecha_usuario { width:180px; float:left; display:inline; margin-top:20px;} p.fecha_usuario{ color:#000; font-size:10px; display:block; } p.fecha_usuario strong { font-size:12px;} p.nota_gris { color:#838383; font-size:11px; clear:both; display:block; border-top:1px solid #CCC; padding-left:30px; } #contenedor_datos { width:582px; display:block; margin-left:30px; } #contenedor_datos div {width:271px; float:left; display:inline; margin-bottom:25px; padding-right:10px;} p.titulo_registro{ font-size:10px; color:#333333; padding:4px 0;} p.titulo_registro strong{ font-size:11px;} img.circulo_rojo{ margin-left:40px;} #contenedor_comentario{ clear:both;} p.comentario{ width:575px; color:#333333; font-weight:bold;} strong.comentario_gris{color:#838383; text-align:right; margin-left:207px; font-weight:normal;} textarea#comentarios{ width:575px; height:71px; border:1px solid #666666; background-color:#FFFFFF; padding:3px 5px; font:normal 11px Arial, Helvetica, sans-serif; color:#666;} #contenedor_pedidos_enviar {display:block; margin:0 0 0 170px;} input#pedidos_enviar{ width:216px; height:31px; display:block; background:url(imagenes_productos/btn_confirmar_productos.jpg) no-repeat 0 0; border:none; cursor:pointer; color:#CC0000; font:bold 12px Arial, Helvetica, sans-serif;} input#pedidos_enviar:hover { background-position:0 -31px;} #canto_inferior_productos{width:668px; margin:0 0 0 5px; display:block; border-bottom:1px solid #CCCCCC;} /*POP UP VISTA PREVIA - NIVEL 1.....................................................................................................................................*/ #pop_up_previa{width:411px; z-index:1; left:50%; position:fixed; display:none; margin:70px 0 0 -160px; padding:0;} #canto_top {width:411px; height:8px; background:url(imagenes_productos/top_pop_previa.png) no-repeat 0 0;} #canto_center {width:411px; background:url(imagenes_productos/fondo_pop_previa.png) repeat-y 0 0;} #canto_base {width:411px; height:17px; background:url(imagenes_productos/base_pop_previa.png) no-repeat 0 0;} #contenedor_btn_cerrar_previa{ width:385px; text-align:right; } .cerrar_pop_previa{ width:19px; height:20px; background:url(imagenes_productos/btn_cerrar_pop_previa.jpg) no-repeat 0 0; display:inline-block; cursor:pointer;} .cerrar_pop_previa:hover { background-position:0 -20px;} #top_previa div {float:left; display:inline;} .foto_previa{ width:185px; } .foto_previa img { margin-left:1px;} .titulo_previa{width:191px; padding:16px 10px 10px 0; text-align:left;} .titulo_previa p { color:#4A4A4A;} .titulo_previa p strong{font-size:17px; color:#17346D; font-weight:bold; display:block; clear:both;} #pie_previa{ width:327px; text-align:left; background-color:#DFDFDF; padding:20px 20px 0 25px; margin:0 10px;} p.descripcion_previa{ font-size:12px; line-height:21px; color:#4A4A4A; padding-bottom:20px;} p.descripcion_previa strong { font-size:17px; display:block; clear:both; color:#333333; } #pie_previa div { width:327px; display:block; height:30px;} div a.btn_agregar_carro{ width:200px; height:22px; background:url(imagenes_productos/btn_agregar_carro.jpg) no-repeat 0 0; display:block; font-size:12px; color:#CC0000; font-weight:bold; text-decoration:none; float:right; padding:8px 0 0 23px; margin-right:-25px;} div a.btn_agregar_carro:hover{ background-position:0 -30px;} /*POP UP ACCESO - NIVEL 2..........................................................................................................................................*/ #pop_up_acceso { width:366px; height:174px; background:url(imagenes_productos/fondo_pop_acceso.png) no-repeat 0 0; padding:8px 12px; position:absolute; z-index:2; left:50%; display:none; margin:80px 0 0 -100px; } #barra_superior_acceso{ width:364px; height:24px; background:#E4E4E4; text-align:center;} #barra_superior_acceso p { font-size:14px; font-weight:bold; color:#17336C; padding-top:4px; margin-left:35px; display:inline-block; } .cerrar_pop_acceso{ width:19px; height:20px; background:url(imagenes_productos/btn_cerrar_pop.jpg) no-repeat 0 0; display:inline-block; float:right; cursor:pointer;} .cerrar_pop_acceso:hover { background-position:0 -20px;} form#formulario_acceso_pop{ margin:15px 0 0 0;} form#formulario_acceso_pop p{ display:inline-block; color:#333333} form#formulario_acceso_pop p.titulo_usurario { margin-left:-20px;} form#formulario_acceso_pop p.titulo_contrasena { margin-left:1px;} form#formulario_acceso_pop input#usuario, form#formulario_acceso_pop input#clave {display:inline-block; width:154px; height:15px; padding:2px 5px; margin:0 0 5px 5px; color:#333333; } form#formulario_acceso_pop input#btn_pop_ingresar { width:126px; height:32px; background:url(imagenes_productos/btn_pop_acceso.jpg) no-repeat 0 0; font-size:12px; font-weight:bold; color:#CC0000; text-align:center; border:none; cursor:pointer; margin:8px 0; vertical-align:top; padding:0 0 5px 0;} form#formulario_acceso_pop input#btn_pop_ingresar:hover { background-position:0 -32px;} p.aclaracion {color:#333333} p.aclaracion a { text-decoration:none; color:#CC0000; font-weight:bold;} p.aclaracion a:hover { color:#333333;} /*POP UP CONFIRMACION - NIVEL 3.....................................................................................................................................*/ #pop_up_confirmacion { width:390px; height:174px; background:url(imagenes_productos/fondo_pop_acceso.png) no-repeat 0 0; padding:8px 0px; position:fixed; z-index:3; left:50%; display:none; margin:80px 0 0 -100px; } #barra_superior_confirmacion {width:375px;} .cerrar_pop_confirmacion{ width:19px; height:20px; background:url(imagenes_productos/btn_cerrar_pop.jpg) no-repeat 0 0; display:inline-block; float:right; cursor:pointer;} .cerrar_pop_confirmacion:hover { background-position:0 -20px;} p.txt_confirmacion{ font-size:14px; color:#666666; clear:both;} p.txt_domicilio{ width: 375px; padding:5px 0; background-color:#FFFFFF; font-size:14px; margin:5px 0 10px 8px;} p.txt_pregunta{ font-size:14px; color:#CC1F1F; font-weight:bold; margin-bottom:8px;} #pop_up_confirmacion input { width:144px; height:48px; color:#CC0000; font-weight:bold; border:none; font-size:11px; cursor:pointer; margin-top:5px;} #pop_up_confirmacion input#btn_confirmar_pedido{ background:url(imagenes_productos/btn_confirmacion.jpg) no-repeat 0 0; margin-right:10px;} #pop_up_confirmacion input#btn_modificar_domicilio{ background:url(imagenes_productos/btn_modificacion.jpg) no-repeat 0 0;} #pop_up_confirmacion input#btn_confirmar_pedido:hover, #pop_up_confirmacion input#btn_modificar_domicilio:hover{ background-position:0 -48px;} /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*REGISTRO..............................................................................................................................*/ #head_info_general{width:697px; height:47px; background:url(imagenes_internas/fondo_head_registro.png) no-repeat 0 0; padding-left:30px;} .contenedor_fecha_consulta { width:300px; height:25px; display: inline-block; text-align:right; } p.fecha_consulta{ margin:20px 0 0 0; display:block; font-size:10px; color:#333333;} p.fecha_consulta strong { font-size:11px; } #btn_volver { margin:25px 0 0 45px; display:inline-block; text-align:center;} #btn_volver a { color:#CC0000; text-decoration:none; display:block;} #btn_volver a:hover{ color:#000000;} #central_info_general {width:697px; padding-left:30px; margin-bottom:30px;} /*FORMULARIO DE REGISTRO*/ form#registro{ width:639px; margin-left:10px;} .clear_form{ clear:both; display:block; width:10px; height:25px;} .form_primer_linea { width:637px; height:42px; float:left; display:inline; text-align:left;} p.titulo_area_registro{ color:#183772; font-size:11px; font-weight:bold; border-bottom:1px solid #ccc; display:block; clear:both; margin:20px 0 0 0; } p.titulo_area_registro strong{font:normal 10px Arial, Helvetica, sans-serif; color:#999999; display:inline-block; margin:0 5px 0 178px;} @media screen and (-webkit-min-device-pixel-ratio:0) {p.titulo_area_registro strong{ margin:0 5px 0 175px;}} p.campo_obligatorio { float:left; display:inline; color:#333333; font-size:10px; padding-left:6px; background:url(imagenes_internas/bullet_obligatorio.jpg) no-repeat 2px 2px; margin:12px 5px 0 0;} p.campo_no_obligatorio{float:left; display:inline; color:#333333; font-size:10px; padding-left:6px; margin:12px 5px 0 0;} #registro input {float:left; display:inline; height:12px; font:normal 11px Arial, Helvetica, sans-serif; color:#666; background-color:#ffffff; border:1px solid #CCCCCC; padding:2px 5px; margin:10px 10px 0 0;} #registro input:focus{ border:1px solid #183772; outline:none;} #registro input#clave_cliente{ width:100px; clear:none; display:inline-block; float:none; height:10px; margin:0 0 3px 0; font-weight:bold;} #registro input#razon_social{ width:170px;} #registro input#fantasia{width:220px;} #registro input#domicilio_entrega{width:156px;} #registro input#domicilio_numero{width:48px;} #registro input#localidad{width:152px;} #registro input#entre_calles{width:202px;} #registro input#codigo_postal{width:40px;} #registro input#provincia{width:116px;} #registro input#telefono{width:142px;} #registro input#fax{width:142px;} #registro input#email{width:147px;} #registro input#web{width:300px;} #registro input#hora_recepcion{width:240px;} #registro input#cuit{width:138px;} #registro input#compras{width:162px;} #registro input#pagos{width:162px;} #registro input#horario_atencion{width:333px;} p.leyenda{ float:right; display:inline; font-size:10px; color:#666; padding-left:6px; background:url(imagenes_internas/bullet_obligatorio.jpg) no-repeat 2px 4px; margin-top:15px; } .barra_azul{ padding:3px 0; text-align:center; display:block; background-color:#183772;} .barra_azul p { display:inline-block; width:200px; color:#FFFFFF; font-size:10px;} .barra_azul p.titulo_numero{ width:27px;} p.num_ref_comerciales{ width:28px; color:#183772; float:left; display:inline; text-align:center; padding-top:4px;} #registro input#ref_comerciales{width:186px; float:left; display:inline; margin:5px 8px 0 0;} .compensador_otros{ display:block; width:30px; height:30px; float:left; display:inline;} .divisor { float:left; display:inline; margin:0 20px;} p.nota_registro { color:#333333; display:block; margin-top:7px;} #contenedor_usuario{ width:636px; text-align:center; display:block;} p.campo_usuario_azul_1, p.campo_usuario_azul_2{ color:#183772; display:inline-block;} p.campo_usuario_azul_2{ margin-left:-25px;} #registro input#campo_usuario_azul { width:108px; border:1px solid #183772; float:none; display:inline-block; clear:both; } #registro input#campo_contrasena_azul {width:108px; border:1px solid #183772; float:none; display:inline-block; clear:both;} /*BOTON REGISTRO*/ #contenedor_btn{ width:636px; text-align:center;} #registro input#btn_registro{width:167px; height:35px; cursor:pointer; font:bold 11px Arial, Helvetica, sans-serif; color:#CC0000; text-align:center; background:url(imagenes_internas/btn_registro.jpg) no-repeat 0 0; border:none; float:none; vertical-align:top;} #registro input#btn_registro:hover { background-position:0 -35px;}