@charset "UTF-8";
/* CSS Document */



.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-size: 12pt;
}

body{
    margin:20px 0;
}

header{
    margin-left: 35px;
    margin-right: 10%;
    height:100px;
}

div.cabeceraLogos {
    height:100px;
    width:95px;
    float: left;
}

div.cabeceraDerecha {
    height:100px;
    margin-left: 95px;
    background-image: url("../imagenes/bg-cabecera.png");
    background-repeat: repeat-x;
} 

div.logoAlad {
    width:142px;
    height:100px;
    float: left;
}

div.nombres{
    float: left;
}

div.nombresImg{
    height:56px;
    padding-top: 10px;
    margin-left: 3%;
    width:600px;
}

div#menuMIN {
    display: none;
    position: absolute;
    top:25px;
    right:20px;
}

div#menuMIN a.bt-munuMin{
    display: block;
    width: 60px;
    height:60px;
    background-image: url("../imagenes/bt-menuMIN-up.png");
    background-repeat: no-repeat;
}

div#menuMIN a.bt-munuMin:hover{
    background-image: url("../imagenes/bt-menuMIN-dw.png");
}

div#menuPrincipal {
    height:40px;
    margin-left: 3%;
    width:100%;
}

ul#menu{
    list-style: none;
    margin-left:-40px;
    font-weight: 500;
}

ul#menu li {
    display: inline-block;
}

ul#menu li.menuSeparador {
    width:30px;
    text-align:center;
}

ul#menu a{
    color:#000000;
    text-decoration: none;
    cursor:pointer;
} 

ul#menu a:hover, ul#menu a.menuEntrar:hover{
    color:#858a8b;
    text-decoration: underline;
    font-weight:500 !important;
}

ul#menu a.menuEntrar {
    color:#ed6b06;
}

#convocatoria {

}

#titulo {
    margin:0 7%;
}

#titulo h1{
    font-size: 3.2em;
    font-weight: 200;
    line-height:1em;
}

#titulo h1 span { 
    font-size:1.4em;
    color:#ed6b06;
    display:block;
    line-height:1.1em;
}

#titulo img.introImg {
    float:left;
    margin-right: 20px;
}

#combo {
    width: auto;
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: auto;
    grid-gap: 6px;
    grid-row-gap: 2px;
}

h2{
   font-size:2em;
   color:#ed6b06;
   font-weight: 200;
    margin:0;
}

div.comboA {
    margin-left: 7%;
    padding-right: 5%;
    padding-top: 40px;
    padding-bottom: 40px;
}

div.comboB {
    padding-right: 11%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left:8%;
    background-color: rgba(163,168,172,.15);
}

#descripcion {
    background-color: #ed6b06;
    padding:40px 7%; 
    color:#ffffff;
}

#descripcion h2 {color:#ffffff}

#forma,.ent-grisObscuro {
    background-color: #515b61;
    padding:40px 7%; 
    color:#ffffff;
}

#forma h2,.ent-grisObscuro h2  {color:#ffffff}

.ent-grisMedio {
    background-color: rgba(163,168,172,0.35);
    padding:40px 7%; 
}

#evaluacion, .ent-gris {
    background-color: rgba(163,168,172,.15);
    padding:40px 7%; 
} 

#mosaicoModulos{
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: auto;
    grid-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom:40px;
}

#mosaicoModulos div{
    padding: 0 20px;
}

#mosaicoModulos .centro{
    border-left:#ed6b06 2px dashed;
    border-right:#ed6b06 2px dashed;
}

#mosaicoModulos div h3 {
    font-size: 1.3em;
    font-weight: 200;
}

#mosaicoModulos div h3 span {
    color:#ed6b06;
    font-weight: 400;
}

#mosaicoModulos div p {text-align:left;}
#mosaicoModulos div li {margin-bottom: 7px;}

.ent-gris h3, .ent-grisMedio h3,.ent-grisObscuro h3 {
  font-size: 1.5em;
  margin-bottom: 0px;
  font-weight: 400;
}

.ent-gris li, .ent-grisMedio li,.ent-grisObscuro li{ margin-bottom: 7px;} 

#academicos {
    padding:40px 12% 40px 7%;
}

