@charset "utf-8";
/* CSS Document */

body {
	 background-color: #660020;
	 text: #ffffcc;
	 font-family:Bookman Old Style;
	 font-size:14px;
	 }

a:link {
	color: white;
	}
	
a:active {
	color: red;
	}
	
a:visited {
	color: yellow;
	}

a:hover {
	color: hotpink;
	}
	 
.menuAlto{
	text-decoration: none;
	}
	
#div1 {
	display: block;
	position:absolute;
	}
	
#div2 {
	display: inline;
	position:relative;
	float:inherit;
	top: 8em;
	}
	
#div3 {
	display: inline;
	position: absolute;
	padding: 0px;
	width: 160px;
	height: 160px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	left: 740px;
	top: 0px;
	}

.nav ul {
    padding: 0;
    margin: 0;
    list-style: none;   
	}

.nav li {
    float: left;
	}

.nav a {
	font-weight:bold;
	font-family: Bookman Old Style;
	font-size: 16.5px;
	font-style:normal;
	margin-top: 15px;
    text-decoration: none;
	text-align: center;
	text-shadow: rgba (120,0,0,0.5) 3px 3px 5px;
	color: hsla(120, 100%, 100%, 0.5);
	width: 135px;
	height: 40px; 
    float: left;
    color: #eee;
    margin: 0 5px;
    padding: 3px;
    border: 1px solid #831608;
    background-color: none;
    background-image: linear-gradient(#bb413b, #831608);
    border-radius: 5px; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	}

.nav a:hover {
    background-color: #bb413b;
    background-image: linear-gradient(#831608, #bb413b);
	}

.nav a:active {
    background: #bb413b;
    position: relative;
    top: 2px;    
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset; 
	}

.nav span {
    border: 1px hidden #eba1a3;
    display: inline-block;
    padding: 4px 15px;
    cursor: pointer;    
    background-color: #bb413b;
    background-image: linear-gradient(#d4463c, #aa2618);
	}

.nav a:hover span {   
    background-color: #bb413b;
    background-image: linear-gradient(#aa2618, #d4463c);
	}