/* 11-Febrero-2014:
Hoja de estilos usados en la version anterior del web necesaria para algunos articulos
*/

/*import del css de formulario de registro de servidores*/

@import "/pub/registro-servidores/registroServ.css";

/* Para situar en el articulo elementos en varias columnas.
---------------------------------------------------------- */
.contenido
{
        float: left;
        width: 50%;
        margin-bottom: 1%;
}

.clr 
{
        clear: both;
}


.colum_65
{
    float: left;
    width: 65%;
}

.colum_67
{
    float: left;
    width: 67%;
}

.colum_20_b
{
    float: left;
    width: 20%;
    font-weight: bold;
}

.colum_20
{
    float: left;
    width: 20%;
}

.colum_47_5
{
    float: left;
    width: 47.5%;
}

.colum_45
{
    float: left;
    width: 45%;
}

.colum_30
{
    float: left;
    width: 30%;
}

.colum_32
{
    float: left;
    width: 32%;
margin-left: 5px;
}

.colum_15
{
    float: left;
    width: 15%;
    /*border: 1px solid #FF0000;*/
}

/* Tablas para los articulos.
-----------------------------*/
.tabla_asig, .tabla_master
{
        margin: 10px auto;
        padding: 2px;
        width: 100%;
        font-size: 100%;
        text-align: center;
}

.tabla_cursoadap
{
        margin: 0 20px;
        padding: 2px;
        width: 70%;
        font-size: 100%;
        text-align: center;
}


.tabla_asig thead td
{
        background: #E7E7E7;
        padding: 5px;
}

.tabla_asig td, .tabla_cursoadap td, .tabla_doctorado td
{
        text-align: center;
        border: 1px solid #cccccc;
}


.tabla_asig .td_izq, .tabla_planes .td_izq, .tabla_cursoadap .td_izq, .tabla_doctorado .td_izq
{
        text-align: left;
        border: 1px solid #cccccc;
}

.tabla_asig .td_sinborde, .tabla_planes .td_sinborde, .tabla_cursoadap .td_sinborde
{
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
}

.tabla_asig .td_gris, .tabla_planes .td_gris, .tabla_cursoadap .td_gris
{
        background: #E7E7E7;
        padding: 5px;
}

.tabla_doctorado
{
        margin: 0 auto;
        padding: 2px;
        width: 100%;
        font-size: 100%;
        text-align: center;
		border-collapse: separate;
		border-spacing: 1px;
}

.tabla_doctorado .td_color
{
        background: #00b050;
        padding: 5px;
}

.tabla_doctorado .td_sinborde
{
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
}

.tabla_doctorado .td_gris
{
        background: #E7E7E7;
        padding: 5px;
}

.tabla_master td
{
        background: #FFFFFF;
        padding: 5px;
		text-align: center;
}

.tabla_master .td_gris
{
        background: #e7e7e7;
        padding: 5px;
		text-align: center;
}


/* Tabla para los nuevos planes de estudios */
.tabla_planes
{
        margin: 0 auto;
        padding: 5px;
        width: 100%;
        font-size: 100%;
        text-align: center;
}

.tabla_planes td
{
        border: 1px solid #cccccc;
        padding: 8px;
}

.tabla_planes td_salud
{
        border: 1px solid #cccccc;
        padding: 8px;
        width: 10%;
}

.tabla_planes .td_izq_salud
{
        text-align: left;
        border: 1px solid #cccccc;
        width: 90%;
}

.tabla_planes .td_cab
{
        background: #E7E7E7;
        padding: 5px;
        text-align: center;
}


/* Estilos para el 25aniv */
.aniv25_txt_1
{
        width: 50%;
        display: block;
}

.aniv25_cal
{
    width: 20%;
    float: left;
}
.aniv25_ev
{
    width: 60%;
    float: left;
    padding-right: 0;
}

.aniv25_1
{
   background: url(/images/ETSII-25aniv1.png) no-repeat top right;
   background-color: #FFFFFF;
}


/* Fin estilos 25 aniv */

.lista_alfa
{
   list-style-type: upper-alpha;
}

.flags
{
   position: absolute;
   right: 100px;
   top: 200px;
   height: 15px;
}

/* Presentacion para articulos de Procedimientos Administrativos de Secretaria */
.impresos_tit
{
        float: left;
        width: 30%;
        font-weight: bold;
        margin-bottom: 0.5%;
        text-align: left;
}

.impresos_desc
{
        float: left;
        width: 65%;
        text-align: justify;
        margin-bottom: 0.5%;
}

/* Para las fotos de Futura Escuela */
.img_a4
{
   margin-top: 20px;
   margin-bottom: 20px;
}

