body{
	
	background-repeat: no-repeat;
	background-size: 100% 100vh;
}

@font-face{
	font-family:luis;
	src:url(arialbol.ttf);
}

@font-face{
	font-family:tipo2;
	src:url(gunplay-rg.ttf);
}

.cuadrologin{
	width: all; 
	height: all;
	text-align: center;
	background-color: rgba(122,73,94,0);
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6%;
	background-size: contain;
}

input[type="text"], input[type=password]{

	height: 60px;
	width: 25%;
	font-size: 220%;
	border:none; 
	margin-bottom:3%;
	background-color: #fff;
	padding-left: 40px;
}
h2{
	margin-top: -2px;
	text-align: right;
}
h3{
	display: table-cell;
	color: rgb(0,0,225);
	margin-top: 0px;
	vertical-align: middle;
	font-family: luis;
	display: table-cell;
   vertical-align: middle;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}


.btn-login{
	height: 60px;
	width: 15%;
	padding: 0px 0px;
	cursor: pointer;
	border-radius: 4px;
	font-size: large;
	border: none,
	color: #fff;
	background-color: #0A345C;
	margin-bottom: 10px;

}
.btn-login:hover{
	color: #0A345C;
	background: #fff;
}




.botones{
	height: all;
	width: all;

}
.barracerrarsesion{
	width: 100%;
	height: all;
	background-color: rgba(33,45,87,1);
	display:flex;
	text-align: center;
    justify-content: space-between;
}
.espaciobotonesbarra{
	width: 20%;
	height: all;
	float:left;
	display: flex;
	justify-content: right;
	align-items: center;   
	background-color: rgba(0,255,0,0);
}
.cerrarsesiontitulo{
	width: 70%;
	height: all;
	float:left;
	display: table;
	background-color: rgba(0,255,0,0);
}
.pos-menuplanta1{
	width: 100%;
	height: 15vh;
	display: table;
	text-align: left;
	background-color: rgba(52,73,94,0);
	border-radius: 0px;
	margin-left: 0px;
	
}

.pos-menuplanta3{
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	background-color: rgba(52,73,94,0);
	border-radius: 0px;
	display:flex;
    justify-content: space-around;
}

.pos-menuplanta4{
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	background-color: rgba(52,73,94,0);
	border-radius: 0px;
	display:flex;
    justify-content: space-around;
	
}

.btn-stilo1{
	height: 60%;
	height: 10	0%;
	display: table-cell;
	padding: 5px 30px;
	cursor: pointer;
	border-radius: 18px;
	border: none;
	color: rgb(255,255,255);
	background-color: rgb(52, 102, 175 );
	margin-bottom: 0px; 
	text-align: center;
	float: right;
	font-family: luis;
	vertical-align: middle;
	

}
.btn-stilo1:hover{
	color: rgb(33,45,87);
	background: rgb(255,255,255);
}
.gye{
	height: 100px;
	width: 350px;
	background-color: rgba(30, 20, 10, 0);
	display: table-cell;
	border-radius: 0px;
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_gye_01.png);
	margin-left: 0%;
}
.gye:hover{
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_gye_02.png);
	margin-left: 0%;
}

.mcc{
	height: 100px;
	width: 350px;
	background-color: rgba(30, 200, 10, 0);
	display: table-cell;
	border-radius: 0px;
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_mcc_01.png);
	margin-left: 0%;
}
.mcc:hover{
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_mcc_02.png);
	margin-left: 0%;
}
.mi{
	height: 100px;
	width: 350px;
	background-color: rgba(30, 200, 10, 0);
	display: table-cell;
	border-radius: 0px;
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_mi_01.png);
	margin-left: 0%;
}
.mi:hover{
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_mi_02.png);
	margin-left: 0%;
}
.cu{
	height: 100px;
	width: 350px;
	background-color: rgba(30, 20, 10, 0);
	display: table-cell;
	border-radius: 0px;
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_cu_01.png);
	margin-left: 0%;
}
.cu:hover{
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_cu_02.png);
	margin-left: 0%;
}
.ma{
	height: 100px;
	width: 350px;
	background-color: rgba(30, 200, 10, 0);
	display: table-cell;
	border-radius: 0px;
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_ma_01.png);
	margin-left: 0%;
}
.ma:hover{
	border: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(Diseno/MenuPlanta/btn_ma_02.png);
	margin-left: 0%;
}