/* Estilos Porfolio Aién Sanchez Galdeano*/
/*Equipo 14*/

@font-face

body {
    width: 100%;
    height: 100%;
    margin: 0%;
    margin-top: 0%;
    padding: 0%;
    font-size: 50pt;
}

header {
    width: 940px;
    height: 820px;
    margin-top: 0rem;
    margin:auto;
    background-image: url(imagenes/fondo.svg);
    background-repeat: no-repeat;
}


div#borde img {
    width: 100%;
    height: 10%;
}

nav#botonerarriba {
    width: 58%;
    height: 0rem;
    float: right;
    margin-top: 0rem;
}

nav#botonerarriba ul {
    color: #082f6d;
    height: 10rem;
    list-style: none;
    text-decoration: none;
    text-decoration-color: none;
}


nav#botonerarriba ul li {
    float: left;
    width: 23%;
}

nav#botonerarriba ul li a {
    height: 3.6rem;
    display: block;
    font-family: 'Rochester', cursive;
    font-size: 1.5rem;
    font-weight: 400;
    color: rgb(250, 228, 206);
    margin-top: 1.5rem;
    text-decoration: none;
    text-align: center;
    background-image: url(imagenes/botonera.svg);
    background-repeat: no-repeat;
    background-position: center;
}

div#logo {
    width: 40%;
    display: block;
    margin-left: 2rem;
    float: left;
}


header h3 {
    display: block;
    color: rgb(253, 99, 3);
    margin-top: 0.5rem;
    margin-left: 9.8rem;
    width: 25%;
    height: 0.5rem;
    float: left;
    font-family: 'Rochester', cursive;
    font-size: 1.5rem;
    font-weight: 100;
}


div#logo img {
    display: block;
    margin-left: 1rem;
    margin-top: 0rem;
    float: left;
    width: 55%;
}

header h1 {
    color: #082f6d;
    margin-top: 9.3rem;
    width: 53%;
    float: right;
    font-family: 'Patua One', cursive, sans-serif;
    font-size: 2.5rem;
}




div#contenidos {
    margin:auto;
    margin-top: 8rem;
    width: 940px;
    font-family: 'Droid Serif', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
}


.textodestacado {
    font-family: 'Rochester', cursive;
    font-size: 1.3rem;
    color: rgb(253, 99, 3);
    line-height: 1.6rem;
}

.textodestacado1 {
    font-family: 'Droid Serif', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #082f6d;
    line-height: 1.6rem;
}

section {
    width: 100%%;
    height: 100%;
    margin-top: 3rem;
    margin-left: 3rem;
    font-size: 0.9rem;
}

.columna {
    color: rgb(4, 42, 95);
    width: 46%;
    float: left;
    font-family:'Droid Serif', sans-serif;
    font-size: 0.9rem;
    line-height: 1.6rem;
}

.columna2 {
    color: rgb(4, 42, 95);
    width: 43%;
    float: right;
    font-family:'Droid Serif', sans-serif;
    line-height: 1.3rem;
}

div#pie1 {
    width: 940px;
    height: 100px;
    border-top: 2px solid #fffefe;
    font-family:'Droid Serif', sans-serif;
    margin: auto;
    background-color: rgba(4, 42, 95, 0.41);  
}


p {
    width: 43%;
    float: left;
    margin-left: 3rem;
    color: rgb(4, 42, 95);
    margin-top: 1rem;
    font-size: 1rem;
}

p a {
    font-weight: 400;
    color: rgb(252, 243, 235);
    text-decoration: none;
}

small {
    width: 40%;
    float: right;
    color: #fff8fa;
    margin-top: 1rem;
    margin-right: 2rem;
    line-height: 0.9rem;
    font-size: 0.65rem;
 }



/* Estilos Mapa Aién Sanchez Galdeano*/
/*Equipo 14*/

@font-face

article {
    margin:auto;
    margin-left: 3rem;
    margin-top: 0rem;
    width: 940px;
    height: 100%;
    font-family: 'Droid Serif', sans-serif;
    font-size: 0.8rem;
    line-height: 1rem;
}


    
h2 {
    display: block;
    color: rgb(253, 99, 3);
    margin-top: 0.5rem;
    margin-left: 3rem;
    width: 100%;
    height: 1rem;
    float: left;
    font-family: 'Rochester', cursive;
    font-size: 3rem;
    font-weight: 100;
}

h4 {
    color: #082f6d;
    margin-top: 2rem;
    margin-left: 3rem;
    width: 940%;
    height: 0rem;
    float: left;
    font-family: 'Patua One', cursive, sans-serif;
    font-size: 2.5rem;
}


div#contenido2 {
    margin-left: 1rem;
    color: rgb(11, 72, 159);
    font-family:'Droid Serif', sans-serif;
    font-size: 0.6rem;
    line-height: 0.9rem;
    margin-top: 0%;
    width: 100%;
    float: left;
}

