h1 {
font-size: 30px;
color: white;
font-family: 'Open Sans';
display: inline-block;
text-align: center;
align-content: center;
text-shadow: 1px 1px 5px white;
border-radius: 10px;
background-image: url(images.jpg);
width: 100%;
height: 80px;
padding-bottom: 3px;
padding-top: 20px;
}



body {background-image: url("img/naranja.jpg");
text-align:center;}

img {
 max-width: 50%;
 max-height: 50%;
 ;
}

img:hover {filter: sepia(60%);
filter: opacity(.8);}

.cat {
 height: 20px;
 width: 20px;
}
.centrar {
		    margin:auto;
		    display:block;
    }


#navegador ul{
   list-style-type: none;
   text-align: center;
   font-size: 18px;
   font-style: bold;
   font-family: calibri;
   border-radius: 10px;
   margin-bottom: 50px; line-height: 50px;
}

#navegador li{
   display: inline;
   text-align: center;
   margin: 100px 8px 100px 2px; margin-top: 10px;
}

#navegador li a {
   padding: 2px 7px 2px 7px;
   color: white;
   background-image: url(images.jpg);
   border: 3px solid #ccc;
   border-radius: 10px; 
}



#menu li
{
    display: inline;
    margin-top: 200px;
}


#menu li a {color: grey;
font-family: 'calibri';
font-size: 14px;
text-shadow: 1px 1px 1px black;
}

.face {width: 12%; height: 12%;
float:right; clear: right;
z-index: 100px;
border-radius: 40px;
margin-top: -800px;}

footer {font-family: calibri;
font-size: 16px;
margin-top: 40px;
border-radius: 10px;
background-image: url(images.jpg);
color: white;}