body, html { background: #232147; color: #ffffff; font-family: Arial, sans-serif; font-size: 11px; margin: 0; text-align: center; }
a { text-decoration: none; }
a.nolink { cursor: default !important; }
abbr { cursor: help; }

fieldset { border: #aa3322 solid 1px; margin: 1em 0; padding: 5px; }
legend { border: #aa3322 solid 1px; font-weight: bold; padding: 0.3em; text-transform: uppercase; }
ul { list-style-type: square; margin: 0; padding: 0 0 3px 0; }
li { margin: 0 0 0 2.5em; padding: 0; }
ul.avisos { background: #232147; border: #cc5544 solid 1px; list-style-type: square; font-size: 10px; list-style-type: square; margin: 0.5em 0 0.5em 10px; padding: 5px; }
ul.avisos li { margin: 0; }
.hidden { visibility: hidden; }
.right { text-align: right; }
.aleft { float: left; }
.clear { clear: both; }
.cleft { clear: left; }
.numero { font-family: courier new, monospace; font-size: 11px; text-align: right; }
.bgok { background: #ffdddd; }
.bgad { background: #ffffdd; }
.bgko { background: #5F0C06 !important; }
.notas { font-size: 9px; }
.tachar { color: #ccc; text-decoration: line-through; }
dt { font-weight: bold; text-align: right; width: 120px; }
dd { margin: -16px 0 0 130px; }

#container { background: #83160D; margin: 0 auto; text-align: left; width: 1018px; }
#head { background: #232147; position: relative; height: 240px; }
#head h1 { background: url(../img/head-h1.jpg) no-repeat; border: #4D4D4D solid; border-width: 0 1px;margin: 0; text-indent: -1000px; height: 183px; }
#headmenu { background: #83160D; border: #4D4D4D solid; border-width: 0 1px;font-size: 12px; margin: 0; padding: 9px 0; }
#headmenu li { display: inline; list-style-type: none; }
#headmenu a { color: #ffe500; font-weight: bold; margin: 0 3.5em; }
#headmenu a:link { color: #ffe500; }
#headmenu a:hover { color: #ffffff; }
#headmenuapoyo { font-size: 1.1em; text-align: right; position: absolute; top: 10px; right: 10px; }
#headmenuapoyo a:link,
#headmenuapoyo a:visited { color: #fff; }
#headmenuapoyo a:active,
#headmenuapoyo a:hover { color: #fff; text-decoration: underline; }
#head form #headbuscar { position: absolute; bottom: 3px; left: 15px; }
#head form #headbuscar input,
#head form #headbuscar select,
#head form #headbuscar option { font-size: 10px; width: auto; }
#head form #headbuscar input { padding: 1px; }
#head form #headbuscar select { padding: 0; }
#head form #headbuscar input.hbsubmit { background: url(../img/headbuscar_submit.gif) no-repeat center center; border: none; overflow: hidden; padding: 0; text-indent: -10000px; width: 20px; height: 20px; }
#headacciones { color: #aaa; font-size: 10px; position: absolute; bottom: 5px; right: 181px; }
#headacciones em { font-style: normal; padding: 0 7px; }
#headacciones a:link, #headacciones a:visited { color: #535CBF; }
#headacciones a.activo,
#headacciones a.navegadorasc,
#headacciones a.navegadordes,
#headacciones a:active,
#headacciones a:hover { color: #fff; }
#headcarrito { position: absolute; bottom: 5px; right: 15px; }
#headcarrito a { background: url(../img/carro.gif) no-repeat left; padding: 3px 0 3px 25px; }
#headcarrito a:link,
#headcarrito a:visited { color: #fff; }
#headcarrito a:hover { text-decoration: underline; }

#body { background: #83160D; border: #4D4D4D solid; border-width: 0 1px; }
#body a img { border: none; }
#body p.ruta { border: #AA3322 solid 1px; font-size: 10px; padding: 5px; }
#body p.ruta a { text-decoration: none; }
#body p.ruta a:link,
#body p.ruta a:visited { color: #B3B1B0; }
#body p.ruta a:hover { background: none; color: #fff; }

#bodyleft { float: left; padding: 5px 8px; width: 161px; }
#bodyleft .bloque { border: #560801 solid 1px; margin-bottom: 4px; }
#bodyleft .bloque h5 { color: #ffe500; font-size: 1.1em; margin: 0; padding: 6px 14px; }
#bodyleft .bloque h5 a:link, #bodyleft .bloque h5 a:visited { color: #ffe500; }
#bodyleft .bloque h5 a:hover { color: #ffffff; }
#bodyleft .bloque a:link, #bodyleft .bloque a:visited { color: #b3b1b0; }
#bodyleft .bloque a:hover { color: #ffffff; }
#bodyleft .bloque address { border-top: #560801 solid 1px; font-style: normal; padding: 6px 14px; }
#bodyleft ul { border-top: #560801 solid 1px; list-style-type: none; margin: 0; padding: 0 0 3px 0; }
#bodyleft ul ul { border: none; }
#bodyleft li { background: url(../img/body-left-li.gif) no-repeat 10px 6px; margin: 0 0 0 ; padding: 0 0 0 17px; }
#bodyleft li.feed { list-style-image: none; list-style-type: none; background: url(../img/feed.gif) no-repeat left center; margin: 0.3em 0 0.3em 0.5em; padding-left: 2em; height: 16px; }
#bodyleft li.feed * { vertical-align: top; }

#bodycenter { float: left; line-height: 1.5em; padding: 12px 0; width: 662px; }
#bodycenter.noleft { padding-left: 8px; width: 831px; }
#bodycenter.noright { padding-right: 8px; width: 823px; }
#bodycenter.nosides { padding: 12px 8px; width: 984px; }
#bodycenter h3 { color: #ffe500; font-size: 1.8em; line-height: 1.4; margin: 0 0 0.3em 0; }
#bodycenter h3 a:link, #bodycenter h3 a:visited { color: #ffe500; text-decoration: none; }
#bodycenter h3 a:hover { color: #ffffff; }
#bodycenter h4 { border-bottom: #ccc solid 1px; color: #ffe500; font-size: 12px; margin: 0 0 10px 0; padding-top: 4px; }
#bodycenter .col { float: left; margin-right: 1%; width: 49%; }
#bodycenter .col3 { float: left; margin-right: 1%; width: 32%; }
#bodycenter .col3o2 { float: left; margin-right: 1%; width: 65%; }
#bodycenter ul.col,
#bodycenter ul.col3 { margin-right: 0; }
#bodycenter fieldset.col { width: 46%; }
#bodycenter fieldset.col3 { width: 29%; }
#bodycenter fieldset.col3o2 { width: 62%; }
#bodycenter .colult { margin-right: 0; }
#bodycenter a:link, 
#bodycenter a:visited { color: #fff; text-decoration: underline; }
#bodycenter a:hover { background: #232147; }
#bodycenter .bloque { margin: 1em; }

#bodyright { float: left; padding: 5px 8px; width: 161px; }
#bodyright .bloque { border: #560801 solid 1px; margin-bottom: 4px; }
#bodyright .bloque h5 { color: #ffe500; font-size: 1.1em; margin: 0 0 10px 0; padding: 6px 14px; }
#bodyright .bloque.azul { background: url(../img/derecha.jpg) repeat-y; border-color: #9E9E9E; }
#bodyright .bloque.azul h5 { background: #232147; border-bottom: #9E9E9E solid 1px; color: #fff; }

#body .modBoton { background: #999; border: #ccc solid 1px; color: #FFF; padding: 1px; text-transform: uppercase; text-decoration: none; }

#body a.carrAdd { background: #FFE500; border: #ffe500 solid 1px; text-decoration: none; }
#body a.carrAdd:link,
#body a.carrAdd:visited { color: #000; }
#body a.carrAdd:hover { border-color: #000; }

#body a.modInfo { background: #232147; border: #232147 solid 1px; color: #FFF; text-decoration: none; }
#body .modStock { background: #036e1c; border: #036e1c solid 1px; color: #FFF; }
#body .modStockAgot { background: #c30105; border: #6e031c solid 1px; color: #fff; }
#body .modStockUlt { background: #de6f06; border: #FFD100 solid 1px; color: #fff; }

#body div.modulo { border-bottom: #B7C0BF solid 1px; float: left; font-family: arial, sans-serif; font-size: 11px; line-height: 1.2; margin-bottom: 20px; padding: 0 2px 0px 2px; position: relative; text-align: center; width: 160px; height: 250px; }/*268px; }*/
#body #bodyright div.modulo { border-bottom: 0; padding-bottom: 1px; width: 154px; }
#body div.modulo img { margin-bottom: 0.5em; }
#body div.modulo a:hover { background: none; }
#body div.modulo a.tit { display: block; line-height: 1.2; text-decoration: none; }
#body div.modulo a.tit span { display: block; color: #ffe500; font-weight: bold; }
#body div.modulo .modbotones { padding-bottom: 18px; position: absolute; bottom: 0; left: 0; width: 160px; }
#body #bodyright div.modulo .modbotones { width: 154px; }
#body div.modulo .modbotones a:hover { background: #fff; color: #000; }
#body div.modulo .prec { display: block; font-size: 24px; font-weight: bold; }
#body div.modulo .subprec { color: #bbbbbb; display: block; font-weight: bold; padding: 0 0 6px 0; text-transform: uppercase; }
#body div.modulo .modBoton { font-size: 10px; margin: 0 4px; }

#body div.moduloH { clear: both; font-size: 11px; padding-top: 0.5em; position: relative; }
#body div.moduloH a.extProImg { border: none; float: left; text-align: center; width: 150px; }
#body div.moduloH a.extProImg { border: none; }
#body div.moduloH img { margin: 1em auto; }
#body div.moduloH .extProCampos { border: solid #AA3322; border-width: 0 0 1px 1px; margin: 1em 1em 1em 170px; padding: 0 0 1em 1em; position: relative; }
#body div.moduloH .extProCampos h4 { font-size: 1.3em; margin: 0; padding: 0 0.5em 0.5em 0.5em; text-transform: uppercase; }
#body div.moduloH .extProCampos p { font-size: 1em; font-weight: normal; }
#body div.moduloH .extProCampos p.extProNotas { font-size: 0.8em; margin: 0; text-align: right; }
#body div.moduloH .modBoton { font-size: 10px; margin: 1px 0 0 4px; }


#body div#destacados { background: #232147 url(../img/ofertas.jpg) repeat-x 0 30px; border: #B8C1C0 solid 1px; margin: -7px 0 0; overflow: hidden; position: relative; width: 660px; height: 257px; }
#body div#destacados h4 { border-bottom: #B8C1C0 solid 1px; color: #fff; font-size: 12px; margin: 0; padding: 6px 9px; }
#body div#destacados div#desWrap,
#body div#destacados div#desBlqs { overflow: hidden; width: 660px; height: 210px; }
#body div#destacados #destacadosPie { border-top: #B8C1C0 solid 1px; clear: both; font-size: 11px; padding: 0 3px; text-align: right; }
#body div#destacados #destacadosPie a { text-decoration: none; }
#body div#destacados #destacadosPie a.desAct { color: #ffe500; font-weight: bold; }
#body div#destacados #destacadosPie a:hover { color: #ffe500; }

#body div.moduloD { float: left; font-size: 11px; margin: 0; padding: 0; overflow: hidden; position: relative; width: 330px; height: 210px; }
#body div#destacados div.moduloD h4 { border: none; font-size: 18px; font-weight: bold; margin: 0; padding: 5px 0; text-align: center; }
#body div.moduloD a.modDimg { float: left; text-align: center; width: 185px; height: 180px; }
#body div.moduloD a.modDimg img { margin-top: 10px; }
#body div.moduloD a.modDimg:hover { background: transparent; } 
#body div.moduloD .modbotones { padding-bottom: 10px; position: absolute; text-align: center; bottom: 0; right: 0; width: 150px; }
#body div.moduloD .prec { display: block; font-size: 24px; font-weight: bold; }
#body div.moduloD .subprec { color: #bbbbbb; display: block; font-weight: bold; padding: 0; text-transform: uppercase; }
#body div.moduloD .modBoton { font-size: 10px; margin: 1px 0 0 4px; }
#body div.moduloD p { color: #B7C0BF; font-size: 11px; margin: 0; }
#body div.moduloD p strong { color: #FFE500; display: block; font-size: 14px; }

.comentario { margin: 30px; }
.comentario p { background: #8F1A11; margin-bottom: 0; padding: 10px; text-align: left; }
.comentario .comentarioDatos { color: #cc5544; display: block; font-size: 9px; padding: 0 5px; text-align: right; }
#bodycenter .comentario img { float: left; clear: left; margin: -10px 10px 0 10px; }
#bodycenter .comentario .comentarioDatos a:link,
#bodycenter .comentario .comentarioDatos a:visited { color: #cc5544; text-decoration: none; }
#bodycenter .comentario .comentarioDatos a:hover { background: none; color: #fff; }

#bodyend { clear: both; overflow: hidden; height: 1px; }

#foot { background: #83160D; border: #4D4D4D solid 1px; border-top-color: #232147; clear: both; color: #cc5544; font-size: 0.8em; padding: 6px; }
#foot a:link, #foot a:visited { color: #cc5544; }
#foot a:hover { color: #ee7766; text-decoration: underline; }

#bodycenter .entradadatos { font-size: 0.8em; margin: 0; padding: 0; }
#fsacciones { clear: both; }

#imgOverlay { background: #232147 url(../img/loader.bigblue.gif) no-repeat center center; border: #ffe500 solid 1px; cursor: pointer; padding: 5px; position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; opacity: 0; overflow: hidden; visibility: hidden; z-index: 1000; }
#divOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; }