/* CSS for exoterrae.eu by José A. Caballero */

body { 	
background-color:white; 
font-family:Verdana,Arial,sans-serif; 
font-size:100%; 
margin: 0 auto;
} 

h1 {
clear:left;
float:left;
width:750px;
margin:0 0 0 0;
padding:5px;
font-size:5em;
letter-spacing:-5px;
font-weight:normal;
text-align:center;
color:gray;
}

h1 a {
text-decoration:none;
color:gray;
display:block;
padding:5px 5px 5px 5px;
background:white;
}

h1 a:hover {
text-decoration:none;
color:yellow;
display:block;
padding:5px 5px 5px 5px;
background:gray;
}

table { 
background:white; 
border-collapse:collapse; 
}

#wrap {
background:white;
color:gray;
margin:0 auto;
width:760px;
}

/* div id="alpha" */

#alpha {
float:left;
width:180px;
margin:0 0 10px 0;
padding:5px;
font-size:0.9em;
}

#alpha a {
text-decoration:none;
color:gray;
display:block;
padding: 5px 5px 5px 5px;
background:white;
border-bottom: 3px solid white;
}	
	
#alpha a:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:orange;
}

#alpha a.one {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:gray;
}	
	
#alpha a.one:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:red;
}	
	
/* div id="beta" */

#beta {
float:left;
width:180px;
margin:0 0 10px 0;
padding:5px;
font-size: .9em;
}

#beta a {
text-decoration:none;
color:gray;
display:block;
padding: 5px 5px 5px 5px;
background:white;
border-bottom: 3px solid white;
}	
	
#beta a:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:lime;
}

#beta a.one {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:gray;
}	
	
#beta a.one:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:green;
}	
	
/* div id="gamma" */

#gamma {
float:left;
width:370px;
margin:0 0 10px 0;
padding:5px;
font-size:0.9em;
}

#gamma a {
text-decoration:none;
color:gray;
display:block;
padding: 5px 5px 5px 5px;
background:white;
border-bottom: 3px solid white;
}	
	
#gamma a:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:dodgerblue;
}

#gamma a.one {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:gray;
}	
	
#gamma a.one:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:blue;
}	
	
/* div id="delta" */

#delta {
float:left;
width:370px;
margin:0 0 10px 0;
padding:5px;
font-size:0.9em;
}

#delta a {
text-decoration:none;
color:gray;
display:block;
padding: 5px 5px 5px 5px;
background:white;
border-bottom: 3px solid white;
}	
	
#delta a:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:orange;
}

#delta a.one {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:gray;
}	
	
#delta a.one:hover {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:red;
}	
	
/* div id="zeta" */

#zeta {
float:left;
width:750px;
margin:0 0 10px 0;
padding:5px;
font-size: .9em;
}

#zeta a {
text-decoration:none;
color:gray;
display:block;
padding: 5px 5px 5px 5px;
background:white;
border-bottom: 3px solid white;
}	
	
#zeta a:hover {
text-decoration:none;
color:yellow;
display:block;
padding: 5px 5px 5px 5px;
background:black;
}

#zeta a.one {
text-decoration:none;
color:white;
display:block;
padding: 5px 5px 5px 5px;
background:gray;
}	
	
#zeta a.one:hover {
text-decoration:none;
color:yellow;
display:block;
padding: 5px 5px 5px 5px;
background:red;
}	
	
/* div id="footer" */

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 10px 0;
border-top: 1px solid gray;
width: 760px;
text-align: center;
color: gray;
font-size: 0.7em;
}

#footer a:link {
color: gray;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#footer a:visited {
color: gray;
text-decoration: none;
}