body { color: #ffffff; background: #000000; font-size: 10pt; margin: 0px; padding: 0px; text-align: center; }

body, html { height: 100%; }

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

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

a { text-decoration: none; }

img { border: 0px; }

span { display: none; }

/* INTERFAZ */

#tablacontenedor {
    width: 770px;
    height: 100%;    
}

#contenedor {
    width: 770px;
    height: 100%;       
    margin: 0px auto;     
    color: #000000;
    background: #9b1a86; 
}

/* FIN INTERFAZ */

/* CABECERA */

#logotipo {
    width: 770px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    background: #9b1a86 url("imagenes/doyoubet.gif") no-repeat left;        
}

#logotipo p {
    float: right;
    margin: 0px;
    padding: 20px 15px 0px 0px;
    
    font-size: 10pt;
}

#logotipo a {
    color: #ffffff;
    background: #9b1a86;    
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
}

#logotipo a:hover, #logotipo a:active {
    color: #e1b9db;
    background: #9b1a86;
    text-decoration: underline;
}

#cabecera_seccion {
    float: left;
    width: 250px;
    height: 50px;
    margin: 0px;
    padding: 0px 0px 0px 130px;        
}

#logotipo_intro {
    width: 770px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    background: #9b1a86 url("imagenes/doyoubet_grande.gif") no-repeat left;    
}

#logotipo_intro p {
    float: right;
    margin: 0px;
    padding: 70px 18px 0px 0px;
    
    font-size: 10pt;
}

/* FIN CABECERA */

/* ADORNOS */

#adorno_sup {
    clear: both;
    width: 770px;
    height: 18px;
    color: #ffffff;
    background: #000000 url("imagenes/adorno_sup.gif") no-repeat;
}

#adorno_sup_intro {
    width: 770px;
    height: 18px;
    color: #ffffff;
    background: #000000 url("imagenes/adorno_sup_intro.gif") no-repeat;
}

#adorno_inf {    
    clear: both;
    width: 770px;
    height: 18px;
    color: #ffffff;
    background: #000000 url("imagenes/adorno_inf.gif") no-repeat;
}

#adorno_inf_seccion {    
    clear: both;
    width: 770px;
    height: 18px;
    color: #ffffff;
    background: #000000 url("imagenes/adorno_inf_seccion.gif") no-repeat;
}

/* FIN ADORNOS */

/* INDEX */

#cuerpo {
    width: 770px;    
}

#introduccion {
    float: left;
    
    width: 599px;
    height: 174px;
    
    color: #ffffff;
    background: #000000 url("imagenes/principal_fondo.jpg") no-repeat left;    
}

#introduccion p {
    float: left;
    margin: 0px;
    padding: 17px 0px 0px 214px;    
    
    width: 364px;
    
    font-size: 8pt;
    text-align: justify;
}

#promo {
    float: left;
    display: inline;
    
    margin: 0;
    padding: 0 0 0 10px;
    
    width: 160px;
    height: 174px; 
    
    color: white;
    background: black;
    
    border-left: 1px dashed #9b1a86;
}

#promo p {
    margin:0;
    padding: 0;
    
    color: white;
    background: black;
    
    font-size: 8pt;
    text-align: justify;
}

.bloque_promocion {
    float: left;
        
    width: 160px;    
    
    margin: 5px 0 0 0;
    padding: 0;
    
    color: white;
    background: black url("imagenes/fondo_promo.gif") repeat-y;    
}

.bloque_promocion_sup img, .bloque_promocion img {  
    float: left;
}

.bloque_promocion_sup, .bloque_promocion_inf {
    float: left;
    
    width: 160px;
    height: 6px;
    
    margin: 0;
    padding: 0;
}

.promo_texto {
    float:left;
    
    width: 140px;
    
    margin: 0;
    padding: 0 10px;
    
    font-size: 8pt;
    text-align: justify;
}

.promo_boton {
    float:left;
    
    width: 140px;
    
    margin: 5px 0 0 0;
    padding: 0 10px;
    
    font-size: 8pt;
    text-align: justify;
}

/* FIN INDEX */

/* MENU PRINCIPAL */

#menu_principal {
    float: left;
    margin: 0px auto;
    padding: 0px;
    width: 770px;
    height: 34px;
    
    color: #ffffff;
    background: #000000;     
}

#menu_principal ul {                
    padding: 0px;
    margin: 2px auto;
    list-style-type: none;    
}

