html {
height: 99%;
}
body {
background-color: #74837a;
background-image: url(../images/deg_fondo.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0; /* ajustar a cero margen y relleno del elemento body para compatibilidad con la config predeterminada de los navegadores */
text-align: center; /* centra el contenedor en navegadores IE 5*. El texto se ajusta después con el valor predeterminado de align a la izquierda en el selector #contenedor */
height: 100%;
font: 100% Arial, Helvetica, sans-serif;
color: #000000;
}
a {outline:none;}
hr {
display: none;
}
.mostrar {
display: block;
}
.nomostrar {
display: none;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
float: right;
display:inline;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
float: left;
display:inline;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
.clr {clear:both;}
.clrlft {clear:left;}
.clrrt {clear:right;}

.append1 {margin-right:8px;}
.prepend1 {margin-left:8px;}
.vAppend1 {margin-bottom:1em;}
.vPrepend1 {}

/* Contenedor ---------------------------------  */

.estructura #contenedor {
background-color: #f2f2f2;
width: 750px;
min-height: 100%; /* para mozilla u otros, el height 100% irá con un codicional IE en otro CSS*/
margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
padding: 0;
text-align: left; /* esto anula text-align: center en el elemento body. */
position: relative;
}

/* Cuerpo - necesario para mostrar correctamente el pie en mozilla u opera ------------------ */

.estructura #cuerpo {
width: 750px;
min-height: 100%; /* no es necesario aplicar un height 100% para explorer */
margin: 0;
padding: 0 0 80px 0;
}

/* Cabecera ---------------------------------  */

.estructura #encabezado {background-color:#0075a7; background-image: url(../images/cabecera.jpg); width: 750px; height: 102px; margin: 0; padding: 0; position: relative; text-align: right;}
.estructura #encabezado h1,
.estructura #encabezado h1 a,
.estructura #encabezado h1 a span {position:absolute; width:140px; height:82px;}
.estructura #encabezado h1 {margin:0; top:2px; left:36px;}
.estructura #encabezado h1 a {display:block; top:0; left:0; text-decoration:none;}
.estructura #encabezado h1 a span {z-index:-1; left:0px; top:25px; text-align:left; font:32px Arial, Helvetica, sans-serif; color:#000;}
.estructura #encabezado h1 a span small {font-size:14px;}
.estructura #encabezado h2,
.estructura #encabezado em {margin:0; padding:0; position:absolute; display:block; top:2px; left:135px; font:normal lighter 0.7em Arial, Helvetica, sans-serif; color:#d8e4f8;}

/* Índice de secciones - parte semántica y accesibilidad ----------------------  */

.estructura #secindex {
display: none;
}

/* Subencabezado con menú rápido ---------------------------------  */

.estructura #subencab {
background-color: #a9cb69;
width: 750px;
height: 17px;
margin: 0;
padding: 0;
}
.estructura #quickmenu {
margin: 0;
padding: 0 20px 0 0;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
}
.estructura #quickmenu ul {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
}
.estructura #quickmenu ul li {
height: 17px;
margin: 0 0 0 8px;
padding: 0;
float: left;
text-align: left;
list-style-type: none;
}
.estructura #quickmenu ul li a {
color: #000000;
text-decoration: none;
}
.estructura #quickmenu ul li a:hover {
color: #ccff48;
}
.estructura #quickmenu img {
margin: 0 2px 0 0;
float: left;
}
.estructura #quickmenu ul li.sel a {color: #ccff48;}

/* Menú general - global ---------------------------------  */

.estructura #menugeneral {
background-color: #ffffff;
width: 750px;
height: 18px;
margin: 0;
padding: 0;
border-bottom: #a6ca68 1px solid;
font-size: 0px; /* contrae la capa y evita el uso del overflow hidden, además permite ver las cajitas rojas en drweaver */
text-align: left;
}
.estructura #menugeneral ul{
margin: 0;
padding: 0;
float: left;
text-align: left;
list-style-type: none;
}
.estructura #menugeneral ul li {
height: 18px;
margin: 0;
padding: 0;
float: left;
text-align: left;
list-style-type: none;
}
.estructura #menugeneral ul li img {
padding: 0;
margin: 0;
}

/* Columna izquierda con su menú ---------------------------------  */

