body 
{    margin-top: 0px;
    height: 990px;
    background-color:white;
}

.button
{
    background-image:url('/imagenes/boton.jpg');
}

/* imagen de fondo */

#contenedor
{
    /**background-image: url('/imagenes/fondoweb.jpg');*/
    background-color:white;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: 1199px;
    margin-top: 0px;
    width:100%;
}


/********************************** cabecera **********************************/
/********************************** cabecera **********************************/

#cabecera
{
    height: 27%;
    width: 100%;
    margin: auto auto 0px auto;
}


#hora
{
    /*background-image: url('/imagenes/section.png');*/
    background-repeat:repeat;
    width: 100%;
    height:  25%;
    color: #D6DADD;
    display: block;
    visibility: visible;
}



#contenido_cabecera
{
    background-image: url('/imagenes/slider_historia1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 75%;
    color: #D6DADD;
}


#contenido_menu
{
    /*background-image: url('/imagenes/bg-menu-bg.jpg');*/
    background-color :#fdfdfd;
    background-repeat:repeat;
    width: 100%;
    height:  24%;
    margin: auto;
}

#logo
 {

    width:25%;
    height:100%;
    float: left;

}

#logo_imagen
 {

    /*background-image: url('/imagenes/logo_pagina.png');*/
    /*background-color: #fdfdfd;*/
   /* background-repeat: no-repeat;*/
    width:50%;
    height:50%;
    margin-right:2%;
    margin-top:7%;
    float: right;

}

#menubar
{
    width:75%;
    height: 94%;
    margin-top:0%;
    /*margin: auto auto 0px auto;*/
    float: right;
    font-family: Arial;
    font-size: 15px;
    
}

#boton_salir
{
    height: 50%;
    width: 12%;
    margin-top:3%;
    margin-left: 1%;
   /* margin: auto;*/
    float: right;
    
}

.inicio li
{
   
    width:100px;
    height: 40px;
    display: block;
    float: left;                            /* modifique left a right */
    list-style-type: none;
    line-height: 40px;
    text-align: center;
    background-color: Black;
    cursor: pointer;    
}

.inicio li a       
{
    text-decoration: none;
    color: White;
    font-family: "Times New Roman",Times,serif;
    font-size: 15px;
}

.inicio li:hover
{
    background-color: #c49f51;
}

                                                    /*.inicio li .submenu
                                                    {
                                                        height: 40px;
                                                        display:none;

                                                    }

                                                    .inicio li:hover .submenu
                                                    {
                                                        display:block;

                                                        overflow: visible;
                                                    }



                                                    .botones li
                                                    {
   
                                                        width:159px;
                                                        height: 40px;
                                                        display: block;
                                                        float: left;                            
                                                        list-style-type: none;
                                                        line-height: 40px;
                                                        text-align: center;
                                                        background-color: Black;
                                                        cursor: pointer;    
                                                    }

                                                    .botones li a       
                                                    {
                                                        text-decoration: none;
                                                        color: White;
                                                        font-family: "Times New Roman",Times,serif;
                                                        font-size: 15px;
                                                    }

                                                    .botones li:hover
                                                    {
                                                        background-color: #c49f51;
                                                    }

                                                    .botones li .submenu
                                                    {
                                                        height: 40px;
                                                        display:none;

                                                    }

                                                    .botones li:hover .submenu
                                                    {
                                                        display:block;

                                                        overflow: visible;
                                                    }*/



.cambio_clave li
{
   
    width:152px;
    height: 40px;
    display: block;
    float: left;                            /* modifique left a right */
    list-style-type: none;
    line-height: 40px;
    text-align: center;
    background-color: Black;
    cursor: pointer;    
}

.cambio_clave li a       
{
    text-decoration: none;
    color: White;
    font-family: "Times New Roman",Times,serif;
    font-size: 15px;
}

.cambio_clave li:hover
{
    background-color: #c49f51;
}

                                                    /*.cambio_clave li .submenu
                                                    {
                                                        height: 40px;
                                                        display:none;

                                                    }

                                                    .cambio_clave li:hover .submenu
                                                    {
                                                        display:block;

                                                        overflow: visible;
                                                    }*/

    #menu1 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        height: 100%;
    width: 929px;
}

    #menu1 > li  
    {
        position: relative;
        float: left;
        /*top: 3px;*/
        top: 29px;
        left: 0px;
        height: 71%;
        width: 154px;
       
}

    #menu1 li .flecha 
    {
        font-size: 14px;
        padding-left: 3px;
        display:inline;
    }

    #menu1 li a  /*color de las letras del menú*/
    {
        /*border-right: 1px solid #666; /*borde línea de los botones*/
        border-right: 1px solid rgba(102, 102, 102, 0.19);
        padding: 10px;
        /*color: #d6dadd; /*e5ce8b*/
        color:black;
        text-decoration: none;
        display: block;
        }

    #menu1 li a:hover /*color de las letras cuando se colocan sobre el menu*/
    {
        background-color: #f2f2f2; 
        border-right: none;/*1px solid #666;*/
        padding: 6px;
        color: black; /*e5ce8b*/
        text-decoration: none;
    }

    #menu1 ul 
    {
        position: absolute;
        z-index: 99999;
        display: none;
        list-style-type: none;
        list-style: none;
        margin: 0;
        padding: 0;
        width:180px;
        background-color:black; 
    }

    #menu1 ul li a  /*efecto de cuadro del submenú*/
    {
        /*background-color: #252526;  /*fondo de*/
        background-color:#f2f2f2;
        border-bottom-width: 1px;  /*originalmente en 0', con 1px se muestran el efecto de línea*/
        border-right-style: none;
        border-bottom-style: solid;
        border-bottom-color: rgba(102, 102, 102, 0.19);/*#BEC1DA; /*c9c9c9*/
       /* opacity: .75;*/
   
    }

    #menu1 ul li a:hover /*marca sobre el submenú*/
    {
        /*background-color: #131315;*/
        background-color :#f2f2f2;
        color: black; /*e5ce8b*/
        opacity: 0.95;
    
    }

    #menu1 li:hover > ul
    {
        display: block;
    }

    /* Desde aquí van los submenus*/

    #menu1 li ul li
    {
        position: relative;
        
    }

    #menu1 li ul li ul
    {
       /* background-color: white;*/
       background-color:#fdfdfd;
       /* opacity: 0.80;*/
        right: -180px;
        top: 0;
    }