#menu_principal li {
    float: left;
    text-align: left;		
}
.btn_inicio { width: 87px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_inicio.gif") no-repeat; }
.btn_inicio a { display: block; width: 49px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_inicio.gif") no-repeat; }
.btn_inicio a:hover, .btn_inicio a:active { color: #000000; background: #ffffff url("imagenes/btn_inicio_over.gif") no-repeat; }

.btn_servicios { width: 116px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_servicios.gif") no-repeat; }
.btn_servicios a { display: block; width: 78px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_servicios.gif") no-repeat; }
.btn_servicios a:hover, .btn_servicios a:active { color: #000000; background: #ffffff url("imagenes/btn_servicios_over.gif") no-repeat; }

.btn_desarrollos { width: 135px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_desarrollos.gif") no-repeat; }
.btn_desarrollos a { display: block; width: 97px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_desarrollos.gif") no-repeat; }
.btn_desarrollos a:hover, .btn_desarrollos a:active { color: #000000; background: #ffffff url("imagenes/btn_desarrollos_over.gif") no-repeat; }

.btn_noticias { width: 109px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_noticias.gif") no-repeat; }
.btn_noticias a { display: block; width: 71px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_noticias.gif") no-repeat; }
.btn_noticias a:hover, .btn_noticias a:active { color: #000000; background: #ffffff url("imagenes/btn_noticias_over.gif") no-repeat; }

.btn_clientes { width: 104px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_clientes.gif") no-repeat; }
.btn_clientes a { display: block; width: 66px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_clientes.gif") no-repeat; }
.btn_clientes a:hover, .btn_clientes a:active { color: #000000; background: #ffffff url("imagenes/btn_clientes_over.gif") no-repeat; }

.btn_diccionario { width: 132px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_diccionario.gif") no-repeat; }
.btn_diccionario a { display: block; width: 94px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_diccionario.gif") no-repeat; }
.btn_diccionario a:hover, .btn_diccionario a:active { color: #000000; background: #ffffff url("imagenes/btn_diccionario_over.gif") no-repeat; }

.btn_blog { width: 84px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_blog.gif") no-repeat; }
.btn_blog a { display: block; width: 52px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_blog.gif") no-repeat; }
.btn_blog a:hover, .btn_blog a:active { color: #000000; background: #ffffff url("imagenes/btn_blog_over.gif") no-repeat; }

.btn_enlaces { width: 104px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_enlaces.gif") no-repeat; }
.btn_enlaces a { display: block; width: 66px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_enlaces.gif") no-repeat; }
.btn_enlaces a:hover, .btn_enlaces a:active { color: #000000; background: #ffffff url("imagenes/btn_enlaces_over.gif") no-repeat; }

.btn_contacto { width: 112px; height: 30px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #000000 url("imagenes/btn_contacto.gif") no-repeat; }
.btn_contacto a { display: block; width: 74px; height: 24px; margin: 0px; padding: 6px 0px 0px 38px; color: #ffffff; background: #000000 url("imagenes/btn_contacto.gif") no-repeat; }
.btn_contacto a:hover, .btn_contacto a:active { color: #000000; background: #ffffff url("imagenes/btn_contacto_over.gif") no-repeat; }

/* FIN MENU PRINCIPAL */

/* PIE */

#pie {   
    clear: both; 
    width: 770px;
    height: 30px;
}

#menu_legal {
    float: left;
    width: 620px;
    height: 30px;
    margin: 0px;
    padding: 7px 0px 0px 0px;
    text-align: center;    
}

#menu_legal a {
    color: #ffffff;
    background: #9b1a86;    
    font-size: 8pt;
}

#menu_legal a:hover, #menu_legal a:active {
    color: #e1b9db;
    background: #9b1a86;
    text-decoration: underline;
}

#menu_legal b {
    color: #e1b9db;
    background: #9b1a86;
    font-size: 8pt;
    border-bottom: 1px solid #ffffff;
}

#proveedor {
    float: left;
    width: 150px;
    height: 30px;
}

#proveedor p {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    background: #9b1a86;    
    font-size: 7pt;    
}

#proveedor img {
    margin: 2px 0px 0px 0px;
}


#menu_webs_grupo {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 7px 0px 0px 0px;
    text-align: center; 
    font-size: 7pt;
    color: #000000; 
}

#menu_webs_grupo a {
    color: #ffffff;
    background: #9b1a86;    
    font-size: 7pt;
}

#menu_webs_grupo a:hover, #menu_legal a:active {
    color: #e1b9db;
    background: #9b1a86;
    text-decoration: underline;
}

#menu_webs_grupo b {
    color: #e1b9db;
    background: #9b1a86;
    font-size: 7pt;
    border-bottom: 1px solid #ffffff;
}



/* FIN PIE */

/* SERVICIOS */

#servicios {
    float: left;
    width: 770px;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    background: #000000;
}

#menu_servicios {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 280px;
    height: 365px;
    color: #ffffff;
    background: #630054;
}

#menu_servicios_sup {    
    margin: 0px;
    padding: 0px;
    width: 280px;
    height: 25px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno_sup.gif") no-repeat bottom;
}

#cuerpo_servicios {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 490px;
    height: 312px;    
}

#fondo_servicios {
    width: 490px;
    height: 312px;
    color: #ffffff;
    background: #000000 url("imagenes/servicios_fondo.jpg") no-repeat top;
}

#menu_servicios p {
    width: 240px;    
    margin:0px;
    padding: 20px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno.gif") no-repeat top;
    text-align: left;
    font-size: 9t;
}

#menu_servicios ul {
    width: 280px;
    margin: 0px;
    padding: 5px 0px;    
    text-align: right;
    list-style: none;    
    color: #ffffff;
    background: #000000;    
}

#menu_servicios a {
    display: block;
    width: 260px;
    height: 20px;
    margin: 1px 0px 0px 0px;
    padding: 5px 20px 0px 0px;
    color: #ffffff;
    background: #000000;
    font-style: italic;
    font-weight: bold;
    font-size: 9pt;
}

#menu_servicios a:hover, #menu_servicios a:active {
    color: #000000;
    background: #e1b9db;
}

#cuerpo_servicios h2 {
    margin: 5px 0px 0px 5px;
    padding: 20px 20px 10px 20px;
    text-align: left;
    font-weight: normal;
    font-size: 14pt;
    color: #ffffff;
    background: #9b1a86 url("imagenes/servicios_pes.gif") no-repeat top left;;    
    border-bottom: 2px solid #000000;
}

#servicios_gld p {
    width: 445px;
    height: 262px;
    margin: 0px 0px 0px 5px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_1.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
}

#servicios_sasms p {
    width: 445px;
    height: 262px;
    margin: 0px 0px 0px 5px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_2.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
}

#servicios_pad {
    width: 445px;
    margin: 0px 0px 0px 5px;
    padding: 0 20px 20px 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_3.gif") no-repeat bottom left;
}

#servicios_pad p {
    width: 445px;
    margin: 0;
    padding: 20px 0 0 0;
    text-align: left;
    font-size: 10pt;
}

#servicios_dam {
    width: 445px;
    height: 218px;
    margin: 0px 0px 0px 5px;
    padding: 0 20px 85px 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_6.gif") no-repeat bottom left;
}

