@charset "utf-8";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
body {
background: #EEEEEE url(../images/bg.gif) repeat-x top ;
border-top:0px solid #78853b;
color: #333;
font-size: 11px;
margin:0;
padding:0;;
}
/* anchors
----------------------------------------------- */
a {
color: #000;
font-weight:bold;
text-decoration: none;
}
a:hover {
color:#333;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
border:0px solid #1e90ff;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a {
font-weight:normal;
}
h5.acentos{margin: 0 0 5px 150px;font:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#F00;}
/* span
----------------------------------------------- */
.azul{
border:0px solid #666666;
width:84px;
height:20px;
font: bold 12px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: white;
text-transform: uppercase;
background: url(../images/bg_span_azul.png) no-repeat;
padding:3px 0 5px 15px;
margin:10px auto;
text-align:center;
}

/* branding
----------------------------------------------- */
h1#logo {
background: transparent;
padding:.5em 1em;
margin-bottom:0;
border:0px solid #666666;
}
.lmsv{
width:470px;
height:103px;
border:0px solid #666666;
margin:0 0 0 -25px;
}
/* idiomas
----------------------------------------------- */
#catalan {
position:absolute;
left:720px;
top:5px;
width:60px;
height:35px;
z-index:1;
}
#castellano {
position:absolute;
left:780px;
top:5px;
width:60px;
height:35px;
z-index:2;}
#frances {
position:absolute;
left:840px;
top:5px;
width:60px;
height:35px;
z-index:3;
}
#mail {
position:absolute;
left:660px;
top:5px;
width:50px;
height:29px;
z-index:5;
}
#reservas {
position:absolute;
left:620px;
top:100px;
width:380px;
height:31px;
z-index:6;
border:0px solid #666666;
}
/* cast
----------------------------------------------- */
li.reservas{float:left;display:inline;background: url(../images/btn_reservas.gif) no-repeat;width:150px;height:30px;
}
li.reservas a{float:left;display:inline;background: url(../images/btn_reservas.gif) no-repeat;width:150px;height:30px;
}
li.reservas a:hover{float:left;display:inline;background: url(../images/btn_reservas.gif) no-repeat;width:150px;height:30px;
background-position:0 -30px;
}

li.tarifas{float:left;display:inline;background: url(../images/btn_tarifas.png) no-repeat;width:150px;height:30px;
}
li.tarifas a{float:left;display:inline;background: url(../images/btn_tarifas.png) no-repeat;width:150px;height:30px;
}
li.tarifas a:hover{float:left;display:inline;background: url(../images/btn_tarifas.png) no-repeat;width:150px;height:30px;
background-position:0 -30px;
}
/* cat
----------------------------------------------- */
li.reserves{float:left;display:inline;background: url(../images/btn_reserves.gif) no-repeat;width:150px;height:30px;
}
li.reserves a{float:left;display:inline;background: url(../images/btn_reserves.gif)no-repeat;width:150px;height:30px;
}
li.reserves a:hover{float:left;display:inline;background: url(../images/btn_reserves.gif) no-repeat;width:150px;height:30px;
background-position:0 -30px;
}
li.tarifes{float:left;display:inline;background: url(../images/btn_tarifes.gif) no-repeat;width:150px;height:30px;
}
li.tarifes a{float:left;display:inline;background:url(../images/btn_tarifes.gif) no-repeat;width:150px;height:30px;
}
li.tarifes a:hover{float:left;display:inline;background: url(../images/btn_tarifes.gif)  no-repeat;width:150px;height:30px;
background-position:0 -30px;
}
/* fr
----------------------------------------------- */
li.reservations{float:left;display:inline;background: url(../images/btn_reservations.gif) no-repeat;width:150px;height:30px;
}
li.reservations a{float:left;display:inline;background: url(../images/btn_reservations.gif) no-repeat;width:150px;height:30px;
}
li.reservations a:hover{float:left;display:inline;background: url(../images/btn_reservations.gif) no-repeat;width:150px;height:30px;
background-position:0 -30px;
}
li.tarifs{float:left;display:inline;background: url(../images/btn_tarifs.gif) no-repeat;width:150px;height:30px;
}
li.tarifs a{float:left;display:inline;background: url(../images/btn_tarifs.gif)no-repeat;width:150px;height:30px;
}
li.tarifs a:hover{float:left;display:inline;background: url(../images/btn_tarifs.gif) no-repeat;width:150px;height:30px;
background-position:0 -30px;
}
#apDiv1 {
position:absolute;
left:650px;
top:125px;
width:150px;
height:21px;
z-index:7;
}
#apDiv2 {
position:absolute;
left:830px;
top:125px;
width:150px;
height:21px;
z-index:8;
}
/* page heading
----------------------------------------------- */
h2#page-heading {
font-weight:normal;
padding:.5em;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}
/* página ventajas
----------------------------------------------- */
.box_ventajas {
border:1px solid #e1e1e1;
margin-top:10px;
margin-bottom:20px;
background: url(../images/box_gradient.jpg);
}
#con_ventajas {
font: normal 12px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(../images/box_gradient.jpg);
margin:2px;
padding:10px;
height:100%;
overflow:auto;
}
.box_ventajas h2 {
font: normal 2em Verdana, Geneva, Arial, Helvetica, sans-serif ;
text-transform:uppercase;
color: white;
background: url(../images/tit_ventajas_bg.gif);
margin:-10px 0px 0 0px;
padding:6px 12px;
}
#banner_ventajas {
font: normal 13px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
border:1px solid #49C0F0;
margin-top:30px;
margin-bottom:20px;
background:#E8F8FD;
}
li.list_banner{
padding:0 0 0 20px;
margin:5px 0 5px 35px;
background: url(../images/turquoise_button.png) no-repeat 6px;
list-style:none;
}

