@charset "iso-8859-1";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);

body{
    background-color:mediumturquoise;
}

    div#contenedor {
        width: 960px;
        margin: 0 auto;
        background-color: ghostwhite;
        color:black;
        position: relative;
        font-family: 'Lato', sans-serif;
    }

        header {
            height: 100px;
            display: block;
            padding-bottom: 30px;
        }

            div#logo {
                position: absolute;
                top:25px;
                left:25px;
                float: left;
            }

            div#links{
                position: absolute;
                top: 20px;
                left: 720px;
                float: right;
            }

                ul{
                    list-style: none;
                    text-align: right;
                }
                
                li{
                    padding:3px;
                    font-size: smaller;
                }
                
                li a{
                    text-decoration: none;
                    color: red;
                    font-weight: 700;
                    display: block;
                }
                
                li a:hover{
                    color:darkorange;
}
        main{
            height: 500px;
            clear: both;
            display: block;
            padding-top:10px;
        }

            h1{
                font-size: medium;
            }

            aside {
                padding-left: 10px;   
                width:230px;
                position: relative;
            }

                #datos {
                    font-size: 10px;
                    border: solid;
                    border-width: medium;
                    padding-left: 15px;
                    padding-right: 15px;
                    border-color: #ffdb00;
                    position: absolute;
                    bottom: -500px;
                    color: dimgrey;
                }


                #descripcion{
                    float: left;
                    border-left: solid;
                    border-left-width: medium;
                    padding-left: 15px;
                    border-left-color: mediumturquoise;
                    color: dimgrey;
                    font-size: 10px;
                }


            #integrantes{
                padding-left: 15px;
                position: relative;
                left: 289px;
            }

                h3{
                    font-size: 14px;
                    color: cadetblue;
                }

                #nahuel{
                    position: absolute;
                    left: 55px;
                    top: -35px;
                    width: 150px;
                }

                #lucia{
                    position: absolute;
                    top: 185px;
                    left: 240px;
                    width: 150px;
                }

                #mara{
                    position: absolute;
                    top: -35px;
                    left: 425px;
                    width: 150px;
                }

               

                #integrantes p{
                    font-size: 40px;
                    font-weight: 900;
                    color: orange;
                }

                #integrantes img:hover{
                    moz-box-shadow: 0 0 10px yellow; 
                    -webkit-box-shadow: 0 0 10px yellow; 
                    box-shadow: 0 0 10px yellow; 
                }

        footer{
            clear: both;
            background-color: lightgray;
            font-size: x-small;
        }
            footer p{
                padding: 6px;
            }