body {
	background-color:#transparent;
}
/*
 * Estilos de las tabs
 */
#tabbed_box {
	float:left;
	height:250px;
	width:330px;
}
	h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:23px;
		color:#ffffff;
		letter-spacing:-1px;
		margin-bottom:10px;
		margin-top: 0;
		width: 840px;
	}
		h3 small {
			color:#ff9900;
			font-weight:normal;
			font-size:9px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			position:relative;
			top:-4px;
			left:6px;
			letter-spacing:0px;
		}
	.tabbed_area {
		border:1px solid #000050;
		background-color:#000050;
		padding:8px;	
	}
		ul.tabs {
			margin:0px; padding:0px;
			margin-top:5px;
			margin-bottom:6px;
		}
		ul.tabs li {
			list-style:none;
			display:inline;
		}
		ul.tabs li a {
			background-color:#000050;
			color:#ffffff;
			padding:8px 14px 8px 14px;
			text-decoration:none;
			font-size:9px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-transform:uppercase;
			border:1px solid #000050; 
			cursor: pointer;
		}
		ul.tabs li a:hover {
			background-color:#000050;
			border-color:#000050;
		}
		ul.tabs li a.active {
			background-color:#ffffff;
			color:#282e32;
			border:1px solid #000050; 
			border-bottom: 1px solid #ffffff;
		}
	.content {
		background-color:#ffffff;
		padding:10px;
		border:1px solid #464c54; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
	}
		.content b{
			padding: 5px;
			display: block;	
		}
		.content input{
			border: 1px solid #000;
			margin: 5px;
		}
	#ruta{ 
		display:none; 
	}
/*
 * Estilo de los mapas
 */
	#map_canvas{
		margin-left: 340px;
		width: 498px;
		height: 498px;
		border: 1px solid #000;
	}
	#my_textual_div{
		float:left;
		position:absolute;
		top:257px;
		width:320px;
		background: #fff;
		border: 1px solid #000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		display:none;
		height: 304px;
		overflow: auto;
	}