@import url(http://fonts.googleapis.com/css?family=Roboto:300,700,300italic,400);

*{margin: 0;
font-family: "Roboto", sans-serif;}

#contenedor{width: 960px;
        margin: 0 auto;
        background-color:#F4F4F4;}

body {width:960px;
    margin: 0 auto;
    background-color: white;}

header{width: 960px;;
    height: 100px;
    margin-top: 0;
    
    background-color: white;}

a{text-decoration: none;
    list-style-type: none;
    color: white;}

#logo {margin-left: 20px;
    margin-top: 1%;
    float: left;
    width:100px;
    height: 90px;}


nav {width:800px;  
    height:40px;
    float: left;
    margin-top:80px;
    margin-left: 1%; }
    
nav ul {width: 765px;  
    height: 40px;
    margin:0;
    text-align: center;}  

nav ul li {width:100px;
    height:40px;
    display:inline-block;
    margin-left:0;
    text-align: center;
    align-items: center;}

nav ul .mapa{width: 150px;}
nav ul .leila{width: 150px;}

nav a {font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-decoration: none;
    margin:0 auto;
    color: white;}
.home a{color:rgba(255,221,0,0.8);}
.carta a{color:rgba(247,148,29,0.8);}
.mapa a{color:rgba(238,28,37,0.8);}
.aye a{color:rgba(146,39,144,0.8);}
.leila a{color:rgba(0,85,166,0.8);}

.home a:hover{background-color:rgba(255,221,0,0.8);
                color: white;
                border-top: solid 1px black;
                padding: 10px;}
.carta a:hover{background-color:rgba(247,148,29,0.8);
                color:white;
                border-top: solid 1px black;
               padding: 10px;}
.mapa a:hover{background-color:rgba(238,28,37,0.8);
                color:white;
                border-top: solid 1px black;
                padding: 10px;}
.aye a:hover{background-color:rgba(146,39,144,0.8);
                color:white;
                border-top: solid 1px black;
                padding-bottom: 10px;
                padding-top: 10PX;}
.leila a:hover{background-color:rgba(0,85,166,0.8);
                color:white;
                border-top: solid 1px black;
                padding: 10px;}
                


.aye{
    width:auto}

.leila{
    margin-left: ;}

main{ 
    padding-left: 30px;
    padding-top: 80px;
    margin-left: 30px;
    width: 870px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.01rem;
margin-top: 10px;}

footer {width: 960px;
    clear: both;
    margin-top: 105px;
    height: 50px;
    background-color:#bbd1d9;}

.linea{
    display:block;
    height: 5px;
   width:150px;}

.amarilloo{background-color:rgba(255,221,0,0.8);
float: left;}

.naranjaa {background-color:rgba(247,148,29,0.8);
    float: left;}
            
.rojoo {background-color:rgba(238,28,37,0.8);
float: left;}

.violetaa {background-color:rgba(146,39,144,0.8);
float: left;}
    
.azull{background-color: rgba(0,85,166,0.8);
float: left;}
.verdee{ background-color:green;
float: left;}

#info{
    text-align: center;
    font-size: 0.6rem;
    text-transform: uppercase;
    width: 900px;
    margin-top: 10px;}

/* ------------------------ carta -------------------------------*/

.maincarta{height: 323px;}

/* ------------------------ Mapa de sitio -------------------------------*/
.map li{text-decoration: none;
        list-style: none;
        margin-top: 10px;
        margin-left: -40px;
        width: 200px;
        height: 25px;}

li a{color: black;
    font-weight:700;}