body {
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#666;
	margin:0px;
	padding:0px;
	background-color:#F7F9FD
}
h1 {
	font-size:26px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size:13px;
	clear:both
}
h3 {
	padding:0px;
	margin:0px
}
a {
	text-decoration:none;
	color:#5995b3
}
a#logo {
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top {
	background-color:#c7eafb;
	font-weight: bold;
	background-image: url(../imagenes/sombraArriba.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#top .nav {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	height: 70px;
}
#top .nav ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 37px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#top .nav ul li {
	display:inline;
	margin: 0px;
	padding: 0px;
	background-color: #3CC;
}
#top .nav ul li a {
	color:#8ca7b2;
	text-decoration:none;
	outline-style:none;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-color: #f0f2f7;
	font-size: 16px;
	height: 25px;
	display: block;
	float: left;
	padding-top: 8px;
	margin-right: 4px;
	margin-left: 4px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(../imagenes/sombraArriba.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#top .nav ul li a div.iconoMenu{
	float:left;
	margin-right:4px;
	background-image: url(../imagenes/sprites.png);
}

#top .nav ul li a div.iconoRutas{
	background-position: -20px -176px;
	height: 21px;
	width: 18px;	
}
#top .nav ul li a:hover div.iconoRutas, #top .nav ul li a.activo div.iconoRutas{
	background-position: 0px -176px;
}
#top .nav ul li a div.iconoPuntosDeInteres{
	background-position: -70px -176px;
	height: 21px;
	width: 24px;
}
#top .nav ul li a:hover div.iconoPuntosDeInteres, #top .nav ul li a.activo div.iconoPuntosDeInteres{
	background-position: -40px -176px;
}
#top .nav ul li a:hover {
	color:#FFF;
	text-decoration:none;
	background-color: #5995b3;
}
#top .nav ul li a.activo {
	background-color:#F7F9FD;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	color: #5995b3;
	background-image: none;
}
#top .nav ul li a.activo:hover {
	color:#5995b3;
}
#top #iconosCompartir {
	float:right;
	margin-top: 46px;
}
.socialIcon {
	width:16px;
	height:16px;
	display: block;
	float: left;
	background-image: url(../imagenes/sprites.png);
	margin-left: 3px;
}
.socialIcon.si-facebook {
	background-position: 0px 0px;
}
.socialIcon.si-twitter {
	background-position: -16px 0px;
}
.socialIcon.si-delicious {
	background-position: -32px 0px;
}
.socialIcon.si-digg {
	background-position: 0px -16px;
}
.socialIcon.si-myspace {
	background-position: -16px -16px;
}
.socialIcon.si-youtube {
	background-position: -32px -16px;
}
.socialIcon.si-stumble {
	background-position: 0px -32px;
}
.socialIcon.si-linkedin {
	background-position: -16px -32px;
}
.socialIcon.si-rss {
	background-position: -32px -32px;
}
#contenedorEncabezado {
	margin-bottom:10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7EAFB;
	padding-top: 15px;
}
#container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#container #columnaIzquierda {
	width:100px;
	float:left
}
#container #columnaIzquierda ul.navSecundaria {
	border-top:1px solid #eee;
	list-style-type:none;
	margin:0px;
	padding:0px
}
#container #columnaIzquierda ul.navSecundaria li a {
	color:#333;
	display:block;
	padding:5px;
	border-bottom:1px solid #eee
}
#container #columnaIzquierda ul.navSecundaria li a:hover {
	background-color:#d8dfea
}
#container #columnaCentro {
	width:590px;
	float:left;
	margin-left:10px
}

#container #columnaCentro #mapa {
	border:1px dotted #FAFBFE;
	height:440px;
	width:588px;
	margin-bottom: 10px;
}
#container #columnaCentro #vistaPanoramica {
	width:100%;
}
#container #columnaDerecha {
	width:270px;
	float:left;
	margin-left:10px
}
#container #columnaDerecha #contenedorResultados {
	height:400px;
	overflow: hidden;
}

#buscador {
	height:23px;
	border:1px solid #d8dfea;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
