@charset "UTF-8";
* {margin:0;padding:0}

html{background:#fff url(../../img/css/portal/cabecera.jpg) repeat-x 50% 0}

body{background:transparent url(../../img/css/portal/pie.jpg) repeat-x 50% 100%;font-family:Arial, Verdana, Helvetica, sans-serif;color:#333;}

form{}
input, textarea, select{border:1px solid #ccc;background:#fff;font:normal 1em Arial, Verdana, Helvetica, sans-serif;color:#444;}
input{padding:1px 0;}
fieldset{width:100%;border:0}
legend{margin:0 -7px}

.boton{float:left;background:transparent url(../../img/css/aplicaciones/botonIzda_3.gif) no-repeat 0 0}
.boton input{padding:2px 5px;border:0;background:transparent url(../../img/css/aplicaciones/botonDcha_3.gif) no-repeat 100% 0;font-weight:bold;cursor:pointer;color:#364890;text-align:center}

a{outline:none;color:#364890;}
a:hover{color:#364890 !important;text-decoration:underline !important}

img{border:0;}

a,  img{z-index:1000;position:relative}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none}
h2, h3, h4, h5, h6{margin-bottom:10px}
h2, h3{font-family:Georgia;font-weight:normal}
h2{font-size:2.1em;color:#f00;line-height:1.1em}
h3, h4{color:#364890}
h3{padding:3px 0 5px;border:1px solid #364890;border-left:0;border-right:0;font-size:1.7em;}
h4{font-size:1.5em}
h5, h6{color:#7380b0}
h5{font-size:1.1em}
h6{font-size:1em}

ol{margin:5px 0 15px 30px;}
ol li{list-style-type:decimal;padding:0 0 4px;}
ul{margin:5px 0 15px 10px}
ul li{padding:0 0 4px 13px;list-style-type:none;background:transparent url(../../img/css/iconos/vineta10.gif) no-repeat 0 3px}
dl{padding:0 0 15px;}
dt{}
dd{margin-bottom:20px;padding:2px 0 20px;background:transparent url(../../img/css/portal/puntosH_1.gif) repeat-x 0 100%}

table{margin:5px 0 25px;border:0;border-collapse:collapse;font-size:1em}
caption{padding:0 0 3px 20px;background:transparent url(../../img/css/iconos/icono5.gif) no-repeat 2px 4px;font:normal 1.5em Georgia;color:#333;text-align:left}
th, td{vertical-align:top;padding:7px;}
th{background:#b9bfd7;color:#364890;border:1px solid #f2f2f2;font-size:1.2em}
td{border:1px solid #364890;background:#fff;font-size:1em}

hr{width:100%;height:1px;margin:5px 0;color:#364890;background:#364890;border:0}

acronym{cursor:help;}
cite{cursor:auto;}
blockquote{cursor:auto;font:normal 1.8em Georgia;color:#7380b0}
blockquote p{padding:20px 0;line-height:1.3em}
code{}
address{}
kbd{line-height:2em;font:normal .8em "Lucida console", Courier, monospace;border-top:.15em solid #ccc;border-right:.25em solid #aaa;border-bottom:.3em solid #888;border-left:.2em solid #bbb;padding:.05em .2em;margin:0 1.5px;color:#000;background:#eee;vertical-align: text-bottom;cursor:help;}
em{}
dfn{}
del {color:#f00}
p{padding:0 0 10px}
big{font-size:1em;color:#f53a55}

.cursorAdjunto{cursor:pointer;}
.teclaacceso{border-bottom: 1px solid #000;}
.hidden, .mensaje{position:absolute;top:0;left:-4000px;z-index:-100;}

/* +++++++ LA ESTRUCTURA ++++++++ */
#contenedorcuerpo{width:99.9%;border:0;margin:0 auto;text-align:center;}
.dimensioncuerpo{max-width:59.3em;margin:0 auto;padding:0;border:0;text-align:left;}
.cuerpo{font-size:70%;}

#encabezado, #envoltura, #situacion, #pie{width:100%;float:left;}
#envoltura{position:relative;z-index:0}
#encabezado{min-height:70px !important;height:auto !important;height:70px;}
#situacion{min-height:120px !important;height:auto !important;height:120px;background:#fff url(../../img/css/portal/esquinaIzda.gif) no-repeat 0 0;position:relative}
#recurso{width:92%;min-height:300px !important;height:auto !important;height:300px;float:left;padding:10px 4% 5px;background:#fff;line-height:1.5em}
/*#atajo{width:62%;float:left;margin-top:20px;background:#e3e6ef}*/
#atajo{width:100%;float:left;margin-top:20px;background:#e3e6ef}
#pie{margin-top:15px;background:transparent url(../../img/css/portal/pie.jpg) repeat-x 50% 100%;color:#d2d6e7;}

/* +++++++++++++++ */
/* encabezado */
h1{float:left;margin-top:5px;}
#utilidades{float:right;margin-top:30px;}
#utilidades li{display:inline;margin:0;padding:0;background:transparent;font-size:.9em;font-weight:bold;text-transform:uppercase}
#utilidades a{padding:0 .5em;border-right:1px solid #c6cbde;color:#c6cbde !important;text-decoration:none;}
#utilidades .ultimo a{border:0}
#bannerencab{float:right;padding:0 1em;}
/* acceso */
#acceso{width:96%;float:left;padding:10px 2% 0;background:transparent url(../../img/css/portal/esquinaDcha.gif) no-repeat 100% 0}
#acceso form{width:100%;float:left;background:#27448b url(../../img/css/portal/fondoAccesoIzda.gif) no-repeat 0 0;color:#fff}
#acceso .cform{width:96%;min-height:20px !important;height:auto !important;height:20px;float:left;padding:7px 2%;background:transparent url(../../img/css/portal/fondoAccesoDcha.gif) no-repeat 100% 0;text-align:right}
#acceso .cform div{margin-right:7em}
#acceso label input{margin:0 10px}
#acceso .boton{float:right;margin-top:-1.8em;padding:0 !important;background-image: url(../../img/css/aplicaciones/botonIzda.gif);}
#acceso .boton input{margin:0 !important;padding:2px 0 !important;background-image: url(../../img/css/aplicaciones/botonDcha.gif);text-align:center !important;}
div>/**/#acceso .boton input{padding:2px 5px !important;}
#acceso p{padding:7px 15px 3px;font-weight:bold}
/* compas */
#compas{width:96%;float:left;margin:1px 2% 5px;display:inline;padding-top:10px;border-top:1px solid #f00;color:#4f609f}
#compas em{padding:0 0 0 15px;background:transparent url(../../img/css/iconos/vineta10.gif) no-repeat 5px 3px;font-style:normal}
#compas ol, #compas li{display:inline;margin:0;padding:0}
.compasactivo{color:#f00}
/* punto activo */
#pactivo{width:96%;float:left;margin:0 2%;display:inline;border-top:1px solid #b7bed7;}
#pactivo h2{margin-top:2px;padding:5px 1%;background:#f1f2f7;}
#situacion #volver{clear:left;position:absolute;top:8em;right:3em;}
#situacion #volver a{padding-right:20px;background:transparent url(../../img/css/iconos/atajoVolver.gif) no-repeat 100% 0;text-transform:uppercase;text-decoration:none}
/* atajo */
#atajo ul{float:right;margin:6px 2% 5px;}
#atajo li{float:left;padding:0 0 0 20px;background:transparent}
#atajo li a{float:left;padding-right:20px;background:transparent url(../../img/css/iconos/atajoSubir.gif) no-repeat 100% 0;text-transform:uppercase;text-decoration:none}
#atajo li#atajoVolver{display:none;}
#atajo li#atajoVolver a{background-image: url(../../img/css/iconos/atajoVolver.gif)}
/* pie */
#pie address{font-style:normal;}
#pie ul{float:left;margin:0;padding:0;}
#pie p, #pie ul li{padding:0 0 3px;background:transparent}
#pie a{text-decoration:none;color:#fff !important}
	
#pie #seccion1{width:100%;float:left;padding:10px 0;background:transparent url(../../img/css/portal/fondoH_4.gif) repeat-x 0 0;}
#pie #seccion1 p, #pie #seccion1 strong{background:transparent url(../../img/css/portal/colaboradoresIzda.gif) no-repeat 0 0;}
#pie #seccion1 p{float:right;margin-top:15px;font-size:1.3em;font-family:helvetica;color:#2c3d7e}
#pie #seccion1 p strong{display:block;padding:22px 15px 25px 30px;background-image:url(../../img/css/portal/colaboradoresDcha.gif);background-position:100% 0;font-weight:normal}
#pie #seccion1 ul{width:85%;min-height:70px !important;height:auto !important;height:70px;padding:14px 0;}
#pie #seccion1 li{display:inline;padding:0 3.8%;background:transparent}

.anida{width:85%;min-height:60px !important;height:auto !important;height:60px;float:left;padding:20px 0 0 15%;background:transparent url(../../img/css/portal/logoPie.png) no-repeat 15px 5px;}
.anida ul{width:24%;}
#seccion2 p, #seccion2 address{width:100%;float:left;}
#seccion2 p strong{color:#fff}

#seccion2{width:43%;float:left;}
#seccion3{width:27%;float:left;padding:0 2%}
#seccion4{width:25%;color:#fff;l}
#seccion3 a, #seccion4 a{color:#fff !important;text-decoration:underline}

/* popup imagen */
#a_popupimagen{padding:35px 30px 20px;border:1px solid #3b5090;border-bottom-width:40px;background:#fff url(../../img/css/aplicaciones/fondoPopupCab.gif) repeat-x 0 0;text-align:center}
#a_popupimagen a{float:right}
#a_popupimagen img{clear:right;margin:15px 0 10px;padding:6px;border:1px solid #d6ddec;background:#eceef5}
#a_popupimagen p{clear:both;width:100%;}
#precarga{position:absolute;top:0;left:0;width:32px;height:32px;background: transparent url(../../img/css/iconos/iconoPrecarga.gif) no-repeat;}
