@charset "UTF-8";

body {
    font-family: 'Open Sans', sans-serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
	
	
a:link {
    color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #FEFEFE;
	text-align: center;
}
	
.contenedor{
    min-height:100%;
	width:100%;
	position:fixed;
	height:100%;
	background-image: url(imagenes/fondo2.png);
	background-size:cover;
	background-repeat:no-repeat;
}
		
.btn1{
    background-image: url(imagenes/btn1.png);
	vertical-align: central;
	background-repeat: no-repeat;
	min-height: 82px;
	max-width: 282px;
	text-align: center;
}	
		
#logosanofi {
	position: absolute;
	bottom: 5px;
	right: 12px;
	align-content: center;
}


#caja {
    color: #FFF;
	font-size: 16px;
	background-image: url(imagenes/fondopreguntas.png);
	background-size: 100% 100%;
	margin-top:-7px;
	width: 70%;
	margin-left: 12%;
	padding: 30px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	/* para IE */
	behavior: url(border.htc);
	text-align: center;
}

.players{
	color: hsla(0,0%,100%,1.00);
	float: left;
	width: 15%;
	height: 90%;
    text-align: center;
}
	
.tablero{
	width:85%;
	height:90%;
    background: url(imagenes/fondotablero.png) no-repeat ;
    background-size:100% 100%;
	margin-top:50px;
	float:left;
	color:#FFF;
}
	
.footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:10%;
	color:#FFF;
} 
	
.caja1{
	width:135px;
	height:75px;
	background-image:url(imagenes/c1.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.caja2{
    width:80%;
	height:auto;
    text-align: center;
	background-image:url(imagenes/c2.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.caja3{
    width:80%;
	height:auto;
	background-image:url(imagenes/c3.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.caja4{
	width:80%;
	height:auto;
	background-image:url(imagenes/c4.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.caja5{
	width:80%;
	height:auto;
	background-image:url(imagenes/c5.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
		
		}
.caja6{
	width:80%;
	height:auto;
	background-image:url(imagenes/c6.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajatitulos1{
   padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c1.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:cover;
}

.cajatitulos2{
    padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c2.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajatitulos3{
   padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c3.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajatitulos4{
    padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c4.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajatitulos5{
    padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c5.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajatitulos6{
    padding: 20px 0px;
	width:60%;
    margin-left: 20%;
	background-image:url(imagenes/c6.png);
	background-position:center; 
	background-repeat:no-repeat;
	background-size:contain;
}

.cajagris{
	background-position: center;
	text-align: center;
	width:80%;
	background-image:url(imagenes/c1.png); 
	background-repeat:no-repeat;
	background-size:contain;
}

#precios{
    padding: 5px 0px;
    text-align: center;
    margin: 3px;
}
	
#fondoplayer{
	width:100%;
	padding:10px 0px; 
	color:#FFF;
	font-size:1.2em;
	background-image:url(imagenes/fondoplayer.png);
	background-size: 100% 100%;
}
	
.tituloscategorias{
    color:#FFFFFF;
	font-size:16px;
}

.fondorespuesta{
    position:relative;
	text-align:left;
	width:100%;
	height:100%;
	color:#000;
}

.respuestas{
	top:0;
	text-align:left;
	position:relative;
	padding: 20px 25px 10px 25px;
	color:#FFF;
    background-image:url(imagenes/fondobtn.png);
	background-size: 100% 105%;
	background-repeat: no-repeat;
	background-position: center;
}		
	
.score{
	position:absolute;
	top:45px;
    left:20px;
    width:200px;
    text-align:left;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    font-weight:bolder;
    z-index:100;
    color:#FFFFFF;
}
	
.cms{
	width:90%;
	margin-left:5%;
	color:#FFF;
	font-size:18px;
	text-align:left;
}