/* ESTILO DE PAGINA PRINICIPAL */

/* Estilo general */
body {
margin: 0px;
padding: 0px;
background-image: url(back.jpg);
background-repeat: repeat-x;
background-color: #c4bfb8;
color: #382717;
font-family: Verdana;
font-size: 12px;
}

/* Estilo para los links de la pagina */
.page_link {
color: #3ac0e8;
font-weight: bold;
}

/* Estilo de la caja de sombra */
#shade {
margin: 0 auto;
width: 1010px;
background-image: url(shade.png);
background-repeat: repeat-y;
}

/* Estilo de la caja prinicipal */
#mainbox {
margin: 0 auto;
width: 980px;
background-color: #e8e6e2;
}

/* Estilo del menu */
#menu {
width: 980px;
height: 156px;
}

/* Estilo del usuario */
#user {
margin-bottom: 20px;
width: 980px;
height: 81px;
background-image: url(user_back.jpg);
}


/* Estilo para la caja de contenido izquierdo */
#content_izq {
float: left;
width: 490px;
}

    /* Estilo para la caja BIENVENIDOS*/
    #bienvenidos {
    margin-left: 40px;
    width: 450px;
    }

    /*  Estilo para la imagen de bienvenidos */
    .bienvenidos_img {
    margin-top: 10px;
    }

    /* Estilo para el texto de bienvenidos */
    .bienvenidos_txt {
    margin-top: 10px;
    }

    /* Estilo para la caja INFORMACION*/
    #informacion {
    margin-left: 40px;
    width: 450px;
    }

    /* Estilo para el titulo de informacion */
    .informacion_titulo {
    margin: 10px 0px 10px 0px;
    }

        /* Estilo para el contenedor de DEFINICION */
        #definicion {
        width: 450px;
        }

            /* Estilo para la imagen: Que es el sindrome prader willi */
            #info1_img {
            float:left;
            width: 180px;
            }

            /* Estilo para el texto: Que es el sindrome prader willi */
            #info1_txt {
            float:left;
            width: 270px;
            }

        /* Estilo para el contenedor de CARACTERISTICAS */
        #caracteristicas {
        width: 450px;
        }

            /* Estilo para la imagen: Caracteristicas del sindrome prader willi */
            #info2_img {
            float:left;
            width: 180px;

            }

            /* Estilo para el texto: Caracteristicas del sindrome prader willi */
            #info2_txt {
            float:left;
            width: 270px;
            }


/* Estilo para la coja de contenido derecho */
#content_der {
float: left;
width: 490px;
}

    /* Estilo para la caja ULTIMAS NOTICIAS */
    #ultimas_noticias {
    width: 450px;
    margin: 0px 35px 0px 5px;
    }

    /* Estilo para titulo de ultimas noticias */
    .ultimasnoticias_titulo {
    margin-bottom: 10px;
    }


    /* Estilo para contenedor ULTIMAS NOTICIAS */
    #ultimas_noticias_contenedor {
    margin: 0 auto;
    width: 400px;
    padding: 10px;
    line-height: 1,5em;
    background-color: #f4f4f2;
    }
        /* Estilo para la lista de la noticia  */
        .noticia{
        list-style-image: url(list_noticias.jpg);
        }

        /* Estilo para el titulo de la noticia */
        .titulo_noticia{
        font-weight: bold;
        text-decoration: underline;
        }


        /* Estilo para la fecha de la noticia */
        .fecha_noticia {
        color: #939393;
        }

        /* Estilo para el link mostrar todas las noticias  */
        .todas_noticias {
        list-style-image: url(list_todas_noticias.jpg);
        }

    /* Estilo para caja GALERIA */
    #galeria {
    width: 450px;
    margin: 0px 35px 0px 5px;
    }

        /* Estilo para titulo de galeria */
        .galeria_titulo {
        margin: 10px 0px 10px 0px;
        }

            /* Estilo para contenedor de galerķa */
            #galeria_contenedor {
            width: 450px;
            height: 69px;
            background-image: url(back_galeria.jpg);
            }

        /* ESTILO PARA LAS IMAGENES AL AZAR */
        .galeria_imagenprimera{
        margin: 1px 0px 0px 35px;
        }

        .galeria_imagenotras{
        margin: 1px 0px 0px 11px;
        }


        /* Estilo para el link ver todas las imagenes  */
        .todas_imagenes {
        list-style-image: url(list_todas_imagenes.jpg);
        }

/* ESTILO PARA LA PARTE INFERIOR DE LA PAGINA */
#intranet_contenedor {
float: left;
width: 490px;
height: 188px;
background-image: url(back_intranet.jpg);
}

.login_btn{
margin-left: 380px;
margin-top: 10px;
}


    /* Estilo para usuario input */
    .usuario_input {
    margin: 70px 0px 0px 190px;
    border: 0px;
    }

    /* Estilo para pass input */
    .pass_input {
    margin: 25px 0px 0px 190px;
    border: 0px;
    }


#actualizaciones_contenedor {
float: left;
width: 490px;
height: 188px;
background-image: url(back_actualizaciones.jpg);
}

.actualizaciones_btn{
margin-left: 340px;
margin-top: 10px;
}


    /* Estilo para email input */
    .email_input {
    margin: 80px 0px 0px 30px;
    border: 0px;
    }


/* Estilo para foot */
#foot{
width: 980px;
font-family: Verdana;
font-size: 12px;
color: #939090;
}

    /* Foot linea */
    .foot_linea {
    margin-bottom:5px;
    }


    /* Foot text */
    .foot_text {
    margin: 0px 0px 5px 40px;
    }

    /* Foot link */
    .foot_link {
    color: #939090;
    text-decoration:none;
    }

    /* Foot link HOVER*/
    .foot_link:hover {
    color: #545353;
    text-decoration:underline;
    }