body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0; background:url(../img/bg_body.gif) no-repeat center top #000;}

h1 {font-size:30px; font-weight:normal; color:#fff; margin:0 0 25px 30px; padding:0 10px 10px 0;}
h1 span {padding:0 10px 10px 0; background:#000;}
/*NUEVO*/h2 {font-size:16px; margin:30px 0 10px 0; padding:0; border-top:solid #000 1px; clear:both;}
/*NUEVO*/h2 span, h4 span {color:#fff; margin:0; padding:1px 15px 1px 10px; background:#000;}
h3.Bread {font-size:11px; font-weight:normal; margin:0 0 5px 0; padding:0;}
h3.Bread span {padding:0 4px 0 4px;}
h4 {margin:0 0 10px 0; padding:0; border-top:solid #000 1px;}

a {color:#000; text-decoration:underline;}
a:hover {text-decoration:underline; background:#ffff00;}

img {border:0;}
input {font-family:Arial, Helvetica, sans-serif;}
p {margin:0 0 20px 0; padding:0;}

.tx16 {font-size:16px;}
.tx16 ul {margin:0 0 20px 10px; padding:0; list-style:none;}
.tx16 li {margin:0 0 0 9px; padding:0; text-indent:-9px; list-style:none;}
.flecha11 {font-size:11px;}
.flecha12, .tx12 {font-size:12px;}
.flecha11, .flecha12 {font-weight:bold; padding:0 0 0 8px; background:url(../img/flecha_link.gif) no-repeat 0 5px; display:inline-block;}
.flecha11:hover, .flecha12:hover {background:url(../img/flecha_link.gif) no-repeat 0 5px #ffff00;}
.boton11Gris {font-size:11px; font-weight:bold; color:#ffff00; text-decoration:none; padding:3px 12px 3px 5px; background:url(../img/bg_boton11_gris.gif) no-repeat right top #000; display:inline-block;}
.boton11Gris:hover {color:#000; text-decoration:none; background:url(../img/bg_boton11_gris_over.gif) no-repeat right top #ffff00;}
.boton13 {font-size:13px; font-weight:bold; color:#ffff00; text-decoration:none; padding:3px 12px 4px 5px; background:url(../img/bg_boton13.gif) no-repeat right top #000; display:inline-block;}
.boton13:hover {color:#000; text-decoration:none; background:url(../img/bg_boton13_over.gif) no-repeat right top #ffff00;}

/*Cabecera*/
#Cab {width:970px; height:90px; margin:auto; clear:both; overflow:hidden;}
#Logo {width:315px; margin-left:44px; padding-left:10px; background:url(../img/bg_logo.gif) no-repeat left top; float:left; display:inline;}
#Idiomas {font-size:11px; color:#fff; text-decoration:none; height:20px; padding:5px 0 0 0; background:#000; float:right;}
#Idiomas a {color:#fff; margin:0 8px 0 8px; padding:0 2px 0 2px;}
#Idiomas a:hover {color:#000;}
#Menu {font-size:12px; font-weight:bold; width:970px; height:53px; margin:auto; padding:0; background:url(../img/bg_menu.gif) no-repeat 10px top #fff; clear:both; overflow:hidden;}
#Menu ul {width:950px; height:19px; margin:8px 0 0 0; padding:0 20px 9px 0; background:url(../img/bg_lineas.gif) repeat-x left bottom;}
#Menu li {margin:0; padding:2px 5px 2px 5px; border-right:solid #000 1px; float:right; display:inline;}
#Menu a {padding:2px 5px 2px 5px;}
#Menu a.on {color:#fff; text-decoration:none; padding:2px 5px 2px 5px; background:#000;}
#Menu a.on:hover {color:#ffff00;}

/*Elementos estructura*/
.fr {float:right;}
.fl {float:left;}
.mr10 {margin-right:10px;}
.ml10 {margin-left:10px;}
#ColGeneral {width:960px; margin:auto; padding-left:10px; background:url(../img/bg_colgeneral.gif) repeat-y 10px top #fff; clear:both; overflow:hidden;}
.Col230, .Col230Fotos, .Col230FotosHotel  {width:230px; float:left; overflow:hidden;}
.Col470 {width:470px; float:left; overflow:hidden;}
.Col710 {width:710px; float:left; overflow:hidden;}
.Col230Fotos {text-align:right; color:#fff; padding:92px 0 30px 0; background:url(../img/bg_col230_fotos.gif) no-repeat left top #000;}
.Col230FotosHotel {text-align:right; color:#fff; padding:50px 0 20px 0; background:url(../img/bg_col230_fotos_hotel.gif) no-repeat left top #000;}
.Col230Fotos img, .Col230FotosHotel img {margin-bottom:10px; clear:both;}
.Col470 p, .Col710 p {margin-left:10px;}
.tabla {font-size:12px; border-bottom:solid #000 2px;}
.tabla td {padding:3px 0 3px 0; border-top:solid #000 1px; background:#d9ffd9;}
.tabla .top {font-weight:bold; background:#fff;}

/*Home*/
#BannerClub {width:222px; height:68px; margin-bottom:20px; background:url(../img/bg_banner_club.gif) no-repeat left bottom; clear:both; overflow:hidden;}
#BannerNews {width:223px; height:89px; margin-bottom:20px; background:url(../img/bg_lineas.gif) repeat-x left bottom; clear:both; overflow:hidden;}
#BannerNews input {font-size:11px; margin-right:5px;}
#BannerTiempo {font-size:11px; width:230px; height:84px; background:url(../img/bg_banner_tiempo.gif) no-repeat left bottom; clear:both; overflow:hidden;}
#BannerTiempo div {text-align:center; width:76px; height:66px; float:left;}
#BannerTiempo a {margin-right:30px;}
#Circuitos {font-size:11px; width:220px; clear:both; overflow:hidden;}
#Circuitos table {margin:2px 0 20px 0;}
#Circuitos td {padding:1px 0 1px 0; border-bottom:solid #b7b7b7 1px;}
#Circuitos td.facil {padding-left:14px; border-left:solid #00ff00 6px;}
#Circuitos td.medio {padding-left:14px; border-left:solid #000099 6px;}
#Circuitos td.dificil {padding-left:14px; border-left:solid #ff0000 6px;}
#Circuitos td.muydificil {padding-left:14px; border-left:solid #000 6px;}
#Circuitos td.remonte {padding-left:20px;}
#Circuitos td.titulo {padding:20px 0 0 20px;}
.abierto {color:#0000ff;}
.cerrado {color:#990000;}
#Banner710 {width:710px; margin-bottom:10px; clear:both; overflow:hidden;}
#Banners3 {width:720px; margin-bottom:10px; clear:both; overflow:hidden;}
#Banners3 div {margin-right:10px; float:left;}
#OfertasEventos {width:710px; background:url(../img/bg_ofertas_eventos.gif) repeat-y left top; clear:both; overflow:hidden;}
#OfertasH {width:479px; padding-bottom:30px; border-top:solid #000 1px; border-left:solid #000 1px; float:left;}
.ofertaH {width:479px; margin-top:15px; padding-bottom:5px; background:url(../img/bg_ofertah.gif) no-repeat right bottom; clear:both; overflow:hidden;}
.ofertaH h1 {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0; width:345px; background:none;}
.ofertaH ul {margin:0; padding:0; list-style:none;}
.ofertaH li {margin:0; padding:0; list-style:none;}
.ofertaH img, .Lista img {width:120px; margin-right:10px; border:solid #000 2px; float:left;}
.ofertaH p {width:345px; margin:0; padding:0; float:right;}
.precio {font-size:15px; font-weight:bold; color:#fff; margin-top:5px; padding:0 2px 0 2px; background:#000; display:inline-block;}
#Eventos {width:228px; border-top:solid #000 1px; border-right:solid #000 1px; border-left:solid #000 1px; float:left;}
#Eventos h1 {font-size:15px; font-weight:normal; margin:0; padding:0; background:none;}
#Eventos div {margin-top:15px;}

/*Paginas interiores*/
#Submenu {width:230px; margin-bottom:40px; clear:both; overflow:hidden;}
#Submenu ul {width:222px; margin:0 0 20px 0; padding:0 0 1px 0; list-style:none; background:url(../img/bg_lineas.gif) repeat-x left bottom;}
#Submenu ul h1 {width:222px; margin:0; padding:1px 0 0 0; list-style:none; background:url(../img/bg_submenu_li.gif) repeat-x left top; display:block;}
#Submenu a {font-size:12px; text-decoration:none; padding:1px 0 1px 18px; background:url(../img/flecha_link.gif) no-repeat 9px 6px; display:block;}
#Submenu a:hover {text-decoration:underline; background:url(../img/flecha_link.gif) no-repeat 9px 6px #ffff00;}
#Submenu a.on {color:#fff; font-weight:bold; background:url(../img/flecha_link_on.gif) no-repeat 9px 6px #000;}
#Submenu a.on:hover {color:#ffff00; text-decoration:none; background:url(../img/flecha_link_on_over.gif) no-repeat 9px 6px #000;}
.disp {font-size:14px; font-weight:bold; width:380px; margin:0 0 20px 10px; padding:3px 0 3px 37px; background:url(../img/bg_disp.gif) no-repeat left top #ffff00;}
.Lista {width:700px; margin:15px 0 0 10px; padding-bottom:5px; background:url(../img/bg_ofertah.gif) no-repeat right bottom; clear:both; overflow:hidden;}
.Lista h1 {font-size:16px; font-weight:bold; color:#000; margin:0 0 10px 0; padding:0; width:566px; background:none; float:right;}
.Lista p {width:566px; margin:0; padding:0; float:right;}
.Lista img.no {border:solid #fff 2px;}
.Destacado {width:700px; margin:15px 0 0 10px; clear:both; overflow:hidden;}
.Destacado img {width:210px; margin-right:10px; border:solid #000 2px; float:left;}
.Destacado h1 {font-size:22px; font-weight:bold; color:#000; width:476px; margin:0 0 10px 0; padding:0; background:none; float:right;}
.Destacado p {font-size:16px; width:476px; margin:0; padding:0; float:right;}
#DatosOferta td {vertical-align:top; padding:0 0 6px 0;}
#HotelOferta {width:710px; clear:both; overflow:hidden;}
#HotelOferta h2 {font-size:22px; margin:30px 0 20px 0; border-top:solid #000 5px;}
#HotelOferta h2 span {padding:1px 15px 5px 10px; background:#000;}
/*MODIFICADO*/#Ulises {/*width:435px;*/ margin:0 0 20px 10px; float:left; display:inline;}
/*#Reservas {width:255px; margin:0 0 20px 10px; float:left; display:inline;}
#Reservas div {width:253px; height:235px; padding:10px 0 0 0; border:solid #000 1px;}
#Reservas p {font-size:11px; text-align:right; margin:15px 0 0 0; padding:5px 0 0 0; background:url(../img/bg_ofertah.gif) no-repeat right top;}*/

/*MODIFICADO*/#Reservas {margin:0 0 20px 10px; float:left; display:inline;}
/*MODIFICADO*/#Reservas div {padding:10px 0 0 0;}
/*MODIFICADO*/#Reservas p {font-size:11px; text-align:right; margin:15px 0 0 0; padding:5px 0 0 0; background:url(../img/bg_ofertah.gif) no-repeat right top;}

#Mapa {width:710px; margin-left:10px; padding-bottom:20px; float:left; overflow:hidden;}
#Ulises h2, #Reservas h2, #Mapa h2 {font-size:14px; margin:0 0 10px 0; padding:0; border:none;}
#SubSubmenu {width:230px; padding:70px 0 30px 0; background:url(../img/bg_subsubmenu.gif) no-repeat left top #000; clear:both; overflow:hidden;}
#SubSubmenu ul {width:222px; margin:0 0 20px 0; padding:0 0 1px 0; list-style:none; background:url(../img/bg_subsubmenu_li.gif) repeat-x left bottom;}
#SubSubmenu h1 {width:222px; margin:0; padding:1px 0 0 0; list-style:none; background:url(../img/bg_subsubmenu_li.gif) repeat-x left top; display:block;}
#SubSubmenu a {font-size:12px; color:#fff; text-decoration:none; padding:1px 0 1px 18px; background:url(../img/flecha_link_on.gif) no-repeat 9px 6px; display:block;}
#SubSubmenu a:hover {color:#000; text-decoration:underline; background:url(../img/flecha_link.gif) no-repeat 9px 6px #ffff00;}
#SubSubmenu a.on {color:#ffff00; font-weight:bold; background:url(../img/flecha_link_on_over.gif) no-repeat 9px 6px #000;}
.linea {width:222px; margin-bottom:10px; padding-bottom:20px; background:url(../img/bg_submenu_li.gif) repeat-x left bottom;}
.linea h3 {font-size:14px; margin:0 0 8px 0; padding:0;}
.linea ul {margin:0; padding:0; list-style:none;}
.linea li {text-indent:-8px; margin:0 0 5px 0; padding:0 0 0 8px; list-style:none;}
.form {font-size:12px; margin-left:10px; padding-bottom:30px;}
.form ul {margin:0; padding:0;}
.form li {text-indent:-9px; margin:0 0 8px 9px; padding:0; list-style:none; }

/* Circuitos y mapas */
#Circuitos2 .facil {color:#fff; background-color:#33cc00;}
#Circuitos2 .medio {color:#fff; background-color:#000099;}
#Circuitos2 .dificil {color:#fff; background-color:#ff0000;}
#Circuitos2 .muydificil {color:#fff; background-color:#000;}

/*Pie*/
#Pie {color:#fff; width:625px; height:110px; margin:auto; padding:25px 0 0 345px; background:url(../img/bg_pie.gif) no-repeat right top;}
#Pie a {color:#fff; margin:0 10px 0 10px;}
#Pie a:hover {color:#000;}
#Pie img {margin-top:20px;}