@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('/fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('/fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('/fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('/fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body {
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: 'open_sansregular';
	display: flex;
	flex-direction: column;
}
.vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 3;
	display: none;
}

.main {
	width: 100%;
	flex: 1;
}
.mainES {
	width: 100%;
	flex: 1;
	display:block;
}
.mainIN {
	width: 100%;
	flex: 1;
	display:none;
}
.mainFR {
	width: 100%;
	flex: 1;
	display:none;
}
.mainPR {
	width: 100%;
	flex: 1;
	display:none;
}
.caja_main {
	width: 500px;
	height: auto;
}
.caja {
	width: 100%;
	height: 450px;
	display: flex;
	flex-direction: column;
	box-shadow: 2px 2px 10px 1px #000000;
}
.headerlogin {
	width: 100%;
	height: 105px;
	background-color: #0000cb;
}
.logo_header {
	height: 65%;
	width: auto;
	margin-left: 20px;
}
.headerlogin_banda {
	width: 100%;
	height: 20px;
	background-color: red;
}
.menulogin {
	width: 100%;
	flex: 1;
	background-color: #f3f3f3;
	display: flex;
	flex-direction: column;
}
.menulogin_top {
	width: 100%;
	height: 70px;
}
.menulogin_Text {
	margin: 0px;
	font-size: 13pt;
	color: #ff0000;
	margin-left: 20px;
	font-family: 'open_sansextrabold';
}
.menulogin_incorrecto {
	margin: 0px;
	font-size: 9pt;
	color: #ff0000;
	margin-left: 20px;
	font-family: 'open_sanslight';
}
.menulogin_middle {
	width: 100%;
	flex: 1;
}
.menulogin_middle_in {
	width: 60%;
	height: auto;
}
.menulogin_middle_in_usuario {
	-webkit-appearance: none;
	border: none;
	width: 100%;
	height: 25px;
	border-radius: 3px;
	border: thin solid #5f5f5f;
	padding-left: 10px;
	font-size: 14px;
}
.menulogin_middle_in_password {
	-webkit-appearance: none;
	border: none;
	width: 100%;
	height: 25px;
	border-radius: 3px;
	border: thin solid #5f5f5f;
	margin-top: 20px;
	padding-left: 10px;
	font-size: 14px;
}
.menulogin_middle_lenguajes{
	width: 80%;
	height:60px;
}
.menulogin_middle_lenguajes_esp{
	width:15%;
	height:30px;
	padding: 5px;
	margin: 5px;
	float:left;
}
.menulogin_middle_lenguajes_eng{
	width:15%;
	height:30px;
	padding: 5px;
	margin: 5px;
	float:left;
}
.menulogin_middle_lenguajes_fre{
	width:15%;
	height:30px;
	padding: 5px;
	margin: 5px;
	float:left;
}
.menulogin_middle_lenguajes_por{
	width:15%;
	height:30px;
	padding: 5px;
	margin: 5px;
	float:left;
}

.menulogin_middle_in_error {
	margin:0px;
	font-family: 'open_sansregular';
	color:#f50505;
	font-size: 12px;
}
.menulogin_bottom {
	width: 100%;
	height: 80px;
}
.menulogin_bottom_botonverde {
	-webkit-appearance: none;
	border: 0px;
	width: 150px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
	background-color: #50ca03;
	font-family: 'open_sansbold';
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	float: right;
	margin-right: 20px;
}
.menulogin_bottom_botonverde:hover {
	background-color:#f64444;
}

.caja_botones {
	width: 100%;
	height: 70px;
}
.caja_botones_enmedio {
	width: 30%;
	height:auto;
	cursor:pointer;
	float: left;
}
.caja_botones_enmedio_txt {
	-webkit-appearance: none;
	text-decoration: none;
	font-family: 'open_sansregular';
	color: #0000cb;
	font-size: 11px;
	cursor: pointer;
}
.caja_botones_botonnaranja {
	-webkit-appearance: none;
	border: 0px;
	width: 30%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right:10px;
	border-radius: 4px;
	background-color: #FF8E01;
	font-family: 'open_sansregular';
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	float: left;
}
.caja_botones_botonnaranja:hover {
	background-color: #0001FE;
}

.caja_botones_botonverde {
	-webkit-appearance: none;
	border: 0px;
	width: 30%;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:10px;
	border-radius: 4px;
	background-color: #50ca03;
	font-family: 'open_sansbold';
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	float: right;
}
.caja_botones_botonverde:hover {
	background-color:#f64444;
}
.footer {
	width: 100%;
	height: 100px;
	background-color:#c7c7c7;
}
.footer_left{
	width: 30%;
	height:100%;
	float:left;
}
.footer_left_Text{
	margin: 0px;
	font-size: 10px;
	color:black;
	margin-left: 20px;
}
.footer_left_Text2{
	font-family: 'open_sansextrabold';
}
.footer_middle{
	width: 40%;
	height:100%;
	float:left;
}
.footer_middle_Text{
	margin: 0px;
	font-family: 'open_sansbold';
	font-size: 10px;
	color:black;
	margin-left: 10px;
}
.footer_right{
	width: 30%;
	height:100%;
	float:right;
}
.footer_right_logo{
	margin: 0px;
	margin-right: 20px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float:right;
}
@media only screen and (max-width: 700px) {
	.footer_middle_Text{
		display:none;
	}
	.caja_botones_botonnaranja {
		font-size: 10px;
}
	.caja_botones_botonverde {
		font-size: 10px;
}
@media only screen and (max-width: 559px) {
	.caja_main {
		width: 90%;
	}
	.caja {
		height: 350px;
	}
	.menulogin_middle_in {
		width: 70%;
	}
	.logo_header {
		height: 55%;
		width:auto;
	}
	
}