@charset "utf-8";
@media screen and (min-width:601px) and (max-width:2300px)
{
		#cabecera {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 36px;
			font-style: italic;
			color: #6FF;
			background-color: #036;
			display: inline-block;
			height: 15%;
			width: 100%;
			position: fixed;
			left: 0%;
			float: left;
			top: 0%;
		}
		#centro {
			font-family: Verdana, Geneva, sans-serif;
			font-style: italic;
			color: #FFF;
			background-color: #000;
			display: inline-block;
			height: 65%;
			width: 100%;
			position: absolute;
			left: 0%;
			top: 15%;
			float: left;
		}
		.fondovideo .contenedor #centro #conten {
			height: auto;
			width: 100%;
			position: absolute;
			left: 0%;
			top: 0%;
			right: 0%;
			bottom: 0%;
		}
		
		#menspie {
			background-color: #036;
			display: inline-block;
			height: 25%;
			width: 100%;
			position: fixed;
			left: 0%;
			bottom: 3%;
			float: left;
		}
		
		
		#cabecera p #icono_cons {
			font-family: "Lucida Console", Monaco, monospace;
			font-size: 36px;
			font-style: normal;
			font-weight: bold;
			color: #6FF;
			position: absolute;
			height: 20%;
			width: 20%;
			left: 5%;
			top: 20%;
		}
		#menspie p #mens_02 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #FFF;
	height: 90%;
	width: 80%;
	position: absolute;
	left: 5%;
	top: 5%;
		}
		
		
		
		
		
		
		
		.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%;
		}
		.btx{background-color: #FF0;border:2px solid red;color:red;}
		.btb{
			background-color: blue;
			color: white;
			width: 120px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
			box-shadow: 10px 10px 10px #000000;
		}
		.btb:hover
		{
		background-color: #000;
		color: white;	
		}
		.btb:active
		{	
		transform:translateY(5px);
		box-shadow: 0px 0px 0px #000000;	
		}
		.btg{
			background-color: #066;
			color: white;
			font-size: 1.2em;
			padding: 12px;
			box-shadow: 10px 10px 10px #000000;
			border: medium outset rgb(51,204,153);
		}
		.btg:active
		{
				
		
		transform:translateY(5px);
		box-shadow: 0px 0px 0px #000000;	
			
		}
		.btg:hover
		{
		color: #336;
		background-color: #3F0; 	
			
		}
		.bt1{
			padding: 6px;
			height: 50px;
			width: 250px;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 14px;
			font-style: italic;
			backdrop-filter: blur(5px);
			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;	
		}
		#menspie #empieza {
			position: absolute;
			top: 30%;
			right: 5%;
		}
		.bto {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 14px;
			font-style: italic;
			color: #33C;
			background-color: #FC0;
			font-weight: bold;
		}
		#cabecera #opc01 {
			font-family: "Times New Roman", Times, serif;
			font-size: 14px;
			font-style: normal;
			color: #FFF;
			position: absolute;
			width: 20%;
			left: 60%;
			top: 30%;
			float: left;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
		}
		
		.fondovideo .contenedor #centro #mens {
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			font-weight: bold;
			color: #FFF;
			position: fixed;
			width: 100%;
			top: 30%;
			left: 15%;
		}
}
.fondovideo .contenedor #cabecera #iconoapp {
	display: inline-block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	height: 95%;
	width: 20%;
	left: 2%;
	top: 2%;
}
.fondovideo .contenedor #cabecera #iconoapp #nombre_sitio {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #3F0;
	text-decoration: underline;
	display: inline-block;
	position: absolute;
	left: 25%;
	top: 40%;
}