/* CSS Document */

/*HOME*/

h3, h4{-x-system-font:none;
font-family:"Trebuchet MS";
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 15px 8px;
white-space:nowrap;}
h3 span{color:#FE8334}
h4{font-size:16px; font-weight:bold;padding-left:35px; margin-bottom:5px}
li,p,a{font-weight:normal;}
li.from{ text-align:right; font-style: italic}
li.persona{ text-align:right; font-style: italic; font-size:10px;}
li.more-info{ text-align:right;margin-top:8px;}
ul,li{ margin:0; padding:0}

/* Main1*/
#content{ position:static; height:auto}
#content #bannerTop {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/b-home-esqui.jpg) no-repeat scroll left top;height:120px;width:1000px;z-index:0;}
#content #bannerTop div a {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/b-home-esqui.jpg) no-repeat scroll right top;display:block;height:120px;float:right;right:0;text-indent:-100000px;width:450px;z-index:20;float:right}
#content #bannerTop .vercondiciones {height: 18px; float: left; width: 100px; margin-left: 308px; margin-top: 98px; padding:2px; cursor: pointer;}
#content #bannerTop .vercondiciones a{ background:none; display: block; height: 18px; text-indent: 0; width: 100px}
#content div.breadcrumb{ margin-bottom:5px; font-size:11px;margin-left:10px;}
#content div.breadcrumb span{ font-weight:bold; color:#0076BE}
#content #main1 div.group-1{width:300px;float:left;margin-right:15px; margin-top:-106px;_margin-top:-120px; min-height:550px}
#content #main1 div.group-1 h1{text-indent:-9999px;/*Hide Text, keep for SEO*/height:0;margin:0;padding:0;}
#content #main1 div.group-2{width:370px;float:left; margin-top:10px}
#content #main1 div.group-2 div.title{background: url(/pictures/bg-title-blue.gif) no-repeat left top; height:36px; position:relative}
#content #main1 div.group-2 div.title span{}
#content #main1 div.group-2 div.title div{background: url(/pictures/bg-title-blue.gif) no-repeat right top; width:10px;height:36px; float:right}
#content #main1 div.group-2 h2{text-indent:-100000px;background:transparent url(/pictures/txt-ofertas.gif) no-repeat scroll 0 0; height:20px;width:100px;top:5px; left:10px; position:absolute}
#content #main1 div.group-2 p span{ color:#0076BE}
#content #main1 div.group-2 #offers img{ float:left;margin:20px 0 0 12px;}
#content #main1 div.group-2 #offers{ height:140px}
#content #main1 div.group-2 ul.rate{margin:8px 0 0 145px;}
#content #main1 div.group-2 div.box-left{height:380px;*height:388px;padding-top:6px;position:relative}
#content #main1 div.group-2 div.box-left p{font-size:12px; margin-left:15px;margin-top:-8px;}
#content #main1 div.group-2 div.box-left span{ margin-left:10px}
#content #main1 div.group-2 div.box-right{ height:386px;*height:394px}
#content #main1 div.group-3{width:300px;float:right;margin-top:10px}
#content #main1 div.group-3 h2{text-indent:-100000px;background:transparent url(/pictures/txt-ultima-hora.gif) no-repeat scroll 0 0; height:200px;width:24px;top:10px; left:6px; position:absolute}
#content #main1 div.group-3 div.box300{height:420px;*height:430px;}
#content #main1 div.group-3 div.box300 p{font-size:12px;margin-left:50px;margin-top:-4px;}
#content #main1 div.group-3 ul.rate{border-bottom: 1px dotted #AFC2D6; margin-bottom:10px;}
#body #content #main1 div.group-3 ul.rate li{margin-bottom:6px;}


/* Search-Box*/
#content #main1 #motorEngine{background:transparent url(/pictures/bgBoxBottom300px.png) no-repeat scroll left bottom;min-height:527px;*min-height:536px;height:auto !important; height:536px; _margin-top:-5px;}
#content #main1 div.group-1 div.top{width:300px;height:10px;background:transparent url(/pictures/bgBoxTopSki.gif) no-repeat scroll left top;}
#content #main1 #motorEngine h2{text-indent:-100000px;background:transparent url(/pictures/txt-buscador-ski.gif) no-repeat scroll 0 0; height:200px;width:24px; margin:5px; float:left}
#content #main1 #motorEngine fieldset{ padding:5px}
#content #main1 #motorEngine form{ margin-top:8px; margin-right:4px; padding-bottom:10px;}
#content #main1 #motorEngine span.cell{margin-top:6px}
#content #main1 #motorEngine div.dto{margin:5px 10px 20px 45px;padding-top:5px; border-top:1px dotted #B3D8ED}
#content #main1 #motorEngine div.dto img{ float:left}
#content #main1 #motorEngine div.dto p{ margin-right:0;margin-top:15px;text-align:justify;}
#content #main1 #motorEngine li a{ font-size:11px}
#content #main1 #motorEngine select.ancho{ width:235px}
#content #main1 #motorEngine option{ font-size:11px}
#content #main1 #motorEngine ul li a{font-size:12px}
#content #main1 #motorEngine ul.rate{ margin-bottom:10px}
#content #main1 #motorEngine ul.bottom{ margin-top:20px}
#content #main1 #motorEngine h3{margin: 5px 0 -14px 50px}
#content #main1 #motorEngine .roomDetails{ margin-bottom:0}
#content #search-box fieldset{margin-left:45px;}
#content #search-box div.button{float:right}
#content #search-box #Hotel div.button{ margin-top:8px}
#content #search-box div.fecha-salida input{color:#FE8334;}
#content #search-box input.checkbox {border:none; margin-right:0; width:80px}
#content #search-box div.campo-fecha {background-image:url(/pictures/icoCalendar.gif);background-position:right center;background-repeat:no-repeat;border:1px solid #999999;cursor:pointer;height:18px;padding:2px 2px 0;width:105px;}
#content #main1 #motorEngine #search-box #busquedaVacacionesForm select#principal{width:170px;}
#content #main1 #motorEngine #search-box #busquedaVacacionesForm select#secundario{min-width:170px;}

/* Main2*/
#content #main2{ margin-top:5px; width:1000px}
#content #main2 div.group-1{width:250px;float:left;margin-right:10px}
#content #main2 div.group-1 div.insurance p{ text-align:justify; margin:0 10px;font-size:12px;}
#content #main2 div.group-1 div.insurance a{ float:right; margin-top:5px; margin-right:10px}
#content #main2 div.group-1 div.insurance div.box-left,#content #main2 div.group-1 div.insurance div.box-right{ height:160px}
#content #main2 div.group-1 div.insurance div.box-left h3{ margin-bottom:4px}
#content #main2 div.group-1 #checkbooking{ margin-top:10px;_margin-top:8px}
#content #checkbooking h3{background: url(/pictures/bg-checkbooking.gif) no-repeat left top;height:70px;padding-left:70px; margin:0 0 0 5px;}
#content #checkbooking form{margin-left:80px;margin-top:-30px;}
#content #checkbooking div.box-left,#content #checkbooking div.box-right{ height:135px}
#content #checkbooking div.button{ text-align:right; margin-top:8px}

#content #main2 div.group-2{width:430px;float:left; position:relative}
#content div.top-mapa{background: url(/pictures/bg-top-mapa.jpg) no-repeat;height:57px;}
#content div.top-mapa p{font-weight:bold;padding:8px 0 0 20px; margin:0}
#content div.top-mapa ul{margin-top:8px;}
#content div.top-mapa li{float:left; padding:0 25px 0 25px; font-weight:bold}
#content div.top-mapa li a{ font-weight:bold; text-decoration:underline; color:#0000FF}
#content div.top-mapa li.active a{ color:#000000; text-decoration:none}
#content div.top-mapa li a:hover{ color:#FE8334}
#content div.mapa{border-left:1px solid #AFC2D6;border-right:1px solid #AFC2D6;padding-top:2px;}
#content div.bottom-mapa{background: url(/pictures/bg-bottom-mapa.jpg) no-repeat;height:12px;}
#content #main2 div.group-3{float:right}
#content #main2 div.group-3 div.help{background: url(/pictures/bg-help.jpg) no-repeat; height:50px; width:300px}
#content #main2 div.group-3 div.help p{padding:18px 0 0 90px;*padding:10px 0 0 90px; font-size:14px}

/* Texto Cajas*/
#content.zona #main2 div.group-2 #offers.pirineo-frances div.box-left h2{background:transparent url(/pictures/txt-pirineo-frances.gif ) no-repeat scroll 0 0 ;height:245px;}
#content.zona #main2 div.group-2 #offers.pirineo-catalan div.box-left h2{background:transparent url(/pictures/txt-pirineo-catalan.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.pirineo-aragones div.box-left h2{background:transparent url(/pictures/txt-pirineo-aragones.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.finlandia div.box-left h2{background:transparent url(/pictures/txt-finlandia.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.estados-unidos div.box-left h2{background:transparent url(/pictures/txt-estados-unidos.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.canada div.box-left h2{background:transparent url(/pictures/txt-canada.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.andorra div.box-left h2{background:transparent url(/pictures/txt-andorra.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.alpes-suizos div.box-left h2{background:transparent url(/pictures/txt-alpes-suizos.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.alpes-italianos div.box-left h2{background:transparent url(/pictures/txt-alpes-italianos.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.alpes-italianos-hoteles div.box-left h2{background:transparent url(/pictures/txt-hoteles-alpes-italianos.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.alpes-franceses div.box-left h2{background:transparent url(/pictures/txt-alpes-franceses.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.alpes-austriacos div.box-left h2{background:transparent url(/pictures/txt-alpes-austriacos.gif) no-repeat scroll 0 0;height:245px;}
#content.zona #main2 div.group-2 #offers.sierra-nevada div.box-left h2{background:transparent url(/pictures/txt-sierra-nevada.gif) no-repeat scroll 0 0;height:245px;}

/* Bordes Cajas*/
#content div.top{background:transparent url(/pictures/bg-degrad-box-top.jpg) no-repeat scroll right top; }
#content div.top div{background:transparent url(/pictures/bg-degrad-box-top.jpg) no-repeat scroll left top; height:10px; width:10px}
#content div.box-left{background: url(/pictures/bg-degrad-box.jpg) no-repeat scroll left bottom; float:left;width:96%;}
#content div.box-right{background: url(/pictures/bg-degrad-box.jpg) no-repeat scroll right bottom;float:right;width:4%;}

#content div.top-left{background:transparent url(/pictures/bg-box-blue-top.jpg) no-repeat scroll left top; float:left;width:96%;height:10px}
#content div.top-right{background:transparent url(/pictures/bg-box-blue-top.jpg) no-repeat scroll right top;float:left;width:4%;height:10px}

/* Seo*/
#seo{ height:auto}
#seo div.group-1{float:left; margin-top:15px}
#seo div.group-1 #photos{width:690px;height:128px;border:1px solid #C8E3F4; margin-bottom:10px;background-color:#FFFFFF; padding-top:5px}
#seo div.group-1 #photos div{ padding: 0 16px; float:left}
#seo #list-station{width:690px;height:128px;border:1px solid #C8E3F4;background-color:#FFFFFF;padding-top:5px; overflow-y:auto; overflow-x:hidden}
#seo #list-station ul{ float:left;margin:0 10px;}
#seo #list-station ul li{ border:0; float:none; display:block; height:auto; width:auto; margin:0; padding:0; overflow:hidden}
#seo div.group-2{float:right; margin:15px 0}
#seo .banner-bottom{ float:right}

/* Publicidad*/
.robapagina .sup{background:transparent url(/pictures/titpubli.png) no-repeat scroll left top;height:21px;}


/*ZONA*/
#content.zona #bannerTop div a{ background:none}
#content.zona #main1 div.group-1{height:auto;margin-right:12px;margin-top:-113px;}
#content.zona #main1 div.group-1 h1{text-indent:0px; display:inline}
#content.zona #main1 div.group-2{ width:205px}
#content.zona #main1 div.group-2 div.box-left,#content.zona #main1 div.group-2 div.box-right{padding-top:0; height:259px;*height:265px;_height:259px}
#content.zona #main1 div.group-2 #offers h4{ padding:0}
#content.zona #main1 div.group-2 #offers div.box-left,#content.zona #main1 div.group-2 #offers div.box-right{height:144px;_height:140px}
#content.zona #main1 div.group-2 #offers{margin-top:10px;}
#content.zona #main1 div.group-2 #reasons h4{padding-left:0; margin-right:0;}
#content.zona #main1 div.group-2 #reasons ul{line-height:22px; margin:0 0 0 15px}
#content.zona #main1 div.group-3{width:472px;}
#content.zona div.mapa{ padding-top:28px}
#content.zona div.top-mapa{background: url(/pictures/bg-top-mapa-zona.jpg) no-repeat;height:57px;}
#content.zona div.bottom-mapa{background: url(/pictures/bg-bottom-mapa-zona.jpg) no-repeat bottom; height:43px;}
#content.zona div.top-mapa li{padding:0 30px;}
#content.zona #main2{margin-top:10px;}
#content.zona #main2 div.insurance{}
#content.zona #main2 div.banner{ margin-top:5px}
#content.zona #main2 div.group-2 #offers h4{background:transparent url(/pictures/img-offers-ski.gif) no-repeat scroll right top; position:absolute;padding-right:90px;height:35px;font-size:18px;font-weight:normal; text-align:left;*margin-left:0;*padding-left:0}
#content.zona #main2 div.group-2 #offers.hotel h4{background:transparent url(/pictures/img-offers-hotel.gif) no-repeat scroll right top;height:50px;}
#content.zona #main2 div.group-2 #offers div.top{background:transparent url(/pictures/bg-box-blue-top.jpg) no-repeat scroll left top;}
#content.zona #main2 div.group-2 #offers div.box-left{background:transparent url(/pictures/bg-box-blue.jpg) no-repeat scroll left bottom;height:265px;}
#content.zona #main2 div.group-2 #offers div.box-left h2{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/pictures/txt-offers.gif) no-repeat scroll 0 0;
height:100px;
left:6px;
position:absolute;
text-indent:-100000px;
top:10px;
width:24px;}
#content.zona #main2 div.group-2 #offers div.box-right{height:265px;}
#content.zona #main2 div.group-2 #offers p{ float:right;margin:4px 0 0;}
#content.zona #main2 div.group-2 #offers ul.rate{margin:20px 0 0 50px;}
#content.zona #main2 div.group-2 #offers.hotel ul.rate{margin:25px 0 0 50px;}
#content.zona #main2 div.group-2 #offers ul.rate li{*line-height:17px;*display:inline;}
#content.zona #main2 div.group-2 #offers ul.rate li span{margin-top:13px;*margin-top:16px;}
#content.zona #main2 div.group-2 #offers ul.rate li.from{clear:both; display:block;}
#content.zona #main2 div.group-2 #offers ul.rate li a{display:block;margin-bottom:3px;width:280px;}