/* DESDE AQUI EL EEFECTO DEL SUB MENU*/



/********************************** fin cabecera **********************************/
/********************************** fin cabecera **********************************/

/********************************** cuerpo **********************************/
/********************************** cuerpo **********************************/

#cuerpo
{
    width: 1000px;
    height: 789px;
    margin-top: 15px;
    margin: 0 auto;
}

#separador
{
    /*background-image: url('/imagenes/separadore-2.png');*/
    background-color:aliceblue;
    width: 858px;
    height: 36px;
    margin-top: 10px;
    margin: 0px auto auto auto;
}

#contenido_cuerpo
{
    margin-top: 10px;
}


.text_label
{
    width: 179px;
    margin-top: 0px;
}


#panel_informacion
{
    margin: 10px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 980px;
    height: 649px;
    color: #D6DADD;
}

#grid
{
    margin-left: 0px;
    margin-top: 20px;
}

#grid_documentos_informes
{
    margin-left:190px;
    margin-top: 20px;
    width: 602px;
}


/********************************** fin cuerpo **********************************/
/********************************** fin cuerpo **********************************/

/********************************** pie **********************************/
/********************************** pie **********************************/


#contenedor_pie
{
    margin:0px auto auto 0px;
    width: 100%;
    height: 109px;
}


#pie
{
    /*background-image: url('/imagenes/section.png');*/
    background-color:#292b33;
    background-repeat:repeat;
    width: 100%;
    height: 100%;

}

#pie2
{
    /*background-image: url('/imagenes/section.png');*/
    background-color:#292b33;
    background-repeat:repeat;
    width: 100%;
    height: 100%;

}

/********************************** fin pie **********************************/
/********************************** fin pie **********************************/


#login
{
    background-image: url('/imagenes/logueo.png');
    background-repeat: no-repeat;
    position:absolute;
    height: 450px;
    width: 635px;
    margin-top: 10%;
    margin-left: 28%;
}

#login_cambio_clave
{
    background-image: url('/imagenes/logueo.png');
    background-repeat: no-repeat;
    position:absolute;
    height: 450px;
    width: 635px;
    margin-top: 10%;
    margin-left: 28%;
}


#inicio_sesion
{

    height: 184px;
    width: 316px;
    margin-top: 34px;
    margin-left: 268px;
}

#cambio_clave
{
   
    width:349px;
    height: 148px;
    margin-top: 48px;
    margin-left: 233px;
}

#cambiar_contrasenia
{
    width: 140px;
    margin-left: 0px;
    float: right;
    
}

#cancelar_contrasenia
{
    width: 77px;
    float: right;
    margin-right: 15px;
    
}

#controles
{
    background-image: url('/imagenes/section.png');
    margin-top: 25px;
    width: 880px;
    height: 160px;
    margin-top:0px;
    margin-left: 50px;
}

#boton
{
    height: 25px;    
}

#contenido_imagen
{
    width: 225px;
    height: 167px;
    float: left;    
}

#logo_nombre_pagina
{
    width: 399px;
    height: 34px;
    margin-top: 133px;
    margin-left: 337px;
    float: left;       
}

