@charset "utf-8";
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-size: 95%;
     font-family: inherit;
     vertical-align: baseline;
}

body { line-height: 1; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}
input, textarea { margin: 0; padding: 0 }
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; }

/* Hasta Aquí reseteo */

body{ font-family:Arial, Helvetica, sans-serif; background:url(../ima/general/bg.png) repeat-x #a4a4a4; color:#cebca4; line-height:1.2; }
p{ text-align:justify; }

a{ text-decoration:none; color:#FFFFFF; }
a:hover{ text-decoration:underline; }

strong{ font-size:1em; }

.imagen{ border:4px solid; }
.imaleft{ float: left; margin-right:5px; }
a.aimagen{ display: inline-block; border: #FFF 4px solid; }
a.aimagen:hover{ border:#cebca4 4px solid; }

.leermas{ text-align:right; border-bottom:1px #a8988e solid; }

.left { float: left; }
.right { float: right; }

h2{ font-size:1.1em; font-weight:bold; text-transform:uppercase; padding-top:5px; margin-bottom:10px; }
h4{ font-size:1.1em; font-weight:bold; padding: 5px 0; }

#web{ width:990px; overflow:auto; margin:0 auto; background:url(../ima/general/bg-contenedor-repeat.png) repeat-y; }
#contenedor{ width:990px; overflow:hidden; margin:0 auto; background:url(../ima/general/bg-contenedor.png) no-repeat; }

#central{ width:740px; margin:0 auto; overflow:auto; background:#443e3a; }

#cabecera{ width:740px; height:75px; margin:0 auto; overflow:hidden; background:url(../ima/general/bg-cabecera.gif) no-repeat; }

#idiomas { float: left; padding: 5px 10px; margin: 0; width:100%; }
	#idiomas li { padding: 0; display: inline; }
	#idiomas li.active { color: #cebca4; font-weight: bold; padding: 0 5px; margin: 0; }
	#idiomas li a { padding: 0 5px;  border-left:#cebca4 1px solid; } 	
	#idiomas li a:hover {  }

#menu { float: left; margin: 30px 0 0 0;	padding:0 0 0 10px;	height:180px; width:600px; overflow:hidden;	font-size:1.3em; }
	#menu li { list-style: none; float:left; }
	#menu li a { display: block; color: #cebca4; padding: 0px 5px 0px 5px; text-decoration: none; border-left:#cebca4 solid 1px;  }	
	#menu li a:hover { color: #fff;  }
	#menu .current a{ color: #fff; font-weight:bolder;  }


#sidebar_web{ float:right; overflow:auto; width:220px; padding-bottom:10px; border-bottom:1px #a8988e dotted; background:url(../ima/general/bg-sidebar.png) repeat-y; }
#contacta-portada{ padding:0 15px 0 10px; height:86px; background:url(../ima/general/bg-contact-cabecera.png) no-repeat; text-align:right; }
#contacta-portada p{ text-align:right; }
#zonalogin{ padding:0 15px 10px 10px; background:url(../ima/general/bg-zonalogin.png) repeat-y; }
#zona-franquiciados{ padding: 0 15px 0 10px; }
#zona-catalogo{ }
#zona-catalogo p{ padding: 0 15px 0 10px; }
#zona-catalogo h2{ padding-left:10px; }

#zona-unete{}

#contenido{ float:left; overflow:hidden; width:520px; }

/* LAYER PROMOCION */
/* Si varia la altura de la imagen de promocion, es necesario modificar el padding-top de #promocion,
   para alinear correctamente el layer semitransparente del texto .texto_promocion
*/
#contenido #promocion { margin: 0 0 50px 0; padding: 0; width:520px; height: 442px; background: url(../ima/portada/promocion_2010.jpg) top left no-repeat; }
	#contenido #promocion #titulo_promocion { display: block; margin: 0 0 300px 0; padding: 16px; height: 47px; color: #FFF; font-size: 2.1em; font-weight: bolder; text-align: center; }
	#contenido #promocion .texto_promocion { display: block; padding: 14px 23px; background: url(../ima/general/bg_layer_texto_promocion.png) top left repeat-y; color: #FFF; }
	#contenido #promocion .boton_promocion { display: block; margin: 10px 0 0 0; padding: 10px 0 0 0; width: 114px; height: 23px; background: url(../ima/general/bg-boton-promocion.png) top left no-repeat; color: #4e453f; text-align: center; font-size: 1.0em; }
/*******************/

#unete{ float:left; overflow:hidden; padding: 0 10px; width:195px; background: url(../ima/general/bg-zonalogin.png) repeat; }
#unete p{ margin: 5px 0; }

/* Formulario de acceso */
#f_areacli{ text-align:right;  }
#f_areacli .cam_ac{ border:0; padding: 2px 5px 0 5px; margin-bottom:2px; width:126px; height:20px; background:url(../ima/general/bg-input.gif) no-repeat; }
#f_areacli #boton_enviar{ border: 0; background:url(../ima/general/bg-botones.gif) no-repeat; width:90px; height:22px; }
#errordatos{ }

#not-portada{ color:#FFFFFF; }

#pie_marcas{ width:740px; margin:0 auto; }

#interiores{ margin:10px; }
#interiores h2{ font-size:1.1em; text-transform:none; }
#titseccion{ background:#650c0d; padding:10px; border-bottom:1px #cebca4 dotted;  }
#titseccion h1{ font-size:1.5em; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }

/* Catalogo */
#comfam{ position: absolute; top:178px; border:#272421 1px solid; background:#e9e9e9; }
	#comfam li { font-size:1em; }
	#comfam li a { display: block; color: #000000; padding: 2px 5px; text-decoration: none; }	
	#comfam li a:hover { color: #FFFFFF; background: #750e10; }
	#comfam .active a { color: #FFFFFF; background: #750e10; }
.selectcom a{ display:block; width:131px; height:21px; padding:5px 0 0 10px; background:url(../ima/general/boton-combo.gif) no-repeat; color:#750e10; }
.selectcom a:hover{ background:url(../ima/general/boton-combo.gif) bottom no-repeat; text-decoration:none; }
#combofamilias p{ float:left; }
#submenusec{ overflow:auto; }
.volatras a{ display:block; padding:5px 0 0 0; margin-right:10px; }

/* Familia */
.fotocataf{ float:left; overflow:hidden; width:100px; height:135px; text-align:center; }
.fotocataf p{ text-align:center; margin-top:5px; }
/* Productos */
/* .fotocatap{ float:left; overflow:hidden; width:80px; height:60px; text-align:center; border: #FFF 4px solid; margin:5px; } */
.fotocatap{ float:left; overflow:hidden; width:100px; height:100px; text-align:center; }
.fotocatap p{ text-align:center; margin-top:5px; }
/* .hoverfam{ border:#cebca4 4px solid; } */

/* Franquicias - Mapa */
#map{ color:#000000; font-size:1.4em; border:5px #FFFFFF solid; }
#sidebar{ font-size:1.0em; }
#map a{ color:#006600; }

.sidebar-contents{  } /* La caja entera del contenido del sidebar map */
.sidebar-cat{ overflow:hidden; } /* Caja entera de los items de cada categoria */
.sidebar-entry{ float:left; padding:5px; margin:5px; font-weight:bold; color: #cebca4; } /* Cada item de cada categoria */
.sidebar-cat-header{ background:#4a4440; } /* Cada categoria */
.sidebar-cat-check{ width:50px; }
.sidebar-cat-image{ }
a.sidebar-entry:hover{ color:#FFF; }

.info-window div { margin: 0px 0px 5px 0px; }
.info-window img { margin-right: 5px; border: 1px solid #666; }
.info-window .iw-header { font-weight: bold; text-decoration: underline; }

/* Zona Mayoristas */
#formmayoristas{ display:none; float: right; margin: 10px; background:#383330 url(../ima/mayoristas/bg-sup-cajaform.png) no-repeat; padding:15px 0 10px 15px; width:470px }
#formmayoristas p{ margin-right:20px; }
#tablamay{ font-size:1.2em; }
#tablamay .inputcortomay{ clear: both; background:url(../ima/contacta/bg-input.gif) no-repeat; width:170px; height:19px; border:0; padding: 2px 5px 0 3px; margin: 0 0 10px 0px; }

#solicitamay{ float:left; margin:13px 20px 0 0; width:214px; height:125px; background:url(../ima/mayoristas/caja_solicita.png) no-repeat; }
/* #solicitamay p{ margin:5px; } */
#interiores h3{ padding:5px; font-size:1.3em; }

#logueatemay{ float:left; margin:10px 0 0 0; width:263px; height:126px; background: url(../ima/mayoristas/caja_logueate.png) no-repeat; }
#logueatemay p{ margin:5px 75px 5px 5px; }

.botonmay a{ display:block; float:right; color:#544c47; background:url(../ima/mayoristas/boton.jpg) no-repeat; height:18px; width:89px; padding:5px 0 0 0; text-align:center; }
.botonmay a:hover{ color:#000; text-decoration:none; }

#listalotes{ width:100%; float:left; }
	.lote{ overflow:hidden; width:100%; border-bottom:1px #887c74 solid; margin:10px 0; padding-bottom:5px; color:#FFF; }
	.ima_lote{ border:4px #FFF solid; float:left; margin-right:10px; }
	.boton_lote{ float:right; overflow:hidden; background:url(../ima/mayoristas/boton_descarga.gif) no-repeat; width:82px; color:#FFF; text-align:center; }
	#listalotes .boton_lote a{ display:block; height:20px; padding:7px 0 0 0;  }
	#listalotes .boton_lote a:hover{ text-decoration:none; }
/* Fin Zona Mayoristas */


/* Contacta */
#tablacontact{ font-size:1.1em; width: 100%; }
.inputcorto{ background:url(../ima/contacta/bg-input.gif) no-repeat; width:157px; height:19px; border:0; padding: 2px 5px 0 3px; margin: 0 10px 10px 0px; font-size:1.1em; }
.inputselect{ float: left; padding: 0; margin: 0 7px 10px 20px; }
.inputcheck{ float: left; padding: 0; margin: 4px 7px 10px 10px; }
.b_enviar_cont{ background:url(../ima/general/bg-botones.gif) no-repeat; margin: 0 15px 0 0; width:90px; height:22px; border:0; color: #615c56; font-size: 1.1em; }
.textarea{ background:url(../ima/contacta/bg-message.gif) no-repeat top; width:439px; height:110px; border:0; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; padding:2px 5px 5px 3px; margin: 0 0 0 10px; }
#formcontact input.error{ background: url(../ima/contacta/bg-input-hover.gif) no-repeat; }
#formcontact textarea { overflow:auto; font-size: 1.1em; float: left; }
#formcontact textarea.error{ background: url(../ima/contacta/bg-message-hover.gif) no-repeat; }
#tablacontact{ text-align:right; }
#con_central{ overflow:hidden; margin-top:5px; padding:10px 0; border-top:#cebca4 solid 1px; }
#formcontact #tablacontact label{ float:left; margin:5px 0 0 0px; }
#formcontact #tablacontact label.error { display: block; float: right; color: #C00; margin:5px 0 0 0px; }

#interiores p{ margin-bottom:10px; }
/*.textocontacta{ margin-bottom:10px; }*/
.lineacierre{ border-bottom:1px #cebca4 solid; padding-bottom:10px; }

/* Únete */
.textunete{ font-size:1.1em; font-weight:bold; }
#formcontact { margin-top: 20px; }

/* Pie de Página */
#pie{ background:url(../ima/general/bg-pie.png) no-repeat; width:980px; height:70px; margin:0 auto; color:#a7a7a7; font-size:0.8em; }
#pie a{ color:#a7a7a7; text-decoration: none; }
#pie_copy{ float:left; margin:5px 0 0 120px; }
#pie_brandea{ float:right; margin:5px 120px 0 0; }