@charset "UTF-8";
@font-face {
    font-family: 'Dalek';
    src: url('../media/fuente/DalekPinpointBold.eot');
    src: url('../media/fuente/DalekPinpointBold.eot?#iefix') format('embedded-opentype'),
        url('../media/fuente/DalekPinpointBold.woff') format('woff'),
        url('../media/fuente/DalekPinpointBold.svg#DalekPinpointBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

*{
	font-family: Dalek;
}
/*CUERPO*/
body{
	background:#ffa024;
    width: 96%;
    height: 610px;
}

#logcuadro{margin-top: 30px;
    margin-left: 5%;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
    background: #fff;
    height: 600px;
    margin-right: 5%;
}

.fondogris{
	top: 30px;
	height: 600px;
    position: absolute;
    background: #e2e2e2;
    width: 40%;
    left: 52%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

}

#logologin{
    top: 127px;
        width: 57%;
    position: relative;
    left: -21px;
}

h1{
	text-align:center;
    position: relative;
    top: 65px;
font-size:3.5em;

}

form{
	display:none;/*DE MOMENTO LO OCULTAMOS, PARA CREAR EL BOTON Y PODER MOSTRARLO*/
	position: relative;
    left: 12%;
    font-size: 2em;
    top: 60px;
	font-size: 2em;
}
form label{
    color:#2b2b2b;

}
form input{
 
    border-radius: 25px;
    border: 2px solid #ffa024;
    font-size: 30px;
    background: #e2e2e2;
    padding-left: 20px;
    width: 90%;


}

button{
	font-size: .9em;
	color:#2b2b2b;
	border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
    background: #ffa024;
    margin:7px;
    cursor: pointer;
}

#newgame, #cargarpartida{

	width:82%;
	left:8%;
	text-align: center;
    position: relative;
    color: #000000;
    border: 2px solid #ffa024;
    border-radius: 15px;
    text-decoration: none;
padding-top:10px;
padding-bottom:10px;
font-size:3em;
cursor: pointer;
}
#newgame a{
text-decoration: none;
color: #000000;	
}

#newgame{
top: 90px;

}

#cargarpartida{
top: 140px;
	
}

#newgame:hover, #cargarpartida:hover{background-color:#ffa024;border:2px solid #ce7e16;}





#newgame:active, #cargarpartida:active{    
        box-shadow: inset 0px 0px 30px 9px #ffa024;
    background-color: #a26009;
    border: 2px solid #ce7e16;
}

footer p,footer a{
    font-family: arial;
    text-align: center;
    font-size: 10px;
}
@media only screen and (max-device-width: 800px){

form input{width:70% !important;}
button{position:relative; left:-7%;}

}