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

body{
	font-family:'Droid Sans';
	/*background-image:url('../imatges/background.jpg');*/
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
.total{
	max-width: 960px;
	margin:0 auto 0 auto;
	background-color:#FFF;
}
.top_head{
	float:left;
	width:100%;
}
.logo{
	float:left;
}
.score{
	float:left;
	position:relative;
	margin:2% 7%;
}
.score span{
	font-weight:bold;
	margin:15px;
}
.score_100{
	float:left;
	font-size:32px;
	color:white;
	font-weight:bold;
	padding:17px 70px;
	position:absolute;
}
.joker{
	float:right;
	position:relative;
	margin-top:2%;
}
.joker span{
	font-weight:bold;
	margin:73px;
}
.joker img{
	float:left;
	cursor:pointer;
}
.caja{
	width:100%;
	margin:5% 0 3% 0;
	height:164px;
	float:left;
	background-color:#312e3c;
}
.caja-sombra{
    position: relative;
    float: left;
    padding: 1em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.caja-sombra{
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset
}
.caja p{
	float:left;
	width:100%;
	font-size:18px;
	color:white;
	font-weight:bold;
	padding:20px 10px 20px 10px;
	text-align: center;
}
.text1{
	font-size:12px; font-family:Helvetica; color:black; 
	/*background-color: white;*/
	/*height:33px;
	width:400px;*/
}
#resposta{
	width:100%;
	float:left;
}
.answer_left{
	float:left;
	position:relative;
	margin-bottom:1%;
}
.answer_right{
	float:right;
	position:relative;
	margin-bottom:1%;
}
.answer_txt{
	float:left;
	width: 400px;
	height:79px;
	background-color:#312e3c;
}
.answer_txt p{
	font-size:16px;
	color:white;
	padding:5px;
}
.answer_100{
	float:left;
	font-size:14px;
	color:white;
	font-weight:bold;
	padding:20px 90px;
	position:absolute;
}
.stop{
	float:right;
	margin:10px 0 40px;
}
.stop span{
	font-weight:bold;
	margin-bottom:2%;
}
.stop img{
	float:right;
}
#fallo {
	color:red;
	}
#correcto {
	color:green;
	}

/*Capa invisible en la home, para el comodín de la llamada*/
#capasuperpuesta{
	width:100%;
	height:100%;
	z-index:99999;
	position:fixed;
	top: 0; left:0;
	overflow:visible;
	background: #F4F8F9;
}
.div_capasuperpuesta{
	max-width:960px;
	margin:0 auto;
	font-size:20px;
	text-align:center;
}
.reply_capasuperpuesta{
	margin: 40px 0 40px 0;
}
.reply_capasuperpuesta p {
	margin-bottom: 14px;
}
#capasuperpuestaFallo{
	margin:0 auto;
	position:relative;
}
#capasuperpuestaFallo img {
	float:left;
	margin-right:20px;
}
#capasuperpuestaFallo p{
	width:100%;
	height:74px;
	background-color:#fff;
	padding:10px;
	border-style: 1px solid black;
	text-align:left;
}
.login2 input, select{
	float: right;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	margin-top: 6px;
}
.login_label label{
	color: #ddd;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 9px;
    text-indent: 10px;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
	width: 49%;
}
.puntuacion{

	margin:20px 0;
}