#content.zona #main3{ margin-top:10px}
#content.zona #main3 div.group-1{width:690px; float:left; margin-right:8px;}
#content.zona #main3 div.group-1 #description{}
#content.zona #main3 div.group-1 #description h2{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/txt-descripcion.gif) no-repeat scroll 0 0;height:300px;left:6px;position:absolute;text-indent:-100000px;top:10px;width:24px;}
#content.zona #main3 div.group-1 #description div.box-left{background:transparent url(/pictures/bg-box-blue.jpg) no-repeat scroll left bottom;min-height:322px;height: auto !important;height: 322px;width:98%;position:relative; padding-bottom:10px}
#content.zona #main3 div.group-1 #description div.box-left img{ margin:20px 0 0 55px; float:left}
#content.zona #main3 div.group-1 #description div.box-left div.text{ float:left;margin:5px 0 0 5px;text-align:justify;width:515px;}
#content.zona #main3 div.group-1 #description div.box-right{height:332px;width:2%;}
#content.zona #main3 div.group-1 #description ul{background:transparent url(/pictures/bg-description.jpg) no-repeat; margin-left:50px;height:30px;padding-left:40px;}
#content.zona #main3 div.group-1 #description li{ float:left; text-decoration:underline; margin:5px 10px;*margin:5px 10px; font-weight:bold;color:#0000FF;}
#content.zona #main3 div.group-1 #description li a{ font-weight:bold}
#content.zona #main3 div.group-1 #description .active{color:#000000; text-decoration:none}
#content.zona #main3 div.group-2{float: right; width:300px}
#content.zona #main3 div.group-2 div.box300 {margin-bottom:0;min-height:340px;height: auto !important;height: 345px; padding-bottom:1px}
#content.zona #main3 div.group-2 #mostrarDiv{ margin-left:45px;width:245px}
#content.zona #main3 div.group-2 div.niveles span{color:#0076BE; font-size:11px;font-weight:bold; border-bottom:1px dotted #0076BE;width:230px;float:left;clear:both;padding-bottom:4px;}
#content.zona #main3 div.group-2 div.niveles{ margin:5px 0 20px;}
#content.zona #main3 div.group-2 div.niveles p{ text-align: justify; margin:10px 0 0 0 }

