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

span.left {
	float: left;
	text-align: left;/*width: 49%;*/
}
span.right {
	float: right;
	text-align: right;/*width: 49%;*/
}

/* Main DIVS */

/* Content
-----------------------------------------------*/


.clearfloat {
   height: 0; clear: both;
}

.hidden {
	width: 0;
	height: 0;
}

/*PAYMENT SYSTEM*/

.arrow {
	FLOAT: left;
	MARGIN: 0px 10px 0px 0px;
	WIDTH: 14px;
	HEIGHT: 25px
}
#options {
	width:930px;
	clear:both;margin: 0px;
	padding: 0px;
	height: 90px;
}
span.leftcenter {
	float: right;
	text-align: left;
	width: 472
.px;
	padding: 0px;
	width: 470px;
}
#error {
	background-color: #fffaa5;
	background-image: url(../img/i.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	width: 390px;
	float: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #8396a5;
	text-align: left;
	padding-left: 50px;
	padding-right: 15px;
	min-height: 50px;
	color: #000;

}
.submit {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


#content-credits {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	color: #5e7180;
	font-size: 110%;
	line-height: 1.7em;
	text-align: center;
}
#content-803 {
	width:555px;
	margin-right: auto;
	margin-left: auto;
	height: 170px;
	padding-right: auto;

}
.destacado-803 {
	font-weight: bold;
	color: #6bc978;
}

.destacado-Visa {
	font-weight: bold;
	color: #6bc978;
	text-align: center;
}


#loading803 {
	padding-top: 10px;
	text-align: center;
}

#descriptionTicket {
	width:400px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
	padding-top: 0px;
}

.ticket {
	width:300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	font-size: 43px;
	color: #5e7180;
	font-weight: bold;
}

.small {
	width:400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	font-size: 12px;
	color: #5e7180;
	font-weight: bold;
}


.condiciones {

	text-align: center;

}

/* FORM */
#textfield {
	width: 210px;
	margin-bottom: 10px;
	margin-top: 5px;
}

input[type=password] {
	width: 210px;
}
input[type=text] {

}

div.input  {
	margin-bottom: 10px;
	margin-top: 5px;
}


#TarjetaClienteDecryptedVisa {
	width: 140px;
}

#TarjetaClienteCvvVisa {
	width: 40px;
}


#form1 {
	width: 215px;
	float: left;
}
#form {
	width: 455px;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	text-align: left;
}
#form2 {
	width: 215px;
	float: right;
}
.cc {
	background-color: #ededed;
}
#TarjetaCaducidadMonth{
	width: 120px;
}
#TarjetaCaducidadYear{
	width: 70px;
}
#TarjetaDecryptedVisa {
	width: 130px;
}
.texto {
	width: 210px;
}

.texto_largo {
	width: 450px;
}

#TarjetaTitular{
	width: 210px;
}
#TarjetaCvvVisa{
	width: 40px;
}
.expires {
	background-color: #ededed;
	width: 49%;
	margin-top: 5px;
}

#form1a {
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;

}
#form1b {
	margin-bottom: 10px;
	margin-top: 5px;
	float: right;

}

/* ----- REQUIRED ----- */
#spinner{
	padding: 5px;
}

form .req{
	border-right: 2px solid red;
}

form .form-error{
	background-color: #fffaa5 !important;
	border: 1px solid #8396a5;

}


/*-----msg Atention-----*/

.attention {
	color:#e83d3d;
	background-color: #ffdede;
	width: 700px;
	float: none;
	border: 1px solid #ffbebe;
	text-align: center;
	clear:both;
	padding-top: 12px;
	padding-bottom: 12px;
		margin-left:auto;
	margin-right:auto;

	color:#aa8888;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
}
.attention h1 {
	font-size:21px;
	font-weight:bold;
	text-transform:none;
	color:#e83d3d;
}


.attention p {
	color:#000000;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}


/* Asterisco Tooltip */

#content-credits a:link {
	color:#000;
	//font-weight: normal;
	text-decoration: none;
}
#content-credits a:visited {
	color:#000;
	//font-weight: normal;
	text-decoration: none;
}

#content-credits a:active {
	color:#000;
	//font-weight: bold;
	text-decoration: none;
}

