body{
	margin: 0px;
	padding: 0px;
	background: #FFED00;
 	font-family: Arial, Helvetica, sans-serif;	
}
/*Info durante la carga---*/
#carga{
 	position: absolute;
 	margin: 20px;
 	font-size: 12px;
}

/*---Maqueta contenido---*/
#contExt{
 	visibility: hidden;
}

#contenedor{
	width: 902px;
	height: 608px;
	visibility: hidden;
	position: absolute;
}
/*---Index - idioma ---*/
#indexLogo{position: absolute; top: 157px; left: 274px;}
#indexBandera{position: absolute; top: 395px; width: 68px; height: 45px; padding: 5px;}
.esp{left: 331px;}
.ing{left: 496px;}
#indexBandera a{
	border: 2px solid #ff6;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
}

#indexBandera a:hover{
	border: 2px solid #333;
	border-right: 2px solid #ff6;
	border-bottom: 2px solid #ff6;
}


/*---Barra navegacion---*/
#nav {position: absolute; top: 60px; left: 250px;}
#nav ul{margin: 0px; padding: 0px;}
#nav ul li{display: inline; padding-right: 20px;}
#nav ul li a:hover{border-bottom: 1px dotted #fff;}
#basesPromo{position: absolute; top: 77px; left: 628px;}

/*--- Home ------------------*/
/*---posicion animaciones----*/
#homeCentro{position: absolute; top: 160px; left: 200px;}
#homeIzqSup{position: absolute; top: 185px; left: 30px;}
#homeIzqCen{position: absolute; top: 286px; left: 30px;}
#homeIzqInf{position: absolute; top: 389px; left: 30px;}

/*---tres animaciones derecha--*/
	#homeDchaSup{position: absolute; top: 185px; left: 684px;}
	#homeDchaCen{position: absolute; top: 286px; left: 684px;}
	#homeDchaInf{position: absolute; top: 389px; left: 684px;}

/*--dos animaciones derecha
	#homeDchaInf{position: absolute; top: 315px; left: 668px;}
	#homeDchaSup{position: absolute; top: 185px; left: 668px;}
--*/


/*--- marcas pie ---*/
#homeTravesa{position: absolute; top: 513px; left: 21px;}
#homeSnacks{position: absolute; top: 513px; left: 53px;}
#homeAbrego{position: absolute; top: 513px; left: 110px;}
#homeAspitos{position: absolute; top: 513px; left: 158px;}
/*----Fin Home---------------*/

/*---Marcas ---*/
#marcaTravesa{position: absolute; top: 506px; left: 679px;}
#marcaAspitos{position: absolute; top: 506px; left: 652px;}
#marcaSnacks{position: absolute; top: 506px; left: 652px;}
#marcaAbrego{position: absolute; top: 506px; left: 652px;}

/*--- Productos----*/
/*--- Menú izq principal sobre imagenes---*/
#mnAspil, #mnAspil2{position: absolute; top: 203px; left: 41px;}
#mnTravesa, #mnTravesa2{position: absolute; top: 246px; left: 41px;}
#mnSnacks, #mnSnacks2{position: absolute; top: 289px; left: 41px;}
#mnAbrego, #mnAbrego2{position: absolute; top: 332px; left: 41px;}
#mnDiferencia{position: absolute; top: 390px; left: 60px;}
#mnBajar{position: absolute; top: 454px; left: 60px;}
#mnConsejos{position: absolute; top: 412px; left: 203px;}
#prodDescrip{position: absolute; top: 161px; left: 321px;}
#prodSpamsBases{position: absolute; top: 361px; left: 436px;}
#prodFrutosSecosPDF{position: absolute; top: 427px; left: 643px;}

