html, body {
 height: 100%;
 width: 100%;
 background-color: #fff;
 color: #000;
 font-family: sans-serif;
 margin: 0;
 padding: 0;
 position: relative;
}
.bloqueHorizontal {
 position: fixed; 
 left: 0;
 height: 53px; 
 width: 100%; 
 background: #0a009f url("imag/puntoAzulClaro5px.jpg") repeat-x;
 color: #fff; 
 margin: 0; 
 padding: 0;
 z-index: 5;
}
.fijoArr { top: 0;    background-position: top; }
.fijoAba { bottom: 0; background-position: bottom; }

.wh55px { width: 55px; height: 55px; }
.floatLeft  { float: left; }
.floatRight { float: right; }

.linea {
 width: 99.5%;
 height: 0.1em;
 font-size: 0.1em;
 border: 1px solid #00f;
 background-color: #fff;
 color: #000;
}
.posAbsArribaLinea {
 position: absolute;
 top: 53px;
 left: 0;
}
.posAbsAbajoLinea {
 position: absolute;
 bottom: 53px;
 left: 0;
 z-index: 1;
}
.contenido {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 0;
 padding: 0;
 width: 100%;
}
.col1 {
 position: fixed;
 top: 54px;
 width: 54px;
 height: 100%; 
 overflow: hidden;
 margin: 0; 
 padding: 0;
 background: #0a009f url("imag/puntoAzulClaro5px.jpg") repeat-y;
 color: #fff;
 z-index: 4;
}
.col2 { 	
 position: absolute; 
 top: 54px;
 bottom: 57px;
 right: 54px;
 left: 54px;
 margin: 0 1px; 
 padding: 0;
 background: #fff url("imag/tierra4.jpg") no-repeat bottom right;
 color: #08009c; /* Azul oscuro, el del contorno */
 border-left: 1px solid blue;
 border-right: 1px solid blue;
 overflow: auto;
}
.col3 {
 position: fixed;
 top: 54px;
 right: 0;
 width: 54px; 
 height: 100%;
 overflow: hidden;
 margin: 0; 
 padding: 0;
 background: #0a009f url("imag/puntoAzulClaro5px.jpg") repeat-y right;
 color: #fff;
 z-index: 4; 
}
.dns { float: right; }
.menu {
 background: #a5aeff url("imag/rayitaAzulrelieve2.jpg") repeat-y right ;
 color: #1030f7;
 border: 1px solid blue;
 width: 15.5em;
 margin: 2em auto;
 padding: 0.5em;
 text-align: center;
 float: right;
 clear: right;
 right: 3em;
 position: relative;
 z-index: 2;
}
.resumenServicios {
 position: relative;
 float: left;
 width: 442px;
 height: 251px;
 margin-top: -1em;
 padding: 0;
 z-index: 1;
 clear: left;
 border-right: 1px dashed blue;
}
.resumenServicios p img {
 width: 100%;
 margin: 0;
 padding: 0;
}
.resumenServicios p {
 margin: 0;
 padding: 0;

}
.caracterImprimible { float: right; visibility: hidden; }
.miniMenu {
 position: absolute;
 top: 5.8em;
 right: 5em;
 background: #a5a3ff url("imag/splash.jpg") repeat;
 color: #000;
 padding: 0.2em;
 width: 16.8em;
 margin: 1em 1em 0 0;
 border-top: 1px solid #0a009f;
 border-left: 1px solid #0a009f;
 border-right: 1px solid #0a009f; 
}
.bloqueCyan {
 position: absolute;
 top: 10.6em;
 background: #a5a3ff url("imag/splash.jpg") repeat;
 color: #000;
 width: 100%; 
 height: 1em;
 border-top: 1px dashed #00f;
 border-bottom: 4px solid #0a009f;
}
.bloqueAzulOscuro {
 display: block;
 float: right;
 width: 3em;
 height: 8.5em;
 background-color: #0a009f;
 color: #fff;
}
  
a:link, a:visited { 
 text-decoration: none; 
 color: #000ff7;
 background-color: #fff;
 border: 0;
}
img { border: 0; padding: 0; margin: 0; }
.boton {
 display: block;
 width: 11em;
 border: 1px solid blue;
 background-color: #fff;
 color: #00f;
 padding: 0.2em 1em;
 margin: 0.1em;
 font-weight: bold;
 font-family:  "Georgia", monospace;
/* "Century Gothic" "Courier New" , Tahoma */
}
.boton:hover, .boton:active, .boton:focus {
 background-color: #000ff7;
 color: #fff;
}
.logo4meridianos { 
 display: block;
 width: 17.02em; height: 7.40em; 
 margin: 30px 1em 1em 1em;  
 float: left;
 z-index:10;
}
.imgCorreo {
 background: #fff url("imag/menu_Sobre26px.jpg") no-repeat;
 color: #00f;
}
.imgServicios {
 background: #fff url("imag/menu_Servicios26px.jpg") no-repeat;
 color: #00f;
}
.imgWebs {
 background: #fff url("imag/menu_Webs26px.jpg") no-repeat;
 color: #00f; 
}
.imgSoporte {
 background: #fff url("imag/menu_Soporte26px.jpg") no-repeat;
 color: #00f; 
}
.imgAccesibilidad {
 background: #fff url("imag/menu_Accesibilidad26px.jpg") no-repeat;
 color: #00f; 
}
.imgBloque { display: block; }
.imgPortal { width: 220px; height: 142px; display: block; }
.imagMenu { width: 3.11em; height: 3.11em; } 
.pie4m {
 float: right;
 display: inline;
 border-top: 1px solid #ffd700;
 border-bottom: 1px solid #ffd700;
 font-size: 0.8em;
 background-color: #a5aeff;
 color: #000;
 padding: 0 1em;
 margin: 0.5em; 
}
.titulo {
 color: #000;
 background-color: #ffd700;
 margin: 0 0 0.5em 0;
 font-weight: bold;
 padding: 0.1em 1em;
 font-size: 1em;
}
.titulo:first-letter { font-size: 1.5em; }