/* frontera blanca
----------------------------------------------- */
.box_frontera {
border:1px solid #e1e1e1;
margin-top:10px;
margin-bottom:20px;
background:#F7F7F7 url(../images/box_gradient.jpg) repeat;
}
.box_frontera h2 {
font: normal 2em Verdana, Geneva, Arial, Helvetica, sans-serif ;
text-transform:uppercase;
color: white;
background: #5489C2 url(../images/bg_frontera.gif) ;
margin:-10px 0px 0 0px;
padding:6px 12px;
}
.box_apartaments{
background:#F7F7F7;
margin-bottom:20px;
padding:10px 10px 1px 10px;
}
#apartamentos{
background:#F7F7F7 url(../images/box_gradient.jpg) repeat;
width:100%;
border:0px solid #1e90ff;
margin-bottom:5px;
}
th.descripcion,
td.descripcion {
font: 12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color: #4f4f4f;
border:0px solid #666666;
margin:0;
padding:5px 0 0 3px;
text-align: justify;
vertical-align: top;
}
th.fotos,
td.fotos {
border:0px solid #666666;
}
tr.contenido_apartamentos{
}
.fotos a.image, a.noimage {
float:left; 
margin:3px 10px 3px 0; 
padding:4px;
border:1px solid #bbb;
background:#fff;
}
.fotos a.image:hover, a.noimage:hover {
border:1px solid #666;
}
.fotos a.image img, a.noimage img {
float:left; 
}
.box_paginacion {
border:0px solid #e1e1e1;
margin-top:10px;
margin-bottom:15px;
background: url(../images/box_gradient.jpg) repeat;
}
p.tit_apartamentos{
font:bold 12px/10px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#424F6E;
}
.ref{
font:bold 12px/10px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#FF0084;
}
ul.descripcion{
float:left;
border:0px solid #666666;
margin:0 0 10px 0;
width:230px;
font:normal 11px/10px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#424F6E;
}
li.des{
list-style: none;
background: url(../images/offline.gif) no-repeat left bottom;
margin:0;
padding: 0 0 3px 15px;
}
li.larg{
list-style: none;
margin:0;
padding: 0 0 3px 15px;
}
ul.descripcion2{
float:left;
border:0px solid #666666;
width:245px;
font:normal 11px/10px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#424F6E;
}
ul.btones{
border:1px solid #666666;
height:200px;
}

