/***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; background-color: #FFCC66; align: center; width: 490px; height: 1px; border:0}



/***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}

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

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

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

.cabecera-sub2 { width: 489px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px}

.cabecera-sub3 { width: 489px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px;  text-align: right}

.cabecera-texto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px; text-align: left}



/***Menu Principal***/

.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; height: 30px; width: 100%; color: #FF9900; border-top: 0px #CCCCCC solid; border-right: 0px #CCCCCC solid; border-bottom: 0px #CCCCCC solid; border-left: 1px #CCCCCC solid; 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-top: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 0px #CCCCCC solid}

.menu-celda-derecha { border-top: 1px #CCCCCC solid; border-right: 0px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 0px #CCCCCC solid; width: 11%}

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



/***Submenu Principal***/

.submenu {  background-color: #F3FAFE; text-align: center; width: 100%; border-top: 0px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; 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-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; border: 1px #FF9900 solid }



/***Ruta***/

.ruta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 662px; padding-top: 0px; padding-right: 8px; padding-bottom: 12px; padding-left: 8px; text-align: left}

.buscador-en-ruta { width: 300px; padding-top: 0px; padding-right: 8px; padding-bottom: 16px; padding-left: 20px; text-align: right}



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

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



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

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

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

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

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

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

.pestanas-rutas-0-resto {  width: 100%; height: 35px}

.pestanas-rutas-inactivas {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; width: 15%; border: 1px #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-top: 0px #CCCCCC solid; border-right: 0px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 0px #CCCCCC solid; 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%; background-color: #F3FAFE; border-top: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 0px #CCCCCC solid; border-left: 1px #CCCCCC solid; 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-top: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 0px #CCCCCC solid; border-left: 1px #CCCCCC solid; 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-top: 0px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 0px #CCCCCC solid; border-left: 1px #CCCCCC solid; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px }

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

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




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

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

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

.lateral-derecho-titular {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: bold; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; border-top: 0px #CCCCCC solid; border-right: 0px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 0px #CCCCCC solid; 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: 8px}

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

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

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

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

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

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


/***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}


/***Buscador***/

.resultados-buscador { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 20px}



/***Formularios***/

.campo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; vertical-align: top; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px }

.campoformulario { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px }


/***Texto naranja***/
.texto-naranja { font-weight: bold; color: #FF9900 }