#content-credits a:hover {
	position: relative;
}

#content-credits a span {
	display: none;
}

#content-credits a:hover span {
	display: block;
	font-weight: normal;
	position: absolute; top: 5px; left: 5px;

	/* formatting only styles */
	font-size:	10px;
	text-align: justify;
	line-height: 1.2em;
   	width: 380px;
   	min-height: 80px

   	z-index: 100;
   	border: 1px dotted #8396a5;
	//opacity: 1;

	background-color: #fffaa5;
	background-image: url(../img/i.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;

	padding-left: 40px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	/* end formatting */

}



/* CVV Tooltip */

a:hover {
	position: relative;
}


a span {
	display: none;
}

a:hover span {
	display: block;
   	position: absolute; top: 5px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 5px; z-index: 100;
   	//background: #f0f0f0;
   	//border: 1px dotted #c0c0c0;
	//opacity: 0.8;
	/* end formatting */
}



/* promobottom
----------------------------------------------- */


#access
 {
	width:700px;
	clear:both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
}

#access_bonos
 {
	width:700px;
	clear:both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
}


#access_803{
	width:700px;
	clear:both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
}



.acceso_sms a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	background-image: url("../img/cc2.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 0px;
	margin-left: 40px;
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#link_to_sms a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000 !important;
	background-image: url(../img/sms.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	display: block;
	margin-top:5px;
	margin-bottom:20px;
	padding-left: 50px;
	padding-top: 5px;
	height: 60px;
}



.thumbpic{
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: right;
	display: block;

	width:160px;
	height:119px;
	overflow:hidden;

	border-width: 4px;
	border-style: solid;
	border-color: #838383;
}

#access .segundos {

	color: #FFCC00;
	font-weight:bold;
}


#accessdata {
	width:190px;
	float: left;
	margin-left: 10px;
	text-align: justify;
}

#accessdata_803 {
	width:220px;
	float: left;
	margin-left: 10px;
	text-align: left;
}

#accesscontent_803 {
	width:435px;
	margin-left: 0px;
	text-align: left;
}

#accessdata_bonos {
	width: 190px;
	float: left;
	margin-left: 10px;
	text-align: justify;
}

#accesscontent_bonos{
	width: 455px;
	text-align: center;
}



.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:0px;
	margin:0px;
	padding:0px;
}



.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 47px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	line-height:54px;
	display: block;
	margin-top:7px;
	margin-bottom:7px;
	text-align: center;
}


.sms_code {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #fff;
	display: block;
	margin-top:10px;
	margin-bottom:1px;
	text-align: center;
}

.automaticamente {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	text-align: center;
}
.acceso_803 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000 !important;
	background-image: url(../img/cc2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
	margin-left: 30px;
	display: block;
	margin-top:-10px;
	margin-bottom:0px;
	padding-top: 10px;
	padding-bottom: 10px;


}
.acceso_bonos a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000 !important;
	background-image: url(../img/tel2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	display: block;
	margin-top:5px;
	margin-bottom:20px;
	padding-left: 40px;
	padding-top: 5px;
	height: 60px;

}
.acceso_portada2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000 !important;
	background-image: url(../img/listado.gif);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	padding-left: 0px;
	display: block;
	margin-left: 10px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 115px;
	padding-top: 5px;
	height: 45px;
}

.acceso_portada a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #000000 !important;
	background-image: url(../img/listado.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	display: block;
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 80px;
	padding-top: 15px;
	height: 45px;
	width: 180px;
}

.precio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	font-size: 10px;
margin-left: 120px;
width: 200px;
height: 70px;
margin-bottom: 10px;

}

#timeover_text{
	text-align: center;
}



#sms_legal {
	width: 100%;

	text-align: justify;
	font-size: 9px;
	color: rgb(187, 187, 187);
	margin-bottom: 10px;
	margin-top:50px;
}



.recibido {
	margin-top:20px;
	font-size:10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999;
	text-align: center;

}

.recibido a{
	font-size:10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	text-decoration: underline;
}







.manual_redirect, .manual_redirect a:link{
	font-size: 10px;
	text-align: center;
	color:#888;
	margin: 0 px;
	padding: 0 px;
	line-height: 1em;
	margin-top: 5px;
}