#content.zona #main3 div.group-2 h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/pictures/txt-niveles.gif) no-repeat scroll 0 0;
height:300px;
left:6px;
position:absolute;
text-indent:-100000px;
top:10px;
width:24px;
}
#content.zona #seo div.group-1 #list-station ul li{ float:left; margin:0 5px;line-height:20px;}
#body #content.zona .bestPriceSearch{background:transparent url(/pictures/garantia-mejor-precio-ski.gif) no-repeat scroll 0 0;height:80px;width:90px;}

#content.zona #main1 div.group-2 div.box-left p{ margin:0}
#content.zona #main1 div.group-2 ul.rate{margin:8px 0 0 15px;}
#content.zona #main1 div.group-2 li.from{margin-top:-18px;}
#content.zona li.person{font-size:10px;font-style:italic; text-align:right; list-style:none; margin-top:8px}

/*ESTACION*/
#content.estacion{margin-bottom:10px;}
#content.estacion #main1 div.group-2 #checkbooking div.box-left, #content.estacion #main1 div.group-2 #checkbooking div.box-right{ height:160px;*height:168px;_height:158px; margin-bottom:0}
#content.estacion #checkbooking h3{padding-left:5px;background:transparent url(/pictures/bg-checkbooking.gif) no-repeat scroll right top; height:auto;}
#content.estacion #checkbooking form{ margin-top:6px;margin-left:12px;}
#content.estacion #main1 div.group-2 #reasons ul{line-height:21px;}
#content.estacion #main1 div.group-2 div.box-left, #content.estacion #main1 div.group-2 div.box-right{height:245px;margin-bottom:8px;}
#content.estacion #main3 div.group-1{width:1000px;margin-bottom:10px;}
#content.estacion #main3 div.group-1 #description div.box-left{width:100%;}

