@font-face{
font-family: "LatoR";
src: url("../../fonts/latoRegular.ttf"),
	url("../../fonts/latoRegular.ttf") format('truetype');
}
@font-face{
	font-family: "LatoHL";
	src: url("../../fonts/LatoHairline.ttf"),
		url("../../fonts/LatoHairline.ttf") format('truetype');
}
@font-face{
	font-family: "LatoB";
	src: url("../../fonts/LatoBlack.ttf"),
		url("../../fonts/LatoBlack.ttf") format('truetype');
}
/*Scroll personalizado*/
::-webkit-scrollbar{
  width: 8px;
}
::-webkit-scrollbar-button{
  width:8px;
  height: 0px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: #003384;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
body{
	background: #EEEEEE;
	font-family: LatoR, Arial;
	width: 100%;
	margin:0px;
	padding:0px;
	/*
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	*/
	cursor:default;
	overflow-x: hidden;
}
b{
	font-family: "LatoB","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
}
a,.boton{
	color: #2D6A6A;
	text-decoration: none;
	cursor: pointer;
}
	a:hover,.boton:hover{
		color: #429d9d;
		text-decoration: none;
	}
h2{
	font-family: "LatoHL","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #003384;
}
h3{
	font-family: "LatoHL","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #429d9d;
}
#form_acceso a{
	font-size: 14px;
	color: grey;
	font-weight: 700;
	position: absolute;
	bottom: -22px;
	right: 10px;
	transition: right .5s ease-in-out;
}
#form_acceso a:hover{
	color: #003384;
	right: 20px;
}
.tabla{
	display: table;
	width: 100%;
	height: 100%;
}
.fila{
	display: table-row;
}
.celda{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.Hflip{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.centrado{
		position: absolute;
		width: auto;
		height: auto;
		float: left;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
.t_centrado{
	text-align: center;
}
.justificado{
	text-align: justify;
	-ms-word-break: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.borderBlue{
	border-bottom: 15px solid #003384;
}
#form_acceso{
	background: white;
	padding: 20px 20px 0px 20px;
	border: 1px solid #003384;
	border-radius: 12px;
}
#form_acceso input{
	padding: 15px;
	margin: 5px;
}
#form_acceso input[type="submit"]{
	background: white;
	font-family: LatoB;
	color: #003384;
	font-size: 15px;
	width: calc(100% + 40px);
	float: right;
	border: none;
	cursor: pointer;
	margin: 0px -20px;
	border-radius: 0px 0px 12px 12px;
}
#form_acceso input[type="submit"]:hover{
	background: #003384;
	color: white;
}