/*---Submenús. Estructura común. Posicionado con Class---*/
#menu{margin: 0px; padding: 0px; visibility:hidden;}
.subAspil{position: absolute; top: 205px; left: 202px;}
.subTravesa{position: absolute; top: 248px; left: 201px;}
.subSnacks{position: absolute; top: 291px; left: 201px;}
.subAbrego{position: absolute; top: 334px; left: 201px;}
#menu {display:block;  margin:0px; padding:0px; list-style-type: none; font-size:12px;}
#menu li{position: relative; border:1px solid #fc0;}
#menu li a{display: block; color: #fff; background: #00286D; text-decoration: none; line-height:20px; padding:0px 3px;}
#menu li a:hover{color: #fff; background: #0067C5;}
#menu li ul{display:none; list-style-type: none; margin:0px; padding:0px; width:75px; position:absolute; top:0px; left:74px; font-size:10px;}
#menu li:hover ul{display:block;}
#menu li.over ul{display:block;}
#menu li ul li a{display: block; color: #00286D; background: #fff; text-decoration: none; line-height:20px;padding:0px 3px;}
/* Holly Hack. IE Requirement \*/
* html #menu li { float: left; height: 1%; }
* html #menu li a { height: 1%; }
/* End */
#menu.menuAspil{width: 75px;}


/*---Nosotros---*/
#txtNosotros{position: absolute; top: 380px; left: 520px; width: 325px; height: 155px; padding: 5px; overflow:auto;}
#txtNosotros h1{font-size:12px; margin: 7px; font-weight:bold; text-transform:uppercase;}
#txtNosotros p{font-size:12px; margin: 7px;}


/*---- Nutrición ----*/
#nutriPiramide{position: absolute; top: 327px; left: 752px;}
#nutriAlergenos{position: absolute; top: 204px; left: 759px;}
#nutriRueda{position: absolute; top: 457px; left: 793px;}
#nutriInfo{position: absolute; top: 526px; left: 402px;}
#nutriContenedor{position: absolute; top: 359px; left: 338px; width:180px; height:210px;}


/*--- Novedades --- */
#novVer{position: absolute; top: 400px; left: 510px;}
#novVer2{position: absolute; top: 400px; left: 695px;} /*utilizar si no hay consulta*/
#novConsulta{position: absolute; top: 400px; left: 660px;}
#novNovedades{position: absolute; top: 481px; left: 637px;}
#novNovedades #selector{width: 125px;}
#novSpamsBases{position:absolute; top:365px; left: 585px;}

/*--- Comprobación y Sigue Jugando--- */
#compMenores{position: absolute; top: 440px; left: 50px;}
#compSigue{position: absolute; top: 365px; left: 382px;}
#compForm{position: absolute; top: 305px; left: 336px;}

#compForm input{margin-top: 55px;}

/*---Premio---*/
#premioAviso{
  position: absolute;
  top: 202px;
  left: 420px;
  width: 450px;
  height: 366px;
  background: #fff;
  font-size: 12px;
}

#premioAviso a{
  color: #f60;
  font-weight: bold;
  text-decoration: none;
}

#premioAviso a:hover{border-bottom: 1px dotted #f60;}


#premioAmpliar{
  position: absolute;
  top: 202px;
  left: 741px;
}

#premioAvisoLegal{
  position: absolute;
  top: 202px;
  left: 420px;
  width: 450px;
  height: 366px;
  background: #fff;
  font-size: 12px;
  visibility: hidden;
}

#premioAvisoLegal a{
  color: #f60;
  font-weight: bold;
  text-decoration: none;
}

#premioAvisoLegal a:hover{border-bottom: 1px dotted #f60;}

#premioAvisoLegal p{
  margin: 15px;
}

.premioTituloAviso{font-weight: bold; text-align: center;}

.premioCerrar{
  text-align: center;
  margin-top: 20px;
}

#premioForm{
  position: absolute;
  top: 198px;
  left: 423px;
  width: 318px;
  height: 363px;
  padding: 10px 16px;
}

#premioForm label, #premioForm input{
  font-size: 11px;
  line-height: 15px;
  float: left;
}

#premioForm input{margin-bottom: 5px; border:1px solid;}

#premioRespuesta{
  position: absolute;
  top: 198px;
  left: 423px;
  width: 318px;
  height: 363px;
  padding: 10px 16px;
  padding-top: 100px;
}

#premioRespuesta p{font-size: 12px; text-align: center}

/*---Contacto---*/
#contacAmpliarMapa{position: absolute; top: 177px; left: 227px;}
#contacAmpliarMapa2{position: absolute; top: 200px; left: 46px;}
#contacEmail{position: absolute; top: 483px; left: 45px;}

