@charset "utf-8";
/* CSS Document */
* {	margin: 0; padding: 0; }

img, embed, object, form, table, div, textarea, input, script, h1, h2, h3, h4, h5, h6, p, fieldset, ul, ol, li, button { border:0; margin:0; padding:0; }
img, * img {
 border:0px; border-collapse:collapse;
}
a { 
text-decoration: none;
color:#944d8d;
 }
a:visited, a:hover {
text-decoration:none;
color : #4f196f;
}
body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:14px; 
	color:#3a3a3a; 
	background-color:#794073;
	/*background-color:#4f196f;*/
	text-align: center;        /* Centrar body para IE6- aprovechando este bug */
	min-width: 1000px; /*Siempre mas ancho que div wrapper para corregir bug de Netscape6 */   
}
input {
border:#9999CC solid 1px;
color:#003366;
}
p, select, textarea, input, label {
 /* font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; */
 }

#aclarar {
  clear:both;
  float:none;
  display:block;
  width:100%;
}
#wrapper {
	width: 996px;
	text-align: left;  /* Restablecemos despues de utilizarlo en body como bug para IE6- */
	margin: 0 auto;   /* Para centrar body en todos los navegadores menos en IE6- */
}
#Header {             /* --------------   HEADER  ------------ */
background:#be78b6 url(images/fondoheader.jpg) top left repeat-x;
height:107px;
width: 996px;
}
#wrapheader {
width: 996px;
}
#logo {
float:left;
}
#centroheader {
float:left;
background:#84447e;
}
#centroheader h1 {
width: 641px;
margin: 0 auto;
width: 641px;
height: 88px;
position:relative;
}
#centroheader span {
background: url(images/nuevosloganheader.jpg) no-repeat center;
position:absolute;
width: 100%;
height: 100%;
}
#MenuHoriz {
text-align:center;
margin: 0 auto;
width: 590px;

}
#MenuHoriz ul {
  margin: 0;         /* Para eliminar diferencias de sangrado ...  */
  padding: 0;        /* ... en diferentes exploradores.            */
  float: left;
  display:inline;
  /*background: #944d8d url(images/degr_MenuHor.gif) repeat-x;  */
  list-style: none;       /* Eliminamos el boliche por defecto*/
}
#MenuHoriz ul li {
  float: left;
  display:inline;
  background: url(images/sepmenuhor.gif) repeat-y ;
  list-style: none;
}
#MenuHoriz ul a {
  padding-left: 26px;
  padding-right: 20px;
  line-height: 1.5em;
  /*color:#74eafb;*/
  color:#f9d4ec;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px; 
  font-weight:bold;
  float: left;           /* Parche para IE 5.2 en Mac  */
  display: block;
  text-decoration: none;
}
#MenuHoriz ul a:hover {
color:#FFFFFF;
}

#MenuHoriz .first{            /* Para que el primer elemento no ponga ...*/
  background: none;      /* ... grafico divisor a su izquierda.     */
padding-left: 26px;
}

#showcarrito {
margin: 0 auto;
text-align:center;
float:right;
background:url(images/fondocarrito.jpg) bottom right no-repeat;
height: 100%;
width: 177px;
}
#tfnoheader {
color:#74eafb;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top: 7px;
}
#subtotcarrito {
padding-top:35px;
color:#FFFFFF;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
#botoncarrito {
color:#74eafb;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
padding:8px 0px 5px 0px;
}
#botoncarrito a:link, #botoncarrito a:visited, #botoncarrito a:hover, #botoncarrito a:active{
text-decoration:none;
color:#74eafb;
}
#marginbottom {
clear:both;
  float:none;
  display:block;
  width:996px;
  height: 1px;
  background:#7b4176;
background:#FFFF00;
}


#ColumnaIzda {    /* --------------   COLUMNA IZDA  ------------ */
	width:175px;
	float:left;
	display:inline;
	margin: 0px 0px 0px 3px;
}
#Rect_Izda {
background-color:#f5e5f8;
height: 60px;
width:170px;
text-align:center;
color:#944d8d;
font-size:12px;
font-weight:bold;
margin: 0px;
}
#Rect_Izda h3 {
display:block;
background-color:#be78b6;
color:#FFFF99;
font-size:12px;
font-weight:bold;
}
#Rect_Izda .textobuscar { 
float:left;
display:inline;
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border: #be78b6 solid 1px;
margin: 5px 5px 0px 20px;
}
#Rect_Izda .image{
border: none;
float:left;
display:inline;
} 
#tarjetas {
text-align:center;
margin-bottom: 10px;
margin-top: 30px;
}
#BloqueCentro {    /* --------------   BloqueCentro  ------------ */
background: url(images/fondocentral.gif) repeat;
width:816px;
float:right;
display:inline;
margin: 0px 0px 1px 0px;
overflow:auto;
}

