body {padding:80px;}
* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'M-Regular';
}

@font-face {
	font-family: 'M-Regular';
	src: url('../fonts/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'M-Medium';
	src: url('../fonts/Montserrat-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'M-Bold';
	src: url('../fonts/Montserrat-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.logo {width:75px; position:absolute; right:80px; top:50px;}
form {margin-top:25px;}

table#directorio.vacio th:not(.vacio), #directorio {
	display: none;
}

h2, .modal-title {font-family: 'M-Bold'; color:#00335b;}

#dialogo {
	display: none;
}

.mas_informacion {
	text-decoration: underline;
	cursor: pointer;
}

#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.94) url(../img/loader.gif) no-repeat center center;
	display: none;
	background-size: 10%;
}

form label {padding-bottom:8px;}
form > div {padding-bottom:15px;}

.table-azul {margin-top:45px;}

.table-azul th {background-color:#004680 !important; color:#fff;}
.table-azul td {border-bottom:1px solid #004680; color:#004680;}
.table-azul tbody > tr:nth-child(odd) > td {background-color:#c0dafe;}


.modal-title {color:#004680;}
.modal-body p, .modal-body td {text-transform:uppercase; font-size:0.85rem;}
.modal-body span {color:#004680; text-transform:initial; display:block; font-size:1.25rem; font-family: 'M-Medium';}

.horarios {width:100%;}
.horarios td {padding:8px;}
.horarios tbody > tr:nth-child(odd) > td {background-color:#c0dafe;}

.registro {display:none;}
.registro.visible {display:table-row;}

#pag {margin:25px auto; text-align:center; padding:0; list-style:none;}
#pag li {list-style:none; display:inline-block; padding:15px; cursor:pointer; color:#327ab5; background-color:#eee;}
#pag li.activo {background-color:#327ab5; color:#fff;}

.ocultox {display:none !important;}

@media (max-width: 767px) {
    body {padding:40px 15px;}
    .logo {width:75px; position:absolute; right:15px; top:40px;}
    h2 {padding-right:60px;}
}