/* pistes
----------------------------------------------- */
#con_pistes{
font: normal 12px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(../images/box_gradient.jpg);
margin:2px;
padding:10px;
height:100%;
overflow:auto;
}
.mapap{
margin:0 0 0 35px;
border:0px solid #666666;
}
.icopdf{
margin:0 0 0 20px;
}
.plano{
margin:0 0 0 35px;
border:0px solid #666666;
}
.txtresi{
margin:0 0 0 35px;
}
#con_onsom{
font: normal 12px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(../images/box_gradient.jpg);
margin:2px 0 0 20px;
padding:10px;
height:100%;
overflow:auto;
}
/* -------------------------------------------- */
/* ------------- Pagination: Flickr -----------	*/
/* -------------------------------------------- */
#contenedor_paginacion {
width:300px;
height:30px;
border:0px solid #e1e1e1;
margin:10px 0 15px 245px;
background: url(../images/box_gradient.jpg) repeat;
}
#pagination-flickr li{ border:0px solid #666666; margin:0; padding:0; font-size:15px; list-style:none; /* savers */ float:left; }
#pagination-flickr a           { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination-flickr .previous-off,
#pagination-flickr .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-flickr .next a,
#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	
#pagination-flickr .active     { color: #aed45f; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link, 
#pagination-flickr a:visited   { color: #414e6d; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-flickr a:hover     { border:solid 1px #666666; }

