body
{
    background-color: #f5f5f2;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.titulo img
{
    position: relative;
    left: 440px;
    top: 35px;
}

.titulo
{
    height: 180px;
    background-image: url(fundo2.jpg);
    position: relative;
}

.titulo h1
{
    color: white;
    position: relative;
    font-size: 60px;
    left: 570px;
    top: -90px;
    width: 361px;
}

.menu
{
    position: relative;
    top: -57px;
}

.ref
{
    width: 90.7px;
    height: 36px;
    position: relative;
    right: -1240px;
    top: -185px;
}

.ref h1
{
    color: white;
}

.subtitulo1 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 249px;
}

.subtitulo3 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 300px;
}

.subtitulo4 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo5 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo6 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo7 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo8 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo9 h1
{
    position: relative;
    right: -7%;
    color: black;
    width: 500px;
    top: 40px;
}

.subtitulo1
{
    position: relative;
    top: 10px;
}

.subtitulo2
{
    position: relative;
    top: 20px;
}

.subtitulo1 p
{
    font-size: 16px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
}


.subtitulo2 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
}

.subtitulo3 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
}

.subtitulo4 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo5 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo6 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo7 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo8 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo9 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.subtitulo3 img
{
    position: relative;
    right: -260px;
    top: 40px;
    padding-bottom: 80px;
}

.subtitulo4 img
{
    position: relative;
    right: -75px;
    top: 60px;
    padding-bottom: 40px;
}

.subtitulo5 img
{
    position: relative;
    right: -80px;
    top: 60px;
    padding-bottom: 40px;

}

.subtitulo6 img
{
    position: relative;
    right: -325px;
    top: 60px;
    padding-bottom: 40px;

}

.foto1 img
{
    position: relative;
    right: -75px;
    top: 40px;
    padding-bottom: 20px;
}

.foto1 p
{
    font-size: 15px;
    line-height: 1.5;
    width: 80%;
    position: relative;
    top: 40px;
    right: -10%;
    color: black;
    padding-bottom: 80px;
}

.menu ul
{
    border-top: 1px solid white;
    background-color: #02476d;
    margin: 0;
    padding: 0;
    position: relative;
    height: 37px;
}


.menu li
{
    list-style: none;
    padding: 0;
    margin: -3px;
    display: inline;
    position: relative;
    top: 9px;
    right: -900px;
}

.menu li a
{

    padding: 10px 20px;
    margin 0;
    /*border: 1px solid;*/
    background: #02476d;
    text-decoration: none;
    color: white;
    
}

.menu li a:hover
{
    background-color: #d2b210;
}

.lista1
{
    height: 560px;
}

.lista1 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.lista1 .img1 img
{
    position: relative;
    right: -150px;
    top: 60px;
    border: 1px solid grey;
}

.lista1 .img2 img
{
    position: relative;
    right: -900px;
    border: 1px solid grey;
}

.lista1 .img2
{
    position: relative;
    top:-167px;
}

.lista1 ul
{
    position: relative;
    right: -10%;
    top: 40px;
    width: 80%;
}

.lista1 ul li
{
    line-height: 2;
    color: black;
}
.lista1 ul li a
{
    font-size: 19px;
    color: black;
    text-decoration: none;
}

.lista2
{
    height: 550px;
}

.lista2 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.lista2 ul
{
    position: relative;
    right: -10%;
    top: 40px;
    width: 80%;
}

.lista2 ul li
{
    line-height: 2;
    color: black;
}
.lista2 ul li a
{
    font-size: 19px;
    color: black;
    text-decoration: none;
}

.lista2 .img1 img
{
    position: relative;
    right: -150px;
    top: 60px;
    border: 1px solid grey;
}

.lista2 .img2 img
{
    position: relative;
    right: -900px;
    border: 1px solid grey;
}

.lista2 .img2
{
    position: relative;
    top:-167px;
}

.lista3
{
    height: 650px;
}

.lista3 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.lista3 ul
{
    position: relative;
    right: -10%;
    top: 40px;
    width: 80%;
}

.lista3 ul li
{
    line-height: 2;
    color: black;
}
.lista3 ul li a
{
    font-size: 19px;
    color: black;
    text-decoration: none;
}

.lista3 .img1 img
{
    position: relative;
    right: -150px;
    top: 60px;
    border: 1px solid grey;
}

.lista3 .img2 img
{
    position: relative;
    right: -900px;
    border: 1px solid grey;
}

.lista3 .img2
{
    position: relative;
    top:-167px;
}

.lista3 .t1 ul
{
    position: relative;
    right: 0;
    top: 10px;
    width: 80%;
}

.lista4
{
    height: 550px;
}

.lista4 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.lista4 ul
{
    position: relative;
    right: -10%;
    top: 40px;
    width: 80%;
}

.lista4 ul li
{
    line-height: 2;
    color: black;
}
.lista4 ul li a
{
    font-size: 19px;
    color: black;
    text-decoration: none;
}

.lista4 .img1 img
{
    position: relative;
    right: -150px;
    top: 60px;
    border: 1px solid grey;
}

.lista4 .img2 img
{
    position: relative;
    right: -900px;
    border: 1px solid grey;
}

.lista4 .img2
{
    position: relative;
    top:-167px;
}

.lista5 p
{
    font-size: 15px;
    line-height: 2;
    width: 80%;
    position: relative;
    right: -10%;
    color: black;
    top: 40px;
}

.lista5 ul
{
    position: relative;
    right: -10%;
    top: 40px;
    width: 80%;
}

.lista5 ul li
{
    line-height: 2;
    color: black;
}
.lista5 ul li a
{
    font-size: 19px;
    color: black;
    text-decoration: none;
}

.lista5 .img1 img
{
    position: relative;
    right: -150px;
    top: 60px;
    border: 1px solid grey;
}

.lista5 .img2 img
{
    position: relative;
    right: -870px;
    border: 1px solid grey;
}

.lista5 .img2
{
    position: relative;
    top:-167px;
}