@charset "utf-8";
body {
	/* 1em = 10px | 1.2em = 12px | 2em = 20px | etc. */
	font-size: 62.5%;
	background: url(../img/fon-body.png) center top #002a58 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
/* containers */
#container {
	width: 950px;
	margin: 0 auto;
}
body#participa #container {
	width: 960px;
}
/* header */
#header {
	padding: 0 26px 0 0;
	width: 850px;
	margin: 0 auto;
}
/* logo */
.logoTop {
	float: left;
	width: 205px;
	height: 102px;
	margin: 29px 70px 0 0;
}
/* menu top */
#menuTop {
	float: left;
	position: relative;
	width: 510px;
	z-index: 123;
}
#menuTop {
	float: left;
	position: relative;
	width: 510px;
	z-index: 123;
}
#menuTop #elMenu {
	background: url(../img/fon-celeste-top.png) 0 0 no-repeat;
	width: 386px;
	height: 94px;
	float: left;
	margin: -9px 0 0 0;
}
#menuTop #elMenu li {
	float: left;
}
#menuTop #elMenu li#btnMnTop1 {
	width: 139px;
	margin: 58px 0 0 18px;
	height: 22px;
}
#menuTop #elMenu li#btnMnTop1 a {
	background: url(../img/btn-mn-top-1.png) 0 0 no-repeat;
	height: 22px;
	display: block;
}
#menuTop #elMenu li#btnMnTop1 a:hover {
	background-position: 0 -22px;
}
#menuTop #elMenu li#btnMnTop2 {
	height:18px;
	margin:52px 0 0 10px;
	width:99px;
}
#menuTop #elMenu li#btnMnTop2 a {
	background: url(../img/btn-mn-top-2.png) 0 0 no-repeat;
	height: 18px;
	display: block;
}
#menuTop #elMenu li#btnMnTop2 a:hover {
	background-position: 0 -18px;
}
#menuTop .reproductorTop {
	float: left;
	width: 124px;
}
/* main body */
#mainBody {
	
}
/* home */
body#home #mainBody {
	background: url(../img/img-n9-torres.png) 519px -3px no-repeat;
	margin: -62px 0 0 0;
}
/* info / ganadores */
body#info #mainBody,
body#ganadores #mainBody {
	position: relative;
	width: 100%;
	z-index: 1;
}
/* form home */
#formHome {
	background: url(../img/fon-form-home.png) 0 0 no-repeat;
	width: 637px;
	height: 446px;
	position: relative;
	margin: 0 0 -2px 13px;
}
#formHome h1 {
	width: 364px;
	height: 61px;
	position: absolute;
	left: 170px;
	top: 222px;
}
#formHome p {
	width: 291px;
	height: 77px;
	position: absolute;
	left: 254px;
	top: 267px;
}
.formFlashHome {
	position: absolute;
	width: 209px;
	height: 76px;
	left: 336px;
	top: 333px;
}
/* de que va esto */
#txtDeQue {
	padding: 107px 0 87px 49px;
	width: 340px;
}
body#ganadores #txtDeQue {
	padding: 83px 0 87px 53px;
}
#txtDeQue h1 {
	position: absolute;
	width: 215px;
	height: 115px;
	left: 48px;
	top: -11px;
}
body#ganadores #txtDeQue h1 {
	left: 37px;
	top: -35px;
}
body#ganadores #txtDeQue h2 {
	color: #fff;
	font-size: 2.4em;
	line-height: 1em;
	margin-bottom: 20px;
	font-family:'FuturaPepsi1','FuturaPepsi2'; font-size:21px; 
}
body#ganadores #txtDeQue h2.h2Chico {
	font-size: 2em;
}
.txtDeQueH226 {
	height: 226px;
}
#txtDeQue p {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 10px;
}
#txtDeQue p a {
	color: #fff;
	text-decoration: underline;
}
#txtDeQue p a:hover {
	text-decoration: none;
}
#txtDeQue p.pGrande {
	font-size: 1.3em;
	font-weight: bold;
}
#txtDeQue ul {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 10px;
}
/* btn participa */
div.btnParticipa {
	position: absolute;
	width: 214px;
	height: 102px;
	bottom: 128px;
	left: 97px;
	z-index: 1;
}
/* 3 jugadores */
.imgTresPlayers {
	position: absolute;
	width: 486px;
	height: 471px;
	bottom: 156px;
	right: 113px;
	z-index: 1;
}
/* ganadores */
.imgGanadores {
	position: absolute;
	width: 474px;
	height: 524px;
	bottom: 132px;
	right: -25px;
	z-index: 1;
}
/* bloques abajo */
#blocksBottomHome {
	padding: 0 0 0 26px;
}
body#info #blocksBottomHome,
body#ganadores #blocksBottomHome {
	padding: 0 0 0 16px;
	position: relative;
	width: 864px;
	z-index: 1234;
}
body#participa #blocksBottomHome {
	padding-left: 36px;
	position: relative;
	width: 864px;
	z-index: 1234;
}
#blocksBottomHome .block {
	float: left;
	width: 272px;
	height: 163px;
	
}
#blocksBottomHome img{
	margin-left:20px;
}
#blocksBottomHome #blHome1 {
	margin: 0 5px 0 0;
}
#blocksBottomHome #blHome2 {
	margin: 1px -5px 0 0;
	width: 282px;
}
#blocksBottomHome #blHome3 {
	width: 274px;
	
}
#blocksBottomHome .block .imagenBl {
	float: left;
}
#blocksBottomHome .block .textoBl {
	float: left;
	padding: 20px 0 0 0;
}
#blocksBottomHome #blHome1 .imagenBl {
	width: 94px;
	margin: 17px -4px 0 -30px;
}
#blocksBottomHome #blHome2 .imagenBl {
	width: 100px;
	margin: 12px 2px 0 -29px;
}
#blocksBottomHome #blHome3 .imagenBl {
	width: 69px;
	margin: -8px 4px 0 -14px;
}
#blocksBottomHome #blHome3 .imagenBl {
	width: 69px;
}
#blocksBottomHome #blHome1 .textoBl {
	width: 188px;
}
#blocksBottomHome #blHome2 .textoBl {
	width: 209px;
}
#blHome1 {
	background: url(../img/fon-block-1.png) 0 0 no-repeat;
}
#blHome2 {
	background: url(../img/fon-block-2.png) 0 0 no-repeat;
}
#blHome3 {
	background: url(../img/fon-block-3.png) 0 0 no-repeat;
}
/* form participa */
body#participa #header {
	position: relative;
	z-index: 123;
	width: 100%;
}
body#participa #mainBody {
	margin: -122px 0 0 0;
	position: relative;
	z-index: 1;
}

