*{margin: 0; border: 0; } .wrapper{width: 800px; height: 400px; margin: 50px auto; } table{background-color: #000; color: #000; } td{width: 30px; height: 30px; border-spacing: 1px; } td span{float: left; top: -12px; position: relative; font-weight:bold; font-size: 10px; } .blanco{background-color: #FFF; } .negro{background-color: #0066FF; } .crucigrama{width: 500px; float: left; } .preguntas{margin-top: 110px; width: 200px; float: left; } .pregunta{width: 146px; height: 80px; float: left; margin-top: 9px; font-size: 12px; text-align: center; } .mhorizontal,.mvertical{background-color: #CE682F; } .mhorizontal,.mvertical{margin: 10px auto; width: 180px; height: 80px; } .abc{float: left; margin: 2px; font-size: 10px; width: 30px; height: 76px; background-color: #817D7B; } .mhorizontal>.abc>p{margin-top: 31px; margin-left: 3px; } .txtabc{width: 12px; margin-top: 18px; margin-left: 5px; float: left; } .mvertical>.abc>img{margin-top: -20px; float: left; margin-left: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .puntaje{margin-top: 50px; float: left; width: 696px; height: 50px; background-color: #FF0000; border: 2px solid #B16513; } .puntajeayuda,.contadores{float: left; width: 100px; height: 50px; background-color: #B16513; } .puntajeinfo{float: left; width: 496px; height: 50px; background-color: #000; } .puntajeinfo p{margin-top: 9px; font-size: 13px; color: #FFF; text-align: center; } .puntajeayuda img{margin-top: 2px; width: 20px; height: 20px; } .puntajeayuda>div,.contadores>div{margin: 0 2px; width: 29px; height: 50px; float: left; } .pa_atras>img:first-child{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .pa_bandera img{margin-left: 2px; } .pa_bandera p{margin-top: 3px; font-size: 12px; color: #4E4242; font-weight: bold; } .contadores p{width: 32px; text-align: center; font-size: 10px; } .n_contador{width: 30px; height: 35px; border: 1px solid #B19696; border-style: inset; } .n_contador span{margin-top: 2px; font-family: arial; float: right; font-size: 26px; font-weight: bold; }

/* TOCADO  */

/* body{background:url('../../../images/fond.jpg'); background-repeat:repeat;} */
body{background:url('../img/fond.jpg'); background-repeat:repeat;}
.question-left{width:300px;height:400px;background:none;float:right;}
.header-question{width:100%;height:200px;background:none;}
.header-question>h2{font-family: arial;font-size: 14px; padding-top: 100px; text-align: center; text-transform: uppercase;}
.container-question{width:100%;height:200px;background:none;margin:10px auto;}
.container-question>button{padding:5px;float:left;margin-left:35px;cursor:pointer;border-radius:3px;border:2px solid black}
.contador{width:755px;height:40px;border:1px solid;margin:50px auto;position: relative;clear:left;}
.description{width:500px;height:100%;background:rgb(22, 22, 22);float:left;}
.description>h2{color:rgb(218, 218, 218);text-transform:uppercase;font-family:arial;font-size:14px;padding:3px;}
.time{width:255px;height:100%;float:right;background:white;}
.time>div{width:50px;height:100%;border-right:2px solid gray;float:left;}
.time>div:nth-child(3){width:96px;}
.time>div>p{font-weight: bold; padding: 10px; text-align: center;}
.finish{width:100%;height:100%;background:rgba(0, 0, 0, 0.70);position:absolute;top:1px;z-index:99;}
.container_finish{    background: none repeat scroll 0 0 #4BBBAB; border: 6px solid #262626; height: 260px;top:23%; margin:0 auto; position: relative; width: 500px; z-index: 99; }
.container_finish>h2{color: #801F3C; font-family: arial; font-size: 40px; font-weight: bold; margin-top: 30px; padding: 1px; text-align: center; text-transform: uppercase;}
.result_finish{width:100%;height:200px;margin-top:35px;margin-left:75px;}
.result_finish>p{ color: white; font-family: arial; font-size: 30px; font-weight: 600; padding: 10px; text-align: center; text-transform: uppercase;}
.result_finish>a>button{padding:10px;border:none;background:rgb(128, 31, 60); cursor:pointer;color:white;text-transform:uppercase}
.result_finish span{margin-left:5px;font-weight:bold;}
#winner{font-family:arial;color:green;}
#loser{font-family:arial;color:red;}
#back{border-radius: 5px 5px 5px 5px; float: left; margin: 50px 0 0 100px;}
#prev{margin: 50px 100px 0 0;border-radius: 5px 5px 5px 5px;}
#stop-game{cursor:pointer;}
.complet-one{background:rgb(216, 216, 216)}
.container-put{  position: absolute; right: 1px; top: 1px; width: 100%;   bottom: 1px; height: 100%; left: 1px;background: rgba(0, 0, 0, 0.26);}
#value-question{border: 1px solid gray; border-radius: 3px 3px 3px 3px; margin: 240px 0 0 550px; padding: 5px; position: absolute; width: 300px;}
.complet-one>p{ clear: left; font-family: arial; font-size: 13px; position: relative;text-align:center; text-transform: uppercase;}
td>p{text-align:center;text-transform: uppercase;font-family:arial;display: block;
font-size: 12px;
font-weight: bold;
margin-left: -5px;}