body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:  arial, helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    text-align: center;
        background-image: url(images/web_01.jpg);    
    /* part 1 of 2 centering hack */
    }

#content {


    width: 946px; 
    margin-top: -16px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;     
    hight: 100%;
    }
    

#top {
        position: relative;
        width: 946px;
        height: 245px;
        margin-bottom: 0px;
    }    
    
    
#lateral {
        position: absolute;
        width: 162px;
        left: 0px;    
        top: -1px;    
        text-align: left;
        z-index:1;
        background-color: white;
        background: url(../images/lateral.jpg) no-repeat; 

    }    
    
    
#centro {
        position: absolute;        
        left: 0px;
        top: 10px;
        width: 930px;
        height: 100%;
        text-align: left;
        z-index:2;

    }    
    
#loquehay {
        position: relative;        
        left: 0px;
        bottom: 10px;
        width: 930px;
        height: 900px;
        text-align: left;
        z-index:2;

    }        
    
    
#lateral2 {
        position: absolute;
        width: 282px;
        right: 0px;    
        top: -1px;    
        text-align: left;
        z-index:1;
        background-color: white;
        padding-left: 130px;


    }    
    
    
#centro2 {
        position: absolute;        
        left: 0px;
        top: -1px;
        width: 590px;
        text-align: left;
        z-index:2;

    }    
    
    
    
#centro3 {
        position: absolute;        
        left: 0px;
        top: -1px;
        width: 50px;
        text-align: left;
        z-index:2;

    }    
    
    
#texto {
        position: relative;
        width: 764px;
        height: 100%;
        top: 1px;
        text-align: left;
        z-index:3;
    }
    
    
#abajo {
        position: relative;        
        left: 0px;
        bottom: 10px;
        width: 764px;
        text-align: center;
        height: 23;
        

    }    
    
#abajo2 {
        position: relative;        
        left: 0px;
        bottom: 10px;
        width: 580px;
        text-align: center;
        height: 33;
        

    }        

h3 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #006699;
    text-decoration: none;
}    

.naranja {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #006699;
    text-decoration: none;
}    
    
a {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #003366;
    text-decoration: none;
}

a:hover {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: black;
    text-decoration: none;
}


a.dos {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: white;
    text-decoration: none;
}

a.dos:hover {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: yellow;
    text-decoration: none;
}


a.tres {
    text-decoration: none;
    color: #006699;
    background: white;
    display: block;
    padding: 5px 5px;
    width: 100%;
}


a.cuatro {
    text-decoration: none;
    color: #006699;
    background: #dddddd;
    display: block;
    padding: 5px 5px;
    width: 100%;
}



.portada {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: white;
    background: #336699;    
    font-weight: bold;
    text-decoration: none;
}

.normal {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: black;
    text-decoration: none;
}


.blanco {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1ex;
    color: white;
    text-decoration: none;
}

.mini {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1ex;
    color: black;
    text-decoration: none;
}
    

.peq {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.1ex;
    color: black;
    text-decoration: none;
}
.boton {  font-family:  Arial, Helvetica, sans-serif; font-size: 2ex; font-style: normal; color: #333333; border: 1px #333333 solid; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-bottom: 1px}

#caja{
    text-decoration: none;
    color: #006699;
    background: #dee6ed;
    display: block;
    padding: 4px 4px;
    width: 100%;
}


#menuv {
    border: 1px solid #006699;
    border-width: 1px 1px 0 1px;
    width: 140px;
    font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}
#menuv ul, li {
    list-style-type: none;
}
 
#menuv ul {
    margin: 0;
    padding: 0;
}
 







#menuv li {
    border-bottom: 1px solid #006699;
}
 
#menuv a {
    text-decoration: none;
    color: #006699;
    background: #Ffffff;
    display: block;
    padding: 5px 3px;
    width: 134px;
}
 
#menuv a:hover {
    background: #dee6ed;
}







table {
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.medio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
.medio:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight:800;
    text-decoration: none;
    border:0px;
}