body {
    background-color: #E6E6E6;
    font-family:   Verdana, Arial,  Helvetica, sans-serif;
    font-size: 76%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
   a {
    color: #336699;
    background-color: transparent;
    margin: 0; 
  }
  a:hover {
    color: #8B2C60
  }  


  .encuadre {  /* Marco que agrupa el total de la ventana */
    background-color: #ffffff;
    width: 900px; /* Para hacerla mas ancho solo tocar este valor */
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
  } 

/* Estilos para la cabecera*/
  .midCabecera {
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    width: 900px;
    height:88px;
    background:#fff url(../imagenes/fondoBanner.png) no-repeat left top;
  }
  .midCabecera img{
    float:left;
  }
  .midCabecera h1 {
    color: #881126;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.5em;
    float:left;
    margin: 1em 1em 1em 1em;
}
/* Estilos para la botonera de usuario conectado y botonera de conexión*/
  .cuadroInfo { /* Marco que agrupa el usuario conectado y botonera */
    background-color: #ffffff;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    width:100%;
    float:left;
  }
  .conexion { /* Marco con el usuario conectado */
    margin: 0em 0em 0em 1em;
    padding: 0em 0em 0em 1em;
    background:#FFFFFF url("../imagenes/puntito.png")  no-repeat left center ;
    width:50%;
    float:left;
    text-align: left;
  }
  .botonera { /* Marco con la botonera estandar */
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    float:right;
    text-align: right;
    z-index:2;
  }
  .botonera a {
    font-size: 1em;
    padding: 0px 10px 2px 10px;
    margin-top: 0.2em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
    text-decoration:none;
    color:#FFFFFF;
    background-color: #336699;
    float:none;
  }
  .botonera a:hover {
    color:#FFFFFF;
    text-decoration: underline;
  }
/* Marco contenido para version no Accesible : Menu Javascript */
  .contenidoNoAccesible { 
    background-color: #ffffff;
    width:auto;
    margin: 50px 0px 10px 0px;
    padding:10px 0px 0px 0px;
    color: #ffffff;
    /* Solución para que funciona el min-height en Explorer */
    min-height:400px;
    height:auto !important;
    height:400px;
  }
  .marcoContenidoAccesible {
    background-color: #ffffff;
    width:auto;
    top: 0px ; 
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    clear: both;
  }
/* Marco de contenido accesible . Agrupado a la derecha */  
  .contenidoAccesible { 
    background-color: #ffffff;
    width: 82%;
    padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px;
    margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 40px;
    float : left;
    /* Solución para que funciona el min-height en Explorer */
    min-height:400px;
    height:auto !important;
    height:400px;
  }
 /* Marco y subestilos del menu accesible */ 
  .menuAccesible { /* Marco con el menu a la izquierda accesible */
    background-color: #ffffff;
    width: 16%;
    margin: 0px 0px 0px 2px;
    padding:0px 0px 0px 0px;
    float : left;
    /* Solución para que funciona el min-height en Explorer */
    min-height:400px;
    height:auto !important;
    height:400px;
  }  
  .menuAccesible a {
    color: #4A4A4A;
    background-color: transparent;
    text-decoration: none;
    margin: 0; 
  }
  .menuAccesible a:hover {
    color: #676767;
    text-decoration: underline;
  }  
  .menuAccesible UL {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding : 5px 0px 5px 0px;
  }
  .menuAccesible LI {
    margin: 1px 0px 0px 0px;
    padding : 5px 0px 2px 0px;
    list-style-type: none;
    text-align: right;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
  }
  .menuAccesible .menuNivel_1 {
    color: #797979;
    font-weight: bolder;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin: 3px 0px 0px 0px;
    border-right-width: 7px;
    border-right-style: solid;
    border-right-color: #797979;
    background-image:url(../imagenes/fondoBannerIzquierdo.png);
    background-repeat:repeat;
    background-position: right top;
  }
  .menuAccesible .menuNivel_2 {
    color: #504E50;  
    font-size: 0.8em;
    margin: 3px 0px 3px 0px;
    padding: 4px 8px 4px 8px;
    border: 1px solid #808080;
    background-image:url(../imagenes/fondoBannerIzquierdo02.png);
    background-repeat: repeat;
    background-position: right top;
    
  }
  .menuAccesible .menuNivel_3 {
    color: #504E50;  
    font-size: 0.8em;
    margin: 3px 14px 3px 0px;
    padding: 4px 8px 4px 8px;
    border: 1px solid #ABABAB;
    background-image:url(../imagenes/fondoBannerIzquierdo02.png);
    background-repeat: repeat;
    background-position: right top;
  }
  .menuAccesible .menuNivel_4 {
    color: #504E50;  
    font-size: 0.8em;
    margin: 3px 28px 3px 0px;
    padding: 4px 8px 4px 8px;
    border: 1px solid #DBDBDB;
    background-image:url(../imagenes/fondoBannerIzquierdo02.png);
    background-repeat: repeat;
    background-position: right top;
    background-color: #E6E6E5;
  }
/* Caracteristicas del iframe */ 
  #marcoContenido {
    position:relative;
    height:350px;
    width:100%;
}
/* Estilos Para los formularios de Login y Cambio Contraseña */
/* Marco con el usuario conectado */
  #tituloOpcion { 
    margin: 1em 1em 2em 1em;
    padding:0em 0em 0em 3em;
    background:#FFFFFF url("../imagenes/iconoMenu02.png")  no-repeat left center ;
    text-align: left;
  }
  #tituloOpcion h1 {
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #336699;
  }
  #mensajes {
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0% 0% 0% 12px;
    color: #555555;
  }
  .ocultar {
    display: none ;
  }

    .cuadroContenedor {
      padding-left: 1em; 
      padding-right: 1em; 
      padding-top: 0em; 
      padding-bottom: 1em;
      /*float: none;*/
      text-align: center;
      /* border: 1px solid red; */
    }

  #titulocajaformulario  {
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 3px; 
    padding-bottom: 6px;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 5px; 
    margin-bottom: 0px;
    width: 95%;
    border: 1px solid #336699;
    background-color: #336699;
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    text-align: justify;
  }

  #cajaformulario  {
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 3px; 
    padding-bottom: 1px;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px;  
    margin-bottom: 0px;
    width: 95%;
    background-color: #F1F1F2;
    text-align: left;
    border: 1px solid #DBDBDB; 
  }
 #cajaformulario01  {
    background-color: #F1F1F2;
    width: 85%;
    padding: 3px 10px 1px 12px;
    margin: 0% 0% 5px 2%;
    text-align: left;
    border: 1px solid #DBDBDB; 
    float: left;
  }
  #cajaformulario02  {
    
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 1px; padding-bottom: 1px;
    margin-left: auto; margin-right: auto; margin-top: 5px;  margin-bottom: 0px;
    width: 95%;
    background-color: #F1F1F2;
    text-align: left;
    border: 1px solid #DBDBDB;
  }
   #cajaformulariobotones  {
    background-color: #F1F1F2;
    width: 85%;
    padding: 3px 10px 1px 12px;
    margin: 0% 0% 5px 2%;
    text-align: left;
    border: 1px solid #DBDBDB; 
    float: left;
  }
  
   #cajaformularioPie{
      padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 12px; margin-right: 0px; margin-top: 5px;  margin-bottom: 5px;
      width: 100%;
      color: #8B2C60;
      font-size: 0.8em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-align: right;
  }
  #titulocajaformulario01  {
    background-color: #336699;
    width: 85%;
    padding: 3px 10px 6px 12px;
    margin: 5px 0px 0px 2%;
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #FFFFFF;
    border: 1px solid #336699;
    font-weight: bold;
    float: left;
  }
  #cajalistado01  {
    background-color: #FFFFFF;
    width: 85%;
    padding: 3px 10px 1px 12px;
    margin: 0% 0% 5px 2%;
    text-align: left;
    border: 1px solid #DBDBDB; 
    float: left;
  }

  #cajalistado  {
    background-color: #FFFFFF;
    width: 92%;
    padding: 3px 10px 1px 12px;
    margin: 0% 0% 0% 0%;
    text-align: left;
    border: 1px solid #DBDBDB; 
  }
 
