@charset "utf-8";
/************* Estilos Generales **************/

body  {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	background: url(../images/bg-black3.jpg) ;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #72682A;
}

strong { color:#FFB9D5}

a {color:#FFFFFF}
p { font-size:12px; line-height:1.2em; margin-bottom:12px}

.blanco { color:#FFF}
.fucsia { color:#E33E80; font-size:16px; font-weight:bold}
.marron { color:#C99047; font-size:14px; font-weight:bold}
.rosa { color:#F39CBC}
.ampliar { text-transform:uppercase}
.ampliar a { color:#F394B0; text-decoration:none; font-weight:bold}
.title_navidad { font-family:Georgia, "Times New Roman", Times, serif; color:#E33E80; font-size:18px}

h1, h2, h3, h4 { font: normal "Georgia", Times New Roman, Times, serif}

h1 {font-weight:bold; padding:0 5px; letter-spacing: -2px;	font-size: 2em;	margin: 0; text-transform:uppercase; color:#FFFFFF}
h2 {  font-size:1.5em; color:#F289B1;width:100%; display:block; float:left; text-transform:uppercase; font-weight:bold}
h4 {  font-size:1.2em; color:#CCCCCC; font-weight:bold; margin:0}


/* Hacks para PNG en Internet Explorer */

img, div, a, input, li { behavior: url(css/resources/iepngfix.htc)}

/************* Contenedor **************/
#container {
	width: 90%; 
	background: url(../images/bg-black2.jpg) repeat-x #111210;
	margin: 0 auto; 
	text-align: left;
} 

/************* Menu Principal **************/

#menu {
	font: Tahoma, Verdana,sans-serif;
	letter-spacing: -0.5ems;
	width:100%;
	height:20px;
	color:#5E5118;  
	list-style:none;
	margin:0 0 10px 0;
	padding:10px 0;
	float:left;
	border-top: #52491E 1px solid;
	border-bottom:#52491E 1px solid
	}
#menu li {
	text-transform:uppercase;
	margin:2px;
	padding:2px;
	float:left	
	}

	
	
#menu li a {text-decoration:none;color:#F3AECB}

#menu li a:hover, a:active { color:#FFFFFF; background-color:#000000}

/************* Menu Secundario **************/
#navcontainer ul {
	margin: 0 auto;
	width:165px;
	padding: 0;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase
}

#navcontainer li { margin: 0 0 1px 0; font-size:12px; height:auto !important; height:28px; letter-spacing: -0.5ems;}

#navcontainer a {
	border-top: #5E5118 solid 1px;
	display: block;
	padding: 5px 0;
	color: #5E5118;
	text-decoration: none;
	text-align:center
}

#navcontainer a:hover {color: #000}

#navcontainer ul ul li { margin: 0 0 1px 0; font-size:10px; height:auto !important; height:17px}

#navcontainer ul ul a {
	display: block;
	padding: 5px 5px 5px 15px;
	color: #59575A;
	text-decoration: none;
	border-top:none
}

#navcontainer ul ul a:hover { color: #000}

/************* Barra Derecha **************/

#sidebar1 {
	float: left;
	width: 12em; 
	background: url(../images/bg-pink2.jpg) repeat-y;
	width:217px;
	padding: 15px 0;
	height: 100%;
}
#sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

#logo {
	width:165px;
	height:132px;
	margin:10px auto;
}
#plus {	width:165px;margin:10px auto; text-transform:uppercase; color:#4D042B; font-size:13px; font-weight:bold;letter-spacing: -0.5ems}
#adorno { background:transparent url(../images/adorno3.png) no-repeat; width:144px; height:66px; margin:20px auto}

#fun_factory {background:transparent url(../images/fun-factory.png) no-repeat; width:100px; height:65px}



/************* Contenido Principal **************/


#mainContent {margin: 0 20px 0 225px}


#titulo01 {font: bold 18px "Georgia", Times New Roman, Times, serif; padding:5px 0; letter-spacing: -1px; text-transform:uppercase; color:#7E7239; padding:5px 0}
#titulo02 {font: "Georgia",Times New Roman, Times, serif; color:#CCCCCC; text-transform:uppercase; font-weight:bold}

#linea_punteada { background:url(../images/linea_punteada.gif) repeat-x; height:1px; margin:10px 0}

#flash_producto { float:right;}

#path { text-transform:uppercase; margin:10px 0}
#path a { color:#6D6D6D; text-decoration:none}
#path a:hover {color:#E23E7E}


/******************** Formularios Clases Generales  ********************/
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin:0}
fieldset {border: none; font-size: 1.1em}
label {display:block;padding: 5px 0}
label br {clear:left}

input.text {
	padding: 3px 2px;
	line-height: 12px;
	height: 12px;
	background:#E23E7E;
	font-size: 1em;
	font-weight: normal;
	color: #000;
}

/************* Contenido Home **************/

#bloque_home01 {
	width:46%;
	float:left;
	margin:30px 60px 0 0
}

#bloque_home02 {
	width:46%;
	float:left;
	margin:30px 0 0 0
}





