body { color: white; background: black; font-size: 10pt; margin: 0px; padding: 0px; text-align: center; }

div, h1, h2, h3, h4, h5, h6 { margin: 0px; }

div, h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; margin: 0px; }

img { border: 0px; }

html, body { height: 100%; }

.oculto { display: none; }

/* ******************** ESTRUCTURA ******************** */

#distancia {
    float: left;
    
    width: 1px;
    height: 50%;
    
    margin: 0 0 -340px 0; /* 50% del tamaņo y del contenedor */
    padding: 0;  
}

#contenedor {               
    clear: left;
    position: relative;
    
    width: 970px;
    height: 675px;
    
    margin: 0 auto;
    padding: 0;
    
    text-align: left;
}

#cabecera {
    display: table-cell;
    
    vertical-align: middle;  
    width: 970px;    
    
    margin: 0;
    padding: 0;
}

/* ******************** LOGOTIPO ******************** */

#logotipo {
    float: left;
    
    width: 970px;
    height: 280px;
    
    margin: 0;
    padding: 0;
    
    color: white;
    background: black url("imagenes/fondo_cabecera.jpg") no-repeat;
}

/* ******************** MENU ******************** */

#menu {
    float: left;
    
    width: 850px;
    height: 200px;
    
    margin: 0;
    padding: 0 0 0 120px;
    
    color: white;
    background: black url("imagenes/fondo_menu.jpg") no-repeat;
    
    list-style: none;
}

#menu h2 {
    margin: 0;
    padding: 0;
}

/* *** (MENU-ES) QUE ES *** */

#btn_es_quees {
    float: left;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent;
}

#btn_es_quees a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_es_quees.jpg") no-repeat;
}

#btn_es_quees a:hover, #btn_es_quees a:active {
    color: white;
    background: transparent url("imagenes/btn_es_quees_over.jpg") no-repeat;
}

/* *** (MENU-EN) QUE ES *** */

#btn_en_quees {
    float: left;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent;
}

#btn_en_quees a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_en_quees.jpg") no-repeat;
}

#btn_en_quees a:hover, #btn_en_quees a:active {
    color: white;
    background: transparent url("imagenes/btn_en_quees_over.jpg") no-repeat;
}

/* *** (MENU-ES) PRODUCTOS *** */

#btn_es_productos {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;
    
    margin: 0 0 0 72px;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_es_productos a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_es_productos.jpg") no-repeat;
}

#btn_es_productos a:hover, #btn_es_productos a:active {
    color: white;
    background: transparent url("imagenes/btn_es_productos_over.jpg") no-repeat;
}

/* *** (MENU-EN) PRODUCTOS *** */

#btn_en_productos {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;
    
    margin: 0 0 0 72px;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_en_productos a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_en_productos.jpg") no-repeat;
}

#btn_en_productos a:hover, #btn_en_productos a:active {
    color: white;
    background: transparent url("imagenes/btn_en_productos_over.jpg") no-repeat;
}

/* *** (MENU-ES) EMPRESA *** */

#btn_es_empresa {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;

    margin: 0 0 0 72px;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_es_empresa a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_es_empresa.jpg") no-repeat;
}

#btn_es_empresa a:hover, #btn_es_empresa a:active {
    color: white;
    background: transparent url("imagenes/btn_es_empresa_over.jpg") no-repeat;
}

/* *** (MENU-EN) EMPRESA *** */

#btn_en_empresa {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;

    margin: 0 0 0 72px;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_en_empresa a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_en_empresa.jpg") no-repeat;
}

#btn_en_empresa a:hover, #btn_en_empresa a:active {
    color: white;
    background: transparent url("imagenes/btn_en_empresa_over.jpg") no-repeat;
}

/* *** (MENU-ES) SOPORTE *** */ 

#btn_es_soporte {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;
    
    margin: 0 0 0 72px;
    padding: 0;

    
    color: white;
    background: transparent;
}

#btn_es_soporte a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_es_soporte.jpg") no-repeat;
}

#btn_es_soporte a:hover, #btn_es_soporte a:active {
    color: white;
    background: transparent url("imagenes/btn_es_soporte_over.jpg") no-repeat;
}

/* *** (MENU-EN) SOPORTE *** */ 

#btn_en_soporte {
    float: left;
    display: inline;
    
    width: 128px;
    height: 200px;
    
    margin: 0 0 0 72px;
    padding: 0;

    
    color: white;
    background: transparent;
}

#btn_en_soporte a {
    float: left;
    display: block;
    
    width: 128px;
    height: 200px;
    
    color: white;
    background: transparent url("imagenes/btn_en_soporte.jpg") no-repeat;
}

#btn_en_soporte a:hover, #btn_en_soporte a:active {
    color: white;
    background: transparent url("imagenes/btn_en_soporte_over.jpg") no-repeat;
}

/* ******************** PIE ******************** */

#pie {
    float: left;
    
    width: 970px;
    height: 195px;
    
    margin: 0;
    padding: 34px 0 0 0;
    
    color: white;
    background: black url("imagenes/fondo_pie.gif") no-repeat top;
}

/* *** (PIE-ES) IDIOMA *** */

#btn_es_idioma {
    float: left;
    display: inline;
    
    width: 970px;
    height: 39px;
    
    margin: 0;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_es_idioma a {    
    display: block;
    
    width: 150px;
    height: 39px;
    
    margin: 0 auto;
    padding: 0;
    
    color: white;
    background: transparent url("imagenes/btn_es_idioma.gif") no-repeat;
}

#btn_es_idioma a:hover, #btn_es_idioma a:active {
    color: white;
    background: transparent url("imagenes/btn_es_idioma_over.gif") no-repeat;
}

/* *** (PIE-EN) IDIOMA *** */

#btn_en_idioma {
    float: left;
    display: inline;
    
    width: 970px;
    height: 39px;
    
    margin: 0;
    padding: 0;
    
    color: white;
    background: transparent;
}

#btn_en_idioma a {    
    display: block;
    
    width: 180px;
    height: 39px;
    
    margin: 0 auto;
    padding: 0;
    
    color: white;
    background: transparent url("imagenes/btn_en_idioma.gif") no-repeat;
}

#btn_en_idioma a:hover, #btn_en_idioma a:active {
    color: white;
    background: transparent url("imagenes/btn_en_idioma_over.gif") no-repeat;
}

/* *** (PIE) CREDITOS *** */

#creditos {
    float: left;
    display: inline;
    
    width: 970px;
    height: 39px;
    
    margin: 32px 0 0 0;
    padding: 0;
    
    color: #777777;
    background: transparent;
    
    text-align: center;
    font-size: 9pt;
}

#creditos a {
    color: #777777;
    background: transparent;    
}

#creditos a:hover, #creditos a:active {
    color: white;
    background: transparent;        
    
    text-decoration: none;
}