/***Etiquetas HTML***/

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

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



/***Body***/
.cuerpo {background-color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}



/***Enlaces general***/

a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8000; text-decoration: underline}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none}
a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8000; text-decoration: underline}



/***Cabecera***/

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

.cabecera-titular {  padding: 0 0 0 8}

.cabecera-titular a:active { font-size: 16px; color: #000000;  text-decoration: none}
.cabecera-titular a:link { font-size: 16px; color: #000000; text-decoration: none}
.cabecera-titular a:hover { font-size: 16px; color: #FF8000; text-decoration: underline}
.cabecera-titular a:visited { font-size: 16px; color: #000000; text-decoration: none}
.cabecera-titular a:visited:hover { font-size: 16px; color: #FF8000; text-decoration: underline}

.cabecera-subtitular {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding: 4 0 0 8}



/***Menu***/

.menu {  vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding: 0 0 0 8}

.menu-activo { color: #FF8000 }


.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}

.iconos-ok { border:0px }




/***Fotos***/
.contenedor-fotos-derecha { float:right; text-align: center; padding: 0 10 10 10}



/***Textos***/
.texto-principal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}

.precios {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}




/***Vídeos***/

.video { border: #FF8000 solid; border-width: 1 1 1 1}










/***Menu Principal***/

.menuu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; height: 40px; 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 a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
.submenu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
.submenu a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline; font-weight: bold}
.submenu a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}
.submenu a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: underline}

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


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

.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: 14px; 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 {  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: 14px; 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: 14px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF9900;text-decoration: underline}
.pestanas-rutas-activas a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: underline; font-weight: bold}
.pestanas-rutas-activas a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF9900; text-decoration: underline}
.pestanas-rutas-activas a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; 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-derecho-titular {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;  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: 14px; padding: 8 8 8 8}

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

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

.lateral-derecho-contenido-activo-fondo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; 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}



/***Pie***/

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

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