@charset "UTF-8";

* {
  box-sizing: border-box;
  /*border: 1px solid black;
  */
}

/* For desktop: */
[class*="col-"] {
  float: left;
  padding: 2px;
  vertical-align: middle;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
/* HTML */
html {
  font-family: "Lucida Sans", sans-serif;
  height: 100%;
  border-radius: 15px;
}
body {
    height: 90%;
    padding: 10px 10px 10px 10px;
}
/* Definición del img. */
img {
    padding-top: 1px;
}
/* Clases responsive */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Div principal cmapli, contiene la cabecera 1/12, el contenido 10/12 y el pie 1/12 */
#cmapli {
    padding: 1px 5px 1px 5px;
    margin: 0px 0px 0px 0px;
    border: 1px solid lightgray;
}

/* Div de la cabecera. */
#cabecera {
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    border-bottom: 1px solid lightgray;
    background: linear-gradient(10deg, white, white);
}
/* Elemento de navegación*/
#navegacion {
    font: 1em Arial, Helvetica, sans-serif; color: #999999;
}
/* Div de contenidos, contiene el menu 2/12 y el contenido 10/12 */
#contenido_principal {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    overflow:auto;
}

/* Div del menu */
#menu_aplicacion {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-left: #d6d6d6 1px solid;
    border-right: #d6d6d6 1px solid;
    background-color: #f7f6f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Div con el contenido de las acciones. */
#contenido_aplicacion {
    min-height: 350px;
    margin: 0px 0px 0px 5px;
    padding: 1px 5px 5px 10px;
    border: 0px solid #e4e4e4;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    overflow: hidden;
}
/*Div con el contenido de las acciones sin menu. */
#contenido_aplicacion_sin_menu {
    float: left;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px solid #e4e4e4;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    overflow: hidden;
}
/* Pie.*/
#pie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    vertical-align: bottom;
    color: gray;
    border-top: 1px solid lightgray;
    height: 20px;
}
/**Subclases**/
 /*cmapli*/
#cmapli .nihil {
    font-size: 1px;
}
#cmapli .nihil12px {
    font-size: 1px;
    height: 12px;
}
#cmapli .nihill5px {
    font-size: 1px;
    width: 5px;
}
#cmapli .puntos {
    background: url(../images/portal/puntos.gif) repeat-x bottom;
    height: 10px;
}
#cmapli .linea {
    background: #d6d6d6 repeat-x;
    height: 1px;
}
#cmapli .lineay {
    background: #d6d6d6 repeat-y;
    height: 100px;
}
#cmapli .linea2 {
    background: #d6d6d6 repeat-x;
    height: 2px;
}
#cmapli .lineasub {
    background: #eae8d8 repeat-x;
    height: 1px;
}
#cmapli .colormenu {
    background: #e9e7db;
}
#cmapli .colormenutext {
    background: #e9e7db;
    padding: 2px 0px 2px 0px;
}
#cmapli .fondomenu {
    background: #d6d6d6;
}
#cmapli .fondosubmenu {
    background: #f7f6f1;
}
#cmapli .submenutext {
    padding: 2px 0px 2px 2px;
}
#cmapli .fondotabla {
    background: #fff;
}
#cmapli .copy {
    padding-top: 2px;
    text-align: center;
}
#cmapli .enlaces {
    padding-top: 1px;
    text-align: right;
}
 /*contenido_principal*/