/* Newsletter */	

#newsletter input {
	background:#E23E7E;
	border:none;
	color:#FFFFFF;
	font-size:10px;
	width:auto
}



/* Boton pedilo */	
	
a#boton_pedilo {
	display:block;
	margin: 10px 0px;
	width:74px;
	height:14px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(../images/pedilo.gif) top left no-repeat;
	}
			
a#boton_pedilo:hover {
	background-position: 0 -14px/* con esto cambiamos la porcion de imagen que se muestra */}
	
/* Boton delivery */	
	
a#boton_delivery {
	display:block;
	margin: 10px 0px;
	width:74px;
	height:14px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(../images/delivery.gif) top left no-repeat;
	}
			
a#boton_delivey:hover {
	background-position: 0 -14px/* con esto cambiamos la porcion de imagen que se muestra */}


/* Boton Contacto */	
	
a#boton_contacto {
	display:block;
	margin: 10px 0px;
	width:74px;
	height:14px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(../images/contactar.gif) top left no-repeat;
	}
			
a#boton_contacto:hover {
	background-position: 0 -14px/* con esto cambiamos la porcion de imagen que se muestra */}
	
/* Boton Ver mas */	
	
a#boton_vermas {
	display:block;
	float:left;
	margin-top:5px;
	width:74px;
	height:14px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(../images/vermas.gif) top left no-repeat;
	}
			
a#boton_vermas:hover {
	background-position: 0 -14px/* con esto cambiamos la porcion de imagen que se muestra */}

/* Boton videos */	
	
a#boton_video {
	display:block;
	margin: 0 0 10px 0;
	width:74px;
	height:14px; /* aqui esta el truco */
	text-indent:-9999px;
	background: url(../images/videos.gif) top left no-repeat;
	}
			
a#boton_video:hover {
	background-position: 0 -14px/* con esto cambiamos la porcion de imagen que se muestra */}    

/* Boton Reenviar */	
	
a#boton_amigo {
	display:block;
	cursor: pointer;
	margin:0;
	width:155px;
	height:28px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(../images/amigo.png) top left no-repeat;
	}
			
a#boton_amigo:hover {background-position: 0 -28px/* con esto cambiamos la porcion de imagen que se muestra */}


#opcionales {
	float:right;
	width:271px;
	color:#CEC3B1;
	text-transform: uppercase;
	font-weight: bold;
}
#opcionales img {
	float:left;
	margin:10px 10px 0 0
}

/************* Top Five **************/

#top01 {
	background:url(../images/top-five01.jpg) no-repeat;
	width:721px;
	height:148px;
	padding: 5px 0 0 60px;
	margin-bottom:20px
	}
	
#top02 {
	background:url(../images/top-five02.jpg) no-repeat;
	width:721px;
	height:148px;
	padding: 20px 0 0 50px;
	margin-bottom:20px
	}
	
#top03 {
	background:url(../images/top-five03.jpg) no-repeat;
	width:721px;
	height:148px;
	padding: 25px 0 0 50px;
	margin-bottom:20px
	}
	
#top_juguete {
	float:left;
	height:120px;
	width:100px;
	margin-right: 20px;
}

#top_juguete2 {
	float:left;
	height:120px;
	width:100px;
	margin-right: 255px;
}

/************* Contacto **************/

#contactos li {margin-bottom:5px; font-size:12px}

#cuadro_resaltado {
	background:#2E0012;
	border:#666666 1px dotted;
	margin:20px 0;
	width:450px;
	padding:10px
}

#zona { text-transform:uppercase; color:#FFFFFF; background:#FF0066; padding:5px; width:400px; margin-bottom:20px}

/************* Listado de Productos **************/
#productos ul {
	margin: 10px 0;
	padding: 10px 0;
	list-style-type: none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	
}

#productos li { color:#FFFFFF;float:left;font-size:10px;height:100px;margin:0 10px 5px 0;width:60px}

#productos a { border:none}


/************* Listado de Prensa **************/
#prensa ul {
	margin: 10px 0;
	padding: 10px 0;
	list-style-type: none;
}

#prensa li { margin: 0 15px 5px 0; padding:0; float:left; width:100px; height:100px; display:block; text-align:center;}
#prensa img { margin:auto}
#prensa a { border:none}

/************* Pie de Página **************/ 
#footer { padding: 0 10px} 

#footer p {	margin: 0; 	padding: 10px 0}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.sIFR-alternate { 
	display: none;
	}