#panel_informacion_socio
{
    margin: 0px 0px 32px 3px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 1000px;
    height: 385px;
}

#panel_informacion_dependiente
{
    margin: 10px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 979px;
    height: 362px;
}

#panel_informacion_membresia
{
    margin: 0px 0px 10px 0px;
    /*background-image: url('/imagenes/section.png');
    background-repeat: repeat;*/
    width: 1000px;
    height: 291px;    
}

#separador_socio, #separador_dependiente
{
    background-image: url('/imagenes/separadore-2.png');
    width: 858px;
    height: 36px;
    margin-top: 10px;
    margin: 0px auto auto auto;
}

#tabla_socio
{
    width: 896px;
    margin-left: 9px;
    margin-right: 0px;
    height: 375px;
    margin-bottom: 0px;
}

#tabla_datos_factura
{
    background-image: url('/imagenes/section.png');
    width: 780px;
    margin-left: 100px;
    margin-right: 100px;
    height: 237px;
    margin-bottom: 0px;
    margin-top: 5px;
}

#tabla_membresia
{
    width: 740px;
    margin-left: 120px;
    margin-right: 120px;
    height: 217px;
    margin-bottom: 0px;
}


#encabezado_tabla_socio
{
    margin-top: 26px;
    margin-bottom: 10px;
        
}

#panel_informacion_cuota
{
    margin: 10px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 979px;
    height: 729px;
}

#check_cuotas
{
    width: 400px;
    margin-top: 20px;
    margin-left: 40px;
    
}

#grid_cuota
{
    margin-top: 20px;
    margin-left: 120px;
    width: 740px;
}

#mensaje_sesion
{
    background-color:#ffffff;
    width: 50%;
    margin-top: 10%;
    margin-left: 25%;
    height: 418px;
}

#logo_caducasesion
{
    float: left;
    width: 232PX;
    height: 171PX;
}

#mensaje_caducasesion, #nueva_clave
{
    float: left;
    width: 415px;
    height: 234px;
    border-radius: 15px;
    background-color: #595959; 
    opacity: 0.90;
    margin-left: 14px;
    margin-top: 4px;
    margin-bottom: 0px;
    position:relative;
    top: 0px;
    left: 3px;
}

#mensaje_caduca
{
    text-align:center;
    margin-right: 21px;
    color: #cccccc;
}

#mensaje_nueva_clave, #mensaje_nuevo_mail
{
    text-align: left;
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 17px;
    color: #CCCCCC;
}

#error 
{
    text-align: center;
    font-size: x-large;
    border-width: 1px;
    border-style: solid;
    border-radius: 15px 15px 0px 0px;
    background-color: #292b33;
    height: 32px;
    font-family:Myriad Pro;
    color: #dcc473;
}

#etiqueta_nueva_clave
{
    font-family:Myriad Pro;
    color: #dcc473;
    text-align: center;
    font-size: x-large;
    border-width: 1px;
    border-style: solid;
    border-radius: 15px 15px 0px 0px;
    background-color: #292b33;
    height: 32px;
}

#mensaje_logueo
{
    margin-left: 102px;
    width: 454px;
    height: 54px;
}

#mensaje_login
{
    width: 82%;
    margin-left: 56px;
    margin-top: 65px;
    height: 32px;
    text-align: right;
    font-size: 24px;
    font-family:Myriad Pro;
    color: #dcc473;
}

/*Grosor de la linea bajo mensajes*/

hr {
  height: 1px;
  width: 100%;
  margin-left: 00%;
  margin-right: 50%;
  background-color: white;
}


/***************************** estilos pagina invitaciones  ****************************************/
/***************************** estilos pagina invitaciones  ****************************************/


#panel_informacion_invitado
{
    margin: 10px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 988px;
    height: 511px;
}
/* estilos angel*/
#fecha
{

    height: 88%;
    width: 83%;
}

#dia
{
    float: left;
    width: 49%;
    margin-right: 0px;
    margin-left: 0px;
}

#texto 
{
    float: left;
    width: 71%;
    height: 29px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#fecha_reserva 
{
    width: 23%;
    height: 23px;
}


#calendario1 
{
/*float: right; */
    margin-left: 7%;
    width: 92%;
    height: 155px;
    margin-bottom: 0px;
}

#grid_invitados 
{
    margin-top: 25%;
    float: right;
    margin-top: 17px;
}

#panel_informacion_invitado
{
    margin: 10px 10px 10px 17px;
    background-image: url('/imagenes/section.png');
    background-repeat: repeat;
    width: 962px;
    height: 662px;
}

#contenedor_calendario 
{
    float: left;
    height: 159px;
    width: 249px;
    margin-top: 11px;
}

#contenedor_mensajes 
{
    /*float: right;*/
    margin-top: 15%;
}