#servicios_dam p {
    width: 445px;
    margin: 0;
    padding: 20px 0 0 0;
    text-align: left;
    font-size: 10pt;
}

#servicios_at p {
    width: 445px;
    height: 262px;
    margin: 0px 0px 0px 5px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_4.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
}

#servicios_ap p {
    width: 445px;
    height: 262px;
    margin: 0px 0px 0px 5px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_5.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
}

#servicios_am {
    width: 445px;
    height: 262px;
    margin: 0px 0px 0px 5px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_6.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
    overflow-y: auto;
}

#servicios_am p {
    margin: 0px;
    padding: 0px;
}

#servicios_am ul {    
    margin: 0px;
    padding: 10px 0px 10px 20px;
    text-align: left;
    clear: none;
    list-style: none;        
}

#servicios_am li {
    margin: 5px 0px 0px 0px;
}

/* FIN SERVICIOS */

/* CONTACTO */

#contacto {
    float: left;
    width: 770px;
    height: 312px;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    background: #000000;
}

#menu_contacto {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 280px;
    height: 312px;
    color: #ffffff;
    background: #630054;
}

#menu_contacto p {
    float: left;
    width: 240px;
    margin: 0px;
    padding: 20px;
    color: #ffffff;
    background: #000000;
    text-align: left;
}

#cuerpo_contacto {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 490px;
    height: 312px;    
}

#menu_contacto_sup {    
    float: left;
    margin: 0px;
    width: 280px;
    height: 50px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno_sup.gif") no-repeat bottom;
}

#menu_contacto_inf {   
    float: left; 
    margin: 0px;
    width: 280px;
    height: 50px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno.gif") no-repeat top;
}    

