/*----------------------*/
/* CSS Rally Telmex 2009*/


/*--ELEMENTS------------------------------------------------*/

body {
    font-size: larger;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px; 
	}

br {
    clear: left;
	}

input[type=text] {
	height: 20px;
	border: thin solid #333333;
	}

input[type=password] {
	height: 20px;
	border: thin solid #333333;
	}

input, textarea {
    width: 180px;
    margin-bottom: 5px;
	}

label {
    float: left;
    width: 250px;
	}

li {
	margin-bottom: 10px;
    text-align:left;
	}

textarea {
    width: 250px;
    height: 150px;
	}
	
/*--IDS------------------------------------------------*/

#boton {
	height: 100px;
	}

#container {
	background: url(../img/back.jpg) center top no-repeat;
	}
	
#fin {
	width: 810px;
	height: 515px;
	background: url(../img/finback.png) center top no-repeat;
    padding-top: 170px;
	margin: 0px auto 0px auto;
	color: #3d8bac;
	font-size: 16px;
	text-align:center;
	}	

#header {
	height: 100px;
	}
	
#instrucciones {
	height: auto;
	width: 500px;
	background-position: center;
	background-repeat:no-repeat;
	margin: auto;
	font-size:0.80em;   
    color: #000000;
	}

#instrucciones ul {
    height: 225px;
	padding-left: 30px;
	margin-left: 30px;
    background: url(../img/numbers.png) top left no-repeat;
    list-style: none;   
    list-style-type: none;
	}

#instrucciones li {
    padding-bottom: 5px;
	}

#logo {
	padding-top:80px;
	text-align: center;
	}

#question {
	width: 810px;
	height: 515px;
	background: url(../img/qback.png) center top no-repeat;
    padding-top: 120px;
	padding-left: 100px;
	margin: 0px auto 0px auto;
	color: #3d8bac;
	font-size: 13px;	
	}

#submitbutton {
    margin-left: 120px;
    margin-top: 40px;
    width: 20px;
	}

#success {
	background: url(../img/doneback.png) center top no-repeat;
	padding-top: 150px;
	width: 550px;
	height: 510px;
	margin:auto;
	text-align: center;
	}

#trivia {
	width: 700px;
	text-align: center;
	}

/*--CLASSES------------------------------------------------*/

a.registrate:hover {
	font-size:1.4em; 
	text-decoration: none;
	font-weight: bolder;
	color: #A4C9D5;    
	} 

a.registrate:active {
  font-size:1.4em; 
  text-decoration: none;
  font-weight: bolder;
  color: #4188A6;    
	}

a.registrate:link {
	font-size:1.4em;   
	text-decoration: none;
	font-weight: bolder;
	color: #4188A6;    
	} 

a.registrate:visited {
	font-size:1.4em; 
	text-decoration: none;
	font-weight: bolder;
	color: #4188A6;
	} 
	
a.respuestas:hover {
	text-decoration: underline;
	}

a.respuestas:link {
	color: #3d8bac;
	font-size: 18px;
	text-decoration: none;
	}

a.respuestas:visited {
	color: #3d8bac;
	font-size: 18px;
	text-decoration: none;
	}

.boxes {
    width: 1em;
	}

.btnConcursa {
    width: 103px;
    height: 31px;
	}

.btnEnviar {
    margin-left: 200px;
    width: 71px;
    height: 31px;
	}

.btnRegistrate {
    width: 103px;
    height: 31px;
	}

.dvFormulario {
    width: 550px; 
    height: 515px;
	background: url(../img/regback.png) center top no-repeat;
    padding-top: 120px;
	padding-left: 100px;
	margin: 0px auto 0px auto;
	color: #3d8bac;
	font-size: 13px;	
	}

.dvIntro {
    width: 550px; 
    height: 515px;
	background: url(../img/selectback.png) center top no-repeat;
    padding-top: 120px;
	padding-left: 100px;
	margin: 0px auto 0px auto;
	color: #3d8bac;
	font-size: 14px;	
	}

.dvPreguntaNumero {
    color: #4188A6;    
    text-align:center;
    font-weight:bold;
    font-size:25px;
	}

.introduccion {
    font-size:0.85em;   
    color: #000000;    
	}

.luck {
	padding-left: 250px;
	padding-top: 50px;
	}

.nota {
	color: #464646;
	font-size: 11px;
	}

.nota_exito {
	color: #464646;
	font-size: 16px;
	}

.pregunta {
	color: #000000;
	font-size: 17px;
	}

.txtAviso {
    width: 300px;
    color: #FF0000;
    font-size: 14px;
}

.txtAzul {
    color: #4188A6;    
	}

.txtAzulPequeno {
	color: #3d8bac;
	font-size: 11px;	
	}

.txtParticipa {
    font-size:1.2em;   
    color: #4188A6; 
    margin-bottom: 20px;
	}

.txtPreguntaDecifra {
    color: #000000;
	font-size: 17px;
	}

.txtTitulo {
    color: #4188A6;    
    margin-bottom: 20px;
    }

.txtUrlDecifra {
    color: #3d8bac;
	font-size: 16px;
	}

/*-----------------------------------------------------------------*/
/* CSS Rally Telmex 2009*/