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

body { 
  background:#df0000 url(../../img/music-campeones/background.gif) repeat-x top; 
  margin:0; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  color:#FFFFFF;
}

form { margin:0; padding:0; }



/***************************************************************************
**********************          LANDING            ************************/

.landing #container {
  width:986px;
  height:389px;
  background:url(../../img/music-campeones/bgr-main-landing.jpg) top left no-repeat;
  margin:20px auto 0 auto;
  position:relative;
}

#head { position:absolute; top:10px; left:192px; }

#songs { width:530px; height:104px; position:absolute; top:147px; left:314px; }
.table-music td { padding:5px; }
table.music-box { /*width:250px;*/ }
table.music-box td { padding:0; }
td-music-prelisten { height:40px; }

.td-music-info { width:210px; }
.music-title { display:block; font-weight:bold;}
.music-author { font-size:11px; display:block; }


/***************************************************************************
**********************            MODULO            ************************/

.landing #modulo { width:485px; height:105px; position:absolute; top:264px; left:338px; }

.operator-container { 
  left:285px;
  position:absolute;
  text-align:center;
  top:5px;
  width:195px;
}

.operator { font-size:18px; padding:3px;}

.number-container { 
  left:60px;
  position:absolute;
  text-align:center;
  top:5px;
  width:220px;
}

label { display:block; color:#ffe400; font-size:15px; }
.label-number { position:relative; left:14px; }

.country-code { vertical-align:middle; font-size:16px; }
.number { 
  background:#e1e0d6 url(../../img/music-campeones/bgr-textarea-msisdn.gif) right no-repeat; 
  border:#efd602 solid 2px; 
  padding:5px; 
  vertical-align:middle; 
  font-size:20px;
  width:165px;
}

.privacy { 
  color:#CCCCCC;
  left:10px;
  position:absolute;
  top:63px;
  width:275px;
}
.privacy a:link, .privacy a:visited  { color:#CCCCCC; }

.btn-send { 
  width:142px; 
  height:39px; 
  background:url(../../img/music-campeones/btn-send.gif) no-repeat; 
  position:absolute; 
  top:60px; 
  left:311px;
}

.alert-numTel {
	background:transparent url(../../img/alert-flash2.gif) bottom center;
	color:#000000;
	display:block;
	font-size:14px;
	font-weight:bold;
	top:-63px;
	left:43px;
	padding:5px 5px 25px 5px;
	position:absolute;
	z-index:999;
	text-transform:lowercase;
	width:150px;
	text-align:center;
}

.alert-check { 
	background:url(../../img/alert-flash2.gif) right center;
	display:block;
	width:262px;
	height:;
	padding:5px 25px 5px 5px;
	position:absolute;
	text-align:left;
	top:-12px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	z-index:999;
	left:-305px;
	
}

.alert-operator {
	background:transparent url(../../img/alert-flash2.gif) bottom center;
	color:#000000;
	display:block;
	font-size:14px;
	font-weight:bold;
	top:-63px;
	left:18px;
	padding:5px 5px 25px 5px;
	position:absolute;
	z-index:999;
	text-transform:lowercase;
	width:150px;
	text-align:center;
}



/***************************************************************************
**********************          DISCLAIMER          ************************/

#disclaimer { width:986px; margin:10px auto; color:#CCCCCC; font-size:11px; }
#disclaimer a:link, #disclaimer a:visited { color:#CCCCCC; }




/***************************************************************************
**********************          PWD PAGE           ************************/

.pwd #container {
  width:986px;
  height:389px;
  background:url(../../img/music-campeones/bgr-main-pwd.jpg) top left no-repeat;
  margin:20px auto 0 auto;
  position:relative;
}

.flow #headline {
  width:773px; 
  height:97px;
  background:url(../../img/music-campeones/head-flow.gif) no-repeat;
  position:absolute;
  top:10px; 
  left:192px;
}

.pwd #modulo {
  width:475px;
  height:250px;
  position:absolute;
  top:118px;
  left:345px;
  text-align:center;
  color:#CCCCCC;
}

p.info1 { font-size:16px; text-transform:uppercase; margin:0; margin-top:10px; padding:0; line-height:35px; }
p.info1 br { }

p.info2 { padding:0 20px 0 20px;}

.pwd .msisdn {
  position:absolute;
  top:35px;
  left:197px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
}

.pwd .titolo-contenuto { font-size:16px; font-weight:bold; position:relative; top:-7px; }

.Text1 { 
  background:#e1e0d6 url(../../img/music-campeones/bgr-textarea-pwd.gif) left no-repeat; 
  border:#efd602 solid 2px; 
  padding:5px 5px 5px 30px; 
  vertical-align:middle; 
  font-size:20px;
  font-weight:bold;
  width:80px;
  position:absolute;
  top:181px;
  left:115px;
}

.pwd .BtScarica { 
  width:106px; 
  height:40px;
  background:url(../../img/music-campeones/btn-send-pwd.gif) no-repeat;
  position:absolute;
  top:180px;
  left:255px;
}

.alert-pincode {
	background:transparent url(../../img/alert-flash2.gif) bottom center;
	color:#000000;
	display:block;
	font-size:14px;
	font-weight:bold;
	top:125px;
	left:85px;
	padding:5px 5px 25px 5px;
	position:absolute;
	z-index:999;
	text-transform:lowercase;
	width:175px;
	text-align:center;
}

.alert-pincode-errore {
	background:transparent url(../../img/alert-flash2.gif) bottom center;
	color:#000000;
	display:block;
	font-size:14px;
	font-weight:bold;
	top:80px;
	left:85px;
	padding:5px 5px 25px 5px;
	position:absolute;
	z-index:999;
	text-transform:lowercase;
	width:175px;
	text-align:center;
}


/***************************************************************************
**********************         THANK PAGE           ************************/

.thank #container {
  width:986px;
  height:389px;
  background:url(../../img/music-campeones/bgr-main-thank.jpg) top left no-repeat;
  margin:20px auto 0 auto;
  position:relative;
}

.thank h1, .thank h2 { display:none; }


/***************************************************************************
**********************       ERROR / RESPONSE       ************************/

.error #container, .response #container {
  width:986px;
  height:389px;
  background:url(../../img/music-campeones/bgr-main-flow.jpg) top left no-repeat;
  margin:20px auto 0 auto;
  position:relative;
}

.error #modulo, .response #modulo {
  width:475px;
  height:205px;
  position:absolute;
  top:133px;
  left:345px;
  text-align:center;
  color:#CCCCCC;
}

.error h1, .response h1 { color:#FFFFFF; font-size:20px; margin-top:20px; }
.error h2, .response h2 { color:#FFFFFF; font-size:14px; }

.error a:link, .error a:visited { color:#FFFFFF; }