@charset "utf-8";
/* CSS Document */

/*#############################################################
Nombre: Lenceria Abril
Fecha: Abril'09
URL: http://www.lenceriaabril.com
#############################################################*/

/* Elementos standard */
html {min-height: 100%;}

* { margin: 0 auto; padding: 0; }

body { margin: 0 auto; padding: 0; background: #FFFFFF top url(../Images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; }

h1 { font-size: 32px; }
h2 { font-size: 23px; }
h3 { font-size: 16px; font-weight: normal; color: #993366; margin: 5px 0; }
h4 { font-size: 12px; font-weight: bold; color: #993366; margin: 15px 0 3px 0; }
h5 { font-size: 12px; font-weight: bold; color: #000000; }
h6 { font-size: 14px; font-weight: normal; color: #666666; margin: 8px; }
p { color: #000000; }
ul, ol { margin: 0 0 2em 0; color: #000000; line-height: 26px; }
a:link { text-decoration: none; color: #993366; }
a:hover { text-decoration: none; color: #CCCCCC; }
img { border: 0; }

.clear { clear: both; }

.Contenido { width:950px; margin: 0 auto; padding: 0; text-align: left; }

/* -----------------Cabecera ------------------ */

#Cabecera { width: 950px; height: 300px; margin: 0; padding: 0; }
	.Cuerpo_Cabecera { width: 950px; height: 300px; margin: 0; padding: 0; text-align: left; }

#superior { float: left; width: 950px; height: 89px; margin: 0; }

.logo { float: left; width: 400px; height: 89px; margin: 0; }
	.logo h1 { font-size: 38px; color: #3399CC; }
	.logo h1 sup { vertical-align: text-top; font-size: 24px; }
	.logo h1 a { color: #FFFFFF; }

.telefono { float: right; width: 360px; padding: 50px 0 0 0; text-align: right; }

/* Menu */

#menu { float: left; width: 950px; }
	#menu ul { margin-left: 520px; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
	#menu li { display: inline; }
	#menu a { display: block; float: left; margin-right: 5px; padding: 7px 10px; text-decoration: none; font-size: 15px; color: #FFFFFF; }
	#menu a:hover { background: #C42C91; }

.navidad { float: left; width: 700px; height: 245px; margin: 0px; padding: 0; background: url(../Images/navidad.jpg) top left no-repeat; }

.login { float: right; width: 200px; height: 245px; padding: 15px; text-align: right; }


/* ------------------ Cuerpo ------------------ */

#Cuerpo { width: 950px; height: auto; margin: 0px; padding: 0; text-align: left; }

/* Izquierda */

.Izquierda { float: left; width: 250px; }
.Cuerpo_Izquierda { width: 250px; margin: 0; padding: 0; }
#banner_titulo { margin: 0; }
#banner_categorias { margin: 0; }
#banner1 { margin-top: 5px; text-align: center; }
#banner_mayoristas { margin-top: 5px; margin-bottom: 10px; text-align: center; border: 1px solid #666666; }
#banner_texto { margin: 0; padding: 15px; text-align: left; }
#banner_boton { margin: 0; padding-right: 10px; padding-bottom: 10px; text-align: right; }

/* Derecha */

.Derecha { float: right; width: 675px; }


/* -------------------- Pie ------------------- */

#Pie { clear: both; margin: 0; padding: 0; height: 90px; border-top: 1px dotted #993366; background: #FFFFFF top url(../Images/pie-bg.jpg) repeat-x; }

#Contenido_Pie { width: 950px; margin: 0; padding: 0;}

.Pie_menu { width: 950px; height: 40px; padding: 0; }
	.Pie_menu ul { margin-left: 225px; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	.Pie_menu li { display: inline; }
	.Pie_menu a { display: block; float: left; padding: 4px 10px; text-decoration: none; color: #000000; }
	.Pie_menu a:hover { background: #C42C91; }

.Copyright { width: 950px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: center; }

/* ----------------- Secciones ---------------- */

.Contenedor { margin: 0; padding: 0; text-align: left;  }
.Titulo { margin: 0; padding: 0; }
.Texto { margin: 0; padding-top: 20px; }

.Distribuidores { margin-top: 40px; padding: 0; height: auto; border-top: 1px dotted #993366; background: #FFFFFF top url(../Images/pie-bg.jpg) repeat-x; }

/* ----------------- Miscelanea ---------------- */

.titulo1 { font-size: 16px; font-weight: normal; color: #993366; margin: 5px 0; }

.texto1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.texto2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

.texto_categorias { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #993366; }

.btn_categorias { margin: 0; padding: 0; }
	.btn_categorias a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; }
	.btn_categorias a:hover {color: #993366; }

.texto_producto { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; }
.texto_precios { margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #993366; }
.texto_precios2 { margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #993366; }

.btn_producto { margin: 0; padding: 0; }
	.btn_producto a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #993366; text-decoration: none; }
	.btn_producto a:hover {color: #CCCCCC; }

.Boton1 { margin: 0; padding: 5px 1px 5px 1px; border: 1px solid #999999; text-align: center; background: #000000 top url(../Images/btnfondo.jpg) repeat-x; font: normal 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
	.Boton1 a:hover{ background-color: #993366; }

.boton2 { margin: 0; padding: 0; }
	.boton2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; }
	.boton2 a:hover {color: #FFFFFF; text-decoration: underline;}

.boton3 { margin: 0; padding: 0; }
	.boton3 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #993366; text-decoration: none; }
	.boton3 a:hover {color: #CCCCCC; text-decoration: underline;}

/* Slide Imagenes */
.fondo{ margin: 0; padding: 10px; width:655px; height:270px; border: 1px solid #993366;  }
.mask{ position:relative; width:655px; height:270px; overflow:hidden; }
.mask img{ position:absolute; display:block; border:none; }
#box1 { position:absolute; }
