/* Generated by KompoZer */
body {
  background-color: #052D56;
  margin: 0px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px;
  color: #black;
}
a{
  text-decoration: none;
  color: #194574;
}
p {
  margin: 20px;
  text-align: justify;
  color: #black;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 12px;
}
hr {
  color: gray;
  background-color: black;
  width: 90%; 
  height: 3px;
}
h1 {
  text-align: center;
  font-style: italic;
  font-weight: bolder; 
  font-size: 38px; 
  font-family: Times new Roman, serif;  
  /* font-weight: normal;
  font-size: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;  */
  color: #000;
}
h2 {
  text-align: center;
  font-weight: bolder;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h4 {
  font-size: 18px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
li{
  color: #194574;
  text-align: left;  
}
.accordion a:hover {
  color: #fff;
}
.accordion p {
  margin: 0;
  padding: 7px 25px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 100%;
  line-height: 100%;
  font-size-adjust: none;
  font-stretch: normal;
  cursor: pointer;
}
#izquierda a{
  color: white;
}
#izquierda a:hover{
  color: yellow;
  font-style: italic;
}
#izquierda li{
  color: white;
  text-align: left;
  padding: 3px;
  list-style-type: none;
  margin-left: -15px;
}
#derecha li{
  color: #000;
  font-size: 12px;
}
ul + li{
  margin-top: 5px;
}
.firma, .firma a{
  font-size: small;
  font-weight: bold;
}
.rss {
  font-style: normal;
  text-align: left;
  line-height: 120%; 
  font-size: 12px;
  color: black;
}
.puntos strong{
  color: #1945cf;
}
.puntos{
  font-size: 10px;
  padding: 0;
  margin: 0;
}
.puntos > li, .puntos li{
  color: #ccc;  
}
.puntos li strong:hover{
  color: orange;
}
.FAQ {
  width: 100%;
  color: #ffffff;
}
.FAQ h3 {
  margin: 0;
  padding: 7px 25px;
  background: #e0e0e0 url(images/vineta22.png) no-repeat scroll right 51px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 120%;
  line-height: 100%;
  font-size-adjust: none;
  font-stretch: normal;
  cursor: pointer;
  text-align: center;
  color: #030aa0;
}
.FAQ h3:hover {
}
.FAQ h3.active {
  background-position: 0 4px;
  background-color: #e0e0e0;
  color: #030aa0;
}
.FAQ p {
  margin: 5px;
  padding: 10px 15px 20px;
  color: black;
}
.FAQ a {
}

table.ensayo {
  border: 2px solid #ccf;
  width: 350px;
  margin: 20px auto;
  font-size: 12px;
}
table.ensayo caption {
  font-weight: bold;
  color: #000;
  text-align: center;
  margin: 10px auto;
}
table.ensayo tbody {
  color: #000;
  text-align: left;
  margin: 10px auto;
  font-size: 12px;
}
table.ensayo tbody  td{
  border-top: 1px dashed #ccc;
  padding: 0px;
}
table.ensayo tbody  td.derecha{
  text-align: right;  
}
/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top, span.bottom{
   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top {
   background:url(images/LI.png) top left no-repeat; 
   margin-top: 0px;
}
span.bottom{
   background:url(images/LI.png) bottom left no-repeat;
}
span.top span, span.bottom span{
   width:6px; /* De acuerdo al tamaño de la imagen GIF */
   height:6px; /*De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}
span.top span{
   background:url(images/LD.png) top right no-repeat;
}
span.bottom span{
   background:url(images/LD.png) bottom right no-repeat;
}
table.principal {
  /* border: 2px solid #ccf; */
  width: 100%;
  margin: 0px auto;
  font-size: 12px;
}
table.principal caption {
  font-weight: bold;
  color: #030aa0;
  text-align: center;
  margin: 10px auto;
}
table.principal tbody {
  color: #000;
  margin: auto;
}
table.principal tbody  td.izquierda{
  width: 50%;
}
table.principal tbody  td.abajo{
  width: 50%;
}
table.principal tbody  td.derecha{
  text-align: right;
}
.mini{
  font-size: 5px;
}
.parrafo p{
  color: black;
  padding: 5px;
}
#derecha ol li{
  margin-bottom: 7px;
  font-size: 12px;
  color: black;
}
a img{
  border: 0px;
  color: red;
}
#derecha .links p{
  text-align: center;
}
#derecha .links a:hover{
  color: orange;
}