#cajaformulario02 a {
    font-size: 1.0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 20px 2px 20px;
    margin: 10px 1px 10px 1px;
    letter-spacing: 1pt;
    text-decoration:none;
    text-align: center;
    color:#FFFFFF;
    background-color: #026699;
    border: 2px solid #828177;
    width: 15em;
    height: 1em;
    display:block;
  }

  #cajaformulario02 a:hover {
    color:#FFFFFF;
    text-decoration: none;
  }
  
  fieldset.normales{
    font-size: 1.0em;
    background-color: #F1F1F2;
    border: 1px solid #F1F3F5;
    margin-top: 2px;
    margin-bottom: 3px;
    margin-left: 0px;
  }
  legend.normales{
    font-size: 1.0em;
    font-weight:bold;
    color: #010000;
    text-align: left;
    background-color: #F1F1F2;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
/* estilo para los textos que son obligatorias cumplimentarles en los formularios */
  .obligado{
   /* color: #8B2C60;*/
		color: #ff2e2e;
    font-family: arial, verdana, helvetica, geneva, sans-serif;
    font-weight: bold;		
  }
/* estilo para textos de aviso importante */  
  .aviso{
    background-color:red; 
    color:#ffffff;
    text-align: center;
  }
/* estilo para textos de aviso importante */  
  .aviso2{
    background-color:red; 
    color:#ffffff;
    text-align: center;
  }  
  .inputColor {
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #4a4a4a;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #A59F9F;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .listaAncha {
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #4a4a4a;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #A59F9F;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 250px;
  }
  .listaAncha2 {
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #4a4a4a;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #A59F9F;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 500px;
  }
  
  .botonformulario {
    font-size: 1.0em;
    color : #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #026699;
    letter-spacing: 1pt;
    padding: 1px 30px 2px 30px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  
  .botonformulariodeshabilitado {
    font-size: 1.0em;
    color: #dbdbdb;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #026699;
    letter-spacing: 1pt;
    padding: 1px 30px 2px 30px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .botonformulariopeq {
		font-size: 1.0em;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #026699;
    letter-spacing: 1pt;
  }
	
.botonformularioEntrada {
    font-size: 1.0em;
    color : #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #026699;
    letter-spacing: 1pt;
    padding: 1px 30px 2px 30px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 150pt;
  }  
  
.botonformularioPestanna {
  padding-left: 0px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px;
  margin-left: 0px; margin-right: 0px; margin-top: 3px;  margin-bottom: 3px;
  border: 0px;
  width: 14em;
  background-color: #006FBC;
  color:white;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 0.9em;
  text-align: center;
}
  
.tablaFormulario {
      padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 20px;
      border-collapse: collapse;    

  }
   .tablaFormulario TH {
      padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
      margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
      border: 0px solid #676767;
      /*font-size: 0.8em;*/
			font-size:12px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-align: center;
  }

    .botonformulario02 {
    font-size: 12px;
    color : #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #026699;
    /* letter-spacing: 1pt; */
    /* padding: 0px 0px 0px 0px;*/
  }
/* Estilo para el pie de pagina y sus elementos */
  #footer {
    color: #797979;
    font-size: 90%;
    text-align: center;
    margin-top: 5px;
    padding: 1px 10px 5px;
    clear: left;
  }
  #footer p {
    padding-top: 0.5em;
    margin-top: 0em; 
  }
  #footer a {
    color: #797979;
    background-color: transparent;
    text-decoration: none;
  }
  #footer a:hover {
    color: #8b2c60;
    text-decoration: underline;
  }
  .lineafooter {
    border-top: 1px solid #808080;
    line-height: 0px;
    width: 585px;
    margin: auto;
  }
