@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600);

* { 
    margin: 10;
    padding: 0;
}

body { 
    background-color: rgb(247, 239, 239);
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0px;
    padding-bottom: 0px;
        }
        
div#carilla {
    background-color: rgb(247, 239, 239);
    width: 960px;
    margin: auto;
    padding-bottom: 0px;
}

header {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav ul {
    list-style: none;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 8px;
    width: 960px;
    height: 10px;
    background-color: #fff;
}

nav ul li {
    display: inline;
    padding: 20;
    margin-right: 90px;
    font-family: "Raleway", sans-serif;
}

nav ul li a {
    text-decoration: none;
}

/* link */
a:link    {
    color: #323332;
}

/* link visitar */
a:visited {
    color: #008076;
}

/* mouse sobre link */
a:hover   {
    color: #52cdd8;
}

/* link seleccionado */
a:active  {
    color: #0d7c7c;
}

main { background-color: #fff; 
    width: 61%;
    float: left;
    font-size: 14px;
    height: 450px;
    color: rgb(65,64,66);
    padding: 20px;
    margin-top: 8px;
    }

.mainindex {
    height: 350px;
    }

.destacado1 {
    font-family: "Raleway";
    font-weight: 600;
    color: rgb(158, 182, 184);
    padding: 0px;
}

.destacado2 {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: rgb(158, 182, 184);
    padding: 0px;
}

.destacado3 {
    font-size: 14px;
    font-family: "Crimson Text", serif;
}

.destacado4 {
    font-family: "Raleway", sans-serif;
    font-weight: 100;
    font-size: 11px;
    color: rgb(158, 182, 184);
}

.destacado5 {
    font-family: "Raleway";
    font-weight: 600;
    color: rgb(158, 182, 184);
    padding: 0px;
}

aside { 
    background-color: #fff;
    width: 29%;
    float: right;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 18px;
    margin-top: 8px;
    height: 450px;
    }

.asideindex {
    height: 350px;
}

#logo {
    background-color: #fdfff7;
    text-align: center;
}
/* footer */
footer {
    background-color: rgb(65, 64, 66);
    height: 22px;
    padding-top: 10px;
    padding: 20px;
    clear: both;
    font-size: 9px;
    font-family:sans-serif;
    color: #fff;
    }

.footer {
    float: left;
    width: 80%;
}

.logodgpc {
    float: right;
}