#contenido_principal .nihil {
    font-size: 1px;
}
#contenido_principal .nihil12px {
    font-size: 1px;
    height: 12px;
}
#contenido_principal .nihill5px {
    font-size: 1px;
    width: 5px;
}
#contenido_principal .puntos {
    background: url(../images/portal/puntos.gif) repeat-x bottom;
    height: 4px;
}
#contenido_principal .linea {
    background: #d6d6d6 repeat-x;
    height: 1px;
}
#contenido_principal .lineay {
    background: #d6d6d6 repeat-y;
    height: 100px;
}
#contenido_principal .linea2 {
    background: #d6d6d6 repeat-x;
    height: 2px;
}
#contenido_principal .lineasub {
    background: #eae8d8 repeat-x;
    height: 1px;
}
#contenido_principal .colormenu {
    background: #e9e7db;
}
#contenido_principal .colormenutext {
    background: #e9e7db;
    padding: 5px 0px 5px 0px;
}
#contenido_principal .fondomenu {
    background: #d6d6d6;
}
#contenido_principal .fondosubmenu {
    background: #f7f6f1;
}
#contenido_principal .submenutext {
    padding: 5px 0px 5px 0px;
}
#contenido_principal .fondotabla {
    background: #fff;
}
#contenido_principal .wai {
    padding-top: 1px;
}
#contenido_principal .copy {
    padding-top: 2px;
}
#contenido_principal .enlaces {
    padding-top: 1px;
    text-align: right;
}
 /*navegacion*/
#navegacion a {
    font: 1.0em Arial, Helvetica, sans-serif;
    color: #999999;
}
 /*menu_aplicacion*/
#menu_aplicacion ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    font-size: large;
}
#menu_aplicacion li {
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
}
#menu_aplicacion .datos {
    padding: 5px 0px 5px 7px;
    margin: 0px 0px 0px 0px;
    border-bottom: #d6d6d6 1px solid;
    border-top: #d6d6d6 1px solid;
    background-color: #e9e7dc;
}
#menu_aplicacion .sub {
    padding: 1px 0px 4px 4px;
    margin: 0px 0px 0px 0px;
    border-top: #d6d6d6 1px solid;
    border-bottom: #e9e7dc 1px solid;
}
#menu_aplicacion .subprimero {
    padding: 1px 0px 4px 4px;
    margin: 0px 8px 0px 8px;
    border-bottom: #e9e7dc 1px solid;
}
#menu_aplicacion .subultimo {
    padding: 1px 0px 4px 4px;
    margin: 0px 8px 0px 8px;
    border-top: #d6d6d6 1px solid;
}
#menu_aplicacion .rojo {
    color: #d40707;
}
  /*Dialogo con los datos de usuario.*/
#dialogUsuario {
    width: 600px;
    background: linear-gradient(90deg, white, white);
}
/**Fin Subclases**/
 /**Elementos de la cabecera.**/
  /*Imagen Logo*/
.logoCM {
    max-width: 89px;
    width: 100%;
}
  /*Texto Principal*/
.textoCabecera1 {
    font: 2em bold Arial, Helvetica, sans-serif;
    color: #666666;
}
  /* texto secundario*/
.textoCabecera2 {
    font: 2em bold Arial, Helvetica, sans-serif;
    color: #557CAC;
}
  /*Linea de puntos*/
.puntos {
    background: url(../images/portal/puntos.gif) repeat-x bottom;
    height: 4px;
}
  /*Texto Inicio*/
.textoCabecera3 {
    font: 1.3em bold Arial, Helvetica, sans-serif;
    color: #666666;
}
  /*Elementos de navegacion*/
.navegacion {
    font: 1.0em Arial, Helvetica, sans-serif;
    color: #4682b4;
}
  /*Rastro de migas*/
.rastroMigas {
    font: 1.0em Arial, Helvetica, sans-serif;
    color: #999999;
}
  /*Imagen de usuario*/
.imgUsuario {
    text-align: right;
    padding-right: 12%;
}
  /*Separador*/
.separadorImagenes{
    height: 15px;
}
  /*Imagen desconectar*/
.imgDesconectar {
    text-align: right;
    padding-right: 10%;
}
  /*Elementos del dialogo con los datos del usuario. */
.datosUsuario {
    width: 12px;
    padding-top: 5%;
}
  /*Separador*/
.separador {
    width: 100%;
}
  /*Imagen WAI del pie. */
.imgWAI {
    height: 15px;
}
  /*Información de la aplicación del pie. */
.info {
    color: lightgray;
    text-align: center;
}
.alineaCentro {
    text-align: center;
    padding-left: 5px;
    padding-top: 5px;
}
  /*Links de politica de privacidad*/
.links{
    color: #557cac;
    text-align: right;
}