@font-face{ font-family:'FuturaPepsi1'; src: url('futuhv.eot'); }

@font-face{ font-family:'FuturaPepsi2'; src: url('FutuHv.ttf') format('truetype'); }


#mainBody p{
	font-family:'FuturaPepsi1','FuturaPepsi2'; font-size:12px; 
}



form#formParticipa {
	background: url(../img/fon-form-registro.png) 0 0 no-repeat;
	width: 888px;
	height: 477px;
	padding: 232px 0 0 72px;
	margin: 0 0 -30px 0;
	position: relative;
	z-index: 123;
	color: #fff;
}
form#formParticipa h1 {
	position: absolute;
	width: 311px;
	height: 133px;
	left: 59px;
	top: 84px;
}
.btnEnviar {
	background: url(../img/btn-enviar-datos.png) 0 0 no-repeat;
	width: 225px;
	height: 31px;
	border: none;
	cursor: pointer;
}
form#formParticipa h2 {
	font-size: 2.4em;
		font-family:'FuturaPepsi1','FuturaPepsi2'; font-size:21px; 
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 8px 2px;
}
form#formParticipa p {
	font-size: 1.1em;
	line-height: 1.1em;
}
form#formParticipa .txtForm {
	border: none;
	background: #fff;
	width: 200px;
	height: 17px;
	padding: 4px 4px 0 7px;
	font-size: 1.1em;
	color: #999;
}
form#formParticipa .txtFormAzul {
	color: #28BBEF;
	background: #0065A6;
}
.ar {
	text-align: right;
	padding: 10px 5px 0 0;
	line-height: 1em!important;
}
form#formParticipa .col1 {
	float: left;
	margin: 0 6px 0 0;
	width: 211px;
}
form#formParticipa .col2 {
	float: left;
	margin: 0 20px 0 0;
	width: 211px;
}
form#formParticipa .col3 {
	float: left;
	width: 290px;
}
form#formParticipa .col3b {
	padding: 32px 0 0 0;
}
form#formParticipa .info1 .col3 {
	margin: -5px 0 0 0;
}
form#formParticipa .info1 {
	margin: 0 0 19px 0;
}
form#formParticipa .rForm {
	margin-bottom: 4px;
}
form#formParticipa .rForm1 {
	margin: 9px 0;
}
form#formParticipa .rForm2 {
	margin: 14px 0 12px 0;
}
form#formParticipa .rForm3 {
	margin-bottom: 68px;
}
form#formParticipa .rFormError {
	margin: 0 0 10px 0;
}
form#formParticipa .rFormError p {
	color: #dd3333;
	font-weight: bold;
}
form#formParticipa .colGrande {
	float: left;
	width: 428px;
	margin: 0 20px 0 0;
}
form#formParticipa .colGrande .col2 {
	margin: 0;
}
form#formParticipa p.p1 {
	overflow: hidden;
	height: 56px;
}
form#formParticipa p.p2 {
	padding: 0 0 0 18px;
}
form#formParticipa p.p3 {
	overflow: hidden;
	height: 56px;
}
.captcha {
	float: left;
	width: 87px;
	height: 23px;
	margin: 0 2px 0 0;
}
.btnCaptcha {
	float: left;
	width: 24px;
	height: 23px;
	margin: 0 12px 0 0;
}
.txtFormCaptcha {
	float: left;
	display: block;
	background: #fff;
	border: none;
	color: #999;
	font-size: 1.1em;
	height: 17px;
	padding: 4px 4px 0 7px;
	width: 75px;
}
/* styled checks */
.check {
	border: none;
	/* makes it work... */
	position: relative;
	z-index: 5;
}
.spanCheck {
	background: url(../img/fon-check.png) no-repeat 0 0px;
	display: block;
	float: left;
	font-size: 0;
	margin: 0 5px 0 0;
	overflow: hidden;
	padding: 0;
}
.spanCheck,
.check {
	width: 14px;
	height: 14px;
}
.txtCheck {
	float: left;
}
ul.ulChecks {
	margin: 0 0 12px 0;
}
ul.ulChecks li {
	margin-bottom: 3px;
	font-size: 1.1em;
}
ul.ulChecks li a {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
/* style radio buttons */
.radio {
	border: none;
	/* makes it work... */
	position: relative;
	z-index: 5;
}
.spanRadio {
	background: url(../img/fon-radio.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
}
.srText {
	float: left;
	font-weight: bold;
	margin: 0 0 0 3px;
}
.contRadio {
	display: inline-block;
	margin: 0 10px 0 0;
}
.radio,
.spanRadio {
	width: 13px;
	height: 13px;
}
/* styled selects */
.contSelectStyle {
	position: relative;
	display: block;
	float: left;
	margin: 0 3px 0 0;
}
.cse1 .selectStyle {
	width: 66px;
}
.cse2 .selectStyle {
	width: 66px;
}
.cse3 .selectStyle {
	width: 73px;
}
.cse1 .spanStyle {
	width: 55px;
}
.cse2 .spanStyle {
	width: 55px;
}
.cse3 .spanStyle {
	width: 62px;
}
.selectStyle {
	height: 21px;
	border: none;
	/* makes it work */
	position: relative;
	z-index: 5;
}
.spanStyle {
	height: 17px;
	overflow: hidden;
	padding: 4px 4px 0 7px;
	position: absolute;
	background: url(../img/fon-select.png) no-repeat #fff 100% 0;
}
.selectStyle,
.spanStyle {
	font-size: 1.1em;
	color: #999;
}
/* footer */
#footer {
	padding: 20px 0 0 45px;
}
#footer li {
	display: inline;
	font-size: 1.1em;
	color: #999;
}
#footer li.sep {
	margin: 0 10px;
}
#footer li a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
#footer li a:hover {
	color: #fff;
}