/* Estilos de los cuadros de mensajes, avisos ... (logout, mensajes, error, sinsesion)*/  
  .mensaje {
    /*padding: 2em 1em 2em 1em;*/
    padding: 1.2em 0em 1.2em 0em;
    /*font-size: 1.3em;*/
  }
  .mensajeAviso {
    padding: 1.2em 0em 1.2em 0em;
    color : maroon;
  } 

  .tituloMenuInformes  {
    background-color: #336699;
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    text-align: justify;
  }
  
  #cajaMenuInformes  {
    background-color: #F1F1F2;
    width: 100%;
    padding: 0 0 0 0;
    margin-left: 12px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
    text-align: left;
    border: 1px solid #DBDBDB; 
  }

  #cajaMenuInformes01 {
    background-color: #F1F1F2;
    width: 85%;
    padding: 0 0 0 0;
    margin: 0% 0% 5px 2%;
    text-align: left;
    border: 1px solid #DBDBDB; 
    float: left;
  }

   .clasificacionTitulo {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px solid #676767;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #6A6C7B;
font-weight: bold;
}
   .clasificacionTituloSilver {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px solid #676767;
font-size: 8pt;
font-family: arial, verdana, helvetica, geneva, sans-serif;
text-align: left;
color: black;
font-weight: bold;
background-color:Silver
}

  .avisoEstado
  {
background-color: #FF0000;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
font-weight: bold;
}

  .clasificacion {
      padding-left: 10px; 
			padding-right: 10px; 
			padding-top: 3px; 
			padding-bottom: 1px;
      margin-left: 0px; 
			margin-right: 0px; 
			margin-top: 0px;  
			margin-bottom: 10px;
      background-color: #F1F1F2;
      text-align: left; 
      border-color: #aaaaaa;
   border-width: 1px;
   border-style: solid;
   }
       /*white-space: pre; */
    .subclasificacion {
      padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 5px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
      background-color: #F1F1F2 ;
      text-align: left;
   }
   
    /*white-space: pre; */
    .subclasificacionDcha {
      padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 5px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
      white-space: nowrap;
      background-color: #F1F1F2 ;
      text-align: right;    
   }
  
  .subclasificacion LABEL{
      padding-left: 0px; padding-right: 3px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
     /* width: 11em;*/
      display:inline-block;
      background-color: #F1F1F2;
      text-align: right;
      font-weight: bold;
   }
   
  .subclasificacionGrande LABEL{
      padding-left: 0px; padding-right: 3px; padding-top: 3px; padding-bottom: 1px;
      margin-left: 5px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
      width: 360px;
      background-color: #F1F1F2;  
      text-align: left;    
   }
  
  .subclasificacionMedia LABEL{
      padding-left: 0px; padding-right: 3px; padding-top: 3px; padding-bottom: 1px;
      margin-left: 5px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px;
      width: 160px;
      background-color: #F1F1F2;
      text-align: right;    
      font-weight: bold;
   }
   
    /*white-space: pre; */    /* inherit */
    .subclasificacionEmpresa {
      padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
      margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 10px;
      float: left;
      background-color: #F1F1F2;
      text-align: left;    
      width: 92%;
  }
  
  .subclasificacionEmpresa LABEL
  {
    font-weight: bold;
  }
  
  
