@charset "utf-8";
/* CSS Document */
img {border:0; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* {margin:0;padding:0;}
body{background:#ffffff url(img/fondobody.jpg) repeat-x top;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0;
padding:0;}
a{outline:none;}
#fondoleft{}
#contenedor{margin:0px auto 8px auto;
width:700px;
height:auto!important;
height:500px;
min-height:500px;
text-align:left;
background-image:url(img/fondocontenedor.jpg);
background-repeat:no-repeat;
background-position:top;
color:#222222;}
#encabezado{
width:700px;
height:150px;
background:url(img/logo.jpg) no-repeat;}
#encabezado h1{display:block; width:250px; height:25px; margin:15px 0 0 190px; font-size:20px; letter-spacing:2px; font-weight:normal; padding:3px 9px; color:#990000; font-family:Georgia, "Times New Roman", Times, serif;background:url(img/fondoencabezadoh1.gif) no-repeat left; position:relative; z-index:20; overflow:hidden; white-space:nowrap;}
#logo{margin:3px 0 0 198px;}
#panelleft{float:left;
width:186px;
/*background-color:#222222;*/
height:auto!important;
height:395px;
min-height:395px;
/*border-right:2px solid #19120a;*/}
#menunav{text-align:center;}
#menunav h3{margin:0px;
display:block;
width:186px;
height:40px;
padding:10px 0px;
background:url(img/fondotitulmenu.jpg) no-repeat;
color:#bb0000;
letter-spacing:2px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px}
#menunav ul{margin:0;padding:0;text-align:center}
#menunav ul li{display:block;width:176px;height:30px;margin:0 auto;}
#menunav ul li a{display:block;width:156px;height:22px;padding:8px 0 0 20px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333545; text-decoration:none; letter-spacing:0px; text-align:left; border-bottom:1px solid #cccccc;}
#menunav ul li a:hover{text-decoration:underline; background: url(img/fondoovermenu.jpg) no-repeat; color:#664522; border-bottom:1px solid #cccccc;}
#menunav ul li a.tab, #menunav ul li a:hover.tab{background: url(img/fondoovermenu.jpg) no-repeat; color:#222222; border-bottom:1px solid #ffffff;text-decoration:none}
#panelright{float:right;
width:510px;
/*background-color:#444444;*/
height:auto!important;
height:300px;
min-height:300px;
/*border-left:2px solid #19120a;*/}

#panelright h4 {display:block; margin:1.5em 9px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:lighter; color:#555500; border-bottom:2px solid #cccc00;clear:both}

.showcontainer{margin:0 9px;height:auto!important; height:50px; min-height:60px; background:#bbbbbb url(img/fondoshow.jpg) top no-repeat;}
.showcontainer h1{text-indent:-4000px; font-size:0px;}
#buscador {background:#ffffff url(img/livesearch.jpg) top left no-repeat; height:28px; margin:0 0 -0.6em 9px;}
#buscar {background:none; width:360px; height:24px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#445577; font-size:16px; border:none; margin:0; padding:4px 0 0 9px;}
#buscarenviar {background:none; width:107px; height:28px; border:none; cursor:pointer; margin:0; }

.productcontainer {width:255px; height:265px; float:left; text-align:center;}
.productcontainer .linkimagen{display:block; width:230px; height:173px; border:1px solid #cccccc;margin:0 auto;padding:3px;}
.productcontainer .linkimagen img{border:2px solid #aaaaaa; width:226px; height:170px}
.productcontainer .descripcion{margin:3px auto 0 auto; padding:3px 4px 3px 5px; width:229px; text-align:left; font-size:11px; background-color:#cccccc;}
.productcontainer .precio{width:59px;height:15px; float:right; background:url(img/pestana.jpg) no-repeat left; text-align:left; font-size:10px; padding:1px 0 0 10px}

.productcontainer .consulta{width:65px;height:15px; float:left; background:url(img/fondoconsulta.jpg) no-repeat right; text-align:right; padding:1px 3px 0 0;}
.productcontainer .consulta a{color:#660000; font-size:10px; }

.articulocontainer{clear:both; background:#cccccc url(img/fondocontart.jpg) no-repeat bottom left; margin:1em 9px 1em 44px; height:auto!important; height:110px; min-height:110px;}
.articulofecha, .articulofechapasada, .articulonfo{position:relative;width:54px; height:110px; margin:-5px 0 0 -40px ; background: url(img/fondofecha.jpg) top center no-repeat; float:left; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
.articulonfo { background-image:url(img/fondoNFO.jpg)}
.dia{display:block; margin:0 auto; font-size:20px; color:#bb3300;} 
.mes{display:inline; margin:0 auto; font-size:11px; color:#777777;}
.anio{display:inline; margin:0 auto; font-size:11px; color:#999999;}  
.articulofechapasada .dia {color:#777777;}
.articulotitulo { font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal; font-size:18px; color:#555555; padding:7px 0 7px 0}
.articulolinkimagen {display:block; width:123px; height:95px; float:right; padding:10px 5px 0 0}
.articulolinkimagen img{ width:113px; height:85px; border:1px solid #555555; padding:2px}
.articulodescripcion {}
.articulodescripcion p{ padding:0 5px 7px 14px}

div#productosdestacados{width:255px; float:left}
div#articulosdestacados{width:255px; float:left}
div#articulosdestacados .articulolinkimagen {width:183px;height:137px;}
div#articulosdestacados .articulolinkimagen img{width:170px; height:127px;}
.lateralmini {width:189px; float:right}
.descripcionmini {width:170px; height:auto; padding:3px; margin:3px 0 0 0; background:#dddddd;font-size:11px;}
.lateralmini img{width:170px;height:128px; padding:3px; border:1px solid #aaaaaa;}

form#contacto {margin:0; padding-left:48px; width:250px; float:left}
div.contacto{width:250px;min-height:25px;height:auto!important;height:25px;background:#cccccc; margin:0 0 1em 0; padding:5px; border:1px solid #aaaaaa;}
form#contacto label{
float:left;
display:block;
width:70px;
height:15px;
margin:0;
padding:3px;
font-size:12px;
}
input.contacto, textarea.contacto{
display:block;
float:left;
width:160px;
min-height:15px;
height:auto!important;
height:15px;
background:#555555;
padding:3px;
font-size:14px;
color:#df9355;
border:1px solid #999999;}
textarea.contacto{min-height:70px;
height:auto!important;
height:70px;}
input.boton{clear:both; background:#552222;  border:1px solid #555555; color:#aaaaaa; height:25px; padding:2px 2px 5px 2px;}
form#contacto .errore{border-color:#df4627; color:#df4627}

#pie{width:100%;
height:70px;
background:url(img/pie.jpg) no-repeat;
clear:both;}
#pie p{ padding:30px 0 0 0; color:#666666; font-size:10px; text-align:center}
#pie p a{color:#555555;}
#pie blockquote{ text-indent:-2000px}

#status{position:absolute; left:50%; top:310px; width:50px; height:50px; margin-left:69px; background-image:url(../global/galeria/images/loading.gif); background-position:center; background-repeat:no-repeat}

