html, body{ 
 margin-top:3px;
 padding:0;
 background-color:#000000;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border-bottom-color:#000000; 
 border-bottom-style:solid; 
 border-bottom-width: 1px;
 line-height: 130%;

} 

img { 
    border:none; 
}

 

a {
color: red;
font-size: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover {
color: #ffffff;
font-size: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.style1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        font-weight: bold;
}


a.topnav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        font-weight: bold;
        text-decoration:none;
}

a.topnav:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        font-weight: bold;
        text-decoration:underline;
}


.sidered {color: #D17900; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.side {color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.sideredlinks{color: #D17900; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:underline; }

h1 {
        font-size: 14px;
        color: #D17900;
}

h2 {
        font-size: 14px;
        font-weight: bold;
        color: #03347d;
}

.content{padding:10px;} 

.logo {
        height:100px;
        background-color:#ffffff;
        width:109px;
        text-align:center;
        border-bottom:2px solid gray;
}

td.columnatop {
        height:100px;
        background-color:#fff;
        background-image:url(http://www.geocities.com/labandar/"fondo.jpg");
        border-bottom:2px solid gray;
}

td.columnamenu {
vertical-align:top;
text-align:center;
padding:5px;
width:18%;
margin:auto;
background-color:#103702;
border-right-color:gray; 
border-right-style:solid; 
border-right-width: 1px;
}

td.columnacuerpo {
  vertical-align:top; 
  width:100%;
  padding-left:8px;
  padding-top:0px;
  padding-right:8px;
  background-color:#648583;
}

td.columnaderecha {
vertical-align:top;
padding:3px;
text-align:left;
width:15%;
background-color:red;
border-left: 1px solid #e29500;
}

#cintillo {
        font-size: 8px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #c0c0c0;
        color: #ffffff;
        margin: auto;
        width:100%;
 }
 
#imgsec {
        text-align:left;
        float:left;
        }

                              /* Estilo tipogr&aacute;ficos */

#slogan {  
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 50px;
        margin-left:25px;
        font-weight: bold;
        text-align: center; 
        color: red; 
        padding:3px,3px,3px,3px;
        font-style: italic;
      }


#lema {  
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin-top:15px;
        margin-left:70px;
        text-align:left; 
        color: #ec4300; 
        padding:3px,3px,3px,3px;
        font-style: italic;
      }

#botones {  
        margin-top:25px;
        margin-bottom:25px;
        margin-left:auto;
        margin-right:auto;
        text-align:center; 
      }
      
td.tdpie {
      height: 30px;
      background-color:#dfdfdf;
      border-top:2px solid gray; 
      border-bottom: 3px solid #eb850c;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: normal; 
      color: #000000;
      padding:5px;
      font-style: normal;
}

.peque {  
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal; 
        color: #ffffff;
        font-style: normal;
        text-align: left;
      }

.titulo {  
        font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
        font-size: 18px;
        font-weight: bold;
        text-align:center;
        text-decoration: none; 
        color: #2d508a; 
        padding:15px,15px,15px,15;
        font-style: normal;
      }

      
input.text  {
    font-family : Trebuchet MS;
    font-size : 10pt;
    font-weight : bold;
    background-color : #575E60;
    border-color : #575E60;
    border-style : inset;
    border-width : 2px;
    color: #FFFFFF;
}

p.imagen { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align: center;
   font-size: 11px;
   font-style: italic;  
  }
  
p.epigrafe { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align: right;
   font-size: 11px;
   font-style: italic; 
   padding: 30px;
  }
  
p.titulito { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align: left;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
   padding: 10px;
  }
  
p.justificado { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px;
   color: white;
   text-align: justify;
   line-height: 130%;
   
   }

p.centrado { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px;
   color: white;
   text-align: center;
   line-height: 130%;
   
   }

p, ol, ul, td { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px;
   line-height: 130%;
   }

.boldera { 
   font-weight: bold; 
      }

.italica { 
   font-style: italic; 
   }
 
.derecha { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align: right;
   }  
 
.titulos {  
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12pt; 
       font-style: normal; 
       font-weight: bold; 
       color: #CC0000
       }

