body {
background-color:#fff;
color:#333;
}

a {
color:#0000ff;
}

#page {
margin:0 auto;
width:735px;
}

#header a{
text-align:center;
background:url(i/logo.jpg) no-repeat center;
height:150px;
display:block;
text-indent:-5555px;
}


.restantes {text-align:center;}
#puntos {
font-size:2em;
text-align:center;
}
#mensaje {
margin:0 auto;
}


#mensaje.correcto {
height:130px;
border:4px #088F00 solid;
color:#fff;
background:url(i/correcto.jpg) no-repeat #B6CFB5;
padding-left:150px;
}

#mensaje.correcto strong {
color:#088f00;
font-size:1.3em;
}

#mensaje.error {
border:4px red solid;
color:#000;
background:url(i/error.jpg) no-repeat #FFDFE0;
height:140px;
padding-left:150px;
}

#mensaje.error strong {
color:red;
font-size:1.3em;
}

h2#question {
display:block;
clear:both;
margin-top:1em;
text-align:center;
font-size:2em;
color:orange;
border:1px orange solid;
padding:.5em;
}

#respuestas{
margin:0;
padding:0;
}

#respuestas li{
display:block;
}

#respuestas li a {
border:1px #3250AF solid;
display:block;
font-size:1.4em;
padding:1em;
margin:.1em;
}

#respuestas li a:hover {
background-color:#3250AF;
color:#fff;
}

.clear {
clear:both;
}

/****/

table {
width: 100%;
}

thead{
background-color:#3250AF;
color:#fff;
}

tbody td{
border-bottom:1px #3250AF solid;
}

.alt {
background-color:#4473CF;
color:#fff;
}
/****/

.preg {
font-size:2em;
text-align:center;
display:block;
}

.preg_erronea {
text-align:center;
}

@media only screen and (max-device-width: 480px) {
	h2#question {
		font-size: 4em;
	}
	#respuestas li a {
		font-size: 3em;
	}
	
	.correcto {
		font-size: 3em;
	}
}

#form {border:1px #666 solid;padding:1em;}
#form fieldset { border:0;padding-left:2em;}
	#form label {	display:block;margin:1em 0;}
		#form input, select {	width:99%;font-size:1.2em;}
	#form label.opt {	background-color:#aaa;}
		#form label.opt input {width:24%;	}


#timeout {
background:url(i/clock.jpg) no-repeat center left;
height:130px;
font-size:8em;
width:100px;
padding-left:180px;
float:right;
margin-right:.5em;
}

textarea{
width:100%;
height:10em;
}

.info {text-align:center;}
.info strong {font-size:1.1em;}

.chucks span{
display:block;
margin-bottom:.5em;
font-weight:bolder;
}
.chucks {
text-align:center;
width:300px;
}
.chucks a  {
margin-left:.3em;
}
.chucks a img {
border:0;
width:64px;
border:1px #3C5FBF solid;
}
#modes {
text-align:center;
}
#modes a{
font-size:3em;
margin:1em;
}

#preguntas{
padding:0;
}

#preguntas li {
display:block;
margin:.2em 0;
}

#usuarios dt{
background-color:#EFF4FF;
}
#usuarios dd {
border-bottom:1px blue solid;
padding:0 2em;
margin:0;
}

#usuarios dd span {
font-weight:bolder;
margin-left: 1em;
}

.novisible {
display:none;
}