html, body {
        margin: 0;
        padding: 0;
        height: 100%;
      }
	  #map_canvas {
		  position:relative;
		  
        	margin: 0;
        	padding: 0;
        	height: 100%;
      }
	  .wrapcontent{
		  position:absolute;
		  top:0px;
		  left:0px;
		  width:100%;
		  height:1px;
		  border:#009 0px solid;
		  
	  }
	  .content{
		  position:relative;
		  margin:0 auto;
		  width:1019px;
		  height:96px;
		  border:#F00 0px solid;
		  background:url(img/back_top.png);
		  
	  }
	  .k35{
		  position:absolute;
		  top:11px;
		  left:25px;
		  width:152px;
		  height:71px;
		  border:#F00 0px solid;
		  
	  }
	  .k35facebook{
		  position:absolute;
		  top:15px;
		  left:194px;
		  width:20px;
		  height:19px;
		  border:#F00 0px solid;
		  
	  }
	  .k35twitter{
		  position:absolute;
		  top:40px;
		  left:194px;
		  width:20px;
		  height:19px;
		  border:#F00 0px solid;
		  
	  }
	  .alexfacebook{
		  position:absolute;
		  top:15px;
		  left:499px;
		  width:20px;
		  height:19px;
		  border:#F00 0px solid;
		  
	  }
	  .alexblog{
		  position:absolute;
		  top:43px;
		  left:499px;
		  width:20px;
		  height:19px;
		  border:#F00 0px solid;
		  
	  }
	  .racetracker{
		  position:absolute;
		  top:8px;
		  left:867px;
		  width:138px;
		  height:72px;
		  border:#F00 0px solid;
		  
	  }
	 /* #liveclock{
		position:absolute;
		left:589px;
		top:68px;
		width:150px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000;
		}*/
		
		.check1{
			position:absolute;
			left:708px;
			top:11px;
			width:17px;
		}
		.check2{
			position:absolute;
			left:708px;
			top:29px;
			width:17px;
		}
		.check3{
			position:absolute;
			left:708px;
			top:47px;
			width:17px;
		}
		.check4{
			position:absolute;
			left:708px;
			top:65px;
			width:17px;
		}
		
		.wrapcontentbottom{
		  position:absolute;
		  bottom:0px;
		  left:0px;
		  width:100%;
		  height:23px;
		  border:#009 0px solid;
		  
	  }
	  .contentbottom{
		  position:relative;
		  margin:0 auto;
		  width:257px;
		  height:18px;
		  padding-top:5px;
		  border:#F00 0px solid;
		  text-align:center;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  color:#c2c2c2;
		 		  
		  /* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0);
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		  
		  
		 
		  
	  }
	  
	  
	  
	   .contenttop{
		  position:relative;
		  margin:0 auto;
		  width:415px;
		  height:18px;
		  padding:5px 10px;
		  border:#F00 0px solid;
		  text-align:center;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  color:#c2c2c2;
		 		  
		  /* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0);
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		  
		 
		  
	  }
	  .contenttop strong{
		  font-size:14px;
	  }
	  
	  
	  .logos{
		  position:absolute;
		  top:0px;
		  left:15px;
		  width:225px;
		 
		 
		  /* Fallback for web browsers that doesn't support RGBa */
			background: rgb(256, 256, 256);
			/* RGBa with 0.6 opacity */
			background: rgba(256, 256, 256, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		  
	  }
	  .logos .logo{
		  float:left;
		  width:84px;
		  height:84px;
		   margin:10px 0 10px 20px;
	  }
	  .logoracetracker{
		  position:absolute;
		  bottom:7px;
		  left:71px;
		  width:136px;
		  height:72px;
	  }
	  
	  .cajaprincipal{
		  position:absolute;
		  top:116px;
		  left:15px;
		  width:225px;
		  box-shadow: 3px 3px 10px #000;
		 
		  /* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0);
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.7);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		  
	  }
	  
	  .cajaprincipal .imatgejavier{
		  float:left;
		  width:54px;
		  height:65px;
		  margin:10px 15px 0;
		  
	  }
	  .cajaprincipal .nombre{
		  float:left;
		  width:140px;
		  margin:10px 0 0 0px;
		  color:#e7e5e5;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:10px;
		  
	  }
	  .cajaprincipal .nombre strong{
		  font-size:14px;
		  
	  }
	  
	   #liveclock{
		  float:left;
		  width:140px;
		  margin-top:16px;
		  font-family:Arial, Helvetica, sans-serif;
		  color:#e7e5e5;
		  font-size:11px;
		  
	  }
	  .cajaprincipal .titulo{
		  float:left;
		  width:210px;
		  height:16px;
		  padding-top:2px;
		  padding-left:15px;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;
		  color:#c3cc0d;
		  font-size:12px;
		  text-transform:uppercase;
		  background:url(../img/backtitulo.png);
		  
	  }
	  .cajaprincipal .titulo .creu{
		  float:right;
		  width:12px;
		  height:112px;
		  margin:1px 3px 0 0;
		  cursor:pointer;
		 
		  
	  }
	  .cajaprincipal .titulo .close{
		  float:right;
		  width:12px;
		  height:112px;
		  margin:0px 3px 0 0;
		  cursor:pointer;
		 
		  
	  }
	  .cajaprincipal .kms{
		  float:left;
		  width:225px;
		  padding:5px 0;
		  font-size:30px;
		  color:#FFF;
		  text-align:center;
		  font-family:Arial, Helvetica, sans-serif;
		  
	  }
	  .cajaprincipal .kms .low{
		  font-size:20px;
		  
	  }
	  .cajaprincipal .racaudakms{
		  float:left;
		  width:225px;
		  padding:5px 0;
		  font-size:12px;
		  color:#FFF;
		  text-align:center;
		  font-family:Arial, Helvetica, sans-serif;
		  
	  }
	  .cajaprincipal .separa{
		  float:left;
		  width:225px;
		  
		  
	  }
	  .cajaprincipal .check{
		  float:left;
		  width:17px;
		  height:17px;
		  margin-left:12px;
		  
		  
	  }
	  .cajaprincipal .textcheck{
		  float:left;
		  width:190px;
		  padding:4px 0;
		  
		  font-family:Arial, Helvetica, sans-serif;
		  color:#fff;
		  font-size:11px;
		  text-transform:uppercase;
		  
	  }
	   .cajaprincipal .messages{
		  position:relative;
		  float:left;
		  width:200px;
		  margin:10px 0 0px 12px;
		  padding:0px 0;
		  text-align:center;
		  
		  
		  
	  }
	   .cajaprincipal .share{
		  position:relative;
		  float:left;
		  width:200px;
		  margin:5px 0 15px 12px;
		  padding:6px 0;
		  
		  font-family:Arial, Helvetica, sans-serif;
		  color:#c2c2c2;
		  font-size:14px;
		  font-weight:bold;
		  text-transform:uppercase;
		  
		  border-top:#c2c2c2 1px solid;
		  
	  }
	  .cajaprincipal .share .facebook{
		  position:absolute;
		  top:4px;
		  left:130px;
		  width:21px;
		  height:21px;
		  
	  }
	  .cajaprincipal .share .blogspot{
		  position:absolute;
		  top:4px;
		  left:160px;
		  width:21px;
		  height:21px;
		  
	  }
	  .cajaprincipal .share .facebutton{
		  float:left;
		  width:150px;
		  margin:2px 0;
		  
	  }
	  
	  
	  
	  
	  .logos2{
		  position:absolute;
		  bottom:25px;
		  right:15px;
		 
		 
		 
		 
		  
	  }
	  .logos2 .logo{
		  float:right;
		  
		  margin:0 10px 0 0;
	  }
	  
	  
	  #msgbox{
		  
		  top:50%;
		  left:50%;
		  margin-left:-100px;
		  margin-top:-200px;
		  display:none;
		 
		  
	  }
	  #contenedormessages2{
		 position:relative;
		  float:left;
		  width:200px;
		  height:100px;
		  overflow:auto;
		  
	  }
	  #contenedormessages{
		  position:relative;
		  float:left;
		  width:210px;
		  height:300px;
		  margin:8px 0 8px 10px;
		 
		  
	  }
	  .msg_fecha{
		  float:left;
		  width:183px;
		  padding-top:2px;
		  font-family:Arial, Helvetica, sans-serif;
		  font-style:italic;
		  color:#a2a2a2;
		  font-size:12px;
		  border-top:#FFF 1px solid;
		  
		  
	  }
	  .msg_nombre{
		  float:left;
		  width:183px;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;
		  color:#c3cc0d;
		  font-size:12px;
		  text-transform:uppercase;
		  
		  
	  }
	  .msg_text{
		  float:left;
		  width:183px;
		  text-align:justify;
		  margin-bottom:10px;
		  font-family:Arial, Helvetica, sans-serif;
		  color:#acacac;
		  font-size:12px;
		  
		  
	  }
	  
	  .content_form{
		  float:left;
		  width:200px;
		  margin:0px 0 0 11px; 
		  
	  }
	  
	  .content_form .resp{
		  float:left;
		  width:200px;
		  margin:20px 0;
		  
		  
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  color:#fff;
		  font-weight:bold;
		  text-align:center;
		  
	  }
	  .content_form label.error{
		  float:left;
		  width:200px;
		  
		  
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:10px;
		  color:#F00;
		  font-weight:bold;
		  
	  }
	  .content_form .input{
		  float:left;
		  width:200px;
		  height:20px;
		  margin-top:9px;
		  -moz-box-shadow: 10px inset 1px 1px #888; 
		  -webkit-box-shadow: 10px inset 1px 1px #888; 
		  box-shadow: 10px inset 1px 1px #888;
		  border:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  color:#000;
	  }
	  .content_form .textarea{
		  float:left;
		  width:200px;
		  height:68px;
		  margin-top:9px;
		  -moz-box-shadow: 10px inset 1px 1px #888; 
		  -webkit-box-shadow: 10px inset 1px 1px #888; 
		  box-shadow: 10px inset 1px 1px #888;
		  border:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  color:#000;
	  }
	  .content_form .inputsubmit{
		  float:right;
		  width:70px;
		  height:20px;
		  margin-top:9px;
		  margin-bottom:9px;
		  background:#c3cc0d;
		  border:none;
		  text-transform:uppercase;
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px;
		  border-radius: 10px;
		  cursor:pointer;
	  }
.menuresponsive{
	display:none;
	
}
	 
	 
@media (max-width: 400px) {
	.menuresponsive{
		position:absolute;
		top:110px;
		right:1px;
		width:50px;
		display:block;
		margin:0;
		padding:0;
		
		
	}
	.menuresponsive li{
		cursor:pointer;
		float:left;
		width:50px;
		text-align:center;
		padding:10px 0px;
		margin-bottom:2px;
		list-style:none;
		font-size:22px;
		
		/* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0);
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	.menuresponsive li i{
		color:#fff;
	}
	.logos{
		display:none;
		
	}
	.contenttop{
		width:100% !important;
		
	}
	.contentbottom{
		width:100% !important;
	}
	#inforacer{
		display:none;
		top:28px;
		left:0px;
		
	}
	.creu{
		display:none;
	}
	.close{
		display:none;	
	}
	.cajaprincipal .messages{
		display:none;
		
	}
	.cajaprincipal .share{
		margin-bottom:0px;
		
	}
	.logos2{
		display:none;
		width:100%;
		left:0px;
		/*display:none;*/
		/* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0);
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		
	}
	.logos2 .logo{
		float:none;
		text-align:center;
		
	}
	.logoracetracker{
		display:none;
		
	}
	#msgbox{
		position:absolute;
		top:28px;
		left:0px;
		margin:0px;
		
	}
	.content_form .textarea{
		height:45px;
		
	}
	#contenedormessages{
		height:125px;
		
	}
	
}