.tit {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight:bold;
        color: #1E71FF;
}
#borderimage {
        border: 1px solid #000000;
        padding: 2px;
        background: #c0c0c0;
}

.random {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight:bold;
        text-align:center;
        color: #1e71ff;
}




 
}


/* Estilo para indicar codigo de un archivo (como el httpd.conf) */

.courier {
        color: #9b1111;
        font-size: 11px;
        font-weight: normal;
        font-family: courier;
  }
  
  /* menu.tmpl.php  */

table.secciones {
margin:auto;
width:130px;
border:1px solid #c0c0c0;
margin-bottom: 3px; 
margin-top: 3px;
padding: 3px;
text-align:center;
}


                                   /* COLOR DEL MEN&Uacute;*/

tr.on { height: 90px; background-color: red;}
tr.off { height: 90px; background-color: #507256;}

.menumain {
  margin: 10px 0px 10px 0px;
  font-family: Verdana, Arial, Helvetic, serif;
  font-size: 18px;
  font-style: normal; 
  color: #ffffff;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bolder;
  text-align: left;
  }
  
.estilo_seccion {
  margin: 8px 4px 5px 4px;
  font-family: Verdana, Arial, Helvetic, serif;
  font-size: 17px;
  font-style: normal; 
  color: #f7900a;
  border-bottom-color: #f7900a;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bolder;
  text-align: left;
  width:90%;
  }

.parra_comen {
      font-family: Verdana, Arial, Helvetic, serif;
      font-size: 14px; 
      font-weight: normal; 
      color: #333a9a; 
      font-style: normal;
      margin-bottom:18px;
 }
 
.parra_comen a:link {
        text-decoration: none;
        color: #488510;
        font-size: 9px;
  }
                      /* estilo barra lo uso en el t&iacute;tulo de las p&aacute;ginas*/

.barra {
        color: #1e3a68;
        border-bottom: 1px dashed #cfcecd;
        font-size: 22px;
        padding: 5px;
        margin: auto;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetic, serif;
        font-variant: small-caps;
        font-stretch: expanded;
   }
   /* Negrita para la funcion page() donde se indica la fecha de &uacute;ltima actualizaci&oacute;n*/


.negrita {
        font-family:Verdana, Arial, Helvetic, serif;
        font-size: 9px;
        font-style: normal; 
        font-weight: bold; 
        color: #8d9190;
}

.liga {  
        font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
        font-size: 11px;
        text-align:center;
        color: #gray; 
        padding:15px,15px,15px,15px;
        font-style: normal;
   }

.liga a {  
        font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
        font-size: 11px;
        text-align:center;
        color: #gray; 
        padding:15px,15px,15px,15px;
        font-style: normal;
   }

   
.fecha_coment{
        font-family:Verdana, Arial, Helvetic, serif;
        font-size: 8px;
        font-style: normal; 
        font-weight: bold; 
        color: #8d9190;
}
                            /* cmt para el t&iacute;tulo de los comentarios*/


#cmt {
        margin-top:40px;
        margin-left:5em;
        margin-right:auto;
        margin-left:auto;
        font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
        font-size: 18px;
        font-style: normal; 
        font-weight: bold;
        text-align:center;
        color: #8d9190;
}

#caja {
        margin-top:40px;
        margin-left:5em;
        margin-right:auto;
        margin-left:auto;
        text-align:center;
}

                               /* el bloque de los comentarios*/

#comentarios {
        margin-top:20pt;
        font-family: Georgia, &quot;Times New Roman&quot;, Times, serif;
        font-size: 18px;
        font-style: normal; 
        font-weight: bold;
        text-align:left;
        width:90%;
        color: #8d9190;
}

/* el bloque de los botones*/

.impresion {
        float:left;
        margin-top:10em;
        margin-bottom:10em;
        width:20%;
}

/* Formularios*/

.button {
        color: #2A370D; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        font: bold;
        background: White;
        border: 1px solid #cfe4fb;
        height: 20px;
        }

.inputbox {
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #3E3E3E;
        background: #cfe4fb;
        border: 1px solid;
}