#buscador .entradaBuscador {
	border:1px solid #FFF;
	margin-left:2px;
	width:230px;
	float:left
}
#buscador .botonBuscador {
	margin-bottom:0px;
	margin-left:0px;
	padding:0px
}
.formaEntrada {
	border:1px solid #d8dfea;
	width:350px;
	background-image: url(../imagenes/sombraArriba.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.btn {
	display:block;
	position:relative;
	background:#aaa;
	padding:5px;
	color:#fff;
	text-decoration:none;
	cursor:pointer
}
.btn * {
	font-style:normal;
	display:block;
	position:relative
}
.btn i {
	position:absolute;
	margin-bottom:-5px;
	width:5px;
	height:5px
}
.btn span {
	padding:0 0 5px 10px;
	margin-bottom:-5px
}
.btn span i {
	margin-bottom:0;
	position:absolute;
	left:100%;
	width:10px;
	height:100%;
}
.btn span span {
	background-position:top right;
	position:absolute;
	right:-10px;
	margin-left:10px;
	top:-5px;
	height:0
}
.btn.azul {
	background:#5995b3
}
.btn[class] {
	background-image:url(../imagenes/shade.png);
	background-position:bottom
}
ul.tabs {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	height:26px;
	border-bottom:1px solid #ddf4ff;
	border-left:1px solid #ddf4ff;
	width:100%
}
ul.tabs li:last-child, ul.tabs li:last-child a {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px
}
ul.tabs li {
	float:left;
	padding:0;
	height:25px;
	line-height:15px;
	border:1px solid #ddf4ff;
	border-left:none;
	margin-bottom:-1px;
	overflow:hidden;
	position:relative;
	background-color: #ddf4ff;
	background-image: url(../imagenes/sombraArriba.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul.tabs li a {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	display:block;
	border:1px solid #fff;
	outline:none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
ul.tabs li a:hover {
	color:#FFF;
	background-color: #5995b3;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	border-bottom:1px solid #FFF;
	background-color: #FFF;
	color: #666;
	background-image: none;
}
#rutasTab, #puntosTab {
	height:355px;
	overflow:auto
}
#rutasTab a, #puntosTab a {
	display:block;
	margin:0px;
	padding:1px 0 2px 0;
	color:#666
}
.tab_container {
	border:1px solid #ddf4ff;
	border-top:none;
	overflow:hidden;
	clear:both;
	float:left;
	width:100%;
	background:#FFF
}
.tab_content {
	padding:10px;
	font-size:12px
}
#resultadosTitulo {
	background-color:#C4C4C4;
	padding:3px;
	color:#FFF;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:5px
}
.tipped {
	color:#CCC
}
.miniGris {
	font-size:0.8em;
	color:#999;
	padding-bottom:4px
}
.comentario {
	border-bottom:1px solid #ddf4ff
}
.comentarioThumbs {
	float: right;
}
.comentarioThumbs span {
	float: left;
	color:#CCC;
}
.thumbUp, .thumbDown {
	background-image: url(../imagenes/sprites.png);
	height: 15px;
	width: 14px;
	display: block;
	float: left;
	margin-left: 10px;
}
.thumbUp {
	background-position: -80px 0px;
}
.thumbUp:hover, .thumbUp.activo {
	background-position: -96px 0px;
}
.thumbDown {
	background-position: -48px 0px;
}
.thumbDown:hover, .thumbDown.activo {
	background-position: -64px 0px;
}
.formaComentario {
	border-bottom:1px solid #ddf4ff;
	background-color:#ddf4ff;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-radius-topleft:5px;
	padding-top: 10px;
	padding-right: 55px;
	padding-bottom: 5px;
	padding-left: 55px;
}
.formaComentario label {
	font-weight:bold
}
#contenedorFacebook {
	margin-top:15px;
	clear:both
}
.infoRutaDiv {
	float:left;
	width:282px;
	margin-bottom:20px;
	display:block
}
.comentarioImagen {
	background-image:url(../imagenes/sprites.png);
	float:left;
	height:48px;
	width:48px;
	display:block;
	background-position: -64px -32px;
}
.comentarioTexto {
	margin:0 60px 0 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
}
.iconoComentario {
	display: block;
	float: left;
	height: 14px;
	width: 16px;
	background-image: url(../imagenes/sprites.png);
	background-position: -80px -16px;
	margin-right: 4px;
}

#defaultRutas, #defaultPuntos {
	display:inline-block;
	height: 11px;
	width: 14px;
	background-image: url(../imagenes/sprites.png);
	background-position: -48px -16px;
	
	margin-top: 2px;
	margin-left: 4px;
}
#rutaDirectaLnk, #rutasPorPuntoLnk {
	display:block;
	width:73px;
	background-image:url(../imagenes/sprites.png);
	color: #666;
	font-weight: bold;
	padding-left: 27px;
	line-height: 12px;
	vertical-align: middle;
}
#rutaDirectaLnk {
	background-position: 0px -112px;
	height: 23px;
	padding-top: 9px;

}
#rutaDirectaLnk:hover {
	background-position:0px -144px
}
#rutasPorPuntoLnk {
	background-position:0 -112px;
	height: 28px;
	padding-top: 4px;
}
#rutasPorPuntoLnk:hover {
	background-position:0 -144px
}
#footer {
	background-color:#c7eafb;
	margin-top:20px
}
#footer #derechos {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px
}
.aviso {
	border: 2px solid #D8F5DB;
	color:#666;
	font-size: 13px;
	line-height:1.4;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 30px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	background-color: #EFFCF4;
	background-image: url(/imagenes/icon_success.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#cerrarMensaje {
	display:block;
	width:100%;
	text-align:right;
}
.followTwitter {
	background:#c7eafb;
	display:block;
	font-size:12px;
	font-weight:bold;
	position:relative;
	text-align:left;
	z-index:5;
	padding: 8px;
}
.followTwitter img {
	border-width:0;
	position:absolute;
	left:190px;
	top:-20px;
	z-index:6;
}
blockquote.frase {
	padding: 8px;
	background-color: #faebbc;
	border-top: 1px solid #e1cc89;
	border-bottom: 1px solid #e1cc89;
	margin: 5px 0 0 0;
	background-image: url(../imagenes/openquote1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
}
blockquote.frase span {
	display: block;
	background-image: url(../imagenes/closequote1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-style: italic;
}
blockquote.frase p {
	text-align:right;
	margin:5px 0 0 0;
	padding:0px;
}