.estructura #motivo {
background: url(../images/cargando.gif) no-repeat 50% 50%;
height: 42px;
margin: 0;
padding: 0;
text-align: left;
}
.estructura #menuizq {
background-image: url(../images/deg_columnas.gif);
background-repeat: repeat-x;
width: 212px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de IE, incluirá el relleno y el borde además del ancho */
margin: 0;
padding: 0; /* si se da un relleno mantiene el contenido del div alejado de los bordes */
float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
}
.estructura #menuizq ul {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
}
.estructura #menuizq ul ul {margin:0;}
.estructura #menuizq ul li {margin:1px 0 0 0; padding:0;}
.estructura #menuizq ul li strong {text-decoration:underline; font-weight:normal;}
.estructura #menuizq ul li ins {text-decoration:none;}
.estructura #menuizq ul li sup {padding:0 2px; background:red; color:#fff;}
.estructura #menuizq ul li span,
.estructura #menuizq ul li a {display:block; font:0.7em Arial, Helvetica, sans-serif;}
.estructura #menuizq ul li a {width:169px; padding:2px 0 10px 24px; background:#f5f5f5; color:#336699; text-decoration:none;}
.estructura #menuizq ul li a:hover {background-color:#f7f7f7; color:red;}
.estructura #menuizq ul li.sel a,
.estructura #menuizq ul li.sel a:hover {color:#ff7e00; background-color:#fff;}
.estructura #menuizq ul li span {width:176px; margin-left:15px; padding:3px 0 3px 1%; border-bottom:2px solid #fff; background:#8494ac; font-size:0.7em; color:#fff;}


.estructura #sellos {
margin: 20px 19px 20px 25px;
}

/* columna derecha ---------------------------------  */

.estructura #colderecha {
background-image: url(../images/deg_columnas.gif);
background-repeat: repeat-x;
width: 20px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
height: 353px;
margin: 0;
padding: 0; /* si se da un relleno mantiene el contenido del div alejado de los bordes */
float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
}

/* Información de localización ---------------------------------  */

.estructura #infoloc {
margin: 0 0 3px 0;
padding: 3px 0 7px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #82a14e;
text-align: right;
cursor: default;
}
.estructura #infoloc dt, .estructura #infoloc dd {display:inline; margin:0;}
/* Específico página de inicio ---------------  */

.estructura #portada {
margin: 0 20px 50px 212px;
padding: 0 10px 0 10px;
}
.estructura #cabecportada {
float:left;
background-image: url(../images/cab_portada.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
height: 127px;
}
.estructura #portada h2 {
display:inline-block !important;
display: block;
margin-top:0;
padding:6px;
background:#4682b4;
border-bottom:3px solid #99cc66;
font-family:Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size: 1.1em;
color: #fff;
letter-spacing:-1px;
}
.estructura #portada em {display:block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: lighter; font-size: 1.1em; font-style:normal; color: #698721;}
.estructura #portada p {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #4a8191;
}
.estructura #portada blockquote {margin:0 auto; width:82%; background:transparent url(../images/bg_quote_open.gif) no-repeat top left; font:bold 0.85em Arial, Helvetica, sans-serif; font-style:italic; color:#4682B4;}
.estructura #portada blockquote span {display:block; padding:8px 30px; background:transparent url(../images/bg_quote_close.gif) no-repeat bottom right;}
.estructura #akiterstmp {
background-image: url(../images/akiter_stmp.gif);
background-repeat: no-repeat;
width: 82px;
height: 142px;
margin: 0;
padding: 0;
right: 0;
}

/* Lista de Servicios ---------------------------------  */

.estructura #listaserv {
width: 428px;
height: 176px;
margin: 0 auto;
padding: 4px;
text-align: center;
}
.estructura #listaserv ul {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
.estructura #listaserv ul li {
display: block;
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
.estructura #listaserv ul li a {
display: block;
width: 214px;
height: 44px;
margin: 0;
padding: 0;
text-decoration: none;
}
.estructura #listaserv ul li a img {
background: url(../images/cargando.gif) no-repeat 50% 50%;
width: 214px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
}
.estructura #listaserv ul li a:hover {
padding: 0;
margin: 0;
background-color: #ff7e00;
}

/* Contenido ---------------------------------  */