#content.estacion #main3 div.group-1 #description div.box-left #photos{float:left;margin-left:50px;_margin-left:25px;padding:10px;width:340px;border:1px solid #C8E3F4;}
#content.estacion #main3 div.group-1 #description div.box-left #photos h3{ margin-bottom:0}
#content.estacion #main3 div.group-1 #description div.box-left img{margin:20px 0 0 20px;}
#content.estacion #main3 div.group-1 #description div.box-left div.text{width:550px; margin-left:20px;}
#content.estacion #main3 div.group-1 #description div.box-left div.text h4{ margin-left:8px;padding-left:0;}
#content.estacion #main3 div.group-2, #content.estacion #main3 div.group-3{ float:left;}
#content.estacion #main3 div.group-3{margin-left:10px;width:428px; position:relative}
#content.estacion #main3 div.group-3 #way div.box-left{background:transparent url(/pictures/bg-box-blue.jpg) no-repeat scroll left bottom;height:332px;width:98%;}
#content.estacion #main3 div.group-3 #way div.box-right{height:332px;width:2%;}
#content.estacion #main3 div.group-3 #way h2 {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/txt-way.gif) no-repeat scroll 0 0;height:150px;left:6px;position:absolute;text-indent:-100000px;top:10px;width:24px;}
#content.estacion #main3 div.group-3 #way div.text{ margin-left:40px;text-align:justify;background:transparent url(/pictures/bg-way.gif) no-repeat scroll 0 0;height:90%;padding-right:60px;}
#content.estacion #main3 div.group-4{ float:right;width:250px;}
#content.estacion #main3 div.group-4 div.box-left,#content.estacion #main3 div.group-4 div.box-right{height:220px}
#content.estacion #main3 div.group-4 div.insurance{ text-align:justify; line-height:18px}
#content.estacion #main3 div.group-4 div.insurance p{ margin-left:15px;}
#content.estacion #main3 div.group-4 div.insurance a{ float: right}
#content.estacion #main3 div.group-4 div.banner{height:98px;margin-top:10px;}
#content.estacion #main3 div.group-1 #description{width:999px;}
#content.estacion #main3 div.group-1 #description div.box-left #photos p{ float:right; color:#FE8334; font-size:11px;margin:15px 0 0;}
#content.estacion div.bottom-mapa{}
#content.estacion #main3 div.group-1 #description h2{background:transparent url(/pictures/txt-description-estation.gif) no-repeat scroll 0 0;}
#content.estacion #seo{margin:10px 0;}
#content.estacion #seo #list-station {margin-bottom:10px;height:auto;width:1000px;}
#content.estacion #seo #list-station ul{ margin:0 0 10px 10px}
#content.estacion #seo #list-station ul li{ float:left; margin:0 5px;line-height:20px;}