/*  */


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

@font-face {
    font-family: 'robotolight';
    src: url('fuentesweb/roboto-light-webfont.eot');
    src: url('fuentesweb/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentesweb/roboto-light-webfont.woff2') format('woff2'),
         url('fuentesweb/roboto-light-webfont.woff') format('woff'),
         url('fuentesweb/roboto-light-webfont.ttf') format('truetype'),
         url('fuentesweb/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('fuentesweb/roboto-italic-webfont.eot');
    src: url('fuentesweb/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentesweb/roboto-italic-webfont.woff2') format('woff2'),
         url('fuentesweb/roboto-italic-webfont.woff') format('woff'),
         url('fuentesweb/roboto-italic-webfont.ttf') format('truetype'),
         url('fuentesweb/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1 {

font-family: 'Righteous', cursive;
font-size: 50px;

}
#carta{
    position: relative;
   top: 50px;
margin: auto;
    width: 500px;
    height: 500px;
    text-align: center;
    color: #fff
    


}


body{   

background-color: #fff;
margin: auto;

}



header img{
float: left;
margin: auto;




}

header h1{

    background-color: rgba(2, 133, 147, 0.51);
    margin-top: 2%;
    font-size: 30px;
    color:#f4f0f0;   
    font-family: 'robotolight';
}


header ul { list-style: none;
margin:0;
    padding:0;
    width: 730px;
    

}



nav{ 
overflow: auto;
    width: 770px;
    background-color: #fff
    
    

}


header ul {
width: 
height: 45px;



}
header ul li  { 

    float: left;
    width: 120px;
    height: 45px;
     background-color: #fff;


}

header ul li:hover  { 

       float: left;
    width: 120px;
    height: 45px;
     background-color: #ebff00;
    font-size: 14px;


}



header ul li a { 
    text-decoration: none;
    display: block;
    font-family: 'Righteous', cursive;
    margin-left: 3px;
    color: #2c6bbf;
    padding-left: 20px;
    padding-right: 5px;
    
        


}


div#carilla{ 

background-color:#70c8d0;
    height: 500px;
    padding-top: 
   
  
    

}

main{

width: 800px;;
float: auto;
overflow: auto;
  
}




#equipo {
color:#000;
    background-color: rgb(255, 255, 255);
    float:left;
    width: 90%;
   margin: none;
    font-family: 'Righteous', cursive;
    padding-left: 50px;
}



.equipo {
    color: #2b389d;
   font-family: 'robotolight';
    font-size: 12px;
    line-height: 24px;
    
}