#txtWinners li a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
#txtWinners li a:hover {
	color: #fff;
}

/* lightbox */
.fonLB {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12345;
	display: none;
}
.lb {
	
	display: none;
	position: absolute;
	top: 50px;
	left: 25%;
	z-index: 123456;
}

#fonLB {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12345;
	display: none;
}
#lb {
	
	display: none;
	position: absolute;
	top: 50px;
	left: 25%;
	z-index: 123456;
}
.lbBases {
	background: url(../img/fon-lb.png) 0 0 no-repeat;
	width: 563px;
	height: 579px;
	padding: 33px 0 0 0;
}
.lbBases .cerrarLb {
	text-align: right;
	padding: 0 29px 0 0;
	margin: 0 0 -22px 0;
}
.lbBases .cerrarLb img {
	cursor: pointer;
}
.lbBases .textoLb p,
.lbBases .textoLb h3,
.lbBases .textoLb h4 {
	font-size: 1.1em;
	color: #fff;
}
.lbBases .textoLb p {
	margin: 0 0 12px 0;
}
.lbBases h2 {
	margin: 0 0 12px 0;
}
.lbBases .textoLb h3 {
	margin: 0 0 20px 0;
}
.lbBases .textoLb h4 {
	margin: 0 0 12px 0;
}
.lbBases .textoLb h4 {
	font-weight: bold;
}
.lbBases .textoLb {
	height: 404px;
	margin: 0 auto;
	overflow: auto;
	overflow-x:hidden;
}
.lbBases #scrollTextoLb {
	height: 404px;
	font-family:'FuturaPepsi1','FuturaPepsi2'; 
	font-size:12px;
	color:white;
}