.entradasAcademicos {
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 15px;
    margin-bottom: 40px;   
}

.entradasAcademicos div{
    cursor: pointer;
}

.entradasAcademicos div:hover img{
    border: #000000 2px solid;
}

.entradasAcademicos div span{
    text-align: center;
    font-size: 1.1em;
    display: block;
    margin-top: 5px;
}

.tarjetaAcademicos {
    position: fixed;
    left: 0;
    top:40%;
    width: 800px;
    background-color: rgba(255,255,255,.90);
    box-shadow: 4px 6px 10px #a3a8ac; 
    display: none;
}

div.relativa {
    position:relative;
    padding:25px 55px 25px 55px; 
}

.tarjetaAcademicos div.relativa div.bt-cerrar {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 73px;
}

.tarjetaAcademicos div.relativa img.foto {
    width: 120px;
    height: 120px;
    float: left;
    margin:0 25px 0 0;
}

span.nombreAca {
    display: block;
    text-align: left;
    font-size: 1.4em;
    color:#ed6b06;
    margin-top: -15px;
}

a.cerrarAcademicos {
    display:block;
    width: 38px;
    height:73px;
    background-image: url("../imagenes/bt-cerrar-NARANJA.png");
    background-repeat: no-repeat;
}

a.cerrarAcademicos:hover {
    background-image: url("../imagenes/bt-cerrar-GRIS.png");
}


#reglamento {
    background-color: rgba(163,168,172,.15);
    padding:40px 7% 40px 0; 
}

#reglamento h2 {
    margin-left: 7%;
}

#reglamento a{
    display:inline-block;
    padding: 10px 10px 10px 7%;
    background-color: #ed6b06;
    margin-top: 5px;
    color:#ffffff;
    text-decoration:none;
    cursor: pointer;
}

#reglamento a:hover{
    background-color: #515b61;
}

#propuestas, .ent-blanco  {
    padding:40px 7%;
}

#propuestas li { margin-bottom:7px;}

footer {}

div.contacto {
    background-color: rgba(163,168,172,.15);
    padding: 15px 7%;
    margin-right: 30%;
    background-image: url("../imagenes/bg-contacto.png");
    background-position: top right;
    background-repeat: no-repeat;
    font-size: 1.1em;
}

div.contacto h2{
    color:#a3a8ac;
    display: block;
    float: left;
    margin-right: 15px;
}

div.legales {
    padding: 20px 3%;
    border-top:#ed6b06 3px solid;
    text-align: right;
}

#creditos {
    background-color: #666666;
    color:#ffffff;
    padding:30px 7%;
    position:relative;
}

#creditos h2{
    color:#ffffff;
}

#creditos div.bt-cerrar {
    width: 38px;
    height: 73px;
    position: absolute;
    top: 0;
    right: 50px;
}

#creditos h3 {
    font-size: 1.4em;
    font-weight: 500;
}

#back-top {
    position: fixed;
    bottom: 20px;
    right: 35px;
    width: 63px;
    height: 139px;
}



/*texto*/
p {
    font-size: 1.1em;
    line-height: 1.3em;
    text-align:justify;  
}

p.inicial {
    margin-top:5px;
}

p strong {
    font-size: 1.1em;
}

ul, ol {
    font-size: 1.1em;
    line-height: 1.3em;
}

h2 span {
    color:#000000;
}

a {
    color:#ed6b06;
    cursor: pointer;
}

a:hover {
    color:#515b61;
    font-weight: 300 !important;
}

table.calendario td{
    padding: 20px;
    border-collapse: collapse;
}

table.calendario td strong {
    font-size: 1.3em;
}

td.bordeInferior { border-bottom: #00356e 2px solid;}
td.bordeDerecho { border-right: #00356e 1px solid;}
td.bg-azulClaro { background-color: rgba(0,53,110,.10);}
td.bg-azulMedio { background-color: rgba(0,53,110,.20);}

/* generales */

.limpia {
  clear: both;  
}

.imgAjustable {
    width: 100%;
    height: auto;
}

/* input inicio */

.entrar-inicial {
    width: 400px;
    text-align: right;
    font-size: 1.3em;
}