/* Microsoft DreamSpark */
.msdn {
        padding: 3px 5px;
        margin-left: 25%;
        border: 1px solid #FFFFFF;
        background: url(../images/ms-imagine.png) no-repeat;
        width: 400px;
        height: 66px;
        /* color: #CCCCCC; */
        color: #000000;
        font-size: 85%;
        text-transform: uppercase;
}

.msdn_resaltar
{
   color: #006699;
   font-weight: bold;
   text-decoration: underline;
}

/* Estilos para Equipamiento Tecnico 
   --------------------------------- */
.img_equip_mod
{
   width: 98%;
   height: auto;
}

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

.colum_40
{
    float: left;
    width: 40%;
    margin-top: 1%;
}

.colum_48
{
    float: left;
    width: 48%;
    margin-top: 1%;
    margin-left: 0.5%;
}

.colum_55
{
    float: left;
    width: 55%;
    margin-top: 1%;
    margin-left: 3%;
}

.colum_66
{
    float: left;
    width: 66%;
    margin-top: 1%;
    margin-left: 3%;
}
.colum_97
{
    float: left;
    width: 96.5%;
    margin-top: 1%;
    margin-left: 0.5%;
}

/* Asociones de alumnos - Disposicion Logos
 * ----------------------------------------------------*/
.logo_left
{
	float: left;
    width: 15%;
    margin-top: 1%;
    margin-left: 1%;
	margin-right: 5%;
}
.logo_center
{
    width: 15%;
    margin-top: 1%;
    /*margin-left: 30px;
    margin-right: 30px; */
}
.logo_right
{
	float: right;
    width: 15%;
    margin-top: 1%;
    margin-left: 5%;
}


/* Sistema de Garantia de Calidad - Graficas y horarios
 * ----------------------------------------------------*/

.graficas fieldset 
{
   border: 1px dotted #a7a7a7;
   margin-top: 20px;
   padding-LEFT: 15PX;
   padding-top: 10px;
   /*padding-bottom: 15px;*/
}

.graficas legend
{
   /*margin-left: 5%;*/
   /*border: 1px solid #00FF00;*/
   width: 35%;
}

.graficas label, .horarios label
{
   margin-right: 2%;
   margin-left: 0.5%;
}

.graficas select
{
   width: 98%;
}

.graficas .contenido-6
{
   float: left;
   width: 6%;
   margin-right: 1%;
   margin-top: 45px;
   /*border: 1px solid #3E58AA;*/
}

.graficas .contenido-10
{
   float: left;
   width: 10%;
   margin-right: 1%;
   margin-top: 2%;
   margin-bottom: 2%;
   /* border: 1px solid #3E58AA; */
}

.graficas .contenido-15, .horarios .contenido-15
{
   float: left;
   width: 15%;
   margin-right: 1%;
   margin-top: 2%;
   margin-bottom: 2%;
   /*border: 1px solid #3E58AA; */
}

.graficas .contenido-40
{
   float: left;
   width: 40%;
   margin-right: 1%;
   margin-top: 2%;
   margin-bottom: 2%;
   /*border: 1px solid #3E58AA; */
}

.graficas .contenido-50, .horarios .contenido-50
{
   float: left;
   width: 50%;
   margin-right: 1%;
   margin-top: 2%;
   margin-bottom: 2%;
   /* border: 1px solid #3E58AA; */
}

.graficas .etiq_radio
{
   float: right;
   width: 95%;
   /* margin-top: 0.5%; */
}

.graficas .etiq_selec
{
   float: left;
   width: 20%;
}

.graficas .boton
{
   width: 40%;
   margin-left: 30%;
   margin-top: 2%;
}

.graficas #opcion1, .graficas #opcion2, .graficas #opcion3, .graficas #opcion4, .graficas #opcion5
{
   margin-top: 1%;
   margin-bottom: 3%;
   /*
   border: 1px solid #3E58AA; 
   height: 80px;
   */
}

.ancla
{
   color: #333333;
}

/*---- HORARIOS Y EXAMENES -----------------*/

.horarios .boton, .examenes .boton
{
   width: 20%;
   float: left;
   margin-right: 5%;
   margin-top: 1%;
   height: 48px;
   /*border: 1px solid #3E58AA;*/
}

.horarios .botonSA
{
   width: 30%;
   float: left;
   margin-right: 5%;
   margin-top: 0;
   padding-top: 0;
   height: 48px;
   /* border: 1px solid #3E58AA; */
}

.horarios .contenido-min
{
   float: left;
   width: 10%;
   margin-right: 1%;
   /*margin-top: 2%;*/
   margin-bottom: 2%;
   /* border: 1px solid #3E5800; */
}