article p {
    color: #082f6d;
    font-family:'Droid Serif', sans-serif;
    font-size: 0.8rem;
    width: 100%;
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.columna3 {
    width: 42%;
    float: left;
    height: 100%;
    margin-left: 3rem;
    margin-top: 2rem;
    border-right: 1px solid #082f6d;
}

.columna4 {
    width: 42%;
    height: 100%;
    float: right;
    margin-right: 3rem;
    margin-top: 2rem;
}

.textodestacado3 {
    font-family: 'Droid Serif', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #082f6d;
    margin-left: 3rem;
    margin-top: 2rem;
   
}

.textodestacado2 {
    font-family: 'Rochester', cursive;
    font-size: 1.3rem;
    color: rgb(253, 99, 3);
    height: 1rem;
}

.textodestacado4 {
    font-family: 'Rochester', cursive;
    font-size: 1.5rem;
    color: rgb(0, 146, 152);
    height: 2rem;
    width: 100%;
    float: right;
    margin-top: 5%;
}


div#contenido3 {
    margin-right: 1rem;
    color: #082f6d;
    font-family:'Droid Serif', sans-serif;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-top: 0rem;
    height: 3rem;
    float: right;
    width: 100%;
    
}

div#contenido2 ul {
    margin-top: 0%;
}


div#contenido3 ul {
    margin-top: 0%;
}


/* Estilos Carta Aién Sanchez Galdeano*/
/*Equipo 14*/

div#fondo {
    margin:auto;
    margin-top: 0rem;
    margin-top: 1rem;
    width: 940px;
    height: 1490px;
    font-family: 'Droid Serif', sans-serif;
    background-color: rgba(143, 221, 197, 0.76);
}

.items {
    border-bottom: 1px solid rgba(255, 255, 255, 0.98);
    width: 80%;
    margin-left: 2rem;
    font-family: 'Droid Serif', sans-serif;
    margin-top: 1rem;
    float: left;
   
}

.items1 {
    width: 80%;
    margin-left: 2rem;
    font-family: 'Droid Serif', sans-serif;
    margin-top: 1rem;
    float: left;
   
}

.textodestacado5 {
    font-family: 'Patua One', cursive, sans-serif;
    width: 80%;
    margin-top: 3rem;
    font-size: 1rem;
    font-weight: 500;
    color: #08656d;
    line-height: 1.6rem;
}

h5 {
    color: rgb(103, 7, 163);
    margin-top: 3rem;
    margin-left: 3rem;
    width: 80%;
    height: 5rem;
    float: left;
    font-family: 'Rochester', cursive;
    font-size: 5rem;
    font-weight: 500;
}

h6 {
    color: rgb(77, 5, 123);
    margin-top: 0.5rem;
    margin-left: 3rem;
    width: 80%;
    height: 0rem;
    float: left;
    font-family: 'Patua One', cursive, sans-serif;
    font-size: 1.4rem;
}

h7 {
    color: rgb(201, 9, 98);
    margin-top: 1rem;
    margin-left: 2.5rem;
    width: 80%;
    height: 2rem;
    float: left;
    font-family: 'Patua One', cursive, sans-serif;
    font-size: 1.4rem;
}
div#pie {
    background-color: rgb(77, 5, 123);
    width: 100%;
    height: 100px;
    margin-top: 92rem;
    font-family:'Droid Serif', sans-serif;
   
}



div#pie p {
    width: 43%;
    float: left;
    margin-left: 3rem;
    color: rgb(109, 239, 218);
    margin-top: 1rem;
    font-size: 1rem;
}



div#carta {
    margin:auto;
    margin-top: 0rem;
    width: 940px;
    height: 100%;
    font-family: 'Droid Serif', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2rem;
}

div#logo2 {
    width: 100%;
    background-color: rgb(228, 253, 242);
    margin-left: 0rem;
    float: left;
    height: 130px;
}


div#logo2 img {
    display: block;
    margin-top: 0rem;
    float: right;
    width: 8%;
    margin-right: 1rem;
}

div#contenido4 {
    color: #085a6d;
    font-family:'Droid Serif', sans-serif;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-top: 0rem;
    height: 6rem;
    float: left;
    width: 100%;
    margin-left: 0rem;
}

div#contenido4 ul li a {
    color: rgb(228, 253, 242);
    text-decoration: none;
    
}


div#contenido5 {
    color: #08656d;
    font-family:'Droid Serif', sans-serif;
    font-size: 0.7rem;
    line-height: 0.9rem;
    margin-top: 0rem;
    height: 13rem;
    float: left;
    width: 100%;
    margin-left: 0rem;
   
    
}


div#contenido4 ul li {
    float: left;
    width: 80%;
    margin-left: 0rem;
    text-decoration: none;
    text-decoration-color: none;
    text-decoration-line: none;
}