body{
	font-family:			DaysOne;
	font-size:			1.6vw;
	margin:				0;
	padding:			0;
}
.ColorGris1{
	color:				rgb(233,233,233);
}
.FondoGris1{
	background-color:		rgb(233,233,233);
}
.ColorGris3{
	color:				rgb(104,113,122);
}
.FondoGris3{
	background-color:		rgb(104,113,122);
}
.ColorGris4{
	color:				rgb(21,35,48);
}
.FondoGris4{
	background-color:		rgb(21,35,48);
}
.ColorAzul1{
/*	color:				rgb(2,161,252); */
	color:				rgb(0,93,174);
}

.FondoAzul1{
/*	background-color:		rgb(2,161,252); */
	background-color:		rgb(0,93,174);
}

.BordeAzul1{
	border-color:			rgb(2,161,252);
}

.ColorBlanco0{
	color:				white;
}

.ColorBlanco1{
	color:				rgb(250,250,250);
}

.Letra1{
	font-size:			1.2vw;
	letter-spacing:			0;
	word-spacing:			-0.1em;
}

.Letra2{
	font-size:			1.6vw;
	letter-spacing:			0;
	word-spacing:			-0.1em;
}

.Letra3{
	font-size:			2.2vw;
	letter-spacing:			-0.1em;
}

.Letra4{
	font-size:			3.2vw;
	letter-spacing:			-0.1em;
	word-spacing:			-0.1em;
}

.Letra5{
	font-size:			5vw;
	letter-spacing:			0px;
	letter-spacing:			-0.1em;
}

.Redondeado1{
	border-radius:			0.6vw;
}
.Redondeado2{
	border-radius:			1vw;
}
.Redondeado3{
	border-radius:			1.6vw;
}
.Redondeado4{
	border-radius:			3vw;
}
.Tabla1{
	width:				100%;
	border-collapse:		collapse;
/*
	border:				2px solid rgba(0,0,0,0.6);
*/
}
.Tabla1 thead th{
/*	border:				2px solid rgba(0,0,0,0.6); */
	border:				2px solid white;
	background-color:		rgba(2,161,252,0.5);
	padding:			0.4em 0.6em;
}
.Tabla1 tbody td{
/*	border:				2px solid rgba(0,0,0,0.3); */
	border:				2px solid white;
	background-color:		rgba(0,0,0,0.04);
	padding:			0.4em 0.6em;
}
/************** Encabezado *******************/

#AreaEncabezado{
	position:			fixed;
	top:				0;
	left:				0vw;
	width:				100vw;
	height:				15vh;
/*	background-color:		rgba(0,0,0,0.1);*/
}

#LogoEncabezado{
	position:			absolute;
	bottom:				1vh;
	left:				9vh;
	height:				8vh;
	max-width:			40vw;
}

#MenuEncabezado{
	position:			absolute;
	width:				50vw;
	right:				0;
	bottom:				0;
}

.MenuEncabezadoOpcion{
	float:				right;
	font-family:			DaysOne;
	font-size:			1.6vw;
	padding:			1.3em 0.5em 0.6em 0.5em;
}

.MenuEncabezadoOpcionSeleccionada{
	font-size:			2.4vw;
/*	background-color:		blue; */
	padding:			0.6em 0.5em 0.6em 0.5em;
	text-decoration:		underline;
	text-decoration-color:		blue;
	text-decoration-thickness:	2px;
}

/***************  AreaTrabajo  *******************/

#AreaTrabajo{
	position:			fixed;
	top:				15vh;
	bottom:				15vh;
	width:				100vw;
}

/***************  AreaPiePagina  *******************/

#AreaPiePagina{
	position:			fixed;
	bottom:				0;
	width:				100vw;
	height:				15vh;
}

#AreaPiePagina .Pasos{
	position:			absolute;
	top:				0;
	bottom:				0;
	width:				19vw;
	padding:			3vw;
}

#AreaPiePagina .PasoSeleccionado{
	top:				-1em;
	background-color:		rgb(233,233,233);
}

#AreaPiePagina .Pasos .Titulo{
	font-size:			1.4em;
}
#AreaPiePagina .Pasos .Descripcion{
	font-size:			0.9em;
	letter-spacing:			-0.1em;
}

/***************  AreaAutenticacion  *******************/

.AreaAutenticacion{
	position:			absolute;
	top:				6vh;
	left:				8vw;
	width:				42vw;
	overflow-y:			auto;
	bottom:				0;
}

.AreaAutenticacion .Menu{
	width:				100%;
	margin-top:			2em;
}

.AreaAutenticacion .Menu .Opcion{
	display:			inline-block;
	width:				50%;
	text-align:			center;
	padding:			0.8em 0 0.8em 0;
	border-radius:			5px 5px 0 0;
	cursor:				pointer;
}

.AreaAutenticacion .Formulario{
	width:				94%;
	padding:			3%;
}

.AreaAutenticacion .Formulario input[type=text]
	, .AreaAutenticacion .Formulario input[type=password]{
	width:				100%;
	padding:			0.2em 0.9em;
	margin-top:			0.5em;
	border:				0;
	background-color:		rgba(2,161,252,0.4);
}

.AreaAutenticacion .Formulario input[type=button] {
	padding:			0.2em 1em;
}

/***************  AreaImagenFuncionamiento  *******************/

.AreaImagenFuncionamiento{
	position:			absolute;
	top:				0;
	right:				5%;
	width:				40%;
	height:				60%;
	background-image:		url('/imagenes/AcceBox-Funcionamiento.png');
	background-size:		contain;
	background-position:		center;
	background-repeat:		no-repeat;
}

.AreaImagenFuncionamiento img{
	max-width:			100%;
	max-height:			100%;
}

/***************  Otros Objetos  *******************/

.PuertaGiratoria {
        display:                none;
        position:               fixed;
        top:                    20vh;
        width:                  25vw;
        height:                 45vh;
}

.PuertaGiratoria img{
        max-width:              100%;
        max-height:             100%;
}
#PuertaGiratoria1 {
        left:                   15vw;
}

#PuertaGiratoria2 {
	right:				15vw;
	top:				24vh;
}