/* botones frontera blanca
----------------------------------------------- */
#btn_reservesp {
width:300px;
height:30px;
border-top:1px dotted #D0D5DF;
margin:2pxauto;
padding:5px 0 0 0;
}
.separdorf{
width: 400px;
height: 5px;
margin:3px 0 0 150px;
border:0px solid #666666;
}
#pujar{
font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif ;
 text-transform: uppercase;
 color: red;
}
/* cat
----------------------------------------------- */
li.btn_reservesp{float:left; margin-left:0;display:inline;background: url(../images/btn_reserves_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_reservesp a{float:left;display:inline;background: url(../images/btn_reserves_p.gif) no-repeat;width:130px;height:32px;
}

li.btn_informaciop{float:left; margin-left:0;display:inline;background: url(../images/btn_informacio_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informaciop a{float:left;display:inline;background: url(../images/btn_informacio_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informaciop a:hover{float:left;display:inline;background: url(../images/btn_informacio_p.gif) no-repeat;width:130px;height:32px;
background-position:0 -30px;
}
/* cast
----------------------------------------------- */
li.btn_reservarp{float:left; margin-left:0;display:inline;background: url(../images/btn_reserves_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_reservarp a{float:left;display:inline;background: url(../images/btn_reserves_p.gif) no-repeat;width:130px;height:32px;
}

li.btn_informacionp{float:left; margin-left:0;display:inline;background: url(../images/btn_informacion_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informacionp a{float:left;display:inline;background: url(../images/btn_informacion_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informacionp a:hover{float:left;display:inline;background: url(../images/btn_informacion_p.gif) no-repeat;width:130px;height:32px;
background-position:0 -30px;
}
/* fr
----------------------------------------------- */
li.btn_reserverp{float:left; margin-left:0;display:inline;background: url(../images/btn_reserver_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_reserverp a{float:left;display:inline;background: url(../images/btn_reserver_p.gif) no-repeat;width:130px;height:32px;
}

li.btn_informationp{float:left; margin-left:0;display:inline;background: url(../images/btn_information_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informationp a{float:left;display:inline;background: url(../images/btn_information_p.gif) no-repeat;width:130px;height:32px;
}
li.btn_informationp a:hover{float:left;display:inline;background: url(../images/btn_information_p.gif) no-repeat;width:130px;height:32px;
background-position:0 -30px;
}

/* fórmulas
----------------------------------------------- */
h5.tit_formulas{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:##1891BE;	
}
/* condiciones de venta
----------------------------------------------- */
h4.tit_condiciones{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #dc143c;	
}
h5.tit_condiciones{
margin:-10px 0 0 0;
}
p.txt_condiciones{
font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
text-align: justify;
margin:5px 0 5px 0;
}
ul.condiciones{
font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
text-align: justify;
margin:5px 0 5px 0;
}
#banner_documentacion {
height:50px;
border:1px solid #49C0F0;
margin:0;
background:#E8F8FD;
margin:-15px 0 5px 0;
}
#banner_condiciones {
height:60px;
border:1px solid #FF3131;
margin:0;
background:#FFCECE;
}
/* tarifes
----------------------------------------------- */
h4.preciopersona{
height:36px;
margin:6px 0 5px 5px;
padding:0;
border:0px solid #666666;
}
h4.tit_tarifas{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#424F6E;	
}
h4.tit_tarifas2{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#424F6E;	
}
p.txt_fechas{
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
text-align:left;
margin:1px 0 0 0;
}
span.isi{
font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#CC0000;
margin-left:5px;
}
#box_tarifas{
float:left;
border:0px solid #1e90ff;
margin:0 0 15px 25px;
padding:0;
}
#box_tarifas2{
float:left;
border:0px solid #1e90ff;
margin:0 0 15px 25px;
padding:0;
}
#box_fechas{
border:0px solid #1e90ff;
margin:0;
padding:0;
position: relative; 
}
#banner_tarifas {
font: normal 13px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
border:1px solid #ff3131;
background:#FFCECE;
text-align:center;
margin-bottom: 5px;
}
/* remontadores
----------------------------------------------- */
#box_remontadores{
width:320px;
border:0px solid fuchsia;
margin:0 0 15px 15px;
padding:0;
}
#box_remontadores2{
float:left;
width:320px;
border:0px solid #6495ed;
margin:0 0 15px 15px;
padding:0;
}
#box_remontadores3{
border:0px solid #6495ed;
margin:0 0 15px 30px;
padding:0;
}
#banner_remontadores{
height:15px;
font: normal 13px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
border: 1px solid #9DC247;
background:#C9E785;
text-align:center;
margin-bottom: 5px;
}
h4.tit_fecharemon{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#424F6E;	
margin:-6px 0 0 0;
}
h5.tit_seguror{
font:Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #dc143c;	
margin:10px 0 0 0;
}
p.txt_fechasremon{
font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #393939;
text-align:left;
margin:20px 0 0 0;
}
div.cursoesqui{
width:699px;
height:70px;
margin-left:-360px;
margin-top:8px;
}
.tit_inforemontadores{
margin:-5px 0 0 0;
}
/* ayuda online
----------------------------------------------- */
#ajuda_online {
width:220px;
height:120px;
background: #ddd url(../images/ajuda_off.gif);
margin:0 0 5px 0;
padding:0;
border:0px solid #666666;
}
#ayuda_online {
width:220px;
height:120px;
background: #ddd url(../images/ayuda_off.gif);
margin:0 0 5px 0;
padding:0;
border:0px solid #666666;
}
#aide {
width:220px;
height:120px;
background: #ddd url(../images/aide_off.gif);
margin:0 0 5px 0;
padding:0;
border:0px solid #666666;
}
/* atención al cliente
----------------------------------------------- */
#atencio_client {
width:220px;
height:82px;
background: #ddd url(../images/atencio_alclient.png);
margin:0 0 5px 0;
padding:0;
border:0px solid #666666;
}
#atencion_cliente {
width:220px;
height:82px;
background: #ddd url(../images/atencion_cliente.png);
margin:0 0 5px 0;
padding:0;
border:0px solid #666666;
}
/* banners
----------------------------------------------- */
#eltemps{
width:220px;
height:53px;	
border:0px solid #666666;
margin:0 0 5px 0;
}
#pistes{
width:220px;
height:53px;	
border:0px solid #666666;
margin:0 0 5px 0;
}
#grandvalira{
width:220px;
height:57px;	
border:0px solid #666666;
margin:0 0 15px 0;
}

