*{
    margin: 0px;
    padding: 0px;
}
body{
    background-color: #04263e;  
}
#cabecera {
    max-width: 100%;
    background: #000000 url('images/barcosalineados.jpg') no-repeat center;
    background-size: 100% auto;
    
}
#presentacion{
    margin: 0px;
    padding: 0px;
} 
#copyright{
    color: #ffffff;
    font: 25px eternate, arial, verdana, sans-serif;
}
@font-face{
    font-family: 'autography';
    src: url('fonts/Autography.otf');
}
@font-face{
    font-family: 'eternate';
    src: url('fonts/eternate_two_bold.otf');
}
@font-face{
    font-family: 'radiant';
    src: url('fonts/radiant.ttf');
}
@font-face{
    font-family: 'lemon-milk';
    src: url('fonts/LemonMilk.otf');
}
#conjunto-inicio{
    width: 100%;
    height: 625px;
    background: #3ee5eb url('images/barcopajaroazulrotado.png') no-repeat center;
    background-size: 150% auto;
    background-position: 10%;

}
#ils-inicio{
    max-width: 100%;
    font: normal 50px  lemon-milk, radiant, arial, sans-serif;
    text-align: left;
    text-shadow: #06268d 5px 10px 10px;
    color: #eee6da;    
    transform: translateX(40px) translateY(50px);
}
#eslogan-inicio{
    max-width: 80%;
    font: normal 50px  lemon-milk, radiant, arial, sans-serif;
    text-align: left;
    text-shadow: #06268d 5px 10px 10px;
    color: #eee6da;
    transform: translateX(40px) translateY(50px);
}
#pie-copy{
    transform: translateY(450px);
}
#footer{
    transform: translateY(100%);
    padding: 8px;
    margin-bottom: 0px;
    background-color: #04263e);

}
#lista-pie {
    font-family: Geneva, Verdana, sans-serif;
    font-weight: normal;
    font-size:15px;
}

#lista-pie li {
     display:inline;
     padding-left:30px;
     padding-right:30px;
    background-color: transparent;
}
a {
    color:#ffffff;
    text-decoration:none;
}
a:hover {
    color:#b12029;
    background-color: transparent;
    text-decoration: none;
}