/* Formato para caja de texto en formulario con borde sólido*/
.aLaDerecha {
  float:right;
  
}
.aLaIzquierda {
    float:right; 
    
}
.seguido {
    display:inline;  
    
}
.sinPuntito
{
  list-style-type: none;
  margin-bottom: 5px;
  margin-top: 5px;
  
}
.sinMargen
{
  margin-left: 0px;
  padding-left: 0px;
}

.estrecho
{
  margin: 0 0 10px 0;
}
.estrechoVariado
{
  margin: 0 0 10px 0;
  color: Purple;
}
.sinMargenPorNingunLado
{
  margin: 0 0 0px 0;
}
.negro
{
  color: Black;
}

.capa 
{ 
   background-color: #FFFFFF;
   width: 200px;
   height: 100px;
   margin-top: 0em;
   margin-right: 0em;
   margin-bottom: 0em;
   margin-left: 0em;
   border-right: #7ecff1 2px solid;
   border-left: #7ecff1 2px solid;
   border-top: #7ecff1 2px solid;
   border-bottom: #7ecff1 2px solid;
}

.capaTd 
{
   border-top-style: none;
   border-left-style: none;
   border-right-style: none;
   border-bottom-style: none;
   text-align: center;
}

.textoResultadoFirma 
{
   background-color: #FFFFFF;
   width: 600px;
   height: 100px;
   font-size: 1em;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   border: 1px solid #DBDBDB;
   padding-top: 0em;
   padding-right: 0em;
   padding-bottom: 0em;
   padding-left: 0em;
}

.textoResultadoFirma p 
{
   margin-top: 0.6em;
   margin-right: 0em;
   margin-bottom: 0.6em;
   margin-left: 0em;
   padding: 0em;
}
.textoResultadoFirma p img 
{
   vertical-align: text-bottom;
}


.conceptoTexto {
   margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
   padding-left: 0; padding-right: 0.2em; padding-top: 0; padding-bottom: 0;
   float: left;
   width: 16%;
   color: #000000;
   text-align: left;
}

.conceptoTextoG {
   margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
   padding-left: 0; padding-right: 0.2em; padding-top: 0; padding-bottom: 0;
   float: left;
   width: 20%;
   color: #000000;
   text-align: left;
}

.conceptoTextoMG {
   margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
   padding-left: 0; padding-right: 0.2em; padding-top: 0; padding-bottom: 0;
   float: left;
   width: 32%;
   color: #000000;
   text-align: left;
}

.termino {
   margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0;
   padding-left: 0; padding-right: 0; padding-top: 0.25em; padding-bottom: 0.25em;
   overflow: hidden;
   width: 100%;
}