body{ margin:0; /*font-family: 'PT Sans', sans-serif;*/ font-family:'Segoe UI',Tahoma,Arial; overflow-x: hidden; }

a{ text-decoration:none; color:#1C3356}
a:hover{color: #FAC028;}
/*div{/* border:1px solid black}*/
.barraSuperior{ width:100%; height:30px; background-color:#1C3356; margin-top:-30px;}
.barraSuperior div{ max-width:1100px; height:100%; margin: 0 auto; display: flex; align-items:center; gap: 10px; justify-content: flex-end; }

.barraSuperior .miniLogoUASLP{width:49px; height:20px; background-image:url('../resource/LogoUASLPMiniBlanco.png'); background-repeat:no-repeat;  margin:0; margin-right: 10px}
.barraSuperior .enlaceUASLP{width:59px; height:10px; background-image:url('../resource/EnlaceUASLP.png'); background-repeat:no-repeat; margin:0 }

.encabezado{width:100%; height:140px; background-color:#30549C; background-image:url('../resource/FondoEncabezado.jpg'); background-size:770px; background-position:50px; background-repeat:no-repeat; }
.logoUASLP{ width:170px; height:100%; float:left; background-color:#1C3356; background-image:url('../resource/LogoUASLP.png'); background-repeat:no-repeat; background-position:15px 35px; background-size:150px;}
.titulo{display: none}

@media (min-width: 768px) {
    .encabezado{height:150px; background-position:330px;}
    .logoUASLP{ width:330px; background-position:25px 30px; background-size:unset;}
}
@media (min-width: 900px) {
    .titulo{ display: block; float:right; width:550px; background-color:#FAC028; margin-top:40px; padding:10px;}
    .titulo span{ color:#1C3356; font-size:15pt; font-weight:bold;}
}

.barraTitulo{ overflow:hidden; margin-top:10px;}
.primeraBarra{width:32%; height:25px; background-color:#1B3257; float:left; line-height:30px; overflow:hidden; background-image:url('../resource/PrimeraBarraSeparacion.jpg'); background-repeat:no-repeat; background-position:right;  }
.primeraBarra span a{margin-left:15px; font-size:10px; color:#fff}
.primeraBarra span a:hover{text-decoration:none}
.segundaBarra{width:68%; height:25px; background-color:#FAC028; float:left; line-height:32px; display: flex; justify-content: flex-end; align-items: center;}
.segundaBarra span{ margin-right:5px; font-size:10px; color:#1C3356}

@media (min-width: 768px) {
    .primeraBarra{width:65%; height:32px; }
    .primeraBarra span a{font-size:12px; }
    .segundaBarra{width:35%; height:32px;}
    .segundaBarra span{ font-size:12px;}
}
@media (min-width: 950px) {
    .primeraBarra span a{font-size:12pt; }
    .segundaBarra span{ font-size:12pt;}
}

.cuerpoPagina{ width:1100px; max-width: 100%; margin:0 auto; }

.contenedorMenuSuperior{ width:100%; height:70px; background-color:#DADADA;}
.menuSuperior{padding:0px;margin:0px; list-style:none; width:90%; margin:0 auto; overflow:auto; position:relative; top:5px;}
.menuSuperior li{float: left; margin-right:10px; text-decoration: none;}
.menuSuperior li a{ text-transform:uppercase; font-size:12px; text-decoration: none;}

@media (min-width: 540px) {
    .contenedorMenuSuperior{ height:35px; }  
}
@media (min-width: 630px) {
    .menuSuperior li{margin-right:30px; }
}
@media (min-width: 768px) {
    .menuSuperior li a{ font-size:11pt; }
}

.cuerpoContenido{ margin-top:10px; width:100%; overflow:hidden; }
.menuLateral{ width:200px; background-color:#1C3356; float:left;}
.contenedorFormulario{ margin-left:20px; width:840px; background-color:#F1F1F1; float:left; padding:10px 20px 10px 20px;}
.pie{ margin-top:30px; margin-bottom: 30px; border-top: 10px #1C3356 solid; overflow:hidden; display:flex; flex-direction: column; align-items: center; text-align: center }
.pie span{color:#1C335F}
.tituloPie{ text-transform:uppercase; font-size:12pt; }
.textoPie{display:inline-block; margin-top:20px;font-size:11pt;}
.negrita{ font-weight:bold;}
.contacto{margin-top:15px; line-height: 1.2 !important;}
.direccion, .soporte{ line-height: 1.2 !important; width: 70%; margin: 20px auto; }

@media (min-width: 768px) {
    .pie{ flex-direction: row; justify-content:space-around; align-items: center }
    .soporte, .direccion{width: 100%; margin: unset; margin-top: 15px;}
    .textoPie{margin-top:40px; }
}