/* DEFINICION ESTILOS GENERALES */

html, body {font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#000;}
body {margin:0; padding:0;}
img {border:0 none; }
#principal {margin:20px 0; padding:0; position:absolute; left:50%; width:960px; margin-left:-480px; border:1px solid #004080; background:#FFF url(../imagenes/linea_separacion.gif) repeat-y 210px top;}

/* CABECERA */

#logotipo {position:absolute; top:0; left:0; width:200px; height:188px; cursor:hand;}
#logotipo h1 {margin:0; padding:0 29px 0 0; background:transparent url(../imagenes/logotipo_apphat.gif) no-repeat center 10px; width:184px; height:186px;}
#logotipo a {margin:0; padding:0; width:200px; height:150px; display:block; border:0 none;}
#logotipo span {display:none;}
#menu_ppal {position:absolute; top:0; right:0px; height:190px; border-left:1px solid #666;}
#menu_ppal span {display:none;}
#menu_ppal a {margin:0; padding:10px 32px 15px 33px; background:#FFF; color:#5E5C5C; text-decoration:none; border-right:1px solid #004080; display:block; float:left;} 
#menu_ppal a:hover {margin:0; padding:10px 32px 15px 33px; background:#004080; color:#FFF;}
#banda_cabecera {position:absolute; left:0; top:160px; height:30px; width:960px; background:#004080; filter:alpha(opacity=90); -moz-opacity:0.9;}
#claim {position:absolute; left:240px; top:166px; z-index:2;}
#claim p {margin:0; padding:0; font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#668CB3; text-transform:uppercase; letter-spacing:2px;}

/* CONTENIDOS */

/*#contenedor {position:absolute; left:0; top:190px; margin:0; padding:5px; border:1px solid #000;}*/
#contenidos {margin:195px 0 0 225px; padding:0; width:720px; min-height:300px;}
#contenidos h2 {margin:0; padding:5px 0 0 0; font:bold 15px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#004080; letter-spacing:1px; height:25px; border-bottom:3px solid #EAEDF2; text-transform:uppercase;}
#contenidos h3 {font-size:12px; letter-spacing:1px;}
#contenidos * {color:#004080;}
#menu_en_contenidos {margin:10px 0; padding:10px 0 15px 0;}
#menu_en_contenidos ul {margin:0; padding:0 100px; list-style:none; display:block;}
#menu_en_contenidos ul li {margin:0; padding:2px 0;}
#menu_en_contenidos ul li a {margin:0; padding:0 20px; text-decoration:none;}
#menu_en_contenidos ul li a:hover {color:#900; border-bottom:1px dotted #004080; border-top:1px dotted #004080;}
#contenidos table {margin:10px 0; padding:10px 0 15px 0;}
#contenidos tr {}
#contenidos th, td {margin:0; padding:5px 15px 0 10px; text-align:left;}
#contenidos ol ul {margin:0; padding:0;}
#contenidos ol ul li {margin:0; padding:0; list-style:none;}
#tabla_contenidos table {margin:10px 0 0 0; padding:0;}
#tabla_contenidos th, td {margin:0; padding:2px 15px; border-bottom:1px solid #004080; vertical-align:top;}
#tabla_contenidos td a {margin:0; padding:0; text-decoration:none; display:block;}
#tabla_contenidos td a:hover {/*color:#FFF; background:#004080;*/}
#menu_int_cont {margin:20px 0 40px 0; padding:0; border:1px solid #FFF;}
#menu_int_cont ul {list-style:none;}
#menu_int_cont ul, li {margin:0; padding:0;}
#menu_int_cont li {float:left;}
#menu_int_cont li a {margin:0 20px 0 0; padding:5px 65px; display:block; text-decoration:none; color:#004080; background:#FFF; border:1px solid #004080;}
#menu_int_cont li a:hover {color:#004080; background:#CCD9E6; border:1px solid #004080;}
#link_li ul {margin:15px 0 0 0; padding:0 5px; list-style:none;}
#link_li li {margin:0; padding:2px 15px;}
#link_li a {margin:0; padding:2px 0; text-decoration:none;}
#link_li a:hover {margin:0; padding:1px 15px; border-top:1px dotted #004080; border-bottom:1px dotted #004080; border-right:6px solid #666;}
#volver {margin:20px 0; padding:0;}
#volver a {margin:0; padding:2px 10px; text-decoration:none; color:#FFF; background:#004080;}
#volver a:hover {color:#004080; background:#FFF; border:1px solid #004080;}
img {margin:0 0 5px 10px; padding:0; border:4px double #004080;}

/* SUBMENU IZQUIERDO */

#lateral {margin:190px 0 0 0; padding:0 10px 0 5px; width:192px; float:left;}
#lateral ul {margin:0; padding:0; list-style:none;}
#lateral li {border-bottom:1px dotted #004080; padding:5px 3px 5px}
#lateral a {margin:0; padding:5px 0 5px 30px; background:transparent url(../imagenes/puntos_submenu_out.gif) no-repeat 10px center; display:block; text-decoration:none; color:#004080;}
#lateral a:hover {background:#004080 url(../imagenes/puntos_submenu_over.gif) no-repeat 10px center; color:#FFF; border-right:6px solid #666;}

/* PIE */

#pie {margin:20px 0 0 0; padding:5px 0; background:#004080; text-align:center; color:#FFF;}

/* ESTILOS COMUNES */

#ayser {position:absolute; right:10px; bottom:0px;}
.borde_sup {padding-top:15px; border-top:1px dotted #004080;}
.alin_th {text-align:center; text-transform:uppercase; background:#004080;}
.anotacion {font-size:9px; font-style:italic;}
#flecha {border:0 none;}

/* FORMULARIOS */

form {margin:0;padding:0;}
#contactar fieldset {display: block; margin:0 0 10px; padding:0 10px 10px 10px;}
#contactar legend {margin:0 0 10px; font-weight:bold; color:#004080;}
#contactar input {position:absolute; padding:0 2px;margin:0; left:400px; width:255px; font:11px Verdana, Helvetica, sans-serif ;color:#004080; border:1px solid #004080;}
#contactar label {display:block; margin:10px 0;}
#contactar textarea {display:block; padding:0 2px;margin:0; height:50px; width:418px; font:11px Verdana, Helvetica, sans-serif ;color:#004080; border:1px solid #004080;}
#asociarse fieldset {display: block; margin:0 0 10px; padding:0 10px 10px 10px;}
#asociarse legend {margin:0 0 10px; font-weight:bold; color:#004080;}
#asociarse input {position:absolute; padding:0 2px;margin:0; left:400px; width:255px; font:11px Verdana, Helvetica, sans-serif ;color:#004080; border:1px solid #004080;}
#asociarse label {display:block; margin:10px 0;}
#asociarse textarea {display:block; padding:0 2px;margin:0; height:50px; width:418px; font:11px Verdana, Helvetica, sans-serif ;color:#004080; border:1px solid #004080;}