
BODY { 
    font: 8pt Verdana, Geneva, Arial, Helvetica, Century gothic, sans-serif; 
    margin: 10 0 10 0px; 
    text-align: center; 
    background-image: url(index/image001.jpg); 
} 

TD  {
       color: maroon;
       font: 8pt Arial;
       font-weight: bold;
}
   
#contenedor{ 
    text-align: left; 
    width: 770px; 
    margin: auto; 
}

 .img1  { vertical-align: middle
 }

H1 { font: 45pt Century gothic;
       font-weight: bold;
       color: #003399;
 }


H2 { font: 40pt Century gothic;
       font-weight: bold;
       color: #003399;text-align: right;
 }


H3 { font: 12pt Century gothic;
     color: #003399;
     font-weight: bold;
     text-align: left;
 }

H4 { font: 10pt Century gothic;
     color: #990033;
     font-weight: bold;
     text-align: left;
 }


.H2 {  font: 15pt Century gothic;
 }

#normal{ 
    padding: 10 10 10 10px;
    position: absolute;    
    top: 160px;
    left: 180px;
    width: 560px;
    text-align:left; 
} 


#quien{ 
    padding: 10 10 10 10px;
    position: absolute;    
    top: 160px;
    left: 180px;
    width: 560px; 
    color: #003399;
    background-image: url(quien_archivos/image001.jpg);
    text-align:left;
} 




#cabecera{     
    color: #003399;
    width: 620px;     
    font: 45pt Century gothic;
    border-style: solid;
    float: center;
    font-weight: bold;
    margin: 10 0 10 0px; 
} 
#caja1{     
    width: 250px; 
    float: left;
    margin: 10 0 10 0px; 
    height=150px;		
} 
#caja2{     
    color: #003399; 
    width: 377px; 
    height=175px;
    /*border-style: solid;*/
    font-weight: bold;
    float: left;
    margin: 10 0 10 10px; 
    text-align: center;
} 
#caja3{     
    color: #003399; 
    float: right;
    margin: 10 0 10 0px; 
} 

#caja4{     
    color: #003399;
    width: 620px; 
    clear: left;
    margin: 10 0 10 0px; 
    border-style: solid;
    padding: 12 12 12 12px;
}

#caja5{     
    width: 150px; 
    float: left;
    text-align: left;
     margin: 300 10 10 10px; 
  background-image: url(quien_archivos/image001.jpg);
  }



#cuerpo{ 
    margin: 10 0 10 0px; 

} 
#lateral{ 
    width: 150px; 
    float:left; 
    margin: 0 0 0 0px; 
} 
#lateral ul{ 
    
    margin : 0 0 0 0px; 
    padding: 0 0 0 0px; 
    list-style: none; 
} 
#lateral li{ 
   
    background-color: #ffffcc;
    margin: 2 2 2 2px; 
    padding: 2 2 2 2px;
    font-weight: bold; 
} 
#lateral a{ 
    color: #ffffff;  
    text-decoration: none; 
} 
#otrolado{ 
    width: 129px; 
    float: right; 
} 
#principal{ 
    padding: 10 10 10 10px; 
    width: 460px; 
} 
#pie{ 
    background-color: #cccccc; 
    padding: 3 10 3 10px; 
    text-align:right; 
    clear: both; 
} 
.enlaceboton {    font-family: century gothic, verdana, arial, sans-serif; 
   font-size: 12pt; 
   font-weight: bold; 
   padding: 2px;
   width: 140px;  
   background-color: #0000ff;    /*color de fondo de los botones*/
   color: #ffffff; 
   text-decoration: none; 
} 
.enlaceboton:link, 
.enlaceboton:visited { 
   border-top: 1px solid #cccccc; 
   border-bottom: 2px solid #666666; 
   border-left: 1px solid #cccccc; 
   border-right: 2px solid #666666; 
} 
.enlaceboton:hover { 
    border-bottom: 1px solid #cccccc; 
   border-top: 2px solid #666666; 
   border-right: 1px solid #cccccc; 
   border-left: 2px solid #666666; 
} 


/*Estilo del menú desplegable*/

a.bi{
background-color:#003399;
color:#ffffff;
display:block;
font-family: Century gothic;
font-size:12pt;
font-weight:bold;
padding:3px 3px 3px 13px;
text-decoration:none;
border-color: #225555 #0000ff #0000ff #225555;
border-style:solid;
border-width:3px;
text-align:left;

}

a.bi:hover{
background-color:#f8f8f8;
color:#3399FF;
}

a.mi{
background-color:#0000ff;
color:#ffffff;
display:block;
font-family:MS Sans Serif,sans-serif;
font-size:8pt;
font-weight:bold;
padding: 2px 2px 2px 4px;
text-decoration:none;
}

a.mi:hover{
background-color:#f8f8f8;
color:blue;
}

.mn{
background-color:azure;
border-color: #225555 #0000ff #0000ff #225555;
border-style:solid;
border-width:2px;
z-index:100;
}

.sp{
BORDER-TOP:#000000 1px solid;
MARGIN:2px;
BORDER-BOTTOM:#225555 3px solid
}

