@font-face{
	font-family: fuente;
	src: url(../font/fuente.ttf);
}
@font-face{
	font-family: titulos;
	src: url(../font/titulos.ttf);
}
 
#grande img{
	width:500px;
	margin-left:auto
	
	
}
h2 {
	text-shadow:2px 2px 8px #532902;
	letter-spacing:5px;
}
li {
text-shadow:2px 2px 8px #E81823;	
}
#toyota img {
	width:100px;
	 
    
}

#toyota img:hover {
	 width: 200px;
	 height:200px;
	 transition-property: width, height;
	 transition-duration:2s;
    
}

a {
	color:black;
}
h3{
	font-family:titulos;
	text-align:right;
	

}
 body  h1 {
	
	font-family: titulos;
	text-align:center;

}
body {
 font-family: fuente;
 background-color:#b8a49b;
}

#main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 4px;
   padding: 5px;
   border: 3px solid #cccc33;
   border-radius: 7pt;
   box-shadow:5px 5px 10px;
   background: #f9f0e7;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
		   
   }
  
  #main > nav {
   margin: 4px;
   padding: 5px;
   border: 3px solid #8888bb;
   border-radius: 7pt;
   background: #e1cb91;
   -webkit-flex: 1 6 5%;
           flex: 1 6 5%;
   -webkit-order: 1;
           order: 1;
		    box-shadow: 5px 5px 10px;
   }
  header{
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 100px;
   border: 5px solid #C14911;
   border-radius: 7pt;
   background:#a27264;
   box-shadow:5px 5px 10px;
   }
 
  
  @media all and (max-width: 640px) {
  
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article, #main > nav{
    -webkit-order: 0;
            order: 0;
   }
  
  #main > nav, #main > aside, header, footer, article {
    min-height: 500px;
    max-height: 500px;
	min-width:500px;
   }
  }
ul, li {
	list-style:none;
	padding-bottom:7px;
	text-decoration:underline;
	
}

  .menu li ul {
	 display:none;
 }
 .menu li:hover ul {
	 display:block;
	 
 }
 a