@charset "utf-8";
/* CSS Document */
@media screen and (min-width:222px) and (max-width:600px)
{
		.contenedor
		{
			width:100%;
			height:150%;
 		    overflow:auto;
		}
		.contenedor #superior {
			background-color: #036;
			height: 15%;
			width: 100%;
			position: fixed;
			left: 0px;
			top: 0px;

		}	
		#superior p #titvent {
			font-family: "Times New Roman", Times, serif;
			font-size: 14px;
			font-style: italic;
			color: #FFF;
			position: absolute;
			height: 10%;
			width: 50%;
			left: 50%;
			top: 15%;
		}	


		.contenedor #superior p #icono_cons {
			font-family: "Lucida Console", Monaco, monospace;
			font-size: 18px;
			font-style: normal;
			color: #6FF;
		}
		#superior p #atras_01 {
			position: absolute;
			top: 70%;
			left:15%;
		}		
		.bt1{

			height: 30%;
			width: 80%;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			font-style: italic;
			backdrop-filter: blur(1px);
			box-shadow: 20px 20px 30px #000000;
			border: medium outset rgb(204,204,204);

		}
		.bt1:hover{
			transform:translateY(5px);
			background-color:#3FF;
			color:#060;
			box-shadow: 1px 1px 1px #3333CC;	
		}
		.btt{
			background-color: #999;
			color: white;
			font-size: 14px;
			box-shadow: 10px 10px 10px #000000;
			border: medium outset rgb(102,255,255);
			backdrop-filter: blur(1px);
			height: 15%;
			width: 80%;
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			backdrop-filter: blur(1px);
		}
		.btt:active
		{
		transform:translateY(5px);
		box-shadow: 0px 0px 0px #000000;				
		}
		.btt:hover
		{
		color: #FFF;
		background-color: #F00; 	
			
		}
		.contenedor #centro {
			font-family: Verdana, Geneva, sans-serif;
			font-style: italic;
			color: #FFF;
			background-color: #000;
			display: inline-block;
			height: 82%;
			width: 100%;
			position: fixed;
			left: 0%;
			top: 15%;
		}	
		.contenedor #centro #conten {
			position: absolute;
			width: 100%;
			overflow: auto;
			height: 100%;
			display: inline-block;
			left: 0px;
			top:0%;
		}
		.contenedor #centro #conten video {
			display: inline-block;
			position: fixed;
			width: 100%;
			height: auto;
			top:15%;			
			margin: 0px;
			padding: 0px;
			left: 0px;

		}					
		.contenedor #centro #mens {
			font-family: "Arial Black", Gadget, sans-serif;
			font-size: 14px;
			font-style: normal;
			font-weight: bold;
			color: #FFF;
			width: 100%;
			position: fixed;
			top:15%;
			left: 5%;
			
		}		
		.contenedor #centro #mens02 {
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			font-style: italic;
			color: #FFF;
			display: inline-block;
			width: 90%;
			position: absolute;
			left: 5%;
			top: 50%;
			height:45%;
			overflow-y:auto;
		}

	
		

		.final {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-style: italic;
			color: #333;
			background-color: #F90;
			display: inline-block;
			height: 3%;
			width: 100%;
			position: fixed;
			left: 0%;
			bottom: 0%;
		}


}