.contenedor{
width: 960px;
margin: 0 auto 0 auto;}

body{
    background: #dd8080 url(imagenes/fondo.jpg);
    margin: auto}

.clima{
    height: 25px;
    position:relative;
    float:right;
    margin-top: 30px;
    clear: both}

.logo{
    height:150px;
    position:relative;
    float: left;
    margin-top: 40px;}


header nav  ul {
    list-style-type: none}
header nav li{
    display: inline}
header nav ul li a{
    text-decoration: none;
    color: #223C44;
    font-family: "Univers LT Std";
    font-size: 12px;
    text-align: center}
header nav ul li a:hover{
    color: #D57056}


header nav{ 
    word-spacing: 50px;
    line-height: 30px;
    text-align: center;
    background: #F5E6D3;
    height: 60px;
    letter-spacing: 1px; 
    width: 82%;
    position:relative;
    float: right;
    margin-top: 30px;}

main section .uno{
    background: #D57056;
    height: 400px;
    clear:both;
    width:20.5%;
    position:relative;
    float: left;
    padding-top: 40px}

main section article .principal{
    height: 405px;
    position: relative;
    float: right;
    padding-top: 50px;
    padding-right: 15px}

main section article .pequenas{
    height:120px;
    position:relative;
    object-position: center;
    display: block;
    margin: auto;
    padding-top: 11px;
    padding-bottom: 11px;
    box-sizing:border-box;
    -webkit-filter:grayscale(100%);}
main section article .pequenas:hover{-webkit-filter:grayscale(0%)}

main section article .flechas{
    height: 16px;
    position:relative;
    object-position: center;
    display: block;
    margin: auto;
    padding-top: 9px;
    padding-bottom: 9px}

main section .dos{
    width:61.5%;
    position: relative;
    float: right}

section{
    background: #D57056;
    clear:both;
    width:82%;
    position:relative;
    float: right;}

h1{
    font-family:"Univers LT Std";
    font-size: 55px;
    background: #223C44;
    color:#F5E6D3;
    position: absolute;
    top:-55px;
    right:15px;
    padding: 10px}

h2{
    font-family:"Univers LT Std";
    font-size: 20.5px;
    color:#223C44;
    position: absolute;
    top:70px;
    right:15px;}

main section .tres{
    background: #f2f2f2;
    margin-top: 10px;
    width:80%;
    position: relative;
    float: left}


 p{
     font-family: "Helvetica Neue LT Std";
     font-size: 10px;     
     text-align: left;
     padding-left: 20px;
     padding-right: 20px;}
     
    
    
h3{
    font-family:"Univers LT Std";
    font-size: 21px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 15px}

.apartado{
    background: #f2f2f2;
    margin-top: 10px;
    width:16.15%;
    height:354px;
    position: relative;
    float: right;
    padding: 15px}

aside{
    width:18%;
    position: relative;
    float: left;
    background:#548084;
    margin-top: 35px;
    height: 814px}

h4{
    background: #17565c;
    font-family:"Helvetica Neue LT Std";
    font-size: 16px;
    padding: 10px;
    margin-bottom: 1px;
    text-align: center;
    color: #F5E6D3;
    margin-top:0}

aside .link{
    font-family:"Helvetica Neue LT Std";
    font-size: 16px;
    color: #F5E6D3;
    text-decoration: none;
    text-align: center;
    margin:auto}
aside .link:hover{
    color:#223C44}

aside  ul {
    list-style-type: none}

aside .imas{
    height:100px;
    position:relative;
    object-position: center;
    display: block;
    margin: auto;
    box-sizing:border-box;
    -webkit-filter:grayscale(100%);}
main section article .pequenas:hover{-webkit-filter:grayscale(0%)}

aside .astex{
     font-family: "Helvetica Neue LT Std";
     font-size: 8px;     
     text-align: center;
     color:#F5E6D3;
     padding-bottom: 6px} 

.separador{
    clear: both;
    width:100%}

footer{
    background: #4b4848;
    font-family:"Helvetica Neue LT Std";
    font-size: 8px;
    color:#F5E6D3;
    padding-top:10px;
    padding: 50px;
    padding-bottom: 20px;
    text-align: center;
    padding-top: 20px}

    
.linea{
    size: 0.25px;
    color:beige;
    width: 150px;
    align-content: center}