/***Etiquetas HTML***/

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FF9900; text-align: center}

h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF9900; font-weight: bold; text-align: center}

h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold}

hr {  color: #FFCC66; text-align: center; width: 490px; height: 1px}



/***Enlaces genera***/

a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline; font-weight: bold}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}



/***Tabla Principal***/

.contenedor { border: 1px #FF9900 solid; vertical-align: top; clip:  rect(   ); width: 980px; background-color: #FFFFFF} 



/***Cabecera***/

.cabecera {  background-image: url(imagenes/genericas/cabecera.jpg); height: 156px; width: 978px; vertical-align: top}

.cabecera-titular {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 0 8}

.cabecera-sub { background-image: url(imagenes/genericas/cabecera.jpg); height: 148px; width: 978px; margin: 8 0 0 8}

.cabecera-texto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 0 0 8}



/***Menu Principal***/

.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; height: 30px; width: 100%; color: #FF9900; border: #CCCCCC; border-style: solid; border-width: 0 0 0 1; background-image: url(imagenes/genericas/fondo-menu.gif); background-repeat: repeat-x}

.texto-menu { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 14px; color: #666666}

.menu-celda { width: 11%; border: #CCCCCC; border-style: solid; border-width: 1 1 1 0}

.menu-celda-derecha { border: #CCCCCC; border-style: solid; border-width: 1 0 1 0; width: 11%}

.menu-celda-activa { width: 12%; border: #CCCCCC; border-style: solid; border-width: 1 1 0 0; background-color: #F3FAFE; font-weight: bold}



/***Submenu Principal***/

.submenu {  background-color: #F3FAFE; text-align: center; width: 100%; border-color: #CCCCCC; border-style: solid; border-width: 0 1 1 1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

.submenu-inactivo { height: 22px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }

.submenu-activo { height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900 }

.submenu-activo a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.submenu-activo a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900;text-decoration: underline}
.submenu-activo a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold}
.submenu-activo a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.submenu-activo a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}

.submenu-barra {  color: CCCCCC}

.submenu-linea-vacia {  height: 10px }



/***Publicidad***/

.publi {  text-align: center; width: 728 px; margin: 0 4 0 4; border: #FF9900; border-style: solid; border-width: 1 1 1 1 }



/***Ruta***/

.ruta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 22px; width: 962px; margin: 0 8 0 8; text-align: left}



/***Textos debajo de la ruta***/

.textos-debajo-ruta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 22px; width: 962px; margin: 0 8 0 8; text-align: left}



/***Pestaņas rutas-mapas-fotos-videos-refugios***/

.pestanas-rutas {  width: 970px; margin: 0 4 0 4; height: 22px }

.pestanas-rutas-4-resto {  background-color: #FFFFFF; border: #CCCCCC; border-style: solid; border-width: 0 0 1 0; width: 37%; height: 35px}

.pestanas-rutas-3-resto {  background-color: #FFFFFF; border: #CCCCCC; border-style: solid; border-width: 0 0 1 0; width: 53%; height: 35px}

.pestanas-rutas-2-resto {  background-color: #FFFFFF; border: #CCCCCC; border-style: solid; border-width: 0 0 1 0; width: 70%; height: 35px}

.pestanas-rutas-1-resto {  background-color: #FFFFFF; border: #CCCCCC; border-style: solid; border-width: 0 0 1 0; width: 85%; height: 35px}

.pestanas-rutas-inactivas {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; width: 15%; border: 1 #CCCCCC solid; vertical-align: middle; background-image: url(imagenes/genericas/fondo-menu.gif); background-repeat: repeat-x; height: 35px }

.pestanas-rutas-separador { width: 1%;background-color: #FFFFFF;border: #CCCCCC; border-style: solid; border-width: 0 0 1 0; height: 35px }

.pestanas-rutas-activas { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-align: center; width: 15%; border: #CCCCCC solid; background-color: #F3FAFE; border-width: 1 1 0 1; height: 35px }

.pestanas-rutas-activas a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900;text-decoration: underline}
.pestanas-rutas-activas a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold}
.pestanas-rutas-activas a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}

.pestanas-rutas-activas2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-align: center; width: 15%; border: #CCCCCC solid; border-width: 1 1 0 1; height: 35px }

.pestanas-rutas-activas2 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas2 a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900;text-decoration: underline}
.pestanas-rutas-activas2 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold}
.pestanas-rutas-activas2 a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas2 a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}

.linea-activa-mapa-videos {  height: 10px; width: 970px; background-color: #F3FAFE; border: #CCCCCC; border-style: solid; border-width: 0 1 0 1; margin: 0 4 0 4;  }

.pestanas-submenu { text-align: center; margin: 0 4 0 4; background-color: #F3FAFE ; border: #CCCCCC solid; width: 970px; border-width: 0px 1px; color: #666666 }

.pestanas-submenu-corto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-align: center; margin: 0 4 0 4; background-color: #F3FAFE ; border: #CCCCCC solid; width: 970px; border-width: 0px 1px }




/***Lateral derecho-izquierdo***/

.lateral-derecho {  vertical-align: top; width: 30%; padding: 8 8 8 8; border: #CCCCCC solid; border-width: 1 1 1 0}

.lateral-derecho2 {  vertical-align: top; width: 30%; padding: 16 8 8 8; border: #CCCCCC solid; border-width: 0 1 1 0}

.lateral-derecho-titular {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: bold; border: #CCCCCC solid; padding: 0 8; border-width: 0 0 1; height: 20px; background-image: url(imagenes/genericas/fondo-lateral-derecho.gif); background-repeat: repeat-y}

.lateral-derecho-caja {  border: 1px #CCCCCC solid; width: 100%}

.lateral-derecho-publi {  border: 1px #CCCCCC solid; width: 100%}

.lateral-derecho-contenido {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 8 8 8 8}

.lateral-derecho-viajes {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 8 8 8 8; text-align=center }

.lateral-derecho-contenido-fondo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 8 8 8 8 ; background-color: #F3FAFE}

.lateral-derecho-contenido-activo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 8 8 8 8; color:#666666 }

.lateral-derecho-contenido-activo-fondo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 8 8 8 8 ; background-color: #F3FAFE; color:#666666 }

.lateral-izquierdo {  vertical-align: top; width: 30%; padding: 8 8 8 8; border: #CCCCCC solid; border-width: 1 0 1 1}

.rutas-descripcion-publi-viajes-der { float:right; font-size: 12px; padding: 0 10 10 10}


/***Pie***/

.pie-advertencia {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center}

.pie-firma {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center}