*{ margin:0; padding:0;}
html{ height:100%;}
	a img{ border:0px;}
	a:focus, a:active { outline: none;}

body { padding: 0; margin: 0; text-align: center; font-family: Verdana, Arial, Helvetica; font: 11px/1.4 Verdana, Arial; color: #141E22; background: #020202 url(../images/fondo.jpg) no-repeat top center; height:100%;}

#interface { width: 874px; margin: 0 auto; text-align: left; color:#000000; background: transparent; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ display:block;}

	#interface p { color: #fff; font-size: 1em; line-height: 2em; text-align: left; background-color: #020202; padding:20px; margin-top:5px; margin-bottom:0px;}
	#interface p strong { color:#FF0000; font-weight:normal; font-size:1.2em;}
	#interface h1 {  margin-left: 45px; margin-right: 30px; color:#FFFFFF;}
	#interface a { color: #FFFFFF; text-decoration:underline;}

ul { margin-left:0px; padding-left:0px;}
	ul li { list-style: none; color:#FFFFFF;}

#cabecera { width:874px; background:transparent;}

/* */

#menuH { width: 874px; margin: 0; padding:0px; margin-top:3px; color:#FFFFFF;}
	#menuH li{ float:left;}
	#menuH li a{ background:url(../images/menuImg.png) transparent no-repeat; height:28px; display:block; text-indent:-9000px; border:none; color:#FFFFFF;}
	
	    /*ESTADO UP */
		#menuH li.recorrido a { background-position:0px 0px; width:147px;}
		#menuH li.pCorredor a { background-position:-147px 0px; width:148px;}
		#menuH li.pAcompanante a { background-position:-295px 0px; width:170px;}
		#menuH li.reglamento a { background-position:-465px 0px; width:100px;}
		#menuH li.comoLlegar a { background-position:-565px 0px; width:103px;}
		#menuH li.sponsor a { background-position:-668px 0px; width:79px;}
		#menuH li.viveEuskadi a { background-position:-747px 0px; width:127px;}
		
		/*ESTADO HOVER*/
		#menuH li.recorrido a:hover { background-position:0px -30px; width:147px;}
		#menuH li.pCorredor a:hover { background-position:-147px -30px; width:148px;}
		#menuH li.pAcompanante a:hover { background-position:-295px -30px; width:170px;}
		#menuH li.reglamento a:hover { background-position:-465px -30px; width:100px;}
		#menuH li.comoLlegar a:hover { background-position:-565px -30px; width:103px;}
		#menuH li.sponsor a:hover { background-position:-668px -30px; width:79px;}
		#menuH li.viveEuskadi a:hover { background-position:-747px -30px; width:127px;}
		
		/*ESTADO ACTIVE*/
		#menuH li.recorrido a.active { background-position:0px -60px; width:147px;}
		#menuH li.pCorredor a.active { background-position:-147px -60px; width:148px;}
		#menuH li.pAcompanante a.active { background-position:-295px -60px; width:170px;}
		#menuH li.reglamento a.active { background-position:-465px -60px; width:100px;}
		#menuH li.comoLlegar a.active { background-position:-565px -60px; width:103px;}
		#menuH li.sponsor a.active { background-position:-668px -60px; width:79px;}
		#menuH li.viveEuskadi a.active { background-position:-747px -60px; width:127px;}
		/*FIN MENU */
		
#cabeceraImgHome { width:874px; background:transparent; margin-top:4px; height:285px;}
#cabeceraImgTopHome { width:874px; background:transparent; height:0px; overflow:visible; position:relative; top:-177px;}
#cabeceraImg { width:874px; background:transparent; margin-top:4px; height:177px;}
#cabeceraImgTop { width:874px; background:transparent; height:0px; overflow:visible; position:relative; top:-177px;}

#bajoCabecera{ width:869px; background-color:#000000;}
#contenido{ width:864px; background-color:#000000; margin-left:5px; padding-bottom:60px; margin-bottom:3px;}
	#contenido p{ padding:5px 0px;}

#contIzdaHome{ width:420px; color:#FFFFFF; float:left; padding-left:40px; margin:0; padding-left:45px;}
	#contIzdaHome ul{ list-style:none; margin-top:20px;}
	#contIzdaHome ul li{padding-bottom:10px;}
	#contIzdaHome ul li a{ text-decoration:none;}
	#contIzdaHome ul li a:hover,#contIzdaHome ul li a.active{ text-decoration:none; color:#FF0000;}
	#contIzdaHome strong{ color:#FF0000;}
	
	#contDchaHome{ width:357px; color:#FFFFFF; float:left; padding-left:37px; margin:0;}
#contDcha{ width:584px; color:#FFFFFF; float:left; padding-left:25px; padding-right:16px; margin:0;}

#contIzda{ width:198px; color:#FFFFFF; float:left; padding-left:40px; margin:0;}
	#contIzda ul{ list-style:none; margin-top:20px;} #contIzda ul li{padding-bottom:10px;} #contIzda ul li a{ text-decoration:none;}
	#contIzda ul li a:hover,#contIzda ul li a.active{ text-decoration:none; color:#FF0000;}
#contDcha{ width:584px; color:#FFFFFF; float:left; padding-left:25px; padding-right:16px; margin:0;}
#contDcha p{ padding-right:20px;}

.contGr1{ width:375px; color:#FFFFFF; float:left; padding-left:66px; padding-right:39px; margin:0; float:left;}
.contGr2{ width:264px; color:#FFFFFF; float:left; padding-left:18px; padding-right:46px; margin:0; float:left;}

#contGr{ width:808px; color:#FFFFFF; float:left; padding-left:40px; padding-right:16px; margin:0; margin-top:-20px;}

.rojo{ color:#FF0000;}

.arriba{ position:relative; top:-60px;}

#pie { width:829px; background:transparent; color:#FFFFFF; padding-left:45px; height:130px;}
#pie a{ text-decoration:none;}
#pie a:hover{ color:#CCCCCC;}

/* */

#infoDcha{ float:right; width: 173px; font-size: 1.0em;background-color: transparent; text-align: left; color: #FFFFFF; padding: 5px; padding-bottom: 10px; display:block; /*border-top:1px solid #FFFFFF;*/ /*border-bottom:1px solid #787878;*/ margin-left:20px; margin-top:10px;}

#infoDcha a{ color:#FFFFFF;}

#infoDcha a:hover{ color:#cccccc;}

#infoDcha h3{ color:#FF0000; font-weight:normal; font-size:1.2em;}


/* GENERICOS */
.imgIzda{ display:block; padding:10px; padding-top:0px;float:left;}

.imgDcha{ display:block; padding:10px; padding-top:0px; float:right;}

/* */

table { border-collapse: collapse; /*border: 1px solid #03476F;*/ color: #fff; background: transparent; width:97%;}

table a{ color:#FFFFFF;}

caption { text-align: center; background: transparent; padding:6px 4px 8px 0px; color: #000000; text-transform: uppercase;}

td, th { border-bottom: 1px dotted #999999; padding: .4em; }

thead th, tfoot th { text-align: left; background: #cccccc; color: #333333; padding-top:3px;}

thead tr{ padding-bottom:20px;}

thead td{ color:#fff;}

tbody td a { background: transparent; text-decoration: underline; color: #CCCCCC;}

tbody td a:hover { color: #fff;}

tbody th a { background: transparent; text-decoration: none; font-weight:normal; color: #fff;}

tbody th a:hover { background: transparent; color: #fff;}  

tbody th, tbody td { vertical-align: top; text-align: left;}

tfoot td { border: 1px solid #03476F; background: #336699; padding-top:3px; color: #FFFFFF;}

.odd { background: #AEE239;}

#tablaInscritos tbody tr:hover { background: #666666; border: 1px solid #03476F; color: #000000;}

tbody tr:hover th,

tbody tr.odd:hover th { background: #666666; color: #000000;}

#falta{ float:right; background-color:#000000; display:block; height:0px; margin-right:38px; #margin-right:18px; /* Para Internet Explorer */ margin-top:-70px; z-index:8900; position:relative;}

.fondoBoton{ background: url(../../extreme2009/images/none.gif) #434343 repeat-x; display:block; width: 60%; text-decoration:none;}
.boton{ font-size:1.0em; text-decoration:none; color:#FFFFFF; background: url(../images/fondoBotRojo.gif) #ff0000 repeat-x; display:block; width: 100%; text-align:center; padding-top:3px; padding-bottom:3px;}

#directions{ color:#fff;}
#directions td{ background-color:#000000; color:#fff;}