/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.dp50{float:left; width:50%;display: inline; *margin-left:-0.04em;}
body{
margin:0;
padding:0;
background-color:#1e2124;
font: 11px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
background: url(../img/bgbody.gif);
color:#fff;
}
#contenedor{
width:958px;
height:658px;
background: url(../img/bgcontenido1.png) no-repeat;
}
/* *********************************************************/
/* CABECERA
/* *********************************************************/
#superdiv{ padding:31px 26px 0 29px;}
#cabecera{ height:114px;}
#cabecera #menu{ float:right; width:800px; margin:60px 5px 0 0;}
#cabecera #menu ul{}
#cabecera #menu ul li{ margin:0px; padding:0px; list-style-type:none; float:left; display:block;}
#cabecera #menu ul li a{outline: 0;}
#cabecera #menu ul li a.quienes{ background: url('../img/menu_quienes.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:116px;}
#cabecera #menu ul li a.catalogo{ background: url('../img/menu_catalogo.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:116px;}
#cabecera #menu ul li a.oportunidades{ background: url('../img/menu_oportunidades.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:150px;}
#cabecera #menu ul li a.tiendas{ background: url('../img/menu_tiendas.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:116px;}
#cabecera #menu ul li a.contacto{ background: url('../img/menu_contacto.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:150px;}
#cabecera #menu ul li a.recomendar{ background: url('../img/menu_recomendar.jpg') no-repeat; text-indent:-9999px; display:block; height:42px;width:150px;}
#cabecera #menu ul li a.quienes:hover,
#cabecera #menu ul li a.catalogo:hover,
#cabecera #menu ul li a.oportunidades:hover,
#cabecera #menu ul li a.tiendas:hover,
#cabecera #menu ul li a.contacto:hover,
#cabecera #menu ul li a.recomendar:hover,
#cabecera #menu ul li a.seleccionado {background-position: 0 -42px;}
/* *********************************************************/
/* SUPEDIDO
/* *********************************************************/
#supedido{ position:absolute; margin-top:0px;margin-left:700px; z-index:10; background: url(../img/supedido.jpg) no-repeat;}
#supedido a{display:block;width:179px; height:20px; color:#000; text-decoration:none;}
#supedido a span{padding:3px 0 0 110px; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:block;}
/* *********************************************************/
/* CUERPO
/* *********************************************************/
#cuerpo{ background: url(../img/latIzquierdo.gif) repeat-y; height:488px;}
/* lateralIzquierdo */
#cuerpo .lateralIzquierdo{float:left;}
#cuerpo .lateralIzquierdoGenerico{float:left;width:22px;}
#cuerpo .lateralIzquierdoCatalogo{float:left;width:162px;}
#cuerpo .lateralIzquierdoCatalogo #seccion{ float:left; width:22px;}
#cuerpo .lateralIzquierdoCatalogo #enlaces{ float:right; width:140px;border-top:19px solid #595959;}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li {}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li a{height:22px; display:block; border-top:1px solid #595959; text-decoration:none; background: url(../img/flecha1.gif) no-repeat left center; padding: 5px 0 0 15px; color:#FFFFFF; text-transform:uppercase; font-size:14px;}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li ul { margin:10px 0;}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li ul li{ margin-bottom:5px;}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li ul li a{display:block; padding:0 0 0 20px; width:120px;height:18px; font-size:12px; text-decoration:none; color:#fff; overflow:hidden; border-top:0; font-weight:bold; text-transform:none; background:none;}
#cuerpo .lateralIzquierdoCatalogo #enlaces ul li ul li a:hover,#cuerpo .lateralIzquierdoCatalogo #enlaces ul li ul li a.seleccionado{color:#2ca9b7;}
#cuerpo .lateralIzquierdoPedido{float:left;width:162px;}
#cuerpo .lateralIzquierdoPedido #seccion{ float:left; width:22px;}
#cuerpo .lateralIzquierdoPedido #enlaces{ float:right; width:130px;border-top:20px solid #595959; font-size:11px; padding:5px;}
#cuerpo .lateralIzquierdoPedido #enlaces span.destacado{color:#787878; font-style:italic;}
/* lateralDerecho */
#cuerpo .lateralDerechoGenerico{width:881px; background: url(../img/latDerecho.gif) repeat-y; height:488px; float:right; }
#cuerpo .lateralDerechoCatalogo,
#cuerpo .lateralDerechoPedido{width:741px; float:right;}
/*ruta*/
#cuerpo .lateralDerechoGenerico #ruta,
#cuerpo .lateralDerechoCatalogo #ruta,
#cuerpo .lateralDerechoPedido #ruta{background-color:#fff; color:#2ca9b7; height:16px; font-size:11px; padding:2px 5px;}
/*quienessomos*/
#cuerpo .lateralDerechoGenerico #quienesSomos{ padding:20px; background: url(../img/bgquienes.jpg) no-repeat right center;}
#cuerpo .lateralDerechoGenerico #quienesSomos #titular{ font-size:35px; padding-bottom:10px;}
#cuerpo .lateralDerechoGenerico #quienesSomos #texto{font-size:12px; width:460px;}
#cuerpo .lateralDerechoGenerico #quienesSomos #texto p{ margin-bottom:10px;}
#cuerpo .lateralDerechoGenerico #quienesSomos #texto a{ color:#2ca9b7;}
#cuerpo .lateralDerechoGenerico #quienesSomos #texto a:hover{ text-decoration:none;}
/*contacto*/
#cuerpo .lateralDerechoGenerico #contacto{ padding:20px; background: url(../img/bgcontacto.jpg) no-repeat right center;}
#cuerpo .lateralDerechoGenerico #contacto #titular{ font-size:35px; padding-bottom:10px;}
#cuerpo .lateralDerechoGenerico #contacto #texto{font-size:13px; padding-left:10px;}
#cuerpo .lateralDerechoGenerico #contacto #texto table{ font-size:12px;}
#cuerpo .lateralDerechoGenerico #contacto #texto table td{padding:2px; vertical-align:top;}
#cuerpo .lateralDerechoGenerico #contacto #texto form{}
#cuerpo .lateralDerechoGenerico #contacto #texto form p{ margin-bottom:10px;}
/*condiciones y privacidad*/
#cuerpo .lateralDerechoGenerico #condiciones{overflow:auto; height:468px;}
#cuerpo .lateralDerechoGenerico #condiciones #titular{ font-size:35px; padding-bottom:10px; padding:10px;}
#cuerpo .lateralDerechoGenerico #condiciones #texto{font-size:12px; width:800px; padding:0 20px 20px 20px;}
#cuerpo .lateralDerechoGenerico #condiciones #texto h2{font-size:14px; color:#2ca9b7; margin-top:10px; font-weight:bold;}
#cuerpo .lateralDerechoGenerico #condiciones #texto p{ margin-bottom:5px;}
#cuerpo .lateralDerechoGenerico #condiciones #texto ul{ margin:7px 20px; list-style-type:decimal;}
#cuerpo .lateralDerechoGenerico #condiciones #texto a{ color:#2ca9b7;}
#cuerpo .lateralDerechoGenerico #condiciones #texto a:hover{ text-decoration:none;}
#cuerpo .lateralDerechoGenerico #condiciones #texto .direccion{ text-align:center; padding:10px;}
/*catalogo*/
#cuerpo .lateralDerechoCatalogo #catalogo{}
#cuerpo .lateralDerechoCatalogo #catalogo .paginadorarticulos{ margin:5px 23px 5px 0px; font-size:12px; float:right;}
#cuerpo .lateralDerechoCatalogo #catalogo .paginadorarticulos span{color:#fff;display:block; width:15px; height:17px; text-align:center; float:left; font-weight:bold; background-color:#2ca9b7;border:1px solid #2ca9b7;}
#cuerpo .lateralDerechoCatalogo #catalogo .paginadorarticulos a{ text-decoration:none; color:#fff; display:block; width:15px; height:17px; text-align:center; float:left;font-weight:bold;border:1px solid #000;}
#cuerpo .lateralDerechoCatalogo #catalogo .paginadorarticulos a:hover{color:#fff; border:1px dotted #2ca9b7;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos {margin-left:20px; margin-top:5px; clear:both;}
#cuerpo .lateralDerechoCatalogo #catalogo .sinarticulos {clear:both;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos .tarjeta{display:table-cell; width:115px; height:203px;border-top:4px solid #000;border-right:3px solid #000;background: url(../img/bgarticulos.jpg); float:left;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos .tarjeta a{display:block; width:115px; height:203px; text-decoration:none;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos .tarjeta .imagen {padding:10px 0 0 9px;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos .tarjeta .imagen img{width:95px; height:120px; border:0;}
#cuerpo .lateralDerechoCatalogo #catalogo .articulos .tarjeta .texto {padding:3px 9px 0 9px;color:#2ca9b7; font-weight:bold; font-size:12px;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion{height:468px; background-color:#272727;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales { height:230px; background-color:#000;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #nombre{ font-size:30px; padding:10px; padding-bottom:5px;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #caracteristicas{padding:0 10px 10px 10px; font-size:12px; line-height:14px;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #caracteristicas b{color:#999;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #volverAtras{text-align:right; font-size:13px; padding-right:10px; position:absolute; margin-top:207px; margin-left:280px;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #volverAtras a{color:#2ca9b7; text-decoration:none;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datosprincipales #volverAtras a:hover{color:#fff;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios { border-top:1px solid #fff; height:227px; padding:5px; overflow:auto;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia{}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia table{ font-size:12px; width:100%; border-collapse:separate;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia table td{border:1px dotted #666; padding:5px;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia table td span{color:#2ca9b7; display:block; font-weight:bold;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia table td b{color:#999;}
#cuerpo .lateralDerechoCatalogo #catalogo #descripcion #datossecundarios #referencia table td a.pedido{ background-color:#2ca9b7; color:#fff; display:block; text-align:center; border:1px solid #fff; margin-top:3px;}
#cuerpo .lateralDerechoCatalogo #catalogo #foto{height:468px; background-color:#000;border-left:1px solid #fff;}
#cuerpo .lateralDerechoCatalogo #catalogo #foto #ampliar a{ font-size:12px; background-color:#000000; color:#2ca9b7; text-decoration:none; padding:1px; position:absolute; margin-top:440px; margin-left:280px;}
#cuerpo .lateralDerechoCatalogo #catalogo #foto #ampliar a:hover{color:#fff;}
/*pedido*/
#cuerpo .lateralDerechoPedido #pedido{height:365px; padding:20px; overflow:auto;}
#cuerpo .lateralDerechoPedido #pedido table{ width:100%; border-collapse:collapse; font-size:12px;}
#cuerpo .lateralDerechoPedido #pedido table th{ font-weight:bold; text-align:center;color:#999; font-size:13px; text-transform:uppercase;}
#cuerpo .lateralDerechoPedido #pedido table td{ border:2px solid #000; background-color:#efefef; color:#000; padding:3px; text-align:center;}
#cuerpo .lateralDerechoPedido #pedido table td a{color:#0099CC; font-weight:bold;}
#cuerpo .lateralDerechoPedido #piePedido{margin:18px 0 0 20px;}
#cuerpo .lateralDerechoPedido #piePedido ul{margin:0; padding:0; list-style-type:none;}
#cuerpo .lateralDerechoPedido #piePedido ul li{ display:inline; padding-right:5px;}
#cuerpo .lateralDerechoPedido #piePedido ul li a{ color:#2ca9b7}
/* formalizar pedido*/
#cuerpo .lateralDerechoPedido #formalizarpedido{margin:10px; padding:10px; background-color:#fff;}
#cuerpo .lateralDerechoPedido #formalizarpedido h1{ font-size:14px; color:#02d8fd; font-weight:bold;}
#cuerpo .lateralDerechoPedido #formalizarpedido table{ width:100%; border-collapse:collapse; font-size:12px; color:#000;}
#cuerpo .lateralDerechoPedido #formalizarpedido table th{ font-weight:bold; text-align:center;color:#999; font-size:11px; text-transform:uppercase;}
#cuerpo .lateralDerechoPedido #formalizarpedido table td{ border:2px solid #fff; background-color:#efefef; color:#000; padding:1px;}
#cuerpo .lateralDerechoPedido #formalizarpedido table td.total{background-color:#dedede; color:#000; padding:1px; padding-right:10px; text-align:right; font-size:13px; font-weight:bold;}
#cuerpo .lateralDerechoPedido #formalizarpedido table td.info{background-color:#fff; color:#666; padding:1px; text-align:right; font-size:10px;}
#cuerpo .lateralDerechoPedido #datospersonales{padding:10px; margin:0 10px; background-color:#fff;}
#cuerpo .lateralDerechoPedido #datospersonales h1{ font-size:14px; color:#02d8fd; font-weight:bold;}
#cuerpo .lateralDerechoPedido #datospersonales table{ width:100%; border-collapse:collapse; font-size:11px; color:#000;}
#cuerpo .lateralDerechoPedido #datospersonales table td{ vertical-align:top;}
#cuerpo .lateralDerechoPedido #datospersonales table td input{ font-size:11px;}
#cuerpo .lateralDerechoPedido #pieFormalizarpedido{margin:5px 0 0 10px;}
#cuerpo .lateralDerechoPedido #pieFormalizarpedido ul{margin:0; padding:0; list-style-type:none;}
#cuerpo .lateralDerechoPedido #pieFormalizarpedido ul li{ display:inline; }
#cuerpo .lateralDerechoPedido #pieFormalizarpedido ul li a{ color:#2ca9b7}
/* pedido fin*/
#cuerpo .lateralDerechoPedido #pedidofin{margin:10px; padding:10px;}
#cuerpo .lateralDerechoPedido #pedidofin #titular{ font-size:35px; padding-bottom:10px;}
#cuerpo .lateralDerechoPedido #pedidofin #texto{font-size:12px; width:700px;}
/* *********************************************************/
/* PIE
/* *********************************************************/
#pie{ text-align:right; padding-right:30px; font-size:11px; color:#fff; padding-top:5px;}
#pie a{ color:#aaa;}
#pie a:hover{ color:#2ca9b7;}
.clear{clear:both;}
/* *********************************************************/
/* OTROS
/* *********************************************************/
/* WFORMS */
.errFld {border-bottom:#ff0000 solid 1px; border-left:#990000 solid 1px; border-right:#ff0000 solid 1px; border-top:#990000 solid 1px;}
.errMsg {color: #CC3333; font-style:italic;}