@charset "utf-8";
/* CSS Document */
@media screen and (min-width:222px) and (max-width:600px)
{
	.contenedor
	{
	width: 100%;
	display: inline-block;
	float: left;
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	height: 100%;
	}
	
	#cabecera
	{
		width:100%;
		height:15%;
		background-color:#036;
		
	}
	#cabecera #opc01
	{
		width:100%;
		height:auto;
		left:1%;
		top:15%;
		font-size:10px;
		color:#FFF;
		border-left:none;
		border-top:none;
		border-right:none;
		border-bottom:none;
	}
	#cabecera p #icono_cons
	{
		top:10%;
		width:100%;
		left:5%;
		font-size: 18px;
		color:#6FF;
	}
	#centro
	{
		top:20%;
		width:100%;
		height:62%;
		
	}
	#centro #mens
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		position: fixed;
		top:30%;
		width:50%;
		left: 20%;
		color:#FFF;
		font-style:italic;
		font-weight:bold;

	}

	#menspie .botonemp
	{
		position:absolute;
		top:0%;
		width:100%;
		height:10%;
		left:5%;
			
	}	
	#menspie
	{
	position:fixed;	
	top: 45%;
	width: 100%;
	height: 60%;
	background-color:#036;
	

	}	
	.bt1
	{
		width:80%;
		height:10%;
		left:1%;
		top:5%;
		
	}
	.bt1:hover{
		transform:translateY(5px);
		background-color:#3FF;
		color:#060;
		box-shadow: 1px 1px 1px #3333CC;	
	}	
	.bto {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		font-style: italic;
		color: #33C;
		background-color: #FC0;
		font-weight: bold;
	}
	

	#empieza
	{
		position: absolute;
		float:left;
		left:0%;
		top: 0%;
		width:100%;
		height:100%
	
	}

	#menspie p #mens_02
	{
	font-size: 16px;
	color: #6FF;
	top: 25%;
	width: 70%;
	left: 5%;
	position: absolute;
		
		
	}

	.fondovideo .contenedor #menspie .texto01 {
		position: absolute;
		height: auto;
		width: 100%;
		left: 5%;
		top: 20%;
		font-size:12px;
	}
}
.fondovideo .contenedor #cabecera #icono_app {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline-block;
	position: absolute;
	height: 60%;
	width: 30%;
	left: 1%;
	top: 5%;
}