/* boxes
----------------------------------------------- */
.box {
background:#ddd;
margin-bottom:20px;
padding:10px 10px 1px 10px;
}
.box h2 {
font-size:1em;
font-weight:normal;
text-transform:uppercase;
color:#fff;
background:#333;
margin:-10px -10px 0 -10px;
padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
color:#fff;
background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
display:block;
padding:6px 12px;
margin:-6px -12px;
border:none;
}
.grid_4 .box h2 a {
background-position: 97% 50%;
}
.grid_5 .box h2 a {
background-position: 98% 50%;
}
.grid_12 .box h2 a {
background-position: 99% 50%;
}
.box h2 a.hidden,
.box h2 a.hidden:hover {
background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
background-color:#111;
}
.block {
padding-top:10px;
}
div.menu {
padding:0;
}
div.menu h2 {
margin:0;
}
div.menu .block {
padding-top:0;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
margin-bottom:1em;
}
blockquote {
font-family: Georgia, 'Times New Roman', serif;
font-size:1.2em;
padding-left:1em;
border-left:4px solid #ccc;
}
blockquote cite {
font-size:.9em;
}
ul, ol {
padding-top:0;
}

/* menus
----------------------------------------------- */
ul.menu {
list-style:none;
border-top:1px solid #bbb;
}
ul.menu li {
margin:0;
}
ul.menu li a {
display:block;
padding:4px 10px;
border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
background:#eee;
}
ul.menu li a:active {
background:#ccc;
}

/* submenus
----------------------------------------------- */
ul.menu ul {
list-style:none;
margin:0;
}
ul.menu ul li a {
padding-left:30px;
}

/* section menus
----------------------------------------------- */
ul.section {
border-top:0;
margin-bottom:0;
}
ul.section li {
text-transform:uppercase;
}
ul.section li a {
background:#bbb;
}
ul.section li a:hover {
background:#aaa;
}
ul.section li a:active {
color:#fff;
background:#666;
}
ul.section li li a {
background:#ddd;
border-bottom:1px solid #eee;
}
ul.section li li a:hover {
background:#ccc;
}
ul.section li li a:active {
color:#000;
background:#fff;
}
ul.section ul li {
text-transform:none;
}
ul.section ul.current li a {
background:#eee;
border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
background:#ddd;
}
ul.section ul.current li a:active {
background:#fff;
}
ul.section li a.current {
color:#fff;
background:#666;
}
ul.section li a.current:hover {
background:#555;
}
ul.section li a.current:active {
background:#444;
}
ul.section li a.active {
background:#fff;
cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
color:#fff;
background:#666;
cursor:default;
}

/* table
----------------------------------------------- */


/* forms
----------------------------------------------- */
#con_formulario {
font: normal 12px 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #FFFFFF url(../images/box_gradient2.gif) repeat-x;
margin:2px;
padding:10px;
height:100%;
overflow:auto;
}
#form{
width:650px;
margin:0;
border:0px solid #990000;
padding:0;
}
#form legend{
font-size:14px;
font-weight:bold;
padding:5px;	
}
#form ol {
padding:0px;
margin:0px;
list-style:none;
}
#form ol li{
padding-bottom:5px;
}
#form label { 
float:left; 
width:120px;
padding:0;
font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif ;
text-align: left; 
color: #3e3e3e; 
}
#form label.error { 
width: 14px;
height:20px;	
background:url("../images/unchecked.gif") no-repeat 0px 0px;
float: none;
color: red; 
font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif ;
padding-left:15px;
margin:2px 0 0 2px;
vertical-align: top;
border:0px solid #666666;
}
#form label.checked {
background: url(../images/checked.gif) no-repeat 0px 0px;
}
#form ol li span {
color:#666666;
}
input.btn {
float:left;
width:100px;
height:30px;
background:#303030  none repeat scroll 0 0;
font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#A4D047;
margin:2px 0 0 150px;
border:none;
 text-transform: uppercase;
}
input.btn:hover { background: #A4D047 ; color:#303030;}

input.borrar {
float:left;
width:100px;
height:30px;
background:#303030  none repeat scroll 0 0;
border:1px solid #A4D047;
font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif ;
color:#A4D047;
margin:-10px 0 0 5px;
text-transform: uppercase;
}
input.borrar:hover { background: #A4D047 ; color:#303030;}

#datepicker, #datepicker2, #adultos, #ninos, #comentario{
border:1px solid #A4D047;
margin:0;
padding:0;
}
#nombre, #apellidos, #empresa, #email, #pais, #direccion, #ciudad, #telefono{
border:1px solid #37B6E8;
margin:0;
padding:0;
}
.titpersonal{
color: #3e3e3e; 
font:bold Verdana, Geneva, Arial, Helvetica, sans-serif ;
 background: url(../images/tit_ventajas_bg.gif);
}
.titreserva{
color: #3e3e3e; 
font:bold Verdana, Geneva, Arial, Helvetica, sans-serif ;
 background: url(../images/tit_menu_bg.gif);
}
/* articles
----------------------------------------------- */
.articles {
padding:0;
}
.articles h2 {
margin:0;
}
#articles {
padding-top:0;
}
.article {
border-top:1px solid #666;
padding-top:.5em;
}
.box .article {
border-top:3px solid #fff;
padding:13px 10px 0 10px;
}
.article h2 {
font-size:2em;
font-weight:normal;
text-transform:none;
color:#333;
background:transparent;
padding:0;
margin:0;
border:none;
}
.article h3 {
margin-bottom:.2em;
font-size:1.6em;
}
.box .first {
border-top:none;
}
.article h4 {
font-size:1.2em;
text-transform:uppercase;
margin-bottom:.5em;
}
.article a.image {
float:left; 
margin:3px 10px 3px 0; 
padding:4px;
border:1px solid #bbb;
background:#fff;
}
.article a.image:hover {
border:1px solid #666;
}
.article a.image img {
float:left; 
}
.article p.meta {
color:#666;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:.3em 0;
margin-bottom:.8em;
}
/* site information
----------------------------------------------- */
#site_info .box {
height:60px;
color: #404040;
background:#EEEEEE url(../images/bg_footer.gif);
margin:5px 0 10px 0;
}
.direccion {
height:60px;
color: #404040;
background: #EEEEEE url(../images/direccion.gif);
margin:0;
}
#site_info a {
color: #4682b4;
}
#site_info a:hover {
color:#000;
}
/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}
/* Accordian
----------------------------------------------- */
.toggler {
color: #222;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-size:1.1em;
font-weight: normal;
}
.element h4 {
margin: 0;
padding:4px;
line-height:1.2em;
}
.element p {
margin: 0;
padding: 4px;
}
.float-right {
padding:10px 20px;
float:right;
}

