/* Generic Selectors */ 

body { 
font-family: Arial, Helvetica, Trebuchet MS, Verdana; 
font-size: 10pt; 
background-color: #000000; 
}
	

h1 {
font-family: Century Gothic, Futura, TW Cen MT, Gill Sans, Tahoma, Geneva, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16pt;
text-transform: uppercase;
color: #535353;
}

h2 {
font-family: Geneva, Futura, TW Cen MT, Century Gothic, Gill Sans, Tahoma,  Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 22pt;
text-transform: uppercase;
color: #ffffff;

}

h3 {
font-family: Geneva, Futura, TW Cen MT, Century Gothic, Gill Sans, Tahoma,  Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16pt;
color: #ffffff;
} 

h4 {
font-family: Geneva, Futura, TW Cen MT, Century Gothic, Gill Sans, Tahoma,  Arial, sans-serif;
font-style: italic;
font-size: 9pt;
color: #ffffff;
} 

.normal { 
font-family: Trebuchet MS, Verdana, Helvetica, Charcoal, Arial, Tahoma, Geneva, sans-serif;
font-weight: normal; 
font-size: 9pt;
color: #6f6f6f;
text-align: left;
} 

img {
text-align: left;
border: 6px solid #000000;
margin: 3px;
}

img:hover {
text-align: left;
border: 6px solid #ae0001;
margin: 3px;
}

.bild {
text-align: left;
border: 0px;
}

.bild:hover {
text-align: left;
border: 0px;
}

.hover {
	background-color: #ae0001;
}
ul {
list-style-type: none;
text-align: left;
top:0px;
margin-top: 0px;
}

li a {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	font-family: Century Gothic, Futura, TW Cen MT, Gill Sans, Tahoma, Geneva, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	text-transform: uppercase;
	font-color: #ffffff;
	background-color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
}

li a:hover {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	font-family: Century Gothic, Futura, TW Cen MT, Gill Sans, Tahoma, Geneva, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	text-align: left;
	font-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
	background-color: #ae0001;
}


/**************** Pseudo classes ****************/ 

a:link { 
color: #ffffff;
text-decoration: none; 
cursor: pointer;
font-weight: bold;
}

a:visited { 
color: #ffffff;
text-decoration: none; 
cursor: pointer;
font-weight: bold;
}

a:hover { 
color: #ffffff; 
text-decoration: none;
cursor: pointer;
font-weight: bold;
}

a:active { 
color: #ffffff;
text-decoration: none; 
cursor: pointer;
font-weight: bold;
}

/************************* DIVs *************************/ 

div#header {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 70px;
	background-color:#000000;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 80px;
}

div#navigation {
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 550px;
	right: 0px;
	height: 70px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	background-color:#000000;
}

   #header a {
	color: #ffffff;
} 

   #header a:hover {
	color: #ffffff;
} 


div#main {
	z-index: 3;
	position: absolute;
	top: 70px;
	left: 0px;
	right: 0px;
	height: 800px;
	padding-left:80px;
	padding-right:80px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color:#1b1b1b;
}

   #main a {
	font-weight: normal;
} 

   #main a:hover {
	font-weight: normal;
} 

div#column2 {
	z-index: 4;
	position: absolute;
	top: 70px;
	left: 520px;
	width: 320px;
	padding:20px;
}

div#showcase {
	z-index: 3;
	position: absolute;
	top: 70px;
	left: 0px;
	right: 0px;
	height: 1200px;
	padding-left:80px;
	padding-right:80px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color:#1b1b1b;
}

    #showcase a {
	border: 10px #000000;
	font-weight: normal;
}

    #showcase a:hover {
	font-weight: normal;
}

    #showcase h3 a:hover {
	font-weight: normal;
	color: #1a1a1a;
}

div#ruta {
	z-index: 4;
	position: absolute;
	top: 200px;
	left: 620px;
	width: 200px;
	height: 620px;
	padding:20px;
	border: #999999 solid 1px;
}

   #ruta a {
	font-weight: normal;
} 

   #ruta a:hover {
	font-weight: normal;
} 

div#ruta2 {
	z-index: 4;
	position: absolute;
	top: 200px;
	left: 810px;
	width: 30px;
	padding:0px;
}

   #ruta2 a {
	font-weight: normal;
} 

   #ruta2 a:hover {
	font-weight: normal;
} 

div#footer {
	z-index: 5;
	position: absolute;
	top: 900px;
	left: 0px;
	height: 50px;
	padding-left: 80px;
	padding-top:10px;
	margin-top:20px;
	padding-bottom:5px;
	background-color: #000000;
	font-family: Century Gothic, Futura, TW Cen MT, Gill Sans, Tahoma, Geneva, Arial, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	text-align: left;
	font-weight: bold; 
}

   #footer a {
	color: #c80001;
	font-weight: normal;
} 

   #footer a:hover {
	color: #ffffff;
	font-weight: normal;
} 

#footer li {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
	}
	
div#footer2 {
	z-index: 5;
	position: absolute;
	top: 1300px;
	left: 0px;
	height: 50px;
	padding-left: 100px;
		padding-top:10px;
	margin-top:20px;
	padding-bottom:5px;
	background-color: #000000;
	font-family: Century Gothic, Futura, TW Cen MT, Gill Sans, Tahoma, Geneva, Arial, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	text-align: left;
	font-weight: bold; 
}

   #footer2 a {
	color: #ae0000;
	font-weight: normal;
} 

   #footer2 a:hover {
	color: #ffffff;
	font-weight: normal;
} 

#footer2 li {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
	}