#Central {     /* --------------   Central  ------------ */
width: 638px;
float:left;
display:inline;
padding:0px 0px 0px 0px;
margin: 0px;
}
#conten {
text-align:center;
margin-left:8px;
}
#wrappresentacion {
text-align:center;
margin-left: auto;
margin-right:auto;
margin-bottom: 15px;
width:85%;
}
#presentacion {
margin:10px 10px 0px 10px;
padding: 15px 10px 0px 10px; 
font: "Times New Roman", Times, serif;
font-size:11px; 
font-weight:bold;
color: #b564af;
background: #fcecfc;
}
#presentacion #bienvenida {
float:left;
display.inline;
width:65%;
}
#presentacion #bienvenida h2 {
color:#FF0033;
font-size:14px;
font-weight:bold;
}
#presentacion #promocion {
float: right;
display:inline;
width: 30%;
}
#presentacion #promocion img {
}
.rotuloOfertas {
  color:#339933;
  font-size:12px;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
}
.rotuloOfertas .izda {
margin:8px 175px 0px 10px;
}
.rotuloOfertas .dcha {
margin:8px 15px 0px 170px;
}

#ofertas {
width:95%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#Rec_Ofertas {
margin: 0px 3px 3px 3px;
WIDTH: 280px;
height:120px ;
}
#Rec_Ofertas #ElemPortada {
BACKGROUND: url(images/bottom-left.gif) no-repeat left bottom;
}
#Rec_Ofertas .box-outer {
height: 130px;
BACKGROUND: url(images/bottom-right.gif) no-repeat right bottom;
}
#Rec_Ofertas .box-inner {
BACKGROUND: url(images/top-left.gif) no-repeat left top
}
#Rec_Ofertas #fotopeq{
float:left;
display:inline;
width: 100px;
padding:5px 0px 10px 5px;
}
#Rec_Ofertas #ElemPortada H2 {
    height: 40px;
	width: 151px !important;
	width: 180px;
    text-align:center;
	color : #4f196f;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
}
#Rec_Ofertas #ElemPortada .colNombre{
BACKGROUND: url(images/top-right.gif) no-repeat right top; 
}
#Rec_Ofertas #ElemPortada .price {
    float:left;
	display:inline;
    color : #CC00CC;
	font-size : 14px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	padding: 2px 5px 5px 5px !important;
    padding: 5px 5px;
	margin-right:5px;
}
#Rec_Ofertas #ElemPortada .oldprice{
    text-decoration:line-through;
    float:left;
	display:inline;
	padding-left:10px;
	color : #FF3333;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
}

#Rec_Ofertas #ElemPortada .ref {
text-align:center;
font-size: 11px;
float:none;
}
.boton {
text-align:center;
padding-bottom:15px;
}
.boton img {

}
.MasVendidos{
  text-align:center;
  color:#FF6633;
  font-size:12px;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
  padding:30px 0px 3px 0px !important;
  padding:8px 0px 3px 0px;
}
#Rec_Articulo {
width:150px;
height:205px;
background: #ffffff url(images/Recuadro-producto.gif) no-repeat left top; 
margin:auto;
text-align:center;
}
#Rec_Articulo #ElemPortada {
text-align:center;
margin:auto;
width:99%;
}
#Rec_Articulo #ElemPortada #wrappname {
height: 32px;
display:block;
background: url(images/pixeltransp.gif) repeat left top;
PADDING-TOP: 10px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
}
#Rec_Articulo #ElemPortada #wrappname H2 {
font-size:11px;
height: 32px;
width:135px ;
text-align:center;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
#Rec_Articulo #ElemPortada #wrappname H2 a:visited, #Rec_Articulo #ElemPortada #wrappname H2 a:hover{
text-decoration:none;
color : #4f196f;
}
#Rec_Articulo #fotopeq{
height:105px;
text-align:center;
margin: 10px 3px 5px 7px;
}
#Rec_Articulo #ElemPortada .price {
text-align:center;
color : #CC00CC;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
#Rec_Articulo #ElemPortada .ref {
text-align:center;
font-size: 10px;
}
.Novedades {
  text-align:center;
  color:#3366FF;
  font-size:12px;
  font-weight:bold;
  font-family:"Times New Roman", Times, serif;
  padding:8px 8px 0px 0px;
}
#Rec_Ofertas #ElemPortada .price_noved {
    color : #CC00CC;
	text-align:center;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	padding: 5px 5px 5px 5px !important;
	padding:5px 5px;
}



#ColDcha {         /* --------------   Columna derecha  ------------------ */
float:right;
display:inline;
width: 170px;
margin: 0px 0px 5px 0px !important;
margin: 0px; 
}
#tuppersex {
text-align:center;
margin: 15px 7px 15px 4px;
}
#boletin {
text-align:center;
margin: 30px 5px 30px 5px;
}
#boletin a {
text-decoration:none;
}
#slogan {
text-align:center;
padding: 25px 5px 20px 5px;
}

#footer {         /* --------------   FOOTER  ------------------ */
height:40px;
background:#c3bee4 url(images/degrad_footer.jpg) repeat-x top;
color:#3a3a3a;
font-size:12px;
text-align:center;
clear:both;
float:none;
display:block;
padding-top:10px;
}

#footer a {
text-decoration: none;
color:#3a3a3a;
}

#footer a:hover {
text-decoration: underline;
color:#c3bee4;
background-color:#944d8d;
}
#footer .design {
font-size:11px;
text-align: right;
}