/*#contacAviso{
  width: 160px;
  position: absolute;
  top: 199px;
  left: 375px;
  font-size: 10px;
  color:#003399; 
}

#contacAviso a{
  line-height: 15px;
  color: #000;
  text-decoration: none;
}

#contacAviso a:hover{
  border-bottom: 1px dotted #000;
}*/
.capaOculta {
  position: absolute;
  top: 202px;
  left: 420px;
  width: 450px;
  height: 366px;
  background: #fff;
  font-size: 12px;	
  visibility:hidden;
}

.capaOculta p{
  font-size: 12px;
  margin: 15px;
  margin-left: 25px;
}
.capaOculta a{
  color: #f60;
  font-weight: bold;
  text-decoration: none;
}
.capaOculta a:hover{border-bottom: 1px dotted #f60;}

.contacto{
  position: absolute;
  top: 204px;
  left: 351px;
  width: 519px;
  height: 405px;
  background: url('img/contacto_fondo_aviso.jpg');
}

#contacAmpliar{
  position: absolute;
  top: 208px;
  left: 365px;
}

#contacAvisoLegal{
  position: absolute;
  top: 204px;
  left: 351px;
  width: 519px;
  height: 405px;
  background: url('img/contacto_fondo_aviso.jpg');
  visibility: hidden;
}

#contacAvisoLegal p{
  font-size: 12px;
  margin: 15px;
  margin-left: 25px;
}

.contacTituloAviso{font-weight: bold; text-align: center;}
.contacCerrar{text-align: center;}

#contacAvisoLegal a{
  color: #f60;
  font-weight: bold;
  text-decoration: none;
}

#contacAvisoLegal a:hover{border-bottom: 1px dotted #f60;}


#contacForm{
  position: absolute;
  top: 196px;
  left: 551px;
  width: 318px;
  height: 363px;
  padding: 10px 16px;
}

#contacForm label, #contacForm input{
  font-size: 11px;
  line-height: 15px;
  float: left;
}

#contacForm input{margin-bottom: 5px; border:1px solid;}

#contacForm textarea{
  font-family: Arial, Helvetica, sans-serif;
  height: 60px;
  margin-bottom: 5px;
  border: 1px solid #000;
}

/*#contacRespuesta{
  position: absolute;
  top: 196px;
  left: 551px;
  width: 318px;
  height: 363px;
  padding: 10px 16px;
  padding-top: 100px;
}

#contacRespuesta p{font-size: 12px; text-align: center;}*/


#mapaAmpliado{
  position: absolute;
  top: 208px;
  left: 54px;
  width: 779px;
  height: 283px;
  padding: 5px 0px;
}

#mapaAmpliado a{
  color: #333;
  text-decoration: none;
  font-size: 10px;
  line-height: 12px;
}

#mapaAmpliado a:hover{border-bottom: 1px dotted #333;}

/*--- Class comunes formularios Premio y Contacto---*/
.w290{width: 290px;}
.w110{width: 110px;}
.w162{width: 162px;}
.ml70{margin-left: 70px; float: right;}
.ml18{margin-left: 18px; float: right;}
.mt10{margin-top: 10px;}

/*--- Promociones (general e individuales)---*/
#promoSelec{
  position: absolute;
  top: 442px;
  left: 48px;
  width: 159px;
  height: 37px;
  padding-left: 5px;
}

#promoSelec label, #promoSelec select{
  font-size: 11px;
  width: 150px;
  margin-bottom: 3px;
}

#promosheet{width:620px;height:345px;position:absolute;top:175px;left:250px;overflow:auto;}
.promoDatos{width:200px;height:175px;float:left;}

#promoPastilla{position: absolute; top: 160px; left: 690px;}
#promoVer{position: absolute; top: 405px; left: 690px;}
#promoConsulta1{position: absolute; top: 453px; left: 690px;}
#promoConsulta2{position: absolute; top: 551px; left: 623px;}
#promoFlash{position: absolute; top: 156px; left: 230px;}

.basesPromo a{font-size:11px; font-weight:bold; color:#000000; text-decoration:none;}
.basesPromo a:hover{text-decoration:underline;}

#promoSpamsBases{position: absolute; top: 360px; left: 710px;}
#promoShikiBases{position: absolute; top: 360px; left: 710px;}