#viewport 
		{
		

		background:red;
		}
		#info
		{

		
		}
		
		#mensajesAyudante
		{
			
		#background:rgba(44,44,44,0.7);
		width:70%;
		height:30%;
		position:absolute;
		bottom:35%;
		left:15%;
		text-align:center;
		
		
		}
		
		 @font-face {
		font-family: "sweet";
		src: url("/sweet.ttf");
		  }
		  
		  @font-face {
		font-family: "simple";
		src: url("/simple.ttf");
		  }
		
		body
		
		{
		padding:0px; 
		margin:0px;
		overflow:hidden;
		background:black;

		font-family: simple;
		font-size:15px;
		font-weight:bold;
		color:white;
		}
		
		
		
		.panel
		{
		background:rgba(55,55,55,0.5);
		width:10%;
		height:60%;
		position:absolute;
		top:20%;
		right:1%;
		
		}
		
		.barraInferior
		{
		background:rgba(44,44,44,0.7);
		width:100%;
		height:5%;
		position:absolute;
		bottom:0px;
		
		}
		
		
				#ayudante
		{
		background:rgba(44,44,44,0.7);
		width:30%;
		height:30%;
		position:absolute;
		bottom:0px;
		
		}
		
						#miCamara
		{
		#background:rgba(44,44,44,0.7);
		width:17%;
		height:30%;
		position:absolute;
		bottom:33%;
		left:5%;
		
		}
		
		video
		{
			border:solid 2px white;
			
		}
		
		
		#panelMultimedia
		{
		background:rgba(200,200,200,0.7);
		width:50%;
		left:25%;
		height:20%;
		position:absolute;
		top:5%;
		
		}
		
		#panelMultimedia img
		{
	
		width:70%;
		cursor:pointer;
		opacity:0.7;
		
		}
		
		#panelMultimedia img:hover
		{
	
		opacity:1;
		
		
		}
		
		
		
		#ayudante img
		{
			height:100%;
		}
		
.redondeado {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

.boton
{
#border: solid 1px red;
width:80%;
margin-left:10%;
margin-top:0%;
height:7%;
text-align:center;
opacity:0.7;
cursor:pointer;
}

.boton:hover
{
opacity:1;	
}

.separa
{


height:5% !important;



}

.botonAccion 
{
	height:10% !important;

}

.boton img 
{

height:100%;

}

.botonZoom 
{
width:50%;
float:left;
}

.botonZoom img
{

width:50%;

}

#tiradas, #mazos
{
position:absolute;
width:300%;
right:100%;
height:20%;

display:none;

}

.contenedorTirada, .contenedorMazos
{
position:relative;
width:20%;
height:100%;
float:right;

margin:1%;
margin:5%;




}

.plantillaCarta
{
position:absolute;
width:25%;
height:30%;
margin-left:-10%;
margin-top:-15%;

border: dashed 1px black;
background:rgba(244,244,244,0.7);

}

.bordePlantilla
{
position:absolute;
width:140%;
height:140%;
top: -16%;
left: -20%;
background:rgba(234,234,234,0.7);


}

.redondeado2 {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px; 
}