.lbBases #scrollTextoLb strong{
	color:#ff4093;
}

.lbBases .innerLb h2{
	color:#ffffff;
	font-size:22px;
}

.lbBases #scrollTextoLb a{
	color:#ff4093;
}
.lbBases .innerLb {
	width: 460px;
	margin: 0 auto;
}
/* scroll ganadores */
#txtWinners {
	width: 411px;
	height: 182px;
	overflow: hidden;
}
#txtWinners {
	width: 411px;
	height: 182px;
	overflow: hidden;
}
/* AGREGADOS */
.formError {
	background-color: #993333 !important;
	color: #fff!important;
	font-weight: bold;
}
.txtError {
	color: #993333 !important;
	font-weight: bold;
}
.captcha img {
	width: 90px;
}






/* AKON
----------------------------------------------*/
#sectionAkon h2 {
	color:#FFFFFF;
	font-size:2.5em;
	font-weight:normal;
	line-height:1em;
	margin:29px 0 8px 44px;
}
.blockBanner {
	display:block;
	float:left;
	width:420px;
}
.blockBanner .bbLeft {
	display:block;
	float:left;
	height:97px;
	padding:9px 0 0 44px;
	position:relative;
	width:215px;
	z-index:12;
}
.blockBanner .bbLeft2 {
	display:block;
	float:left;
	height:97px;
	padding:1px 0 0 44px;
	position:relative;
	width:215px;
	z-index:12;
}
.blockBanner .bbRight {
	display:block;
	float:left;
	height:50px;
	padding:12px 0 0 18px;
	width:105px;	
}
.blockBanner .bbRight p {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
}
.blockBanner .bbRight a {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:10px;
	font-weight:bold;
	text-decoration:none;
}
.blockBanner .bbRight a:hover {
	text-decoration:underline;
}
.blockBanner .bbRight2 {
	display:block;
	float:left;
	height:50px;
	padding:4px 0 0 18px;
	width:105px;
}
.blockBanner .bbRight2 p {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
}
.blockBanner .bbRight2 a {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:10px;
	font-weight:bold;
	text-decoration:none;
}
.blockBanner .bbRight2 a:hover {
	text-decoration:underline;
}
.blockBanner .bbLeft img {
	border:#FFF solid 2px;
}
.blockBanner .bbLeft2 img {
	border:#FFF solid 2px;
}
.noBorder {
	border:none!important;
}
.absoluteFacebook {
	position:absolute !important;
	right:-18px;
	top:29px;
	z-index:123 !important;
}
.titleAfrica {
	padding:0 0 0 40px;
}
#txtAkon p {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:10px;
}
#txtAkon2 p {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:10px;
}
#txtAkon .blockTxtSong {
	padding:5px 0 0 45px;
	width:350px;
}
#txtAkon2 .blockTxtSong {
	padding:5px 0 0 45px;
	width:320px;
}
.blokCenter {
	float:left;
	display:block;
	width:820px;
}
#akon .blockTxtSong {
	padding:0 0 0 45px;
}
#akon .textoBl {
	padding:17px 0 0 0 !important;
}
#akon .blockHaze {
	float:left;
	width:820px;
}
#akon .blockHaze .imageFans {
	padding:4px 0 0 43px;
}
#akon .blockHaze .imageFans img {
	border:#FFF solid 2px;
}
#akon .blockInterview p {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
}
#akon .blockInterview a {
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#akon .blockInterview {
	padding:15px 0 0 45px;
}
#akon .blockInterview a:hover {
	text-decoration:underline;
}
#akon .blockHaze h2 {
	padding:25px 0 0;
}
#akon .icoFacebookBlock {
	background:url(../img/ico-facebook.png) 0 0 no-repeat;
	width:22px;
	height:22px;
	float:left;
}
#akon .icoTwitterBlock {
	background:url(../img/ico-twitter.png) 0 0 no-repeat;
	width:23px;
	height:22px;
	float:left;
}
#akon ul.social {
	padding:14px 0 0;
}
#akon ul.social li {
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}
#akon ul.social li a {
	margin:0 0 0 5px;
}
#akon .btnParticipaAkon {
	height:102px;
	left:113px;
	position:absolute;
	width:214px;
	z-index:1;
}
#akon .blocksBottomAkon {
	display:block;
	height:225px;
	margin-top:25px;
	position:relative;
	width:850px;
	z-index:12;
}
#akon .blockDown {
	height:164px;
	left:30px;
	position:absolute;
	top:65px;
	width:830px;
	z-index:1;
}
#akon #sectionAkon {
	float:left;
}
#akon .akonImgBackground {
	background:url("../img/img-akon-player.png") no-repeat scroll 457px 8px transparent;
}
#akon .lbBases h2 {
	color:#FFFFFF;
	font-size:2.4em;
	font-weight:normal;
	line-height:1em;
}
/* akon menutop
--------------------------------------*/
#hazeLB {
	display:none;
	left:25%;
	position:absolute;
	top:50px;
	z-index:123456;
}
#scrollTextoLb2 h2 {
	padding:75px 0 0 0;
}

#fonLB2 {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12345;
	display: none;
}


#menuTop #elMenu li#btnMnTop3 {
	height:18px;
	margin:45px 0 0 16px;
	width:99px;
}
#menuTop #elMenu li#btnMnTop3 a {
	background: url(../img/btn-mn-top-3.png) 0 0 no-repeat;
	height: 18px;
	display: block;
}
#menuTop #elMenu li#btnMnTop3 a:hover {
	background-position: 0 -22px;
}
