* {
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
}
/*todos los input deben estar redondeados y sin decoracion*/
input
{
border-radius:100px;
outline:none;
text-decoration: none;
}
/*cuando reproduce el audio no muestra el iframe, para no llenar la pantalla de iframe*/
iframe
{
	display:none;
}
/*div con ID imagen tiene esa propiedad*/
div#Imagen 
{
	width:600px;
	height:300px;

}
/*área de juego y con el fondo*/
.contenedor 
{
    padding: 0px;
    margin: auto;
    width: 850px;
    height: 650px;
    background-image: url("../img/fondos.png");

    background-size: 850px 650px;
    border: 8px dashed #993;
}

.panel-texto
{
  position: absolute; top: 2%; left: 35%; width: 80%; height: 8%; display: flex; flex-flow: row wrap; font-size: 18px;
}

/*imagen provisional del juegos*/
.contenedormundijuegos 
{
    padding: 0px;
    margin: auto;
    width: 850px;
    height: 650px;
    background-image: url("../img/mundijuegos.png");

    background-size: 850px 650px;
    border: 8px dashed #993;
}
/*centrado gral.*/
.centrado
{
     margin:15px 150px;

}
/*boton juega con las propiedades especificas*/
.juega
{
	margin: auto 120px;
	width: 300px;
	height: 100px;

	background-image: url("../img/juega.png");
	background-size: 300px 100px;	
}
/*propiedades de boton si*/
.botonsi
{
	width: 180px;
	height: 100px;
}
/*propiedades de boton no*/
.botono
{
width: 180px;
height: 100px;
padding: 10px; 
margin: -105px 10px; 
float: right;
}
/*propiedades del div carita(Respuesta)*/
.carita
{
width: 120px;
height: 100px;
margin: auto 160px; 
display: none;
}
.instrucciones
{
	width: 100px;
	height: 70px;
    left: 25%;
    position: absolute;
}
.again
{
   display: none; 
}
.bocina
{
margin: auto 200px; 
}
/*Hacer Responsivo el sitio*/
@media (max-width:320px)
{
  .contenedor, .menu, .centrado, .juega, .botonsi, .botono, .carita
}

@media (min-width:768px)
{
 .contenedor, .menu, .centrado, .juega, .botonsi, .botono, .carita
}