.horarios .contenido-10, .examenes .contenido-10
{
   float: left;
   width: 10%;
   margin-right: 1%;
   /*margin-top: 2%;*/
   margin-bottom: 2%;
   /* border: 1px solid #3E5800; */
}

.examenes .contenido-20
{
   float: left;
   width: 20%;
   margin-right: 1%;
   margin-bottom: 2%;
}

.horarios .contenido-22
{
   float: left;
   width: 22%;
   margin-right: 1%;
   margin-bottom: 2%;
}


.horarios .contenido-30, .examenes .contenido-30
{
   float: left;
   width: 30%;
   margin-right: 1%;
   /* margin-top: 2%;*/
   margin-bottom: 2%;
   /* border: 1px solid #3E77AA; */
}

.horarios .contenido-35, .examenes .contenido-35
{
   float: left;
   width: 35%;
   margin-right: 1%;
   /* margin-top: 2%;*/
   margin-bottom: 2%;
  /* border: 1px solid #3E77AA; */
}

.horarios .contenido-42, .examenes .contenido-42
{
   float: left;
   width: 42%;
   margin-right: 1%;
   margin-bottom: 2%;
}

.horarios select, .examenes select, .comisiones select
{
   width: 99%;
   padding-left: 4px;
   border: 1px solid #3E77AA;
}
.horarios .etiq_radio
{
   float: right;
   width: 90%;
   margin-top: 2%;
   /* border: 1px solid #3E58AA; */
}

/* Direccion de la Escuela  
   --------------------------------- */

.bubble-dir {
      position: relative;
      padding: 5px;
      margin: 1px 0;
      color: #000
      background-color: #fff;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
}
.bubble-dir: after {
      position: absolute;
      bottom: -2px;
      left; 50px;
      width; 0;
      border-widht: 2px 2px 0;
      border-style: solid;
      content: "";
      display: block;
}

/* Bubble Direccion */

.bubble-dir {
      border: 2px solid #edebe6;
}
.bubble-dir: after {
      border-color: #edebe6 transparent;
}
.bubble-dir: p {
      text-align: left;
     text-align: left;
}

/* Cargo con subrayado <p class="subraya"> */

p.subraya {
     color: #6099c4;
     margin: 0.1em;
     text-align: left;
}

/* Linea divisoria horizontal <hr class="dir1"> */

hr.linea {
      margin: 0.1em 0;
      padding: 0.1em;
}

/* Elemento blockquote de la plantilla favourite 3.3.3 */

.bubble-dir blockquote, .comisiones blockquote {
    border-color: #6099c4;
    margin-bottom: 2px;
}
.bubble-dir blockquote p, .comisiones blockquote p {
    line-height: 1.4em;
    font-weight: 400;
    text-align: left;
}
.bubble-dir blockquote small, .comisiones blockquote small {
    line-height: 3em;
    margin-top: 7px;
}
.bubble-dir blockquote cite, .comisiones blockquote cite {
    font-style: italic;
}
.bubble-dir blockquote h4, .comisiones blockquote h4 {
    font-size: 16px;
}

/* dark */
.bubble-dir blockquote.blockquote-dark, .comisiones blockquote.blockquote-dark {
     border-color: #9e9e9e;
}
.bubble-dir .blockquote-dark small,.comisiones .blockquote-dark small {
     color: #fff;
}

/* color */
blockquote.blockquote-color {
     border-color: #fff;
}
.blockquote-color small {
     color: #fff;
}

/*---- COMISIONES -----------------*/

.comisiones .contenido-10
{
   width: 9%;
   float: left;
   margin-right: 0.5%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   /* border: 1px solid #3E77AA; */
}

.comisiones .contenido-20
{
   width: 20%;
   float: left;
   margin-right: 2%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   /* border: 1px solid #3E77AA; */
}

.comisiones .contenido-22
{
   width: 22%;
   float: left;
   margin-right: 2%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   /* border: 1px solid #3E77AA; */
}

.comisiones .contenido-35
{
   width: 40%;
   float: left;
   margin-right: 0.5%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   padding-bottom: 0;
   font-size: 12px; 
   /*border: 1px solid #3E77AA; */
}

.comisiones .contenido-80
{
   width: 90%;
   float: left;
   margin-right: 0.5%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   /* border: 1px solid #3E77AA;*/
}

.comisiones .contenido-90
{
   width: 90%;
   margin-right: 1%;
   /* margin-top: 2%;*/
   margin-bottom: 1%;
   /* border: 1px solid #3E77AA; */
}

.comisiones input[type=text]
{
   width: 75%;
   text-align: left;
   border: 1px solid #3E77AA; 
}

