@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('typography.css');


body {background-color: #5a0000; margin: auto; width: 100%; text-align:center;}

/* ------ WRAPPER <-------- */
#wrapper { width: 1024px; height:700px; margin: 0px auto;}

/* ------ HEADER <-------- */
#header{ width: 1024px; height:50px; margin: 0px auto; background: url('../images/indexb_01.jpg') no-repeat;}

/* HEADER - COMO PARTICIPAR */
#header-dos{ width: 1024px; height:50px; margin: 0px auto; background: url('../images/comoparticipar_01.jpg') no-repeat;}

/* ------ CONTENIDO <-------- */
#contenido{	width: 1024px; height:412px; margin: 0px auto;	background: url('../images/fondo01.jpg') no-repeat;	position: relative;}
#contenido01{ width: 1024px; height:412px; margin: 0px auto; background: url('../images/indexb_02.jpg') no-repeat;}

/* CONTENIDO - COMO PARTICIPAR */
#contenido-cpuno{ width: 1024px; height:251px; margin: 0px auto; background: url('../images/comoparticipar_02.jpg') no-repeat;}
#contenido-cpdos{ width: 1024px; height:69px; margin: 0px auto; background: url('../images/comoparticipar_03.jpg') no-repeat; text-align: center; }
#contenido-cptres{ width: 1024px; height: 92px; margin: 0px auto; background: url('../images/comoparticipar_04.jpg') no-repeat;}

#contenido-cpdos div {
	width: 580px;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	clear: both;
}

#contenido-ganadores { width: 1024px; height: 412px; margin: 0px auto; background: url('../images/ganadores.jpg') no-repeat; }
#contenido-ganadores .ganadores {
	padding-top: 64px;
	padding-left: 220px;
}
#contenido-ganadores .ganadores .bases {
	width: 564px !important;
	height: 300px !important;
}
#contenido-ganadores .ganadores .bases h3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 7px 0px;
}

/* CONTENIDO - BASES */
#contenido-basuno{ width: 1024px; height:101px;	margin: 0px auto; background: url('../images/bases_02.jpg') no-repeat;}
#contenido-basdos{ width: 276px; height:255px; float:left; background: url('../images/bases_03.jpg') no-repeat;}
#contenido-bastres{	width: 472px; height:255px;	float:left;	background: url('../images/bases_04.jpg') no-repeat;}
#contenido-bascuatro{ width: 276px;	height:255px; float:right; background: url('../images/bases_05.jpg') no-repeat;}
#contenido-bascinco{ width: 1024px;	height:28px; float:left; background: url('../images/bases_06.jpg') no-repeat;}
#contenido-basseis{ width: 1024px; height:28px;	float:left;	background: url('../images/bases_07.jpg') no-repeat;}

/* CONTENIDO - CONTACTENOS */
#contenido-contuno{	width: 1024px; height:111px; margin: 0px auto;	background: url('../images/contactenos_02.jpg') no-repeat;}
#contenido-contdos{	width: 1024px; height:45px;	margin: 0px auto;	background: url('../images/contactenos_03.jpg') no-repeat; float: left;}
#contenido-conttres{ width: 216px; height:233px; float:left; background: url('../images/contactenos_04.jpg') no-repeat;}
#contenido-contcuatro{ width: 323px; height:233px; float:left; background: url('../images/contactenos_05.jpg') no-repeat;}
#contenido-contcinco{ width: 269px;	height:233px; float:left; background: url('../images/contactenos_06.jpg') no-repeat;}
#contenido-contseis{ width: 216px; height:233px; float:left; background: url('../images/contactenos_07.jpg') no-repeat;}
#contenido-contsiete{ width: 1024px; height: 23px; background: url('../images/contactenos_08.jpg') no-repeat; float: left;}

/* TEXTFIELD */
#textfield{	width: 1024px; height:34px;	margin: 0px auto; background: url('../images/indexb_03.jpg') no-repeat;}
fieldset{ margin:0;	padding:0; border:none;}
textarea{ overflow:hidden; height:50px;	margin:0;}						

/* text field classes */
#contactForm .inactive{ color:#999;}	 
#contactForm .active{ color:#000;}	 		
#contactForm .focused{ color:#000; background:#fffee7;}

/* ------> MENU <-------- */
#menu{ width: 1024px; height:46px; margin: 0px auto; background: url('../images/indexb_04.jpg') no-repeat;}
ul#tabs { position: static;	right: auto; top: 0px; width: 686px; margin-left: auto;	margin-right: auto;}
ul#tabs li { background: url('../images/tabs-sprite.png') no-repeat; float: left; height: 45px;	margin-right: 1px;}
ul#tabs li a { display: block; height: 100%; text-indent: -9000px; width: 100%;}

/* INICIO */
ul#tabs li#inicio{ background-position: 0px 0px; width:64px;}
ul#tabs li#inicio:hover {background-position: 0px -45px;}
ul#tabs li#inicio.current, ul#tabs li#inicio:active { background-position: 0px -90px;}

/* COMO PARTICIPAR */
ul#tabs li#como-participar { background-position: -65px 0px; width:125px;}
ul#tabs li#como-participar:hover { background-position: -65px -45px;}

ul#tabs li#como-participar.current, ul#tabs li#como-participar:active {	background-position: -65px -90px;}

/* PARTICIPA */
ul#tabs li#participa { background-position: -191px 0px;	width:300px;}
ul#tabs li#participa:hover { background-position: -191px -45px;}
ul#tabs li#participa.current, ul#tabs li#participa:active {	background-position: -191px -90px;}

#boton_participa {
	width: 300px;
	height: 45px;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
}

/* BASES */
ul#tabs li#bases { background-position: -491px 0px;	width:92px;}
ul#tabs li#bases:hover { background-position: -491px -45px;}
ul#tabs li#bases.current, ul#tabs li#bases:active {	background-position: -491px -90px;}

/* CONTACTENOS */
ul#tabs li#contactenos { background-position: -585px 0px; width:100px;}
ul#tabs li#contactenos:hover {	background-position: -585px -45px;}
ul#tabs li#contactenos.current, ul#tabs li#contactenos:active {	background-position: -585px -90px;}

/* ------ FECHA PROMOCION <-------- */
#fecha{	width: 1024px; height:20px;	margin: 0px auto; background: url('../images/indexb_05.jpg') no-repeat;}

/* ------ FOOTER <-------- */
#footer{ width: 1024px;	height:53px; margin: 0px auto;	background: url('../images/indexb_06.jpg') no-repeat;}

/* ------ LOGO UNILEVER <-------- */
#logo{ width: 1024px; height:85px; margin: 0px auto; background: url('../images/indexb_07.jpg') no-repeat;}

#logo1 {
	display: block;
	width: 100%;
	height: 85px;
	color: transparent;
}
#boton_participa {
	cursor: pointer;
}
#formcontacto {
	margin: 0px;
	text-align: center;
	width: 100%;
}
#formcontacto table {
	width: 280px;
	border: 0px;
	margin: 0px auto;
}
#formcontacto table td {
	margin: 0px;
	padding: 4px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #933;
}
#formcontacto table td.label {
	width: 64px;
	padding-top: 8px;
}
#formcontacto table td .string {
	background-color: default !important;
}
#formcontacto textarea {
	overflow: auto !important;
}