body > 

header{


background-image: url("fondo12.jpg");



}





body > 

footer{


background-image: url("");



}








body

{
     

margin: 0 auto;
     
text-align: center;
     
width: auto;
     
color: black;
     
font-family: Geneva, Arial, Helvetica, sans-serif;
    

}





.contacto{     



border: 1px solid #CED5D7;     

border-radius: 1px;     

padding: 1px 1px 1px;     

margin-top: 1px;     

background-color: white;     

box-shadow: 0px 1px 1px #B5C1C5, 0 0 0 10px #EEF5F7 inset; 

} 



.contacto label{     



display: block;     

font-weight: bold; } 



.contacto div{     


margin-bottom: 1px; } 


.contacto input[type='text'], 



.contacto textarea{     



padding: 1px 1px;
     

width: 130px;     

border: 1px solid #CED5D7;     

resize: none;     

box-shadow:0 0 0 3px #EEF5F7;     

margin: 5px 0; } 



.contacto input[type='text']:focus, 


.contacto textarea:focus{     


outline: none;     

box-shadow:0 0 0 3px #dde9ec; } 






.navbar{
	

margin:auto;
	
text-align:center;
        
float: none;
	
display: inline-block;
        
padding-right: 260px;


}








#lista1 ul 

{ 
    

list-style:none;
    
background: silver; 
font-size:45px;


}



#lista1 ul li { 
    

font-family:Georgia,serif,Times; 
    
font-size:45px; 
    
width:400px;
    
height:220px;


}



#lista1 ul li a { 
    

display:block; 
    
width:300px; 
    
height:128px; 
    
background-color:#333; 
    
border-left:5px solid #222; 
    
border-right:5px solid #222; 
    
padding-left:110px;
    
text-decoration:none; 
    
color:#bfe1f1; 
}



#lista1 ul li a:hover { 
    

-moz-transform:rotate(-5deg); 
    
-moz-box-shadow:1px 1px 2px #000000;
    
-webkit-transform:rotate(-5deg); 
    
-webkit-box-shadow:1px 1px 2px #000000;
    
transform:rotate(4deg); 
box-shadow:1px 1px 2px #000000; 
    
margin-left: 10px;


}