.comisiones input[type=file]
{
   margin-bottom: 15px;
}

.comisiones textarea
{
   width: 97%;
   text-align: left;
   border: 1px solid #3E77AA; 
}

.comisiones input[type="datetime-local"]:not(.form-control) {
   display: block;
   width: 100%;
   font-size: 14px; 
   line-height: 1.25;
   border: 1px solid #3E77AA; 
}

blockquote
{
   font-size: 14px;
}
.comisiones .botonRow
{
   float:left;
   width: 70%;
   margin: 1% 20%;
   /*border: 1px dashed #0000FF; */
}

.comisiones .convocatoria
{
   width: 100%;
}

.comisiones .convocatoria .contenido-2
{
   width: 2%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
   color: #3E77AA;
}

.comisiones .convocatoria .contenido-3
{
   width: 3%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
   color: #3E77AA;
}

.comisiones .convocatoria .contenido-10
{
   width: 10%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}
.comisiones .convocatoria .contenido-8
{
   width: 8%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria .contenido-15
{
   width: 15%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria .contenido-17
{
   width: 17%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria .contenido-20
{
   width: 20%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria .contenido-25
{
   width: 23%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria .contenido-65
{
   width: 68%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd; 
}

.comisiones .convocatoria label
{
   /*font-size: 11px;*/
   /*color: #098997;*/
   line-height: 16px;
}


.listado_cab, .pag
{
   background: #dddddd;
   height: 20px;
}
.pag_actual
{
   background: #eeeeee;
   height: 20px;
}

/* Tablas de Plan de Estudios 
 * -------------------------- */

.gray
{
 color: #7f7f7f;
} 
.red
{
 color: #fd0303;
} 
.grcla
{
 color: #dadada;
} 
.itbl
{
 font-style: italic;
 font-weight: bold;
}
.neg
{
 font-weight: bold;
}

.plan_estudios
{
   width: 100%;
   margin-top: 30px;
}

.plan_estudios table
{
   width: 100%;
   font-size: 90%;
}

.plan_estudios caption
{
   text-align: left;
   font-size: 115%;
   font-weight: bold;
}

.plan_estudios th, .plan_estudios td, .colores_grado td 
/* .plan_estudios .con_borde */
{
   /* width: 4%; */
   border: 1px solid black;
   text-align: center;
   background: #eeeeee;
   height: 25px;
   border-collapse: collapse;
}   

.plan_estudios .sin_borde
{
   border-style: none;
   border: 0px;
}

.plan_estudios .td_izq
{
   border-style: none;
   border: 0px;
   border-left: 1px solid black;
}

.plan_estudios .td_C2
{
   border-style: none;
   border-top: 1px solid black;
   border-left: 1px solid black;
}

.plan_estudios td a, .opta td a
{
   color: #000000;
}

.plan_estudios .td_yel
{
   background: #fff4d6;
   text-align: center;
}

.plan_estudios .td_ora
{
   background: #f4cba9;
   text-align: center;
}

/*
.plan_estudios .td_whi
{
   background: #ffffff;
   text-align: center;
}
*/

.plan_estudios .td_blu
{
   background: #83a0ca;
   text-align: center;
}

.plan_estudios .td_dgra
{
   background: #9e9e9e;
   text-align: center;
}

.plan_estudios .td_gre
{
   background: #98bf6f;
   text-align: center;
}

.colores_grado
{
   padding-top: 10px;  
   float: right;
   width: 35%;
   margin-top: 40px;
}

.colores_grado table
{
   font-size: 90%;
   border: 1px solid black;
}

.colores_grado .td_yel
{
   background: #fff4d6;
}

.colores_grado .td_ora
{
   background: #f4cba9;
}

.colores_grado .td_blu
{
   background: #83a0ca;
}

.colores_grado .td_gre
{
   background: #98bf6f;
}

.colores_grado .td_dgra
{
   background: #9e9e9e;
}

.colores_grado .td_whi
{
   background: #ffffff;
   text-align: center;
}   

.opta, .opta2
{
   width: 60%; 
   float: left;
   margin-top: 30px;
   margin-right: 2%;
   font-size: 90%; 
}

.opta2
{ 
 width: 30%; 
}

.opta2b
{
 width: 30%;
}

.opta table, .opta2 table 
{
   width: 100%; 
   border: 1px solid black;
}

.opta td, .opta2 td
{
   border: 1px solid black;
   text-align: center;
   background: #eeeeee;
}

.opta .td_yel, .opta2 .td_yel
{
   background: #fff4d6;
}

 /* Fin Tablas de Plan de Estudios */


/**** Estilos para Plan estudios usando div ****/
.plan_estudios
{
   width: 100%;
   margin-top: 30px;
}

.plan_estudios .fila
{
   width: 100%;
   height: 50px;
}

.plan_estudios .fila .colum_4,
.plan_estudios .fila .anual_20,
.plan_estudios .fila .colum_70,
.plan_estudios .fila .colum_90
{
   float: left;
   height: 100%;
   text-align: center;
}

.plan_estudios .fila .colum_4
{
   width: 4%;
   line-height: 50px;
   background: #eeeeee;
   border-left: 0.5px solid black;
   border-top: 0.5px solid black;
}

.plan_estudios .fila .color_25
{
   width: 20%;
   float: left;
   height: 100%;
   text-align: center;
   line-height: 50px;
}

.color_25
{
   width: 20%;
   height: 450px;
}

.color_70
{
   width: 70%;
   line-height: 50px;
   padding-left: 5%;
}

.plan_estudios .fila .color_70
{
   width: 70%;
   float: left;
   height: 100%;
   line-height: 50px;
   text-align: left;
   padding-left: 5%;
}

.plan_estudios .fila .colum_90
{
   width: 90%;
}

.plan_estudios .fila .colum_90 .colum_80
{
   width: 80%;
   float: left;
}

.plan_estudios .fila .anual_20
{
   height: 50px;
   width: 19.81%;
   float: left;
   border-left: 0.5px solid black;
   border-top: 0.5px solid black;
}

.asigC
{
   line-height: 25px;
   height: 25px;
   width: 100%;
   float: left;
}

.plan_estudios .fila .anual_20 label
{
   line-height: 50px;
}
.plan_estudios .fila .asigC label
{
   line-height: 25px;
}

.plan_estudios label a, .plan_estudios label a:visited, .plan_estudios label a:hover
{
   text-decoration: none;
   color: black;
}

.cua
{
   line-height: 25px;
   height: 24.5px;
   width: 100%;
   float: left;
}

.asigC .colum_16,
.asigC .colum_20,
.asigC .colum_25
{
   border-left: 0.5px solid black;
   border-top: 0.5px solid black;
   height: 100%;
   float: left;
}

.asigC .colum_16
{
   width: 16.47%;
}
.asigC .colum_25
{
   width: 24.77%;
}
.asigC .colum_20
{
   width: 19.81%;
}

.asigC .colum_tfg,
.asigC .colum_tfgISA
{
   height: 100%;
   float: left;
   border-top: 0.5px solid black;
   border-bottom: 0.5px solid black;
   border-right: 0.5px solid black;
}
.asigC .colum_tfg
{
   width: 39.79%;
}
.asigC .colum_tfgISA
{
   width: 33.1%;
}

.borde_bajo
{
   border-bottom: 0.5px solid black;
}

.borde_alto
{
   border-top: 0.5px solid black;
}

.borde_izq
{
   border-left: 0.5px solid black;
}
.borde_der
{
   border-right: 0.5px solid black;
}

.plan_estudios .titulo
{
   text-align: left;
   font-size: 115%;
   margin-bottom: 5px;
}

.plan_estudios .titulo_opta
{
   text-align: center;
   font-size: 112%;
   margin-bottom: 5px;
   margin-top: 5%;
}

.plan_estudios .td_yel, /* Amarillo */
.plan_estudios .color_M
{
   background: #fff4d6;
   text-align: center;
}

.plan_estudios .basico, /* naranja */
.plan_estudios .color_GII-TI
{
   background: #f4cba9;
   text-align: center;
}

.plan_estudios .td_whi
{
   background: #ffffff;
   text-align: left;
   padding-left: 5%;
}

.plan_estudios .ob /* azul */
{
   background: #83a0ca;
   text-align: center;
}

.plan_estudios .optm /* gris */
{
   background: #9e9e9e;
   text-align: center;
}

.plan_estudios .td_gre
{
   background: #98bf6f;
   text-align: center;
}

.plan_estudios .optativas,
.plan_estudios .optativasDG
{
   width: 50%;
   float: left;
   margin-left: 5%;
   margin-bottom: 1%;
}

.plan_estudios .optativasDG
{
   margin-top: 3.1%;
}

.plan_estudios .colores
{
   width: 30%;
   float: left;
   margin-top: 5%;
   margin-left: 10%;
}

.plan_estudios .optaC
{
   width: 49.5%;
   float: left;
   height: 25px;
   text-align: center;
   line-height: 25px;
}

.plan_estudios .practicas_externas
{
   width: 99.3%;
   height: 25px;
   text-align: center;
   line-height: 25px;
}

.cab_gris
{
   background: #eeeeee;
}

.plan_estudios td
{
   padding: 0px;
   height: auto; 
}

/*** Fin estilos para Plan estudios usando div ***/


/* Solicitud de Software
 * ----------------------*/

.software fieldset 
{
   border: 1px dotted #a7a7a7; 
   padding-left: 15px;
}

.software legend
{
   width: 35%;
   font-size: 18px;
   line-height: 18px;
   border: none;
   padding-top: 20px;
   padding-left: 5px;
}

.software .lgnd-asig
{
   width: 14%;
}

.software .lgnd-soft
{
   width: 22%;
}

.software .lgnd-observ
{
   width: 17%;
}

.software label
{
   float: right;
   width: 75%;
   margin-top: 2%;
   margin-right: 12%;
   /*border: 1px solid red;*/
}

.software .filtro
{
   float: right;
   width: 50%;
   margin-top: 2%;
   margin-right: 27%;
   padding-top: 2px;
   /*border: 1px solid red; */
}


.software .selecc
{
   float: none;
   width: 80%;
   margin-top: 2%;
   /*border: 1px solid red; */
}

.software .contenido-2
{
   width: 2%;
   float: left;
   margin-right: 0.5%;
   margin-bottom: 1%;
   margin-top: 3%;
}

.software .contenido-7
{
   width: 9%;
   float: left;
   margin-right: 0.5%;
   margin-bottom: 1%;
}

.software .contenido-8
{
   width: 10%;
   float: left;
   margin-right: 0.5%;
   margin-bottom: 1%;
}

.software .contenido-12
{
   width: 12%;
   float: left;
   height: 40px;
   padding-top: 10px;
   /*border: 1px solid green;*/
}
.software .contenido-15
{
   width: 15%;
   float: left;
   height: 25px;
   /*border: 1px solid blue; */
}

.software .contenido-20
{
   width: 20%;
   float: left;
   margin-right: 0.5%;
   margin-bottom: 1%;
}

.software .contenido-25
{
   width: 25%;
   float: left;
}

.software .contenido-50
{
   width: 50%;
   float: left;
   margin-right: 0.5%;
   margin-bottom: 1%;
}

.software .contenido-80
{
   width: 80%;
   float: left;
   height: 50px;
}

.software .contenido-90
{
   width: 98%;
   /*border: 1px solid red;*/
}

.software input[type=text]
{
   width: 97%;
   text-align: left;
   border: 1px solid #3E77AA; 
   padding-left: 1px;
   padding-right: 0px;
}

.software input[type="radio"],
.software input[type="checkbox"]
{
   border-color: #3E77AA; 
}

.software textarea
{
   width: 97%;
   text-align: left;
   border: 1px solid #3E77AA; 
}

.software select,
.software select:not(.form-select):not(.form-control),
.comisiones select:not(.form-select):not(.form-control)
{
   width: 97%;
   border: 1px solid #3E77AA; 
}

.software .contenido-8 label,
.software .contenido-20 label,
.software .contenido-50 label
{
   margin: 0;
   width: 100%;
}

.software .botones
{
   width: 98%;
   margin-top: 1%;
}

.software .prog
{
   background-color: #eaeaea;
   height: 25px;
   margin-top: 0.5%;
   /*border: 1px solid #a7a7a7;*/
}

/* Mobile: PENDIENTE PARA QUE SE VEA BIEN EL FORMULARIO
@media (max-width: 767px) {
   .software .filtro
   {
      color: red;
   }
}
*/
/*** Fin estilos Solicitud de Software ***/

/* Acceso Gestor de Reservas
 * -------------------------*/
.reservas .contenido-50
{
   width: 50%;
   margin-bottom: 0.5%;
   /*border: 1px solid #3E77AA; */
}

.reservas .etiq_radio
{
   float: right;
   width: 94%;
   margin-top: 3px; 
   margin-bottom: 0px;
   margin-left: 3px;
   /*border: 1px solid #3E58AA; */ 
}
.reservas fieldset
{
   border: 1px dotted #3E77AA;
   padding-left: 15px;
}

.reservas legend
{
   width: 25%;
   font-size: 18px;
   line-height: 18px;
   border: none;
   padding-left: 5px;
}

/*** Fin estilos Acceso Gestor de Reservas ***/

/* Permuta de Grupo
 * ----------------------*/

.permuta
{
margin-bottom: 40px;
}
.permuta fieldset 
{
   border: 1px dotted #a7a7a7; 
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 10px;
   margin-bottom: 1%;
}

.permuta legend, .permuta .lgnd_tit
{
   width: 24%;
   font-size: 18px;
   line-height: 18px;
   border: none;
   /* padding-top: 5px; */
   padding-left: 5px;
}

.permuta .lgnd_tit
{
   width: 58%;
}

.permuta input[type=text],
.permuta select
{
   width: 95%;
   text-align: left;
   /*border: 1px solid #ccc; */
}

.permuta input[type="radio"],
.permuta input[type="checkbox"]
{
   border-color: #3E77AA; 
   margin-left: 10px;
}

.permuta table
{
   width: 90%;
   margin-left: 5%;
   margin-bottom: 2%;
}

.permuta th
{
   /* gris
   background-color: #757575;
   */
   background-color: #255D7D;
   color: #ffffff;
   font-weight: bold;
}

/* striped table */
.permuta table tr:nth-child(even)
{
   /* gris
   background-color: #F5F5F5;
   */
   background-color: #E7F0F5;
}
.permuta table tr:nth-child(odd)
{
	/* gris
    background-color: #e0e0e0;
	*/
    background-color: #C1D9E6;
}

.permuta .txt_centro
{
   text-align: center;
}
.permuta .fila
{
   width: 100%;
   margin-bottom: 1.5%;
   height: 25px;
   /*border: 1px solid #34FCA1; */
}

.permuta .fila .contenido-3,
.permuta .fila .contenido-8,
.permuta .fila .contenido-10,
.permuta .fila .contenido-13,
.permuta .fila .contenido-15,
.permuta .fila .contenido-20,
.permuta .fila .contenido-23,
.permuta .fila .contenido-30,
.permuta .fila .contenido-40,
.permuta .fila .contenido-23 .campo-15,
.permuta .fila .contenido-23 .campo-70
{
   float: left;
   margin-right: 0.5%;
   /*border: 1px solid #78d612; */
}

.permuta .fila .contenido-3
{
   margin-top: 0;
   width: 2%;
}

.permuta .fila .contenido-8
{
   width: 8%;
   padding-top:8px;
}

.permuta .fila .contenido-10
{
   width: 10%;
}
.permuta .fila .contenido-13
{
   width: 13%;
}

.permuta .fila .contenido-15
{
   width: 15%;
}

.permuta .fila .contenido-20
{
   width: 20%;
}

.permuta .fila .contenido-23
{
   width: 23%;
}

.permuta .fila .contenido-30
{
   width: 30%;
   margin-right: 10px;
}

.permuta .fila .contenido-40
{
   width: 40%;
}

.permuta .fila .contenido-23 .campo-15
{
   width: 15%;
}

.permuta .fila .contenido-23 .campo-70
{
   margin-top: 5px;
   margin-right: 5px;
   width: 70%;
}


.permuta .fila_pri
{
   width: 100%;
   margin-bottom: 3px;
   margin-top: 20px;
   height: 100px;
   /*border: 1px solid #34FCA1; */
}

.permuta .fila_pri .contenido-20,
.permuta .fila_pri .contenido-30
{
   float: left;
   margin-right: 0.2%;
   /*border: 1px solid #78d612; */
}

.permuta .fila_pri .contenido-20
{
   width: 20%;
   margin-right: 10px;
}

.permuta .fila_pri .contenido-30
{
   width: 30%;
   margin-right: 10px;
   padding-top: 10px;
}

#div_motivo
{
   width: 40%;
   margin-top: 3px;
   margin-bottom: 5px;
}

/*** Fin estilos Permutas ***/

/* Registro usuarios vlan52
 * ----------------------*/

.vlan52
{
   margin-bottom: 40px;
   /*border: 1px solid red;*/
}

.vlan52 fieldset 
{
   border: 1px dotted #a7a7a7; 
   padding-left: 15px;
}

.vlan52 legend
{
   width: 25%;
   font-size: 16px;
   border: none;
   padding-top: 1px;
   padding-left: 5px;
}

.vlan52 input[type=text], 
.vlan52 input[type=date],
.vlan52 input[type=time],
.vlan52 input[type=tel],
.vlan52 input[type=email],
.vlan52 select
{
   width: 97%;
   text-align: left;
   border: 1px solid #3E77AA; 
   padding-left: 1px;
   padding-right: 0px;
}

.vlan52 label
{
   margin-top: 5%;
}

.vlan52 table
{
   border-collapse: separate;
   width: 100%;
}

.vlan52 th, .vlan52 td
{
   text-align: left;
   padding: 2px;
   border: 1px solid #FFFFFF;
}

.vlan52 tr:nth-child(even) {background-color: #fffffe;}
.vlan52 tr:nth-child(odd) {background-color: #eeeeee;}
#.vlan52 tr:hover {background-color: #FFFFFF;}
.vlan52 tr:hover {background-color: #c1d9e6; font-weight: bold;}

.vlan52 .fila, .vlan52 .fila_pag
{
   width: 100%;
   margin-bottom: 1.2%;
   margin-top: 0.3%;
   height: 25px;
   /*border: 1px solid #34FCA1; */
}


.vlan52 .fila .campo-7,
.vlan52 .fila .campo-10,
.vlan52 .fila .campo-20,
.vlan52 .fila .campo-30,
.vlan52 .fila .campo-60,
.vlan52 .fila .campo-80
{
   float: left;
   margin-right: 0.5%;
   /*border: 1px solid #78d612; */
}

.vlan52 .fila .campo-7
{
   width: 7%;
}

.vlan52 .fila .campo-10
{
   width: 10%;
}

.vlan52 .fila .campo-20
{
   width: 20%;
}

.vlan52 .fila .campo-30
{
   width: 30%;
}

.vlan52 .fila .campo-60
{
   width: 60%;
}

.vlan52 .fila .campo-80
{
   width: 80%;
}

.vlan52 .fila .campo-20#tok
{
   margin-top: 5px;
}

.vlan52 .fila_pag .campo-2
{
   width: 2%;
   float: left;
   padding-left: 1%;
   margin-right: 0.5%;
   margin-bottom: 1%;
   border: 1px solid #dddddd;
   color: #3E77AA;
}

.vlan52 .pag
{
   background: #dddddd;
   height: 20px;
}

.vlan52 .pag_actual
{
   background: #eeeeee;
   height: 20px;
}

.vlan52 .listado
{
   width: 98%;
   margin-left: auto;
   margin-right: auto;
}

.vlan52 .fila_tit
{
   width: 100%;
   margin-bottom: 1%;
}

.vlan52 .fila_tit .titulo
{
   float: left;
   width: 26%;
}
.vlan52 .fila_tit .pdf
{
   float: left;
   width: 5%;
   padding-top: 20px;
}

/*** Fin estilos Registro vlan52 ***/

/*** Acto de Clausura ***/

.clausura .elemento_alumno
{
   width: 99%;
   margin-left: 0;
   margin-top: 0.5%;
/*border: 1px solid #990000; */
}

.clausura .titulo_alumno
{
   font-weight: bold;
   float: left;
   width: 10%;
   margin: 0.5% 0;
}

.clausura .datos_alumno
{
   font-weight: normal;
   float: left;
   width: 75%;
   margin: 0.5% 0;
}

.clausura .boton
{
   width: 80%;
   margin-left: 0;
   margin-top: 0.5%;
   margin-bottom: 0.5%;
}

.clausura .correo_alumno
{
   font-weight: normal;
   float: left;
   width: 30%;
   margin: 0;
}

.clausura .txt_correo_alumno
{
   float: left;
   width: 55%;
   margin: 0.5% 1%;
}

.letra_peque
{
    font-size: small;
	font-style: italic;
   font-weight: bold;
}

/*** Fin estilos Acto de Clausura ***/


/*** Estudios -> Memorias Docentes ***/

.md table
{
   width: 50%;
   margin-left: 5%;
   margin-bottom: 2%;
}

.md th
{
   background-color: #e1e1e1;
   color: #000000;
   font-weight: bold;
}

/* striped table */
.md table tr:nth-child(even)
{
   background-color: #FFFFFF;
   text-align: center;
}
.md table tr:nth-child(odd)
{
    background-color: #eeeeee;
}

/*** Fin estilos Memorias Docentes ***/

@media screen and (max-width: 480px)
{
   #form_codigoQR .colum_20
   {
      font-size: 3px;
   }
   .horarios .boton, .examenes .boton
   {
      width: 50%;
      float: left;
      margin-right: 5%;
      margin-top: 1%;
      height: 48px;
   }

   .horarios .botonSA
   {
      width: 80%;
      float: left;
      margin-right: 5%;
      margin-top: 0;
      padding-top: 0;
      height: 48px;
      /* border: 1px solid #3E58AA; */
   }
   .horarios .contenido-10, .examenes .contenido-10
   {
      float: left;
      width: 50%;
      margin-right: 1%;
      margin-bottom: 2%;
   }
   .horarios .contenido-min
   {
      float: left;
      width: 30%;
      margin-right: 1%;
      margin-bottom: 2%;
   }

   .horarios .contenido-30, .examenes .contenido-30
   {
      float: left;
      width: 80%;
      margin-right: 1%;
      /* margin-top: 2%;*/
      margin-bottom: 2%;
      /* border: 1px solid #3E77AA; */
   }

   .horarios .contenido-35, .examenes .contenido-35
   {
      float: left;
      width: 85%;
      margin-right: 1%;
      /* margin-top: 2%;*/
      margin-bottom: 2%;
     /* border: 1px solid #3E77AA; */
   }

}
