@import url("fuentes.css");

/* IMAGEN FONDO */
body {
    background-color: rgb(0, 0, 0);
}

#contenedor {
    width: 1900px;
}

main{
    width:1800px;
    position: absolute;
}

/* LOGO */

header {
    width: 1900px;
}


header img {
    width: 87.5%;
    margin-left: 6%;
    margin-right: 6.5%;
    margin-top: 2%;
}

/* NAVEGACION */
nav {
    width: 90%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 4%;
}

nav ul li {
    float: left;
    list-style: none;
}

nav ul li a {
    text-decoration: none;
    width: 273px;
    display: block;
    font-size: 12pt;
    font-family: 'fishmongerkxcond_light';
    text-align: center;
    border-bottom-style: solid;
    border-right-style: solid;
    padding-bottom: 5px;
    padding-top: 5px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

nav ul li a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

/* LINKS */

#links ul {
    list-style: none;
    margin-left: 70px;
    position: fixed;
    margin-top: 88px;
}

#links ul li {
    margin: 0em;
    padding: 0.5em;
}

#links ul li a {
    font-family: 'fishmongerkxcond_semibold';
    text-decoration: none;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    font-size: 12pt;
    display: block;
    width: 250px;
    padding: 0.3em;
   
}

#links ul li a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

#modulo {
    clear: both;
    display: block;
    width: 80%;
    margin-left: 21%;
}

#modulo li.texto {
    width: 30%;
    display: block;
    float: left;
    margin-left: 5%;
    margin-top: 50px;
}

#modulo h1 {
    font-size: 50pt;
    font-family: 'fishmongerkmedium_thin';
    margin-bottom: 20px;
    margin-top: 0px;
}

#modulo h2 {
    font-size: 18pt;
    font-family: 'fishmongerkmedium_thin';
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
    margin-top: 0px;
}

#modulo p {
    margin-top: 0px;
    font-size: 10pt;
    font-family: 'fishmongerkmedium_thin';
    color: rgb(255, 255, 255);
}

#modulo li.foto img {
    width: 30%;
    margin-top: 100px;
    float:left;
    margin-left: 5%;
    margin-top: 50px;
}

#links2 ul {
    width: 20%;
    list-style: none;
    margin-top: 50px;
    float: left;
}

#links2 ul li {
    padding-bottom: 1em;
}

#links2 ul li a {
    font-family: 'fishmongerkxcond_semibold';
    text-decoration: none;
    font-size: 12pt;
    display: block;
    width: 250px;
    text-align: right;
    border-bottom: solid;
}

/* COLOR DE LOS TITULOS*/
.general h1 {
    color: rgb(120, 155, 237);
}

.arquitectonica h1 {
    color: rgb(203, 48, 120);
}

.urbana h1 {
    color: rgb(42,208,176);
}


/* COLOR LINKS MORFOLOGIAS */

.general2 a {
    color: rgb(120, 155, 237);
}

.arquitectonica2 a {
    color: rgb(203, 48, 120);
}

.urbana2 a {
    color: rgb(42,208,176);
}

footer {
    clear: both;
    width: 50%;
    margin-top: 35%;
    margin-left: 25%;
    margin-right: 25%;
    font-size: 10pt;
    font-family: 'fishmongerkxcond_light';
    text-align: center;
    color: rgb(255, 255, 255);
}