@charset "UTF-8";

* {margin:0;padding:0}

body{height:100%;font-family:Arial, Verdana, Helvetica, sans-serif;color:#999;}

form{}
input, textarea, select{padding:1px 0;border:1px solid #ccc;background:#666;font:normal 1em Arial, Verdana, Helvetica, sans-serif;color:#ccc;}
fieldset{width:100%;border:0}
legend{margin:0 -7px}

a{outline:none;color:#4b8cb3;text-decoration:none;}
a:hover{color:#4b8cb3 !important;text-decoration:underline !important}

img{border:0;}

h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none}
h2, h3{margin-bottom:10px;}
h2, h4, h5, h6{color:#4b8cb3}
h2{font-size:1.9em;}
h3{font-size:1.5em;color:#CCC}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;}

ol{margin:0 0 0 30px;}
ol li{list-style-type:decimal;padding:6px 0;}
ul{margin:5px 0 15px}
ul li{padding:0 0 7px 12px;list-style-type:none;background:transparent url(../../img/css/iconos/vineta2.gif) no-repeat 0 7px;}
dl{margin:10px 0;}
dt{}
dd{margin:10px 0;}

table{}
caption{}
tr{}
th{}
td{}

hr{width:100%;height:1px;color:#000;background:#000;}

acronym{cursor:help;}
cite{cursor:auto;}
blockquote{cursor:auto;}
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{}
p{margin-bottom:10px}

.cursorAdjunto{cursor:pointer;}
.teclaacceso{border-bottom: 1px solid #000;}
.hidden, .mensaje{position:absolute;top:0;left:-4000px;z-index:-100;}

/* +++++++ LA ESTRUCTURA ++++++++ */
#contenedorcuerpo{border:0;padding:0;background:#333 url(../../img/css/portal/fondoSup.gif) repeat-x 0 0;text-align:center;}
.dimensioncuerpo{max-width:62.5em;margin:0 auto;padding:0;border:0;text-align:left;}
.cuerpo{font-size:70%;}

#envoltura, #pie{width:100%;float:left;}
#encabezado{position:relative;min-height:131px !important;height:auto !important;height:131px;background:transparent url(../../img/css/aplicaciones/fondoFlash.jpg) no-repeat 10px 31px}
#envoltura{position:relative;background:transparent url(../../img/css/portal/sombraIzda.gif) repeat-y 0 0;}
.envoltura{min-height:350px !important;height:auto !important;height:350px;padding:0 10px;background:transparent url(../../img/css/portal/sombraDcha.gif) repeat-y 100% 0;}
#compas{min-height:21px !important;height:auto !important;height:21px;padding:9px 15px 0;background:#ccc url(../../img/css/portal/fondoCompas.gif) repeat-x 0 0;}
#navegacion{width:30%;min-height:350px !important;height:auto !important;height:350px;float:left;padding:25px 0 15px;background:transparent url(../../img/css/portal/sombraNav.gif) no-repeat 100% 20px;}
#recurso{width:65%;min-height:350px !important;height:auto !important;height:350px;float:right;padding:32px 3% 15px 2%;background:transparent url(../../img/css/portal/decoracion.jpg) no-repeat 100% 0;}
#pie{background:transparent url(../../img/css/portal/sombraInf.gif) repeat-x 0 0;}

/* +++++++++++++++ */
/* encabezado */
.sombraIzdaEncab{width:100%;float:left;background:transparent url(../../img/css/portal/sombraIzdaEncab.gif) no-repeat 0 31px}
.sombraDchaEncab{width:100%;float:left;min-height:131px !important;height:auto !important;height:131px;background:transparent url(../../img/css/portal/sombraDchaEncab.gif) no-repeat 100% 31px;}
h1{float:left;margin-left:14px !important;margin-left:7px;padding:0 10px;position:relative}
#utilidades{float:right;margin:10px 4px;text-align:right;}
#utilidades li{display:inline;padding:0 7px;margin:0;background:transparent url(../../img/css/portal/borde1.gif) no-repeat 0 3px;color:#ccc;}
#utilidades .primero{background:transparent}
#utilidades a{color:#ccc !important;text-decoration:none;}
.bannercab{float:left;margin-top:10px;}
#flashproyectos{width:100%;height:280px;clear:both;border:0;margin-top:-86px;}
div>/**/#flashproyectos{float:left;margin-top:-85px;}

/* navegacion */
#n1{margin:0 25px;text-align:right;}
#n1 li{padding:10px 0 8px;border-bottom:1px solid #444;background:transparent;font-size:1.7em;}
#n1 li a{margin-right:-10px;padding-right:15px;color:#4b8cb3;text-decoration:none !important}
#n1 li a:hover, #n1 .pmactivocon a,  #n1 .pmactivosin a{background:transparent url(../../img/css/iconos/icono4.gif) no-repeat 100% 3px;color:#ccc !important;}
/* compás */
#compas ol{margin:0;}
#compas li{float:left;padding:1px 15px 1px 0;margin-right:10px;background:transparent url(../../img/css/iconos/icono2.gif) no-repeat 100% 0;list-style-type:none;color:#666;}
#compas a{color:#666 !important;text-decoration:none;}
.compasactivo{font-weight:bold}

/* punto activo */
#pactivo{width:100%;float:left;margin:0 0 5px;}

/* atajo */
#atajo ul{float:right;margin-left:250px !important;margin:20px 0 0 2.5%;}
#atajo li{float:left;padding:1px 15px 2px 23px;background:transparent url(../../img/css/iconos/subir.gif) no-repeat 0 0;}
#atajo li a{text-decoration:none;font-weight:bold;color:#999}
#atajo li#atajoVolver{display:none;background-image:url(../../img/css/iconos/volver.gif);}

/* pie */
#pie p{width:46%;margin-top:-7px;padding:20px 2%;position:relative;}
#pie, #pie a{color:#666;text-decoration:none}
#seccion1{float:left;clear:left;background:transparent url(../../img/css/portal/esquinaIzda.gif) no-repeat 0 0}
#seccion2{float:right;clear:right;background:transparent url(../../img/css/portal/esquinaDcha.gif) no-repeat 100% 0;text-align:right;}

/* clientes */
#a_clientes{width:100%;float:left;padding-bottom:1px}
#a_clientes .content{float:left;width:96%;padding:10px 2%;background:#555555}
#a_clientes ul{float:right;margin:0;}
#a_clientes li{float:left;min-height:60px !important;height:auto !important;height:60px;line-height:60px;margin:0;padding:0 1.5em;background:transparent;border-right:1px solid #bbb;}
div>/**/#a_clientes li{float:none;display:table-cell;vertical-align:middle}
#a_clientes li.ultimo{padding-right:0;border:0}
div>/**/#a_clientes li img{float:left}

/* accesos directos */
#a_directo{width:100%;float:left;}
#a_directo .content{padding:0 3%;background:#444;min-height:140px !important;height:auto !important;height:140px}
#a_directo .content div{width:24.5%;float:left;padding:20px 0;}
#a_directo h2, #a_directo h3{display:block;margin:0 0 3px;padding-left:15px;font-size:1em}
#a_directo h2{background:transparent url(../../img/css/iconos/icono3.gif) no-repeat 0 2px;color:#999}
#a_directo h3{font-weight:normal;}
#a_directo a{color:#999 !important}

/* No modificar estos estilos. Los usa sIFR por defecto */
.sIFR-flash {visibility: visible !important;margin:0;clear:left}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

.sIFR-hasFlash #pactivo h2, .sIFR-hasFlash #a_error h2, .sIFR-hasFlash .moduloizda h2.tipo1{font-size:2.2em;}
.sIFR-hasFlash h3.tipo1{font-size:1.7em;}
.sIFR-hasFlash object{width:99.5%;}

/* popup imagen */
#a_popupimagen{padding:50px 30px 25px 30px;background:#333 url(../../img/css/portal/fondoSup.gif) repeat-x 0 0;text-align:center;border:1px solid #444}
#a_popupimagen a{float:right;margin:0 15px 5px 0;padding:3px 10px;border:2px solid #13689b;border-top:0;background:#5995b9 url(../../img/css/aplicaciones/fondoBoton.gif) repeat-x 0 0;color:#fff !important;text-decoration:none !important;font-size:.8em;font-weight:bold;cursor:pointer;}
#a_popupimagen img{float:left;margin:0;}
#a_popupimagen p{width:100%;float:left;margin:10px 0 0 0;}
#adjunto #precarga {position:absolute;top:0;left:0;width:32px;height:32px;background: transparent url(../../img/css/portal/iconoPrecarga.gif) no-repeat;}
