@charset "UTF-8";
/* CSS Document */
html{ 
height:100%;
/*Hack para evitar las barras verticales de scroll en IE6*/
_overflow:hidden;
}
/********************IE PNG FIX*****************/
img, div, a, a:hover, a:active { behavior: url(iepngfix.htc) }
/*********************************************/
body {
height:100%;/*para que IE6 entienda que las DIV de alto 100% tienen esta referencia de altura. De lo contrario no tienen una altura mayor de 1px*/
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
}
a img, a:link img, a:hover img, a:active img, a:visited img {
border:none;
text-decoration: none;
}
a:link img, a:hover img, a:active img, a:visited img{
text-decoration: none;
}
#fondodegradee{
height: 100%;
width: 100%;
position: absolute;
z-index: auto;
left: 0px;
top: 0px;
background-image: url(imaxes/degradee.jpg);
background-repeat: repeat-x;
background-position: top;
}
/*#fondodegradee img{
height: 100%;
width: 100%;
position: absolute;
z-index: auto;
left: 0px;
top: 0px;
}*/
#fondodiagrama {
height: 100%;
_height:258px;/*La altura de la imagen, para IE6*/
width: 100%;
position: absolute;
z-index: auto;
left: 0px;
top: 0px;
_bottom:0px;/*Para que IE6 lo coloque en la parte inferior de la pantalla*/
background-image: url(imaxes/diagrama.png)!important;/*!important Para que IE 6 entienda que es una imagen de fondo*/
background-repeat: repeat-x;
background-position: bottom;
}
.imagenancha {
background-color: #D4D4D4;
padding: 5px;
width: 498px;
margin-bottom: 10px;
}
/* CONJUNTO DE CAPAS SIEMPRE EN EL CENTRO*/
.contenedor{
position:absolute;
top:50%;
margin-top:-285px;/* la mitad del alto de su contenido EN NEGATIVO*/
left:0;
width:100%;
visibility: visible;
z-index: auto;
}
#contenido {
width:860px;
margin-left:auto;
margin-right:auto;
height:550px;
z-index: auto;
border: 0px none 0;
}
#cuerposuperior {
height: 150px;
width: 860px;
position: relative;
left: 0px;
top: 0px;
overflow: visible;
z-index: auto;
}
#logotipo {
padding: 0px;
height: 102px;
width: 234px;
position: absolute;
z-index: auto;
}
#menu{
width: 560px;
position: absolute;
left: 290px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: none;
color: #000000;
text-align: left;
height: 50px;
z-index: 20000;
bottom: 30px;
}
#menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: none;
color: #304452;
text-align: center;
text-decoration: none;
display: block;
height: 41px;
width: 106px;
float: left;
background-image: url(imaxes/botonprincipal.png);
background-repeat: no-repeat;
background-position: center top;
margin-left: 0px;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin-right: 14px;
}
#menu a:hover, #menu a:active {
background-image: url(imaxes/botonprincipal.png);
background-repeat: no-repeat;
background-position: center -50px;
color: #FFFFFF;
}
#menuidiomas {
width: 560px;
position: absolute;
left: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: none;
color: #000000;
text-align: left;
height: 37px;
z-index: 21000;
top: 23px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
}
#menuidiomas a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #304452;
text-decoration: none;
text-align: left;
display: block;
float: left;
width: 70px;
height: 20px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
background-image: url(imaxes/botonesidiomas.png);
background-repeat: no-repeat;
background-position: left 7px;
margin-top: 4px;
}
#menuidiomas a:hover, #menuidiomas a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF9900;
text-decoration: none;
text-align: left;
display: block;
float: left;
width: 60px;
height: 20px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
background-image: url(imaxes/botonesidiomas.png);
background-repeat: no-repeat;
background-position: left -26px;
}
#cuerpoinferior {
height: 400px;
width: 860px;
position: relative;
z-index: auto;
left: 0px;
top: 0px;
}
#menu2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 300px;
position: absolute;
height: 400px;
z-index: auto;
margin: 0px;
left: 0px;
bottom: 0px;
display: block;
float: left;
}
#menu2  a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
width: 240px;
display: block;
text-align: left;
padding-left: 30px;
padding-top: 4px;
padding-bottom: 18px;
background-image: url(imaxes/botonesecundarios.png);
background-repeat: no-repeat;
background-position: left top;
height: 13px;
padding-right: 10px;
text-decoration: none;
color: #283C47;
font-variant: normal;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 3px;
margin-left: 20px;
}
#menu2 a:hover, #menu2 a:active {
background-image: url(imaxes/botonesecundarios.png);
background-repeat: no-repeat;
background-position: left -35px;
color: #FF3300;
text-decoration: none;
}
#columnaizquierda {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 300px;
position: absolute;
height: 400px;
z-index: auto;
margin: 0px;
left: 0px;
bottom: 0px;
display: block;
float: left;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #006699;
text-decoration: underline;
}
h1  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #2F344A;
text-align: left;
display: block;
padding-bottom: 10px;
padding-top: 3px;
width: 240px;
padding-right: 30px;
padding-left: 30px;
line-height: 20px;
margin-bottom: 5px;
}
#literatura {
width:560px;
height:400px;
z-index:auto;
position: absolute;
left: 300px;
bottom: 0px;
}
#literatura table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 390px;
width: 510px;
}
#literatura  h1  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #2F344A;
text-align: center;
display: block;
padding-bottom: 10px;
padding-top: 3px;
width: 450px;
padding-right: 30px;
padding-left: 30px;
line-height: 20px;
}
#literatura h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #2F344A;
text-align: left;
display: block;
padding-bottom: 10px;
padding-top: 3px;
width: 460px;
padding-right: 20px;
padding-left: 30px;
line-height: 14px;
background-image: url(imaxes/punto.png);
background-repeat: no-repeat;
background-position: left 5px;
margin: 0px;
}
#literatura h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #006699;
text-align: left;
display: block;
padding-bottom: 10px;
padding-top: 0px;
width: 460px;
padding-right: 20px;
padding-left: 30px;
line-height: 20px;
font-style: normal;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#literatura h3 b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #00476B;
text-align: left;
line-height: 20px;
font-style: normal;
border-bottom-style: none;
margin-left: 5px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#literatura  p  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 20px;
font-weight: lighter;
color: #263239;
width: 450px;
padding-right: 30px;
padding-left: 30px;
padding-top: 5px;
margin: 0px;
padding-bottom: 5px;
text-align: center;
display: block;
}
#literatura .fecha {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
text-align: left;
display: block;
padding-bottom: 5px;
padding-top: 0px;
width: 480px;
padding-right: 30px;
padding-left: 0px;
line-height: 20px;
margin: 0px;
font-style: normal;
}
#literatura .entradilla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #2F344A;
width: 480px;
padding-right: 30px;
padding-left: 0px;
padding-top: 0px;
margin: 0px;
padding-bottom: 5px;
text-align: left;
display: block;
}
#literatura .titular {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
line-height: 18px;
font-weight: bold;
color: #7D1937;
width: 480px;
padding-right: 30px;
padding-left: 0px;
padding-top: 0px;
margin: 0px;
padding-bottom: 7px;
text-align: left;
display: block;
}
#literatura .textonoticia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: lighter;
color: #263239;
width: 450px;
padding-right: 30px;
padding-left: 0px;
padding-top: 5px;
margin: 0px;
padding-bottom: 5px;
text-align: left;
display: block;
}
#literatura .textonoticia p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: normal;
color: #263239;
width: 450px;
padding-right: 30px;
padding-left: 0px;
padding-top: 5px;
margin: 0px;
padding-bottom: 5px;
text-align: left;
display: block;
}
#literatura .textonoticia img {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 20px;
font-weight: lighter;
color: #263239;
width: 230px;
text-align: center;
display: block;
float: none;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #FFFFFF;
padding: 5px;
}
#literatura .enlaceexterno {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #263239;
width: 450px;
padding-right: 30px;
padding-left: 30px;
padding-top: 5px;
margin: 0px;
padding-bottom: 5px;
text-align: left;
display: block;
text-decoration: underline;
}
#literatura  .enlacenoticia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #813853;
width: 450px;
padding-right: 30px;
padding-left: 60px;
padding-top: 5px;
margin: 0px;
padding-bottom: 15px;
text-align: left;
display: block;
background-image: url(imaxes/enumeracion.png);
background-repeat: no-repeat;
background-position: 25px 4px;
}
#literatura #volver {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 510px;
position: relative;
height: 40px;
z-index: auto;
left: 0px;
bottom: 0px;
display: block;
float: left;
padding: 0px;
text-align: center;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#literatura #volver a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: none;
color: #304452;
text-align: center;
text-decoration: none;
display: block;
height: 33px;
width: 85px;
float: left;
background-image: url(imaxes/botonvolver.png);
background-repeat: no-repeat;
background-position: center top;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 23px;
margin-right: 0px;
}
#literatura #volver a:hover, #literatura #volver a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: none;
color: #FFFFFF;
text-align: center;
text-decoration: none;
display: block;
height: 33px;
width: 85px;
float: left;
background-image: url(imaxes/botonvolver.png);
background-repeat: no-repeat;
background-position: center -43px;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 23px;
margin-right: 0px;
}
#literatura table dl {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 20px;
font-weight: lighter;
color: #263239;
width: 460px;
padding-right: 20px;
padding-left: 30px;
padding-top: 5px;
margin: 0px;
padding-bottom: 5px;
text-align: center;
display: block;
}
#literatura table dt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #263239;
width: 400px;
padding-right: 0px;
padding-left: 60px;
padding-top: 5px;
padding-bottom: 10px;
text-align: left;
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #697A91;
background-image: url(imaxes/enumeracion.png);
background-repeat: no-repeat;
background-position: 20px 3px;
}
#literatura table dd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 20px;
font-weight: bold;
color: #35464F;
width: 400px;
padding-right: 0px;
padding-left: 60px;
padding-top: 5px;
padding-bottom: 10px;
text-align: left;
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #697A91;
background-image: url(imaxes/punto.png);
background-repeat: no-repeat;
background-position: 40px 13px;
}
#piedepagina {
width: 860px;
margin-right: auto;
margin-bottom: 0px;
height: 15px;
padding-top: 5px;
margin-top: 0px;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #2A3E49;
text-transform: uppercase;
}
#piedepagina .firma {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #003366;
text-align: right;
display: block;
float: right;
}
#piedepagina .firma a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #003366;
text-decoration: none;
}
#piedepagina .firma a:hover {
color: #FF9900;
text-decoration: none;
}
#datos {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 300px;
position: absolute;
height: 400px;
z-index: auto;
margin: 0px;
left: 0px;
bottom: 0px;
display: block;
float: left;
}
dl  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #263844;
font-style: normal;
line-height: 16px;
text-align: left;
display: block;
width: 270px;
padding-left: 30px;
padding-top: 0px;
margin: 0px;
padding-bottom: 20px;
padding-right: 0px;
}
dt  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #263844;
font-style: normal;
line-height: 14px;
text-align: left;
display: block;
width: 270px;
padding-left: 0px;
padding-top: 3px;
margin: 0px;
padding-bottom: 5px;
padding-right: 0px;
}
dt b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #43647A;
font-style: normal;
line-height: 14px;
text-align: left;
display: block;
width: 270px;
padding-left: 5px;
padding-top: 2px;
margin: 0px;
padding-bottom: 5px;
padding-right: 0px;
}
dd  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #354F61; font-style: normal; line-height: 12px; text-align: left; display: block; width: 240px; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; padding-right: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; }
#contenido  #literatura  form h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #2F344A;
text-align: left;
display: block;
padding-bottom: 5px;
padding-top: 0px;
width: 480px;
padding-right: 30px;
padding-left: 0px;
line-height: 20px;
margin: 0px;
}
#contenido  #literatura  form  cite{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #006699;
text-align: left;
display: block;
padding-bottom: 5px;
padding-top: 0px;
width: 465px;
padding-right: 30px;
padding-left: 15px;
line-height: 20px;
margin: 0px;
font-style: normal;
}
#contenido    #literatura   form  p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #263239;
display: block;
text-align: left;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 15px;
width: 495px;
margin-top: 0px;
background-image: url(imaxes/punto.png);
background-repeat: no-repeat;
background-position: left 14px;
}
#contenido #literatura form p input , #contenido #literatura form p textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
text-align: left;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 4px;
width: auto;
margin-top: 0px;
border: 1px solid #006699;
margin-left: 5px;
margin-right: 5px;
}
#contenido #literatura form p input:focus, #contenido #literatura form p textarea:focus {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
text-align: left;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 4px;
width: auto;
margin-top: 0px;
background-color: #FFFF99;
border: 1px solid #000000;
}
#contenido #literatura form div input .botonformulario          {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: none;
color: #304452;
text-align: center;
text-decoration: none;
height: 42px;
width: 106px;
float: left;
margin-left: 25px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 14px;
padding-left: 10px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
background-image: url(imaxes/botonformulario.png);
background-repeat: no-repeat;
background-position: center top;
font-style: normal;
}
#noticias {
width: 110px;
position: absolute;
left: 430px;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
text-transform: none;
color: #FFFFFF;
text-align: right;
height: 35px;
z-index: auto;
top: 0px;
right: 0px;
}
#menuidiomas  #noticias a {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
text-align: right;
width: auto;
background-image: url(imaxes/icononoticias.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 35px;
height: 24px;
display: block;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
}