#accordian-block {
padding-bottom:10px;
}

/* Mootools Kwicks
----------------------------------------------- */
#nuestros_apart {
position:absolute;
left:160px;
top:110px;
width:243px;
height:31px;
z-index:4;
}
.box_apartamentos {
margin-bottom:10px;
padding:10px 10px 1px 10px;
}
#kwick-box { 
margin:20px auto;
padding:0;
overflow:hidden;
}
#kwick-box h2 { 
margin:0;
}
#kwick {
position: relative;
}
#kwick .kwicks {
display: block;
background: transparent;
height:120px;
list-style:none;
margin:0;
overflow:hidden;
}
#kwick li {
float: left;
margin:0;
padding:0;
}
#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 100px;
width: 215px;
padding: 10px;
background: transparent;
border:0px solid #666666;
}
#kwick .kwick span {
color:#fff;
}
#kwick .one {background: url(../images/imagen1.gif);}
#kwick .two {background: url(../images/imagen2.gif);}
#kwick .three {background: url(../images/imagen3.gif);}
#kwick .four {background: url(../images/imagen4.gif);}

#kwick .onecat {background: url(../images/imagen1_cat.gif);}
#kwick .twocat {background: url(../images/imagen2_es.gif);}
#kwick .threecat {background: url(../images/imagen3_cat.gif);}
#kwick .fourcat {background: url(../images/imagen4_cat.gif);}

#kwick .onefr {background: url(../images/imagen1_fr.gif);}
#kwick .twofr {background: url(../images/imagen2_fr.gif);}
#kwick .threefr{background: url(../images/imagen3_fr.gif);}
#kwick .fourfr {background: url(../images/imagen4_fr.gif);}
/* menu sitio
----------------------------------------------- */
.glossymenu{
margin:0 0 5px 0;
padding:0;
width:220px; /*width of menu*/
border:0px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
text-transform: uppercase;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{background-image: url(../images/titlebar-active.gif);}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #deefbc;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{border-bottom: 1px solid #a5d048;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 13px Arial, Helvetica, sans-serif;
color: #343434;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background:#deefbc;
color: #333333;
}



