
html{
  width: 100%; 
  height:100%;
}

body,td,p,ol,ul,li { 
   font-family: Trebuchet MS, arial, verdana, Helvetica, Sans-Serif; 
   font-size:11pt; 
   color: #000000;
   text-align: justify;
}

body{
   background-color: #FFFFFF;
   background-image: url("backgrounds/g3sf06.gif");
}

/* Partes mas importantes de la pagina */

.borde{
   width: 802;
   height: 200;
   background: url("borde.jpg") no-repeat;
}

#logo{
   position: absolute; 
   top: 0px;
   width: 100%;
   height: 200px;
}

#menu{
   position: absolute; 
   top: 200px;   
   width: 100%;
   z-index: 100;
}

#contents{
   position: absolute; 
   top: 228px;
   width: 100%;
   z-index: 0;
}


#languages{
   position: absolute; 
   top: 400px;
   width: 100%;
}

#pie{
   position: absolute;
   bottom: 5px;
   left: 0px;
   width: 100%;
   height: 15;
   text-align: center;
   align: center;
   color: #000000;
   font-size: 11px;
}

/* Los estilos utilizados por las noticias */

#info{
   float: left;
   width: 200px;
   margin-top: 0cm;
   margin-bottom: 0.2cm;
   margin-left: 0cm;
   margin-right: 0.25cm;
}

.infotop{
   width: 200;
   height: 10;
   background-image: url("img/info_up_.bmp");
}

.infobottom{
   width: 200;
   height: 10;
   background-image: url("img/info_bottom_.bmp");  
}

.infocenter{
   width: 200;
   padding-left: 10px; 
   padding-right: 10px; 
   background-image: url("img/info_center_.bmp");
}

.infoheader{
   font-weight: bold;
   font-size: 13;
   font-variant: small-caps;
   color: #000000;
}

.infotext{
   font-weight: normal;
   font-size: 12.5;
   color: #000000;
}

.infoenlace{
   font-weight: normal;
   font-size: 12.5;
   color: #000000;
   text-align: center;
}

/* Las lineas a la izquierda y a la derecha */

td.left_sidewall{
   width: 1px;
   background-color: #000000;
}

td.right_sidewall{
   width: 8px;
   background-color: #000000;
   background-image: url("img/right-border.jpg");

}

td.leftbottom_corner{
   width: 1;
   height: 12;
   background-color: #FF0000;
   background-image: url("img/leftbottom_corner.bmp");
   background-repeat: no-repeat;
}

td.rightbottom_corner{
   width: 8px;
   height: 12px;
   background-color: #FF0000;
   background-image: url("img/rightbottom_border.bmp");
   background-repeat: no-repeat;
}

td.bottom_sidewall{
   height: 12px;
   background-color: #FF0000;
   background-image: url("img/bottom-border.jpg");
   background-repeat: repeat-x;
}

/* Otros estilos */

.paragraph{
   text-indent: 1.0cm;
}

.bold{
   font-weight: bold;
}

.header1{
   font-size: 18px;
   font-weight: bold;
   color: #990000;
}

.header1centered{
   font-size: 18px;
   font-weight: bold;
   color: #990000;
   text-align: center;
}

.header2{
   font-size: 18px;
   font-weight: bold;
   text-decoration: underline;
   color: #990000;
}

.header2centered{
   font-size: 18px;
   font-weight: bold;
   text-decoration: underline;
   color: #990000;
   text-align: center;
}

.header3{
   font-size: 14px;
   font-weight: bold;
   color: #990000;
}

.header3centered{
   font-size: 14px;
   font-weight: bold;
   color: #990000;
   text-align: center;
}

.indentedheader3{
   font-size: 14px;
   font-weight: bold;
   padding-left: 80px;
   margin-bottom: 10px;
   margin-top: 10px;
}

.indented80{
   padding-left: 80px;
   margin-bottom: 10px;
   margin-top: 10px;
}

.main{
  background-color: #FFFFFF;
  width: 810;
  text-align: center;
}


h2,h3{
  color: #990000;
}

.centrado{
    text-align: center;
}

.boldcentrado{
   text-align: center;
   font-weight: bold;
}

td.padded{
    valign: top;
    padding: 20px 50px 20px 50px;   /* top, right, bottom, left */
}

td.paddedcentrado{
    text-align: center;
    valign: top;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

a:link      { text-decoration: underline; color: #549887;}
a:visited   { text-decoration: underline; color: #549887;}
a:active    { text-decoration: none; color: #808080; outline: none;}
a:hover     { text-decoration: none; color: #808080; outline: none;}