.estructura #contenido {
margin: 0 20px 50px 212px;
padding: 0 10px 0 10px;
}
.estructura #contenido h2 {
display: block;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size: 1.1em;
color: #698721;
}
.estructura #contenido h3 {
display: block;
margin-bottom: 0;
padding: 3px 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.8em;
color: #698721;
border-bottom:1px solid;
}
.estructura #contenido .subtit {
text-align:right;
margin:0;
padding:0;
color: #4682b4;
border:none;
}
.estructura #contenido em.epigrafe {
display: block;
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size: 0.65em;
color: #4682b4;
background-color:inherit;
letter-spacing:4px;
border-bottom:1px solid #ccc;
}
.estructura #contenido p {
display: block;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #666666;
}
.estructura #contenido .img {margin-top:0;}
.estructura #contenido p img {
background: url(../images/cargando.gif) no-repeat 50% 50%;
}
.estructura #contenido p.descarga {
text-align: center;
}
.estructura #contenido p.descarga img {
vertical-align: middle;
border: 0;
}
.estructura #contenido p.advrt {
padding: 5px;
background-color: #ecebeb;
border: #a6ca68 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.55em;
color: #515897;
}
.estructura #contenido p.advrt img{
border: 0;
}
.estructura #contenido ul.relacionados {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #666666;
background:#e5e5e5;
margin-top:0;
margin-left:0;
padding:5px 10px 5px 40px;
list-style-type: circle;
}
.estructura #contenido address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
margin-right:8px;
padding-right: 10px;
border-right: 3px solid #a6ca68;
}
.estructura #contenido #map {width:490px; height:268px; border:1px solid #000;}

/* Formulario de solicitud de información -------- */
.campos {
background-image: url(../images/input_bg.gif);
background-repeat: repeat-x;
border-top: #c9c9c9 1px solid;
border-right: #ffffff 1px solid;
border-left: #c9c9c9 1px solid;
border-bottom: #ffffff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.areatexto {
background-image: url(../images/txtarea_bg.gif);
border-top: #c9c9c9 1px solid;
border-right: #ffffff 1px solid;
border-bottom: #ffffff 1px solid;
border-left: #c9c9c9 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.campos:hover, .areatexto:hover {border-color:#ccc;;}

.submbutton {
background-color: #70b451;
background-image: url(../images/button_bg.gif);
width: 80px;
height: 22px;
margin: 15px 0 15px 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
#solicitud {
width: 470px;
padding: 4px;
margin: 4px;
}
#solicitud fieldset {
/* border: 0; */
padding: 0;
}
#solicitud legend {
font: bold 13px Arial, Helvetica, sans-serif;
color: #669933;
padding: 0 5px;
}
#solicitud form p span {
display: none;
}
#solicitud p label {
font: 11px arial;
float: left;
width: 28%;
text-align: right;
padding: 4px;
color: #336699;
}
#solicitud p br {
clear: left;
}
.correcto {
background-image: url(../images/deg_columnas.gif);
background-repeat: repeat-x;
width: 420px;
height: 200px;
margin: 0 auto;
padding: 25px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 18px;
color: #006666;
}

/* Pie de página --------------------------------- */

.estructura #pie {
/* clear: both; */
background-color: #74837a;
position: relative;
width: 750px;
height: 80px;
margin: -80px auto 0 auto;
padding: 0;
font-size: 0em;
}
.estructura #navpie {
background-color: #f2f2f2;
margin: 0;
padding: 3px 0 4px 0;
border-bottom: 1px solid #a6ca68;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
list-style-type: none;
}

.estructura #navpie li {
padding: 0 15px 0 15px;
border-left: #a6ca68 3px solid;
display: inline;
/* float: left; */
}
.estructura #navpie li.bordizq {
border-left: 0 none transparent;
}
.estructura #navpie li a {
color: #000000;
text-decoration: none;
}
.estructura #navpie li a:hover {
background-color: inherit;
color: #ff7e00;
}
.estructura #copy {
background-color: #f2f2f2;
margin: 0;
padding: 2px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #949899;
cursor: default;
}
.estructura #validacw3c {
background-color: #f2f2f2;
background-image: url(../images/pattern_pie.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0 0 2px 0;
text-align: right;
}
.estructura #autor {
background-color: #74837a;
background-image: url(../images/sombra_pie.gif);
background-repeat: repeat-x;
margin: 0;
padding: 1px 0 0 0;
font-size: 9px;
color: #b0b0b0;
text-align: left;
}
.estructura #autor a {
color: #d1ad8a;
}
.estructura #autor a:hover {
color: #ffcc99;
}
.estructura #pie .cierre {
background-image: url(../images/cierre_pie.gif);
background-repeat: no-repeat;
position: absolute;
top: -1px;
left: 0px;
width: 47px;
height: 67px;
}