.bloque_formulario {
    float: left;    
    width: 480px;
    margin: 0px;
    padding: 2px 0px;
    background: #000000;
     
}

#formulario_contacto {
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

#formulario_contacto label {
    display: block;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    float: left;
    width: 110px;
    text-align: right;  
    font-weight: bold;  
}

.bloque_formulario input, textarea {
    float: left;
    padding: 2px;
    width: 340px;    
    border: 1px solid #ffffff;
    color: #ffffff;
    background: #630054;
}

#textarea {
    height: 100px;
}

#enviar {
    width: 100px;
    margin: 0px 0px 0px 365px;
    border: none;
}

#contacto_exito {
    float: left;
    margin: 50px 0px 0px 0px;
    padding: 100px 0px 0px 5px;    
    width: 485px;
    background: #000000 url("imagenes/mensaje_enviado.gif") no-repeat top;       
}

#contacto_exito p {
    font-size: 10pt;    
}

#contacto_exito b {
    font-size: 12pt;
}

#contacto_error {
    float: left;
    margin: 50px 0px 0px 0px;
    padding: 100px 0px 0px 5px;    
    width: 485px;
    background: #000000 url("imagenes/mensaje_no_enviado.gif") no-repeat top;       
}

#contacto_error p {
    font-size: 10pt;    
}

#contacto_error b {
    font-size: 12pt;
}

.btn_volver { width: 110px; height: 20px; font-size: 12pt; font-weight: bold; font-style: italic;color: #ffffff; background: #cccccc url("imagenes/flecha.gif") no-repeat top left; }
.btn_volver a { display: block; font-size: 14pt; width: 85px; height: 20px; margin: 0px; padding: 0px 0px 0px 25px; color: #630054; background: #000000 url("imagenes/flecha.gif") no-repeat top left; }
.btn_volver a:hover, .btn_volver a:active { color: #ffffff; background: #000000 url("imagenes/flecha.gif") no-repeat top left; }

/* FIN CONTACTO */

/* PROTECCION */

#proteccion {
    float: left;
    width: 770px;
    height: 312px;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    background: #000000;
}

#menu_proteccion {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 280px;
    height: 312px;
    color: #ffffff;
    background: #630054;
}

#menu_proteccion p {
    float: left;
    width: 240px;
    margin: 0px;
    padding: 20px;
    color: #ffffff;
    background: #000000;
    text-align: left;
}

#cuerpo_proteccion {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 770px;
    height: 312px;    
}

#cuerpo_proteccion a {    
    color: #000000;
    background: #eeeeee;
    font-weight: bold;
    text-decoration: underline;
}

#cuerpo_proteccion a:hover, #cuerpo_proteccion a:active {
    color: #630054;
    background: #eeeeee;    
}

#menu_proteccion_sup {    
    float: left;
    margin: 0px;
    width: 280px;
    height: 135px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno_sup.gif") no-repeat bottom;
}

#menu_proteccion_inf {   
    float: left; 
    margin: 0px;
    width: 280px;
    height: 50px;
    color: #ffffff;
    background: #630054 url("imagenes/servicios_adorno.gif") no-repeat top;
}    
#cuerpo_proteccion h2 {
    margin: 5px 0px 0px 0px;
    padding: 20px 20px 10px 20px;
    text-align: left;
    font-weight: normal;
    font-size: 14pt;
    color: #ffffff;
    background: #9b1a86 url("imagenes/servicios_pes.gif") no-repeat top left;;    
    border-bottom: 2px solid #000000;
}

#proteccion_am {
    width: 730px;
    height: 208px;
    margin: 0px;
    padding: 20px;
    color: #000000;
    background: #eeeeee url("imagenes/servicios_fondo_6.gif") no-repeat bottom left;
    text-align: left;
    font-size: 10pt;
    overflow-y: auto;
}

/* FIN PROTECCION */

/* CLIENTES */

#clientes_fondo {
    width: 490px;
    height: 200px;
    
    color: #ffffff;
    background: #000000 url("imagenes/clientes_fondo.jpg") no-repeat top right;
}

#clientes_error {
    float: left;
    margin: 50px 0px 0px 0px;
    padding: 100px 0px 0px 5px;    
    width: 485px;
    background: #000000 url("imagenes/cliente_error.gif") no-repeat top;       
}

#clientes_error p {
    font-size: 10pt;    
}

#clientes_error b {
    font-size: 12pt;
}

/* FIN CLIENTES */