/* Global reset by Eric Meyer */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body { font:12px Arial, Helvetica, sans-serif; line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
input:focus { outline:none; }

/*Estilos globales*/
body{ background-color:#C8B897; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#fff; }
a{ text-decoration:none; color:#fff; }
.clear{ display:block; clear:both; float:none; line-height:1px; height:1px; }
.wrapper{ width:950px; margin:0 auto; display:block; }

#container{ min-width:950px; }

#header{ width:100%; height:103px; padding:37px 0 0; position:relative; }
#header h1{ background:url(../img/logo.gif) no-repeat center; width:377px; height:75px; display:block; float:left;  }
#header h1 a{ width:100%; height:100%; display:block; text-indent:-9999px; }
#header p{ background:#94BB9E; width:100%; height:17px; padding-top:2px; text-align:center; position:absolute; top:0; }
#header p a{ color:#fff; }
#header p a:hover{ text-decoration:underline; }

#mainMenu{ background:url(../img/puntos.gif) repeat-x bottom; width:551px; height:50px; float:right; display:block; }
#mainMenu li{ width:auto; float:left; }
#mainMenu a{ padding:15px 15px 0; display:block; color:#462916; font-size:16px; font-weight:bold; }
#mainMenu li.actual a,
#mainMenu a:hover{ color:#3b8f80; }

#menu{ width:207px; border-right:1px solid #799D81; float:left; }
#menu ul{ width:185px; }
#menu ul li{ background:url(../img/puntos.gif) repeat-x bottom; font-size:14px; }
#menu ul li a{ color:#fff; padding:10px 0 11px; display:block; }
#menu ul li.actual a,
#menu ul li a:hover{ color:#887c65 !important; }

#mainContent{ width:490px; padding:5px 30px; float:left; }

.mainTexto .text{ color:#887c65; background:#fff; width:456px; height:313px; padding:7px; border:1px solid #3C917C; }
.mainTexto .text .scroll{ height:313px; }
.mainTexto .text p{ margin-bottom:10px; line-height:17px; }
.mainTexto h2{ font-size:14px; line-height:17px; margin-bottom:10px; color:#462916; font-style:normal; text-transform:uppercase; }
.mainTexto .distris h3{ font-size:13px; line-height:15px; margin:10px 0 5px; color:#462916; font-style:normal; text-transform:uppercase; }
.mainTexto .distris p{ padding-left:8px; }
.mainTexto .distris p strong{ font-size:13px;  }
.mainTexto a{ color:#069; }

.mainVideo{ background:#fff; width:456px; height:313px; padding:7px; border:1px solid #3C917C; z-index:50000; }
.mainVideo object,
.mainVideo embed{ width:456px; height:313px; }

#contacto{}
#contacto h2{ font-size:14px; line-height:17px; margin-bottom:10px; color:#462916; font-style:normal; text-transform:uppercase; }
#contacto form{ color:#462916; padding:7px 0 0 35px; }
#contacto label{ display:block; clear:both; font-weight:bold; padding:0 0 2px; }
#contacto textarea,
#contacto input{ border:1px solid #887c65; width:300px; padding:2px; display:block; clear:both; margin-bottom:7px;}
#contacto textarea{ height:60px; }
#contacto .inputerror{ background-color:#FFD7D7;}
#contacto p.mensajeError{ background-color:#FFD7D7; border:1px solid #C00; color:#C00; text-align:center; padding:8px; margin:5px; }
#contacto .mensajeExito{ background-color:#D9FFD9; border:1px solid #063; color:#063; text-align:center; padding:8px; margin:5px; }
#contacto .mensajeExito h2 { }
#contacto .mensajeExito .volver{ color:#462916; }

#videon{ position:relative; }
#videon .mainVideo,
#videon .mainTexto{ position:absolute; top:0; left:0; }
#videon .tabs{ position:absolute; top:329px; left:0;  }
#videon .tabs a{ display:block; float:left; padding:5px 9px; margin-right:2px; color:#462916; font-weight:bold; background-color:#FFF; }
#videon .tabs a.actual{ background-color:#3C917C; color:#fff; }

#extrasWeb{ width:192px; margin-top:-20px; float:right; z-index:5; }
#extrasWeb .anunciate{ background:url(../img/anunciate-web.gif) no-repeat center; height:70px; width:192px; display:block; border-bottom:1px solid #3C917C; }
#extrasWeb .anunciate a{ display:block; width:100%; height:100%; text-indent:-9999px; }
#extrasWeb .nuestrasTiendas{ background:url(../img/nuestras-tiendas.jpg) no-repeat center; border-bottom:1px solid #3C917C; width:192px; height:189px; position:relative; }
#extrasWeb .ofertasEspeciales{ background:url(../img/ofertas-especiales.gif) no-repeat center; height:82px; width:192px; display:block; border-bottom:1px solid #3C917C; }
#extrasWeb .ofertasEspeciales a{ display:block; width:100%; height:100%; text-indent:-9999px; }
#extrasWeb .foros{ background:url(../img/foros.gif) no-repeat center; height:48px; width:192px; display:block; }
#extrasWeb .foros a{ display:block; width:100%; height:100%; text-indent:-9999px; }

.nuestrasTiendas .zona{ background:url(../img/map-pointer.gif) no-repeat; width:10px; height:10px; position:absolute; text-indent:-9999px; display:block; }
.nuestrasTiendas .zona:hover{ background-position:bottom center; }
.nuestrasTiendas .zona1{ left:55px; top:145px; }
.nuestrasTiendas .zona2{ left:110px; top:70px; }
.nuestrasTiendas .zona3{ left:44px; top:40px; }
.nuestrasTiendas .zona4{ left:70px; top:40px; }
.nuestrasTiendas .zona5{ left:60px; top:70px; }
.nuestrasTiendas .zona6{ left:80px; top:110px; }
.nuestrasTiendas .zona7{ left:140px; top:63px; }
.nuestrasTiendas .zona8{ left:50px; top:170px; }
.nuestrasTiendas .zona9{ left:115px; top:110px; }
.nuestrasTiendas .zona10{ left:40px; top:110px; }
.nuestrasTiendas .zona11{ left:20px; top:50px; }
.nuestrasTiendas .zona12{ left:145px; top:100px; }
.nuestrasTiendas .zona13{ left:10px; top:170px; }
.nuestrasTiendas .zona14{ left:72px; top:90px; }
.nuestrasTiendas .zona15{ left:80px; top:170px; }
.nuestrasTiendas .zona16{ left:100px; top:133px;}
.nuestrasTiendas .zona17{ left:100px; top:50px; }
.nuestrasTiendas .zona18{ left:87px; top:43px; }
.nuestrasTiendas .zona19{ left:88px; top:60px; }

#footer{ background:url(../img/bg-foot.gif) #fff repeat-x top; padding:30px 0 0 0; display:block; clear:both; }
#footer .wrapper{ padding-bottom:15px; overflow:auto; }
#footer p.copy{ background-color:#C8B897; text-align:center; padding:3px; font-size:0.9em; line-height:1.3em; color:#462916; }
#footer p.copy a{ color:#462916; }
#footer p.copy a:hover{ text-decoration:underline; }
#footer .destacado{ width:175px; margin:0 15px 0 0; float:left; *margin-right:12px; }
#footer h2{ font-size:14px; line-height:15px; margin-bottom:10px; color:#462916; font-weight:bold; text-transform:uppercase; }
#footer .destacado .minVideo{ width:175px; height:134px; display:block; position:relative; }
#footer .destacado .minVideo .mascara{ width:175px; height:134px; display:block; position:absolute; top:0; left:0; z-index:5000; background:url(../img/blank.gif);  }
#footer .destacado .minVideo object,
#footer .destacado .minVideo embed{ width:175px; height:134px; z-index:2 }
#footer .destacado p.titulo{ margin:5px 0 0 0; }
#footer .destacado p.titulo strong{ font-size:14px; }
#footer .destacado p.titulo a{ background:url(../img/destacado-ver.gif) no-repeat right 10px; width:125px; padding-right:50px; color:#462916; display:block; }
#footer .listado{ width:177px; margin:0 15px 0 0; float:left; *margin-right:12px; }
#footer .listado .scroll{ height:175px; display:block; }
#footer .listado ul{ width:99%px;  }
#footer .listado ul li{ color:#887c65; margin-bottom:8px; width:99%; font-size:11px; }
#footer .listado a{ color:#9bcba9; font-weight:bold; display:block; font-size:12px;  }
#footer .listado a:hover{ text-decoration:underline; }
#footer .categorias{ width:180px; float:left; }
#footer .categorias ul li{ padding:0 0 10px 40px; height:32px; }
#footer .categorias ul li{ color:#887c65; }
#footer .categorias ul li a{ color:#887c65; }
#footer .categorias ul li a:hover{ text-decoration:underline; }
#footer .categorias ul li .tit{ color:#9bcba9; font-weight:bold; display:block; font-size:13px; font-weight:bold }
#footer .categorias ul li.pintura{ background:url(../img/icon-pintureria.gif) no-repeat left top; }
#footer .categorias ul li.carpinteria{ background:url(../img/icon-carpinteria.gif) no-repeat left top; }
#footer .categorias ul li.albanileria{ background:url(../img/icon-albanileria.gif) no-repeat left top; }
#footer .categorias ul li.fontaneria{ background:url(../img/icon-fontaneria.gif) no-repeat left top; }