/* Webs hospedadas, soporte, servicios */

.clearBoth { clear: both; }
.listadoWebs {
 position: absolute;
 top: 12em;
 border: 2px solid #EC7C03; 
 height: auto;
 width: auto;
 margin: .5em;
 padding: 0.5em;
 clear: left;
}
dd:first-letter { color: #00f; font-size: 1.5em; padding-right: .1em; }
dd:before { content: "⌂-· "; }
.accesibilidad dd:before { font-size: .5em; }
.nx1 { /* Contenededor de la imagen del portal */
 float: right;
 border: 1px solid #ffd700;
 margin: 0.1em;
 padding: 0.4em;
 height: 145px;
 width: 223px;
 overflow: hidden;
}
.nx2 { /* Contenededor del texto del portal */
 border: 1px solid #ffd700;
 margin: 0.1em 0.1em 0.2em 0.1em;
 padding: 0.5em; 
 height: 145px;
 width: auto;
 overflow: auto;
 background-color: #fff;
 color: #000;
 opacity: .70; 
}
.dl_web { float: left; }
dt { 
 font-weight: bold; 
 font-family: "Brush Script MT","Book Antiqua","Century Gothic","Haettenschweiler", monospace; 
 font-size: 1.5em; 
 letter-spacing: 0.1em;
 color: blue;
 background-color: #fff;
 border-bottom: 1px dotted #ccc;
 text-align: justify; 
}

/* accesibilidad y soporte */

.texto, .accesibilidad { /* Contenededor del texto del portal */
 border: 1px solid #ffd700;
 margin: 0.1em 0.1em 0.2em 0.1em;
 padding: 0.5em; 
 background-color: #fff;
 color: #000;
 opacity: .70;
 text-align: justify;
}
.height7em { height: 7em !important;  }
.height15em {height: 15em; }
.accesibilidad dd:first-letter {
 font-size: 3em;
 font-family: "Century Gothic","Haettenschweiler", monospace;
}
strong { letter-spacing: 0.1em;}
.width80 { width: 80%; }
.txtpeque { font-size: 0.9em; }
.etiqueta {
 float: left;
 width: 27%;
 display: block; 
 border: 1px solid blue;
 padding: 0.2em;
 background-color: #a5a3ff;
 color: #000;
 margin: 0.1em 0.1em 0 0.1em;
 font-size: 0.9em; 
}
.controles {
 float: left;
 width:65%;
 display: block; 
 border: 1px solid #0a009f;
 padding: 0.2em;
 font-size: 0.85em;
 height: 1.2em;
 background-color: #fff;
 color: #000;
 font-family: "New Courier", "Century Gothic", "Arial Narrow", monospace;
 margin: 0.1em 0.1em 0 0.1em;
}
.controles:hover, .controles:active, .controles:focus {
 background-color: #000ff7;
 color: #fff;
 border-left: 1px solid #ffc;
 border-top: 1px solid #ffc;
 border-right: 1px solid #0b099f; /* azul marino */
 border-bottom: 1px solid #0b099f; /* azul marino */
}
form { padding: 0; margin: 0;}
.firmado { 
 text-align: right;
 color: #00f;
 background-color: #fff;
 border: 0;
 font-family: "Century Gothic", monospace; 
 font-size: 0.9em; 
 letter-spacing: 0.05em;
 margin: 3px;
}
.controlMaquinas {
 visibility: hidden;
 font-size:.0001em;
}
.envioOk {
 border: 1px solid #ffd700;
 margin: .1em .05em .2em .1em;
 padding: 0 0 0 3.5em; 
 background: url("../imag/mail_accept.png") #C2FFBF top left no-repeat !important;
 color: #000;
 text-align: justify;
}
.envioError {
 border: 1px solid #ffd700;
 margin: .1em .05em .2em .1em;
 padding: .9em .5em .5em 3em; 
 background-color: #FFD700;
 color: #000;
 text-align: justify;
 font-size: 1.2em; 
}
.errorBG {
 background: url("../imag/mail_remove.png") #FFD700 left no-repeat !important;
 color: #000; 
}