/* CSS Document */
/* estils.css */
/* modificado 13/03/2019 15:13; */
/*========================================
=            Tarjetas Credito            =
========================================*/
body.card-box {
    padding: 0!important;
    margin: 0;
    background: #EBECEC;
    color: #444444;
    font-size: 16px;
}
body.card-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card-box-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.card-box-wrap .add-card-box {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 10px #DADADA;
    -moz-box-shadow: 0 0px 10px #DADADA;
    box-shadow: 0 0px 10px #DADADA;
    width: 600px;
    padding: 40px;
    margin: auto;
}
.card-box-wrap .add-card-box form .form-group {
    display: table;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}
.card-box-wrap .add-card-box form .form-group .input-group {
    width: 100%;
}
.card-box-wrap .add-card-box form .form-group label {
    display: block;
    width: 100%;
    color: #9A9D9E;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}
.card-box-wrap .add-card-box form .form-group input, .card-box-wrap .add-card-box form .form-group select {
    border: none;
    border-bottom: solid 1px #BEC8CD;
    background: transparent;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    padding: 10px 0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}
.card-box-wrap .add-card-box form .form-group input {
    width: 100%;
    color: #64696C;
    /*text-transform: uppercase;*/
}
.card-box-wrap ::-webkit-input-placeholder { color: #BEC8CD; font-size: 14px; }
.card-box-wrap :-moz-placeholder { /* Firefox 18- */ color: #BEC8CD; font-size: 14px; }
.card-box-wrap ::-moz-placeholder {  /* Firefox 19+ */ color: #BEC8CD; font-size: 14px; }
.card-box-wrap :-ms-input-placeholder { color: #BEC8CD; font-size: 14px; }
.card-box-wrap .add-card-box form .form-group select {
    color: #64696C;
    /*text-transform: uppercase;*/
    font-size: 14px;
    height: 41px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAiUlEQVQokZ3OwQ2DMAyF4R8pA3QUFskMSc8cWrIHnODertAu0NG4JFUIlkl4F1u29cndtHx6wAEjFxIGC8C8fl/AzwAeeAA34H4FjZgDMMAzYj7um9AMe4fBehPnvqi16A5LH6a0ogesBFtQEZPAGvSPZTcqqKEqpoES2p1hZ6CEqlgNmGNlL2YDoL4peE3hY6EAAAAASUVORK5CYII=') no-repeat right 10px bottom 50%;
    background-size: 10px;
}
.card-box-wrap .add-card-box form .form-group .card-number {
    float: left;
    width: 60%;
    padding-right: 15px;
}
.card-box-wrap .add-card-box form .form-group .card-number input {
    width: 20%;
    float: left;
    margin-right: 10px;
    letter-spacing: 2px;
    font-size: 14px;
    text-align: left;
}
.card-box-wrap .add-card-box form .form-group .card-type {
    float: left;
    width: 30%;
}
.card-box-wrap .add-card-box form .form-group .image-card {
    float: left;   
    width: 10%;
    position: relative;
    height: 66px;
    border-bottom: solid 1px #BEC8CD;
}
.card-box-wrap .add-card-box form .form-group .image-card span {
    position: absolute;
    bottom: 12px;
    left: 10px;
}
.card-box-wrap .add-card-box form .form-group .image-card img {
    width: 24px;
}
.card-box-wrap .add-card-box form .form-group .expire-date {
    float: left;
    width: 60%;
    display: table;
}
.card-box-wrap .add-card-box form .form-group .expire-date select {
    width: calc(50% - 25px);
    margin-right: 10px;
    float: left;
}
.card-box-wrap .add-card-box form .form-group .card-cvc {
    float: left;
    width: 40%;
    display: table;
}
.card-box-wrap .add-card-box form .form-group .card-cvc input {
    width: 100px;
    padding-bottom: 8px;
}
.card-box-wrap .add-card-box form .form-group .card-cvc a {
    display: block;
}
.card-box-wrap .add-card-box form .form-group .acepto {
    margin-top: 20px;
    float: left;
}
.card-box-wrap .add-card-box form .form-group .acepto label {
    cursor: pointer;
}
.card-box-wrap .add-card-box form .form-group .acepto input {
    float: left;
    width: 20px;
    margin-right: 5px;
}
.card-box-wrap .add-card-box form .form-group .send-button .btn {
    text-transform: uppercase;
    font-size: 20px;
    padding: 12px 50px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: all, 500ms ease-in-out;
    -moz-transition: all, 500ms ease-in-out;
    -ms-transition: all, 500ms ease-in-out;
    -o-transition: all, 500ms ease-in-out;
    transition: all, 500ms ease-in-out;
}
.card-box-wrap .add-card-box form .form-group .send-button .btn:hover {
    /*color: #fff;
    background-color: #286090;
    border-color: #204d74;*/
}
/*=====  End of Tarjetas Credito  ======*/
/* general */
body {
font-size : 62.5%;
background : #fff;
font-family : arial, verdana, sans-serif;
color : #5c6063;
padding : 0;
margin : 0 16px;
line-height : 1.2;
}
a {
color : #278ccd;
text-decoration : underline;
}
a:hover {
color : #58bdfe;
}
h1, h2, h3, h4, h5 {
font-family : arial, verdana, sans-serif;
color : #293b45;
margin : 0;
padding : 0;
}
img {
border : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
td, th {
padding : 0;
}
form, p {
margin : 0;
padding : 0;
}
input, select, textarea {
font-family : arial, verdana, sans-serif;
color : #5c6063;
margin : 0;
padding : 0;
border:1px solid #C3BDBF;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
li {
margin : 0;
padding : 0;
}
.moreInfo {
display : block;
text-align : right;
font-weight : bold;
background : url(/agents/img/ico_mes_info.gif) no-repeat right top;
padding : 0 10px 0 0;
margin : 8px 0 10px;
}
.button {
background : url(/agents/img/bg_boto83.gif) no-repeat 0 0;
border : none;
padding : 0 0 2px 0;
width : 83px;
text-align : center;
color : #fff;
border : 0;
height : 22px;
font-weight : bold;
text-decoration : none;
cursor : pointer;
}
div.button2 div{
float:left;
background:url(/agents/img/bg_boto_left.gif) no-repeat 0 0;
padding:0 0 0 3px;
}
div.button2 p{
clear:none !important;
float:left;
background:url(/agents/img/bg_boto_right.gif) no-repeat right top;
padding:0 3px 0 0;
}
div.button2 input,div.button2 a{
float:left;
background:url(/agents/img/bg_boto_middle.gif) repeat-x 0 0;
font-weight:bold;
color:#fff;
border:none;
padding:2px 10px 4px;
font-size:11px;
line-height:1.5;
cursor:pointer;
}
div.button2 a{
display:block;
text-decoration:none;
}
div.button2 a:hover{
color:#fff;
}
.button:hover,.button2:hover div,.button2:hover input,.button2:hover a,input.butOver,div.butOver2 input,div.butOver2 a,div.butOver2 div{
color : #fff;
background-position : 0 -26px;
}
.button2:hover p,div.butOver2 p{
background-position : right -26px;
}
.next {
font-weight : bold;
margin : 15px 0 0;
}
.next a {
background : url(/agents/img/ico_seguent.gif) no-repeat right 5px;
padding : 0 10px 0 0;
}
a.next {
background : url(/agents/img/ico_seguent.gif) no-repeat right 5px;
padding : 0 10px;
}
.path {
color : #808285;
font-size : 1.1em;
padding : 10px 0 0;
}
.path a {
color : #808285;
}
.path a:hover {
color : #a0a7ae;
}
.goBack {
font-size : 1.2em;
font-weight : bold;
padding : 0 0 0 10px;
margin : 15px 0 0;
background : url(/agents/img/ico_back.gif) no-repeat 1px 4px;
}
.back {
font-weight : bold;
padding : 0 0 0 10px;
background : url(/agents/img/ico_back.gif) no-repeat 1px 4px;
}
.path .reservas {
display : inline;
padding : 0 0 0 4px;
}
.path .reservas li {
display : inline;
color : #dcdcdc;
padding : 0 5px 0 0;
font-weight : bold;
}
.path .reservas li a {
color : #dcdcdc;
}
.path .reservas li.on {
font-weight : bold;
color : #808285;
}
.path .reservas li span {
background : url(/agents/img/bg_num_desact.gif) no-repeat 0 0;
color : #fff;
padding : 1px 5px;
}
.path .reservas li.on span {
background : url(/agents/img/bg_num_act.gif) no-repeat 0 0;
color : #808285;
}
.hotel1estr {
background : url(/agents/img/estrellasm1.gif) no-repeat right 1px;
padding-right : 13px;
}
.hotel2estr {
background : url(/agents/img/estrellasm2.gif) no-repeat right 1px;
padding-right : 23px;
}
.hotel3estr {
background : url(/agents/img/estrellasm3.gif) no-repeat right 1px;
padding-right : 33px;
}
.hotel4estr {
background : url(/agents/img/estrellasm4.gif) no-repeat right 1px;
padding-right : 43px;
}
.hotel5estr {
background : url(/agents/img/estrellasm5.gif) no-repeat right 1px;
padding-right : 53px;
}
.listaHoriz li {
display : inline;
background : url(/agents/img/list_barra.gif) no-repeat 0 3px;
padding : 0 13px 0 14px;
}
.listaHoriz li.on {
font-weight : bold;
}
.listaHoriz .primerItem {
background-image : none;
padding-left : 0;
}
.otros {
border-top : 6px solid #f3f1f1;
padding : 13px 0 30px;
margin : 0 0 0 211px;
}
.otros h2 {
color : #293b47;
font-size : 1.6em;
padding : 0 0 5px;
}
.otros li {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 0 10px;
font-size : 1.2em;
border-bottom : 1px solid #fff;
min-height : 16px;
}
.noDisponible .otros {
margin-left : 0;
}
.liniaPunts {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
height : 10px;
margin : 0 0 10px;
font-size : 1px;
clear : both;
}
.widthAuto {
width : auto;
}
/* estructura */
#container {
width : 928px;
margin : 0 auto;
position : relative;
}
#content {
margin : 0 0 70px;
}
#content:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#footer {
margin : 0 0 20px;
clear : both;
}
.colHomeLeft {
width : 320px;
float : left;
margin : 17px 30px 0 0;
overflow : hidden;
}
.colHomeCenter {
width : 384px;
float : left;
margin : 12px 0 0 0;
overflow : hidden;
}
.colHomeRight {
width : 164px;
float : right;
margin : 17px 0 0 0;
overflow : hidden;
}
.colDetalleLeft {
width : 181px;
float : left;
margin : 0;
overflow : hidden;
}
.colDetalleRight {
width : 716px;
float : right;
margin : 0;
overflow:hidden;
}
.colDetalleRight:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
/*header*/
#logo {
float : left;
color : #c1c0ba;
height : 105px;
width : 630px;
}
#logo img {
float : left;
margin : 15px 0 0;
}
#logo p {
margin : 0 0 0 100px;
font-size : 2em;
padding : 27px 0 0;
}
#logo p strong {
color : #aeada4;
}
#menuSuperior {
float : right;
width : 280px;
text-align : right;
font-size : 1.1em;
padding : 3px 0 0;
margin : 0 0 20px;
}
#menuSuperior li {
display : inline;
background : url(/agents/img/separador_menu_sup.gif) no-repeat 0 3px;
padding : 0 8px 0 13px;
}
#menuSuperior li.primer {
background-image : none;
}
#menuSuperior a {
color : #5c6063;
}
#menuSuperior a:hover {
color : #a0a7ae;
}
#formBuscador {
float : right;
}
#formBuscador input#buscador {
background : #fff url(/agents/img/ico_lupa.gif) no-repeat 2px 2px;
padding : 2px 0 0 20px;
vertical-align : middle;
height : 18px;
font-size : 1.2em;
border : 1px solid #c7bcbc;
z-index : 0;
float:left;
}
#formBuscador .button2 {
float:left;
}
#formBuscador .button2 div{
background-image:none;
border-left:1px solid #337BAD;
padding-left:0;
}
#formBuscador .button2 input{
font-size : 1.2em;
padding-bottom:3px;
}
#menuPrincipal {
clear : both;
margin : 0 0 0 149px;
height : 38px;
background : url(/agents/img/bg_separador_menu.gif) no-repeat 0 0;
padding : 0 0 0 1px;
overflow : hidden;
}
#menuPrincipal li {
display : block;
float : left;
background : url(/agents/img/bg_separador_menu.gif) no-repeat right top;
font-size : 1.5em;
font-weight : bold;
padding : 0 1px 0 0;
}
#menuPrincipal li a {
display : block;
background : url(/agents/img/bg_item_menu.gif) repeat-x 0 0;
color : #5c6063;
padding : 7px 19px 15px 20px;
text-decoration : none;
}
#menuPrincipal li.on a {
background-image : url(/agents/img/bg_item_menu_on.gif);
color : #eeba2e;
}
#menuPrincipal li a:hover {
color : #eeba2e;
}
#menuUser {
background : #ecb02e url(/agents/img/bg_barra_menu.gif) repeat-x 0 0;
padding : 0 12px;
height : 36px;
clear : both;
}
#menuUser .right {
float : right;
color : #fff;
font-size : 1.6em;
font-weight : bold;
padding : 9px 10px 0 14px;
background : url(/agents/img/ico_telefon.gif) no-repeat 0 12px;
}
#menuUser ul {
padding : 10px;
height : 16px;
}
#menuUser li {
float : left;
display : block;
font-size : 1.3em;
}
#menuUser li a {
color : #8f5708;
display : block;
padding : 0 13px 0 15px;
text-decoration : none;
}
#menuUser li.entrar a {
background : url(/agents/img/ico_entrar.gif) no-repeat 0 2px;
font-weight : bold;
}
#menuUser li.cuenta a {
background : url(/agents/img/ico_crear_cuenta.gif) no-repeat 0 2px;
}
/* footer */
#menuFooter {
text-align : center;
margin : 0 0 18px;
}
#menuFooter li {
display : inline;
position : relative;
background : url(/agents/img/separador_menu_sup.gif) no-repeat 0 3px;
padding : 0 19px 0 20px;
font-size : 1.1em;
}
#menuFooter li.primer {
background-image : none;
padding-left : 0;
}
#menuFooter li a {
color : #5c6063;
font-weight : bold;
}
#menuFooter li a:hover {
color : #a0a7ae;
}
#topLinks {
background : url(/agents/img/bg_links_peu.gif) repeat-x 0 0;
padding : 20px 0 0 38px;
overflow : hidden;
}
#topLinks li {
float : left;
width : 138px;
padding : 0 10px 3px 0;
}
#topLinks li li {
float : none;
padding : 0 0 3px;
}
#topLinks h2 {
font-size : 1.1em;
color : #96958e;
padding : 0 0 3px;
}
#legal {
background : url(/agents/img/bg_peu.gif) repeat-x 0 0;
font-size : 1.1em;
text-align : center;
padding : 20px 0 0;
color : #a7a6a0;
margin : 18px 0 0;
}
#legal a {
color : #a7a6a0;
text-decoration : none;
}
#legal p {
padding : 0.5em 0;
}
#legal ul {
    display: inline;
    vertical-align: middle;
    padding-top: 4px;
}
#legal ul li {
    display: inline;
}
/* moduls home */
.formReserva {
margin : 0 0 22px;
}
.menuReserva {
height : 48px;
background : url(/agents/img/p_gris.gif) repeat-x 0 47px;
overflow : hidden;
}
.menuReserva:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.menuReserva li {
float : left;
display : block;
}
.menuReserva li a {
display : block;
color : #979690;
font-size : 1.8em;
text-decoration : none;
text-align : center;
background : url(/agents/img/bg_pestanya_reserva.gif) no-repeat 0 13px;
padding : 20px 0 7px;
width : 142px;
}
.menuReserva li a:hover {
color : #aaa;
}
.menuReserva li.on a, .formReserva .menuReserva li.unica a {
font-size : 2.2em;
color : #293b45;
background : url(/agents/img/bg_pestanya_reserva_on.gif) no-repeat 0 0;
padding : 14px 0 8px;
width : 178px;
font-weight : bold;
}
.menuReserva li.unica a {
background-image : url(/agents/img/bg_pestanya_reserva_unica.gif);
width : 308px;
text-align : left;
padding-left : 12px;
}
.formReserva .marco {
border : 1px solid #d2cdc5;
border-top : none;
padding : 3px;
}
.formReserva form {
background : #f6f6f6 url(/agents/img/bg_form_reserva.jpg) repeat-x 0 0;
padding : 16px 0 2px 10px;
width : 302px;
overflow:hidden;
}
.formReserva label {
font-size : 1.2em;
display : block;
padding : 0 0 2px;
}
#divHuespedes #formNoJs,formNoJs {
clear:both;
float:none;
overflow:hidden;
padding:0pt 0pt 5px;
width:auto;
}
.formReserva form div div.edadNinos {
text-align:right;
width : 144px;
font-size : 0.9em;
padding-right:5px;
}
.formReserva form div {
float : left;
width : 150px;
padding : 0 0 7px;
}
.formReserva form div div {
width : 72px;
}
.formReserva form input {
font-size : 1em;
}
.formReserva form select {
font-size : 1em;
}
.formReserva #pais, .formReserva #destino {
width : 140px;
}
.formReserva input.fecha {
width : 114px;
vertical-align : middle;
}
.formReserva img {
vertical-align : middle;
}
.formReserva #habitaciones {
width : 74px;
}
.formReserva .habitacion select {
width : 66px;
}
#linkTodosDestinos{
display:none;   
}
.formReserva #linkTodosDestinos {
float : right;
padding : 0 10px 0 0;
}
.formReserva .bottom {
clear:left;
text-align : right;
width : 288px;
float : none;
overflow:hidden;
}
.formReserva  form .button2 div{
float:right;
padding:0 0 0 3px;
width:auto;
}
.formReserva .button2 input {
font-size : 1.2em;
}
.formReserva div.masOpc {
width : auto;
float : none;
padding : 10px;
}
.formReserva div.masOpc li {
    display: inline;
    font-size: 1.2em;
    padding: 0 5px 0 0;
    color: #96958e;
}
.formReserva div.masOpc p {
font-size : 1.2em;
font-weight : bold;
}
.formReserva #divHuespedes {
width : 200px;
padding-top : 0;
padding-bottom : 0;
margin-bottom : 5px;
}
.formReserva #divHuespedes.on {
background : #e9e8e6;
}
.formReserva #divHuespedes div {
float : right;
}
.formReserva #divHabitaciones {
width : 90px;
padding-top : 5px;
}
.formReserva #divHuespedes div.numHabitacion {
float : left;
width : 50px;
text-align : right;
font-weight : bold;
font-size : 1.2em;
padding-top : 18px;
}
.formReserva #divHuespedes div.habitacion {
float : none;
width : auto;
padding : 5px 0 5px;
border-bottom:5px solid #f6f6f6;
clear : both;
overflow : hidden;
}
.formReserva #habitacion1 .numHabitacion {
display : none;
}
.formReserva .on #habitacion1 .numHabitacion {
display : block;
}
.formReserva form .divHotel {
    float: none;
    width: auto;
}
.formReserva form .divHotel select {
    width: 290px;
}
.formReserva form #codi-promocional,
.formReserva form #categoria {
    width: 135px;
}
.formReserva form #date1,
.formReserva form #date2,
.formReserva form #codi-promocional {
    padding: 1px 2px;
}
.riuHotels {
border-top : 6px solid #f3f1f1;
padding : 0 0 12px;
}
.riuHotels h1 {
border-bottom : 1px solid #d2cdc5;
padding : 7px 0;
font-size : 2.2em;
}
.riuHotels ul{
width:320px;
}
.riuHotels li {
padding : 0 0 0 46px;
font-size : 1.2em;
}
.riuHotels .n1 {
background : url(/agents/img/num1.gif) no-repeat 3px 6px;
}
.riuHotels .n2 {
background : url(/agents/img/num2.gif) no-repeat 3px 6px;
}
.riuHotels .n3 {
background : url(/agents/img/num3.gif) no-repeat 3px 6px;
}
.riuHotels .n4 {
background : url(/agents/img/num4.gif) no-repeat 3px 6px;
}
.riuHotels li p {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 8px 2px 10px 3px;
}
.riuHotels .moreInfo {
font-size : 1.2em;
}
.herramientas {
border : 1px solid #d2cdc5;
padding : 3px 0;
margin : 0 0 10px;
font-size : 1.2em;
}
.herramientas h2 {
font-size : 18px;
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 0;
padding : 8px 14px 9px;
}
.herramientas ul {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 16px 14px 0;
}
.herramientas li {
background : url(/agents/img/list_triangle.gif) no-repeat 0 4px;
padding : 0 0 14px 10px;
}
.herramientas .moreInfo {
margin-right : 14px;
}
.colHomeCenter .otros {
border : none;
padding-top : 0;
margin-left : 0;
}
.colHomeCenter .otros ul.left {
float : left;
}
.colHomeCenter .otros ul.right {
float : right;
}
.colHomeCenter .otros ul {
border-top : 6px solid #f3f1f1;
padding : 8px 0 0;
line-height : 1.4;
width : 182px;
}
.colHomeCenter .otros li.line {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.colHomeCenter .otros h2 {
font-size : 1.2em;
color : #5c6063;
padding : 0 0 3px;
}
.colHomeCenter .otros li {
padding : 0 0 10px;
margin : 0 0 4px;
height:auto;
}
.promoFlash {
margin : 0 0 20px;
}
.guiaDestinos {
border-top : 6px solid #f3f1f1;
font-size : 1.2em;
margin : 0 0 20px;
clear:both;
}
.guiaDestinos h2 {
padding : 7px 0;
font-size : 18px;
}
.guiaDestinos ul {
margin : 10px 0;
width : 450px;
}
.guiaDestinos ul:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.guiaDestinos li {
float : left;
display : block;
width : 84px;
padding : 0 10px 0 0;
}
.guiaDestinos select {
float:left;
vertical-align:middle;
width:230px;
}
.guiaDestinos label {
font-weight : bold;
vertical-align : middle;
clear : left;
padding : 0 12px 0 0;
}
.guiaDestinos input.button {
margin : 0 0 0 2px;
width : 132px;
background-image : url(/agents/img/bg_boto132.gif);
vertical-align : middle;
}
.guiaDestinos form {
margin : 0 0 20px;
}
.guiaDestinos .banner {
border : 1px solid #d2cdc5;
background : url(/agents/img/bg_banner_destino.gif) repeat-x left bottom;
}
.guiaDestinos .banner img {
display : block;
float : left;
}
.guiaDestinos .banner div {
margin : 0 10px 0 137px;
padding : 15px 0 0 0;
height : 74px;
}
.guiaDestinos .banner div p {
font-size : 16px;
}
.guiaDestinos .banner div strong {
color : #278ccd;
}
.ideas {
border-top : 6px solid #f3f1f1;
font-size : 1.2em;
padding : 0 0 12px;
}
.ideas h2 {
padding : 7px 0 4px;
font-size : 18px;
}
.ideas ul {
padding : 0;
}
.ideas li {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 8px 2px 10px 3px;
}
.ideas li p {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 0 0 10px;
}
.ultimoMin {
border-top : 4px solid #f3f1f1;
}
.ultimoMin h2 {
font-size : 18px;
color : #cd0000;
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 0;
padding : 8px 1px 9px;
}
.ultimoMin a, .ultimoMin span.estrelles {
color : #cd0000;
font-weight : bold;
}
.ultimoMin span.estrelles {
background : url(/agents/img/estrella_taronja.gif) no-repeat right 3px;
padding : 0 9px 0 0;
}
.ultimoMin a:hover {
color : #efca00;
}
.ultimoMin table {
width : 100%;
}
.ultimoMin td {
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 0;
padding : 8px 0 10px;
vertical-align : top;
}
.ultimoMin .hotel {
font-size : 1.2em;
}
.ultimoMin h3 {
padding : 0 0 3px;
font-size : 1em;
}
.ultimoMin .precio {
font-size : 2.5em;
color : #E8AE33;
font-weight : bold;
padding : 5px 0 7px;
text-align : right;
width : 70px;
}
.precio span.num, .precioNoche span.num, .precioTotal span.num {
/*float : left;
width : 60px;
text-align : right;*/
}
.precio span.unid, .precioNoche span.unid, .precioTotal span.unid {
/*float : left;*/
font-size : 0.7em;
/*width : 0.5em;
text-align : right;*/
vertical-align: top;
}
.ofertas {
border-top : 4px solid #f3f1f1;
margin : 0 0 20px;
}
.ofertas th {
padding : 7px 0;
text-align : left;
color : #e8ae33;
}
.ofertas th.hotel {
font-size : 18px;
}
.ofertas th.precio {
font-size : 15px;
text-align : right;
}
.ofertas table {
width : 100%;
}
.ofertas td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 0 7px;
vertical-align : top;
}
.ofertas .hotel {
font-size : 1.2em;
}
.ofertas .precio {
font-size : 1.8em;
color : #E8AE33;
font-weight : bold;
text-align : right;
padding : 5px 0 7px;
width : 70px;
}
.ofertas span.estrelles {
color : #278ccd;
font-weight : bold;
background : url(/agents/img/estrella_blava.gif) no-repeat right 3px;
padding : 0 9px 0 0;
}
.ofertas .moreInfo {
font-size : 1.2em;
}
.modulDestacado {
border-top : 4px solid #e8ae33;
}
.modulDestacado h2, .modulDestacado th.hotel {
font-size : 22px;
}
.modulDestacado h2, .modulDestacado table {
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 0;
}
.formBoletin {
border : 1px solid #d2cdc5;
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 1px;
padding : 8px 0 10px 8px;
margin : 0 0 20px;
}
.formBoletin h2 {
font-size : 1.4em;
padding : 0 0 7px;
color : #5c6063;
}
.formBoletin form {
font-size : 1.2em;
}
.formBoletin label {
font-weight : bold;
padding : 0 0 4px;
display : block;
}
.formBoletin input {
width : 144px;
}
.formBoletin div.button2{
padding : 4px 6px 5px 0;
clear:both;
overflow:hidden;
}
.formBoletin div.button2 div{
float:right;
}
.formBoletin div.button2 input{
width:auto;
font-size:1em;
}
.formBoletin .proteccion{
font-size:1.1em;
}
.hotelesPara {
border-top : 4px solid #f3f1f1;
margin : 0 0 20px;
}
.hotelesPara h2 {
font-size : 1.8em;
color : #e8ae33;
padding : 7px 0;
}
.hotelesPara h2 span {
font-size : 0.8em;
}
.hotelesPara li {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 8px 0 10px;
font-size : 1.2em;
}
.hotelesPara .moreInfo {
font-size : 1.2em;
}
/* moduls generals */
.headerContent {
padding : 15px 0 6px;
border-bottom : 6px solid #f3f1f2;
overflow : hidden;
}
.headerContent h1 {
font-size : 2.4em;
line-height : 1;
width : 550px;
float : left;
}
.headerContent h1 span {
font-weight : normal;
color : #278ccd;
}
.headerContent .links {
float : right;
width : 365px;
text-align : right;
padding : 7px 0 0;
}
.headerContent .links li {
display : inline;
}
.headerContent .links a {
font-size : 1.1em;
color : #808285;
}
.headerContent .links a:hover {
color : #a0a7ae;
}
.tarifas {
width : 100%;
clear : left;
}
.tarifas th {
font-size : 1.4em;
color : #7f8285;
padding : 6px 9px 9px;
background : #f4f4f4;
white-space : nowrap;
border-bottom : 2px solid #fff;
}
.tarifas th.tipo, .tarifas th.precioTotal {
text-align : left;
}
.tarifas td {
font-size : 1.2em;
padding : 9px 0 9px;
vertical-align : top;
}
.tarifas td.texto h3{
font-size:1.1em;
font-weight:normal;
padding:0 0 3px;
}
.tarifas td.precioTotal {
padding-top : 6px;
padding-bottom : 6px;
text-align:right;
}
.tarifas td.precioTotal span.num {
width : 70px;
}
.tarifas td.reserva {
padding-top : 7px;
padding-left:20px;
}
.tarifas td.tipo {
padding-left : 9px;
padding-right : 9px;
}
.tarifas td.regimen, .tarifas td.precioNoche, .tarifas td.precioTotal {
text-align : center;
}
.tarifas strong.oferta {
color : #cd0000;
}
.tarifas td.precioNoche {
font-weight : bold;
}
.tarifas td.precioTotal {
color : #E8AE33;
font-size : 1.8em;
font-weight : bold;
}
.tarifas .reserva .button2 input {
font-size:1.0em;
}
.tarifas tr.line td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.tarifas .precioAnterior {
color : #c7bcbc;
text-decoration : line-through;
font-size : 0.65em;
font-weight : normal;
}
.legend {
text-align : right;
font-size : 1.1em;
padding-top : 10px;
}
.fichaHotel {
overflow : hidden;
}
.fichaHotel h2 {
font-size : 1.6em;
color : #293b45;
padding : 0 0 8px;
}
.fichaHotel h2 span.oferta {
color : #db942f;
font-size : 0.75em;
padding : 0 0 0 10px;
}
.destacadoHotelesEn{
font-weight:bold;
padding:0px 5px 0px 0px;
font-size:21px; 
}
.hotel span.oferta
{
color : #db942f;
font-size : 0.90em;
padding : 10px 0 0 0;
float: bottom;
display: block;
}
#pDetalle .headerContent h1 span.oferta
{
color : #db942f;
font-size : 0.70em;
padding : 0 0 0 10px;
}
.fichaHotel div.foto {
float : left;
width : 152px;
padding : 0 0 10px;
}
.fichaHotel .datos {
float : left;
width : 510px;
font-size : 1.2em;
margin-left : 12px;
margin-bottom : 15px;
}
.fichaHotel div.button2 {
    float:right;
}
.fichaHotel .descripcion {
float : left;
width : 260px;
padding : 0 30px 14px 0;
line-height : 1.5;
}
.fichaHotel .servicios {
float : left;
width : 210px;
padding : 0 0 4px;
line-height : 1.5;
}
.fichaHotel .servicios li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 8px;
padding : 0 0 9px 10px;
}
.fichaHotel .linksPie {
clear : both;
}
.fichaHotel .linksPie li {
padding-right : 6px;
width : auto;
font-weight : bold;
}
.fichaHotel .linksPie span {
color : #808285;
padding-right : 3px;
font-weight : normal;
}
.fichaHotel .linksPie li.foto a {
background : url(/agents/img/ico_foto.gif) no-repeat 0 1px;
padding-left : 17px;
}
.fichaHotel .linksPie li.video a {
background : url(/agents/img/ico_video.gif) no-repeat 0 1px;
padding-left : 17px;
}
.fichaHotel .linksPie li.visita a {
background : url(/agents/img/ico_visita.gif) no-repeat 0 1px;
padding-left : 17px;
}
/* moduls detall hotel */
#pDetalle .headerContent h1 {
float:none;
}
#pDetalle .headerContent h1 span{
color:#000;
font-weight:bold;
}
#pDetalle .headerContent .links {
margin : 0;
}
.headerContent h1.hotel1estr {
background : url(/agents/img/estrellas1.gif) no-repeat right 3px;
padding-right : 17px;
}
.headerContent h1.hotel2estr {
background : url(/agents/img/estrellas2.gif) no-repeat right 3px;
padding-right : 32px;
}
.headerContent h1.hotel3estr {
background : url(/agents/img/estrellas3.gif) no-repeat right 3px;
padding-right : 47px;
}
.headerContent h1.hotel4estr {
background : url(/agents/img/estrellas4.gif) no-repeat right 3px;
padding-right : 62px;
}
.headerContent h1.hotel5estr {
background : url(/agents/img/estrellas5.gif) no-repeat right 3px;
padding-right : 77px;
}
.headerContent .subTitle {
float : left;
width : 550px;
font-size : 1.2em;
padding : 2px 0 0;
}
.headerContent .subTitle a {
padding : 0 0 0 5px;
}
.headerContent .subTitle  .subTitleHotel  {
padding : 0 0 0 5px;
color:#5C6063;
}
.imprimir {
background : url(/agents/img/ico_imprimir.gif) no-repeat 16px 1px;
padding : 0 0 0 35px;
}
.enviarAmigo {
background : url(/agents/img/ico_enviar.gif) no-repeat 16px 1px;
padding : 0 0 0 35px;
}
.anadirLista {
background : url(/agents/img/ico_anadir_lista.gif) no-repeat 16px 0;
padding : 0 0 0 33px;
}
.adobe {
background : url(/agents/img/ico_adobe.gif) no-repeat 0 0;
padding : 0 0 0 15px;
display: none;
}
.tiempo {
background : url(/agents/img/ico_tiempo.gif) no-repeat 0 0;
padding : 0 0 0 15px;
display: none;
}
.guia {
background : url(/agents/img/ico_guia.gif) no-repeat 1px 0;
padding : 0 0 0 15px;
}
.menuLeft li {
display : block;
border-bottom : 1px solid #fff;
}
.menuLeft {
font-size : 1.2em;
padding : 5px 0 0;
border-bottom : 6px solid #f3f1f2;
margin : 0 0 15px;
}
.menuLeft strong {
font-size : 1.2em;
}
.menuLeft a {
color : #7f8285;
text-decoration : none;
display : block;
padding : 5px 10px 9px 0;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.menuLeft a:hover {
color : #cd0000;
}
.menuLeft li.on {
background : url(/agents/img/fletxa_menu.gif) no-repeat right 8px;
}
.menuLeft li.on a {
color : #e8ae33;
}
ul.links li {
padding-bottom : 7px;
}
ul.links a {
font-size : 1.1em;
color : #808285;
}
ul.links li.on a {
color : #e8ae33;
font-weight : bold;
background : url(/agents/img/fletxa_links_on.gif) no-repeat right 4px;
padding : 0 15px 0 0;
text-decoration : none;
}
ul.links a:hover {
color : #a0a7ae;
}
.boxBusq {
border : 1px solid #d2cec5;
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 1px;
margin : 19px 0 17px;
width : 714px;
overflow : hidden;
}
.boxBusq .titol {
float : left;
width : 130px;
padding : 10px 5px 10px 10px;
}
.boxBusq h2 {
font-size : 1.8em;
color : #293b47;
line-height : 1.1;
}
.boxBusq p {
margin-top : 5px;
font-weight : normal;
font-size : 1.2em;
}
.boxBusq .formReserva {
float : right;
width : 565px;
background : url(/agents/img/p_gris.gif) repeat-y 0 0;
margin : 0;
padding-bottom : 0;
}
.boxBusq .formReserva .form {
float : none;
background : url(/agents/img/fletxa_mod_busq.gif) no-repeat 0 14px;
padding : 9px 10px 15px 20px;
border : none;
width : auto;
}
.boxBusq .formReserva .form p {
color : #5d6164;
line-height : 1.4;
}
.boxBusq .formReserva label {
padding : 1px 0 3px 0;
}
.boxBusq .formReserva .hotels {
margin : 0 0 2px;
float : none;
width : auto;
}
.boxBusq .hotels input{
border:none;
}
.boxBusq .formReserva .hotels label {
font-weight : bold;
display : inline;
}
.boxBusq .formReserva .buscAnterior {
float : right;
width : 195px;
border : 1px solid #d2cec5;
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 31px;
padding : 7px 10px 13px 15px;
margin : 0 0 15px;
}
.boxBusq .formReserva .buscAnterior h3 {
font-size : 1.5em;
color : #293b47;
padding : 0 0 11px;
}
.boxBusq .formReserva .buscAnterior p {
font-size : 1.2em;
padding : 0 0 0;
line-height : 1.1;
}
.boxBusq .formReserva .form p.date {
color : #979690;
padding : 2px 0 0;
font-size : 0.9em;
margin : 0;
}
.boxBusq .formReserva .bottom a {
float : left;
width : 200px;
display : block;
padding : 3px 0 0;
outline : none;
font-size : 1.2em;
text-align : left;
}
.boxBusq .formReserva .next {
margin-top : 10px;
font-weight : bold;
}
.boxBusq input.button{
font-size:1.2em;
}
.boxBusq .formReserva div.button2 {
float : right;
font-weight : normal;
height : auto;
padding : 5px 0 6px;
margin : 0 0 5px 10px;
}
.boxBusq .formReserva div.button2 div{
background-image:url(/agents/img/bg_boto_left39.gif);
}
.boxBusq .formReserva div.button2 p{
background-image:url(/agents/img/bg_boto_right39.gif);
text-align:center;
margin:0;
}
.boxBusq .formReserva div.button2 a{
background-image:url(/agents/img/bg_boto_middle39.gif);
font-size:1.1em;
font-weight:normal;
line-height:1.2;
padding-top:3px;
padding-bottom:5px;
}
.boxBusq .formReserva .butOver2 div,.boxBusq .formReserva .butOver2 a{
background-position : 0 -43px;
}
.boxBusq .formReserva .butOver2 p{
background-position : right -43px;
}
#formBuscDesplegat {
display : none;
}
.submenu {
border : 1px solid #d2cec5;
border-bottom : none;
background : #f4f4f4;
height : 32px;
}
.submenu li {
display : block;
float : left;
border-right : 1px solid #d2cec5;
}
.submenu li#livisitaVirtual {
    display: none;
}
.submenu li a {
display : block;
padding : 6px 12px 9px;
color : #7f8285;
font-size : 1.4em;
text-decoration : none;
font-weight : bold;
}
.submenu li a:hover {
color : #cd0000;
}
.submenu li.on a {
color : #e8ae33;
background : #fff;
}
.detalle h2 {
font-size : 2em;
color : #293b47;
margin : 0 0 8px;
}
.fotosHotel {
border : 1px solid #d2cec5;
background : url(/agents/img/linia_punts_v.gif) repeat-y 546px 0;
padding : 8px 0 0 8px;
margin : 0 0 22px;
width : 706px;
overflow : hidden;
}
.fotosHotelFicha {
border : 1px solid #d2cec5;
padding : 8px 0 0 8px;
margin : 0 0 22px;
width : 706px;
height : 706px;
overflow : hidden;
}
.fotosHotel .foto {
float : left;
width : 269px;
}
.fotosHotel .foto p {
font-size : 1.2em;
padding : 5px 0 0;
}
.otrasFotos {
float : left;
width : 157px;
padding : 0 0 0 9px;
}
.otrasFotos h3 {
font-size : 1.4em;
}
.otrasFotos li {
float : left;
width : 73px;
padding : 0 3px 3px 0;
}
.otrasFotos li a {
display : block;
border : 1px solid #fff;
padding : 2px;
}
.otrasFotos li a:hover {
border : 1px solid #dfd7d5;
}
.otrasFotos .moreInfo {
font-size : 1.2em;
margin-right : 10px;
margin-top : 0;
clear : left;
}
.otrasFotos li a.on {
border : 1px solid #dfd7d5;
}
#fotografias{
padding-top:10px;
}
#fotografias #fotografiasHotel {
display : block;
}
.seccion {
border : 1px solid #d2cec5;
border-top : none;
padding : 16px 13px 13px;
width : 688px;
margin : 0 0 20px;
font-size : 1.2em;
}
.seccion .secVariable {
color:#3D3D3D;
display : none;
margin : 0 0 30px;
overflow : hidden;
line-height : 1.4;
}
.seccion #SecDescripion, .seccion #SecIntroduccion {
display : block;
}
.seccion h3 {
font-size : 1.4em;
line-height : 1.2;
color : #293b47;
padding : 0 0 7px;
clear : both;
}
.seccion h3.underline {
border-bottom : 6px solid #f3f1f2;
margin : 0 0 10px;
}
.seccion h4 {
font-size : 1.2em;
color : #000000;
margin : 10px 0;
line-height : 1.2;
}
.seccion h4.underline {
font-size : 1.2em;
color : #000000;
margin : 10px 0;
line-height : 1.2;
border-bottom: 4px solid #F3F1F2;
}
.seccion .interior {
width : 380px;
float : left;
line-height : 1.2;
}
.seccion .exterior {
width : 300px;
float : right;
line-height : 1.2;
}
.seccion .gr_profesionales_linea li{
 background:none;
 padding: 5px 0px 5px 0px;
 font-weight:bold;
}
.seccion li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 0 10px 10px;
line-height : 1.2;
}
.seccion .tarifas {
color:#3D3D3D;
font-size : 0.85em;
line-height : 1.2;
}
.seccion .legend {
font-size : 0.9em;
line-height : 1.2;
}
.detalle .otros {
margin-left : 0;
}
.detalle .hotelesZona h2 {
display : inline;
font-size : 1.6em;
}
.detalle .hotelesPais {
overflow : hidden;
}
.detalle .hotelesPais h2 {
padding-bottom : 0;
font-size : 1.6em;
}
.detalle .otros h3 {
color : #7f8285;
font-size : 1.4em;
display : inline;
padding : 0 15px 0 0;
}
.detalle .otros h2 {
padding : 0 15px 0 0;
}
.detalle .otros .verMapa {
font-size : 1.2em;
}
.detalle .otros table {
width : 330px;
}
.detalle .hotelesZona table {
margin-top : 10px;
}
.detalle .otros td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
font-size : 1.2em;
padding : 5px 0 9px;
}
.detalle .otros th {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 0 0 15px;
text-align : left;
font-weight : normal;
}
.detalle .otros td.hotel {
width : 65%;
}
.detalle .otros td.precio {
width : 35%;
color : #e8ae33;
font-size : 1.8em;
font-weight : bold;
text-align : right;
}
.detalle .otros td.precio .oferta {
font-size : 0.7em;
float : left;
padding-top : 3px;
}
.detalle .otros td.precio span.num {
width : 105px;
}
.detalle .otros .right {
float : right;
}
.detalle .otros .zona {
float : left;
width : 330px;
padding : 0 28px 0 0;
}
.detalle .guiaDestinos {
padding-top : 13px;
}
.detalle .guiaDestinos h2 {
color : #293b47;
font-size : 1.4em;
margin-bottom : 3px;
padding-top : 0;
}
.detalle .otros .col3 td.hotel {
width : 40%;
}
.detalle .otros .col3 td.texto {
width : 35%;
}
.detalle .otros .col3 td.precio {
width : 25%;
}
.detalle .otros .col3 td.precio span.num {
width : 72px;
}
/* moduls resultat busqueda */
.disponibilidad {
padding : 14px 0 0;
}
.disponibilidad:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.disponibilidad .mensaje {
font-size : 1.8em;
color : #293b47;
font-weight : bold;
padding : 0 0 5px;
}
.disponibilidad .mensaje strong {
color : #278ccd;
}
.noDisponible .disponibilidad .mensaje strong {
color : #cc071e;
}
.disponibilidad .busqueda {
margin : 0 0 20px;
font-size : 1.2em;
}
.cambiarFechas {
background : #f6f4f5 url(/agents/img/bg_tit_cambiar_fechas.gif) no-repeat 0 0;
height : 298px;
clear : both;
margin : 0 0 17px;
}
.cambiarFechas h2 {
float : left;
width : 172px;
font-size : 1.6em;
color : #cc071e;
padding : 14px 0 0 18px;
}
.cambiarFechas .fechas {
float : left;
width : 680px;
padding : 16px 0 0;
}
.cambiarFechas h3 {
font-size : 1.4em;
color : #5c6063;
float : left;
margin : 0 10px 0 0;
}
.cambiarFechas .calendario {
float : left;
width : 190px;
margin : 0 0 0 0;
}
.cambiarFechas .calendario div.dp-popup {
font-size : 1.3em;
width : 182px;
}
.cambiarFechas div.button2 div {
float : right;
margin : 8px 0 0 0;
}
.cambiarFechas div.button2 input{
font-size : 1.2em;
}
.cambiarFechas .calendario .noDisponible {
color : #808285;
font-size : 1.1em;
padding : 0 0 0 13px;
background : url(/agents/img/color_no_disponible.gif) no-repeat 0 2px;
margin : 8px 0 0 0;
}
.cambiarFechas .calendario {
float : left;
width : 190px;
padding : 0 12px 0 0;
}
.cambiarFechas .dp-choose-date {
display : none;
}
.resultados {
overflow : hidden;
margin : 10px 0 30px;
}
.resultados .submenu {
margin : 0 0 24px;
border-left : none;
border-right : none;
}
.resultados .ajusteBusq {
float : left;
width : 180px;
}
.resultados .ajusteBusq .box {
border : 1px solid #d2cec5;
}
.resultados .ajusteBusq h2 {
font-size : 1.4em;
color : #293b47;
padding : 9px;
}
.resultados .ajusteBusq h3 {
font-size : 1.2em;
color : #5d6164;
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 0;
padding : 10px 0 5px;
margin : 10px 0 0;
}
.resultados .ajusteBusq h3.primer {
background-image : none;
padding-top : 0;
margin-top : 0;
}
.resultados .ajusteBusq form {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 9px;
}
.resultados .ajusteBusq input.button {
float : right;
margin-top : 2px;
height : 22px;
}
.resultados .ajusteBusq select {
width : 160px;
}
.resultados .ajusteBusq p {
clear : both;
overflow : hidden;
font-size : 1.1em;
padding : 0 0 3px;
}
.resultados .ajusteBusq div.button2 {
clear : both;
overflow : hidden;
padding : 0 0 3px;
}
.resultados .ajusteBusq div.button2 div{
float:right;
}
.resultados .ajusteBusq div.button2 p{
clear:none;
padding:0 3px 0 0;
}
.resultados .ajusteBusq div.button2 input{
font-size : 1.1em;
margin:0;
height:auto;
}
.resultados .ajusteBusq label {
float : left;
display : block;
width : 135px;
font-size : 1.1em;
color : #278ccd;
padding : 1px 0 0;
}
.resultados .ajusteBusq input {
float : left;
margin : 0 2px 0 0;
height : 15px;
border:none;
}
.resultados .ajusteBusq label span {
color : #5d6164;
}
.resultados .ajusteBusq label.off, .resultados .ajusteBusq label.off span {
color : #c7bcbc;
}
.resultados .ajusteBusq label.destacado {
font-weight : bold;
color : #5d6164;
}
.resultados .listaResult {
float : right;
width : 715px;
border : 1px solid #d2cec5;
border-top : none;
}
.resultados .ordenar {
font-size : 1.2em;
border-bottom : 6px solid #f2f0f1;
padding : 0 0 9px;
margin : 0 10px 15px;
}
.resultados .ordenar .listaHoriz {
display : inline;
padding-left : 10px;
}
.resultados .fichaHotel {
margin-bottom : 17px;
margin-left : 10px;
margin-right : 10px;
}
.noDisponible .resultados .fichaHotel {
margin-left : 0;
margin-right : 0;
}
.noDisponible .resultados {
border : 1px solid #d2cec5;
border-top : none;
margin-top : 0;
}
.noDisponible .resultados .ajusteBusq {
float : left;
width : 195px;
}
.noDisponible .resultados .ajusteBusq .box {
margin : 0 0 0 15px;
}
.noDisponible .resultados .listaResult {
float : right;
width : 675px;
padding : 0 15px 0 0;
border : none;
}
.noDisponible .resultados .ordenar, .hotelesDisp .fichaHotel {
margin-left : 0;
margin-right : 0;
}
.mapaGoogle {
margin : 0 10px 15px 10px;
overflow : hidden;
}
.mapaGoogle .mapa {
float : left;
width : 491px;
overflow : hidden;
}
.mapaGoogle .listado {
float : right;
width : 190px;
}
.mapaGoogle .listado h2 {
font-size : 1.4em;
color : #5c6063;
padding : 0 0 12px 5px;
}
.mapaGoogle ul {
list-style : decimal;
padding : 0 0 0 29px;
font-size : 1.2em;
color : #278ccd;
}
.mapaGoogle li {
padding : 0 0 9px;
font-weight : normal;
font-weight : bold;
line-height : 1.2;
}
.mapaGoogle li a {
font-weight : normal;
}
/* moduls macro */
.macro {
margin : 0 auto 0;
width : 816px;
overflow : hidden;
padding : 15px 0 0;
}
.macro .form {
float : left;
width : 620px;
overflow : hidden;
}
.conPestanas {
margin-top : 10px;
}
.conPestanas h1{
display:none;
}
.conPestanas .form {
width : 640px;
}
.macro .info {
float : right;
width : 165px;
}
.macro form {
border-bottom : 6px solid #f2f0f1;
padding : 0 0 9px;
margin : 0 0 15px;
}
.macro form .marcGran {
padding : 10px;
border : 1px solid #d2cec5;
border-top : none;
margin : 0 0 20px;
}
.macro .box {
float : right;
width : 415px;
padding : 10px 10px 0 0;
overflow : hidden;
}
.macro .paso {
background : #f6f4f5;
margin : 0 0 10px;
overflow : hidden;
}
.macro .paso h2 {
float : left;
font-size : 2.3em;
color : #5c6063;
background-position : 0 0;
background-repeat : no-repeat;
width : 121px;
padding : 12px 0 0 58px;
}
.macro .donde h2 {
background-image : url(/agents/img/bg_macro_paso1.gif);
height : 83px;
}
.macro .cuando h2 {
background-image : url(/agents/img/bg_macro_paso2.gif);
height : 271px;
}
.macro .quien h2 {
background-image : url(/agents/img/bg_macro_paso3.gif);
height : 54px;
}
.macro .form label {
font-size : 1.4em;
display : block;
padding : 0 0 2px;
}
.macro .form .paso p {
float : left;
width : 190px;
padding : 0 15px 7px 0;
}
.macro .form .paso p.inline {
width : auto;
float : none;
margin : 0 0 3px;
}
.macro .form .inline label {
display : inline;
padding : 0 10px 0 0;
font-weight : bold;
}
.macro .form .paso p.inline input{
border:none;
}
.macro .form input {
font-size : 1.4em;
}
.macro .form select {
font-size : 1.2em;
}
.macro .form #pais, .macro .form #destino {
width : 190px;
}
.macro .form #linkTodosDestinos {
float : right;
font-size : 1.2em;
padding : 1px 0 0;
}
.macro .calendario {
float : left;
width : 190px;
padding : 0 12px 0 0;
}
.macro .paso h3 {
font-size : 1.4em;
color : #5c6063;
font-weight:normal;
}
.macro .dp-choose-date {
display : none;
}
.macro #divHuespedes {
width : 200px;
padding-top : 5px;
padding-bottom : 2px;
margin-bottom : 5px;
}
.macro #divHuespedes.on {
background : #e9e8e6;
}
.macro #divHuespedes div {
float : right;
}
.macro #divHabitaciones {
width : 90px;
padding-top : 5px;
}
.macro #divHuespedes div.numHabitacion {
float : left;
width : 50px;
text-align : right;
font-weight : bold;
font-size : 1.2em;
padding-top : 18px;
}
.macro #divHuespedes div.habitacion {
float : none;
width : auto;
padding : 0 0 5px;
clear : both;
}
.macro #habitacion1 .numHabitacion {
display : none;
}
.macro .on #habitacion1 .numHabitacion {
display : block;
}
.macro .quien label {
font-size : 1.2em;
display : block;
padding : 0 0 2px;
}
.macro .quien .box div {
float : left;
width : 150px;
padding : 0 0 7px;
}
.macro .quien .box div div {
width : 72px;
}
.macro .quien .box div div.edadNinos {
text-align:right;
width : 144px;
font-size : 0.9em;
}
.macro .quien input {
font-size : 1.2em;
}
.macro .quien select {
font-size : 1.2em;
width:66px;
}
.macro .quien #habitaciones {
width : 74px;
}
.macro .form form .pHotel select {
    width: 290px;
}
.macro .form form #codi-promocional,
.macro .form form #categoria {
    width: 190px;
}
.macro .form .paso .pHotel,
.macro .form form #codi-promocional,
.macro .form form #categoria {
    float: none;
}
.macro .form div.masOpc {
width : auto;
float : none;
padding : 10px 0;
}
.macro .form div.masOpc li {
display : inline;
font-size : 1.2em;
padding : 0 5px 0 0;
}
.macro .form div.masOpc p {
font-size : 1.2em;
font-weight : bold;
}
.macro .form .bottom {
text-align : right;
width : 288px;
float : none;
}
.macro .form .button2  input{
background-image:url(/agents/img/bg_boto_middle39.gif);
font-size : 2.0em;
line-height:1.1;
margin-right : 0;
width:auto;
padding-bottom:6px;
}
.macro .form  .button2{
float:right;
}
.macro .form  .button2 div{
background-image:url(/agents/img/bg_boto_left39.gif);
}
.macro .form  .button2 p{
background-image:url(/agents/img/bg_boto_right39.gif);
margin:0;
}
.macro .form  .butOver2 div,.macro .form .butOver2 input{
background-position : 0 -43px;
}
.macro .form  .butOver2 p{
background-position : right -43px;
}
.macro .alternativa h2 {
font-size : 1.4em;
padding : 0 0 5px;
}
.macro .alternativa li {
font-size : 1.2em;
padding : 0 0 5px;
}
.macro .alternativa .next {
padding-left : 0;
}
.macro .alternativa strong {
color : #278ccd;
}
.macro .reserva {
text-align : center;
color : #171f25;
background : url(/agents/img/bg_box_degradat_bottom.gif) repeat-x left bottom;
border : 1px solid #d2cec5;
margin : 0 0 22px;
padding : 6px 8px 8px;
}
.macro .reserva h2 {
font-weight : normal;
font-size : 1.6em;
padding : 0 0 5px;
}
.macro .reserva strong {
color : #278ccd;
background : url(/agents/img/ico_telefon_blau.gif) no-repeat 0 3px;
padding : 0 0 0 12px;
font-size : 1.6em;
}
.macro .buscAnterior {
border : 1px solid #d2cec5;
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 31px;
padding : 7px 0 0 10px;
margin : 0 0 22px;
}
.macro .buscAnterior h2 {
font-size : 1.4em;
color : #293b47;
padding : 0 0 11px;
}
.macro .buscAnterior p {
font-size : 1.2em;
padding : 0 0 3px 0;
line-height : 1.1;
}
.macro .buscAnterior p.next {
margin-top : 5px;
}
.macro .buscAnterior li {
padding : 0 5px 10px 0;
}
.macro .buscAnterior li.line {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
margin : 0 0 10px;
}
.veriSign {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 0 0 9px;
margin : 0 0 22px;
}
.veriSign div {
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 0;
padding : 8px 10px 0;
font-size : 14px;
color : #293b47;
text-align : center;
font-weight : bold;
}
.veriSign img {
display : block;
margin : 0 auto;
}
/* modul llista de paisos */
#llistaPaisos {
display : none;
position : absolute;
left : 214px;
top : 255px;
border : 1px solid #989c9f;
background : #fff;
width : 500px;
}
#llistaPaisos .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
#llistaPaisos .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
#llistaPaisos .taula {
border-top : 5px solid #f5f3f4;
padding : 8px 0 0 8px;
}
#llistaPaisos table {
width : 100%;
}
#llistaPaisos .taula h3 {
font-size : 1.1em;
padding-bottom : 5px;
color : #5c6164;
}
#llistaPaisos td {
padding : 0 15px 5px 0;
}
#llistaPaisos td.ult {
padding : 0 0 5px 0;
}
#llistaPaisos ul {
padding-bottom : 5px;
}
#llistaPaisos li {
padding-bottom : 5px;
}
#llistaPaisos li a {
font-size : 1.1em;
}
/* moduls reserva */
.segura {
background : url(/agents/img/ico_segura.gif) no-repeat 0 0;
padding : 0 0 0 14px;
}
.segura strong {
color : #278ccd;
font-size : 1.1em;
}
/*slider ajuste busqueda*/
#ajuste {
height : 35px;
position : relative;
margin : 5px 0 0;
}
.ui-slider {
width : 160px;
height : 15px;
position : relative;
background-repeat : no-repeat;
background-position : center center;
background-image : url(/agents/img/slider-bg.gif);
}
.ui-slider-handle {
position : absolute;
z-index : 1;
height : 15px;
width : 8px;
top : 0;
left : 3px;
background-image : url(/agents/img/slider-handle-left.gif);
}
.ui-slider-handle-active {
border : 1px dotted black;
}
.ui-slider-disabled .ui-slider-handle {
opacity : 0.5;
}
.ui-slider-range {
position : absolute;
opacity : 0.3;
width : 100%;
height : 100%;
}
.handle-value {
color : #278ccd;
font-size : 1.2em;
position : absolute;
left : 0;
top : 20px;
}
#handle-right-value {
text-align : right;
right : 0;
left : auto;
}
#handle-right {
left : 150px;
background-image : url(/agents/img/slider-handle-right.gif);
}
/* detalle reserva */
.compra {
float : left;
width : 740px;
}
.detalleReserva {
padding : 15px 0 25px;
overflow : hidden;
}
.detalleReserva h2 {
font-size : 1.8em;
color : #278ccd;
font-weight : bold;
padding : 0 0 10px;
}
.detalleReserva h2 strong {
color : #293b45;
}
.detalleReserva h2 span.oferta {
color : #db942f;
font-size : 0.7em;
padding : 0 0 0 10px;
font-weight : normal;
}
.detalleReserva .foto {
float : left;
width : 125px;
}
.detalleReserva .foto img {
margin : 0 0 4px;
}
.detalleReserva .detalle {
float : right;
width : 600px;
}
.detalleReserva .detalle p {
font-size : 1.2em;
padding : 0 0 8px;
}
.detalleReserva .tarifas {
margin-top : 5px;
}
.detalleReserva .tarifas td.precioTotal span.num {
width : 85px;
}
#linkDesgloseTarifa {
background : url(/agents/img/ico_desplegable_blau.gif) no-repeat right 5px;
padding : 0 9px;
}
#desgloseTarifa {
padding : 10px 0 0;
margin : 10px 0 0;
border : 1px solid #c0bebf;
display : none;
}
#desgloseTarifa h3 {
color : #7f8285;
font-size : 1.4em;
padding : 0 12px 5px;
}
#desgloseTarifa .close {
float : right;
color : #278ccd;
font-weight : bold;
font-size : 1.1em;
text-decoration : underline;
cursor : pointer;
padding : 0 12px;
}
#desgloseTarifa table {
background : #f3f1f1;
}
#desgloseTarifa p {
font-size : 1.1em;
color : #808285;
padding-left : 12px;
padding-right : 12px;
}
#desgloseTarifa td {
color : #5c6063;
font-size : 1.2em;
padding : 9px 0 9px;
background : url(/agents/img/linia_punts_h_fosc.gif) repeat-x left bottom;
}
#desgloseTarifa td p {
color : #5c6063;
padding : 0;
}
#desgloseTarifa td .blau {
color : #278ccd;
}
#desgloseTarifa td.separador {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
#desgloseTarifa td.tipo {
width : 40%;
padding-right : 15px;
padding-left : 12px;
}
#desgloseTarifa td.precioNoche {
text-align : left;
font-weight : normal;
width : 45%;
}
#desgloseTarifa td.precioTotal {
font-size : 1.6em;
color : #e8ae33;
}
#desgloseTarifa .tarifas td.precioTotal span.num {
width : 70px;
}
#desgloseTarifa tr.total td {
text-align : right;
font-weight : bold;
background-image : none;
}
#desgloseTarifa tr.total span.num {
font-size : 1.1em;
}
#desgloseTarifa tr.total .label {
padding-top : 11px;
}
#desgloseTarifa tr.total .precioAnterior {
font-size : 0.8em;
padding-right : 12px;
}
.usuariosReg {
overflow:hidden;
clear : both;
background : #fcf8db;
padding : 10px 15px 15px;
margin : 0 0 23px;
}
.usuariosReg div.datos {
float:left;
width:510px;
}
.usuariosReg .datos input{
margin-right:10px;
}
.usuariosReg p {
font-size : 1.4em;
color : #5c6063;
padding : 0 0 12px;
}
.usuariosReg label {
font-size : 1.2em;
font-weight : bold;
}
.usuariosReg div.button2 {
float:left;
margin : -2px 10px 0 3px;
}
.usuariosReg div.button2 input{
font-size : 0.85em;
}
.completar form {
overflow : hidden;
}
.completar h2 {
font-size : 1.6em;
color : #293b45;
border-bottom : 4px solid #f3f1f2;
padding : 0 0 5px;
}
.completar h3 {
padding : 15px 0 7px;
font-size : 1.4em;
color : #293b45;
clear : both;
}
.completar h3 span {
font-weight : normal;
}
.completar h4 {
font-size : 1.4em;
color : #7f8285;
background : #f3f1f1;
padding : 10px 12px;
margin : 3px 0 12px;
clear : both;
}
.completar h4 span {
font-weight : normal;
}
.completar h5 {
font-size : 1.2em;
color : #5c6063;
clear : both;
padding : 0 0 5px;
}
.completar label {
float : left;
width : 54px;
font-size : 1.2em;
color : #5c6063;
padding : 2px 7px 13px 0;
}
.completar label.long {
width : 83px;
}
.completar label.short {
width : 25px;
}
.completar .check label {
float : none;
width : auto;
}
.completar input, .completar select, .completar textarea {
float : left;
vertical-align : middle;
font-size : 1.2em;
margin : 0 15px 0 0;
width : 140px;
}
.completar #caduca, .completar #caducaAno {
width : auto;
}
.completar input.long {
width : 248px;
}
.completar input.short {
width : 60px;
}
.completar .check  input {
float : none;
margin-right : 0;
margin-top : -3px;
}
.completar .check  input#numero {
width : 125px;
}
.completar .check input#noCupon,
.completar .check input#cupon,
.completar .habitacion .check input,
.completar .secVariable .check input,
.completar .condicions input {
    width: auto;
}
.completar div.check {
clear : both;
padding : 0 0 10px;
}
.completar div.check div.inputsDatos{
padding:2px 0 0;
float:left;
width:575px;
}
.completar div.check div.button2{
float:left;
clear:right;
margin:-2px 0 0 0;
}
.completar div.check div.button2 input{
width:auto;
margin:0;
font-size:1.2em;
vertical-align:top;
}
.completar .descuento {
padding : 5px 0 0 190px;
font-size : 1.2em;
clear:both;
}
.completar .precioAnterior {
color : #c7bcbc;
text-decoration : line-through;
padding : 0 0 0 5px;
}
.completar .descuento .precio {
float : left;
font-size : 1.5em;
color : #e8ae33;
margin-top : -6px;
font-weight : bold;
overflow : hidden;
}
.completar .descuento .precio .num {
width : 75px;
}
.completar .descuento .descAplicado {
float : left;
}
.completar .ayuda {
font-size : 11px;
color : #808285;
background : url(/agents/img/ico_ayuda.gif) no-repeat 10px 1px;
padding : 0 0 0 28px;
text-decoration : underline;
}
.completar .habitacion {
padding : 0 0 6px;
}
.completar p{
padding:0 0 10px;
clear:both;
}
.completar .button2 p{
padding-bottom:0;
clear:none;
}
.completar p.nota {
font-size : 1.1em;
color : #808285;
}
.completar .textarea {
clear : both;
}
.completar .textarea label {
float : none;
display : block;
width : auto;
padding-bottom : 5px;
}
.completar .textarea textarea {
width : 420px;
}
.completar .textarea .nota {
float : right;
width : 300px;
padding : 20px 0 0;
}
.completar .destacat {
font-size : 1.4em;
color : #5c6063;
}
.completar .import {
color : #e8ae33;
}
.completar .blau {
color : #278ccd;
}
.completar .generar {
padding : 0 0 15px;
clear:both;
overflow:hidden;
}
.completar .generar input{
width:auto;
font-size:1.2em;
margin:0;
}
.completar .tempsReserva {
clear : both;
background : #fcf8db;
padding : 12px 15px 8px;
margin : 0 0 10px;
font-size : 1.2em;
}
.completar .tempsReserva p {
padding : 0 0 6px;
}
.completar .condicions {
width : 550px;
float : left;
clear:left;
padding : 10px 0 0;
}
.completar .pagSegura {
border-top : 4px solid #f3f1f2;
text-align : right;
clear : both;
font-size : 1.1em;
color : #808285;
}
.completar .pagSegura strong {
color : #278ccd;
}
.completar img {
margin : 2px 0 0 10px;
}
.completar .botonComprar {
padding : 15px 0;
overflow:hidden;
}
.completar .botonComprar input{
background-image:url(/agents/img/bg_boto_middle39.gif);
font-size : 2.4em;
line-height:1.1;
margin-right : 0;
width:auto;
padding-bottom:6px;
}
.completar .botonComprar .button2{
float:right;
}
.completar .botonComprar .button2 div{
background-image:url(/agents/img/bg_boto_left39.gif);
}
.completar .botonComprar .button2 p{
background-image:url(/agents/img/bg_boto_right39.gif);
margin:0;
}
.completar .botonComprar .butOver2 div,.completar .botonComprar .butOver2 input{
background-position : 0 -43px;
}
.completar .botonComprar .butOver2 p{
background-position : right -43px;
}
.completar .datosTarjeta {
padding : 5px 0 12px;
overflow:hidden;
}
.completar input.error {
border : 2px solid #cd071e;
}
.completar div.error {
font-size : 1.2em;
color : #cd071e;
font-weight : bold;
padding : 0 0 12px;
clear : both;
}
.mesInfoReserva {
float : right;
width : 163px;
padding : 20px 0 0;
}
.mesInfoReserva .veriSign {
margin : 0 0 23px;
}
.mesInfoReserva .tarjetasOk {
margin : 0 0 23px;
border : 1px solid #d0cfcd;
background : url(/agents/img/bg_degradat.gif) repeat-x left bottom;
text-align : center;
padding : 8px 0 12px;
}
.mesInfoReserva .tarjetasOk h2 {
font-size : 1.6em;
color : #171f25;
padding : 0 0 10px;
font-weight : normal;
}
.mesInfoReserva .cancelacion {
border-top : 4px solid #f3f1f2;
padding : 7px 0 23px;
}
.mesInfoReserva .cancelacion h2 {
color : #5c6063;
font-size : 1.4em;
}
.mesInfoReserva .cancelacion table {
width : 100%;
}
.mesInfoReserva .cancelacion td {
color : #5d6164;
font-size : 1.2em;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 0 10px;
}
.mesInfoReserva .cancelacion td.coste {
color : #db942f;
font-weight : bold;
text-align : right;
}
.mesInfoReserva .puntos {
margin : 0 0 23px;
border : 1px solid #d0cfcd;
background : url(/agents/img/bg_degradat.gif) repeat-x left bottom;
padding : 8px 10px 9px 14px;
position : relative;
}
.mesInfoReserva .puntos h2 {
font-size : 1.6em;
color : #171f25;
padding : 0 0 5px;
font-weight : normal;
}
.mesInfoReserva .puntos p {
color : #5d6164;
font-size : 1.2em;
padding : 0 0 5px;
}
.mesInfoReserva .puntos strong {
font-size : 1.5em;
color : #e8ae33;
}
.mesInfoReserva .puntos .ayuda {
position : absolute;
top : 69px;
right : 5px;
}
.mesInfoReserva .ventajas {
border-top : 4px solid #f3f1f2;
padding : 7px 0 23px;
}
.mesInfoReserva .ventajas h2 {
color : #5c6063;
font-size : 1.4em;
}
.mesInfoReserva .ventajas li {
color : #5d6164;
font-size : 1.2em;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 0 10px;
line-height : 1.4;
}
/* pagina confirmacio */
.misConfirmacio h2 {
font-size : 1.8em;
color : #278ccd;
padding : 15px 0 10px;
}
.misConfirmacio div {
clear : both;
background : #fcf8db;
padding : 12px 15px 12px;
margin : 0 0 10px;
font-size : 1.2em;
}
.misConfirmacio .imprimir {
float : right;
}
.misConfirmacio h3 {
font-size : 1.3em;
color : #293b47;
font-weight : normal;
padding : 0 0 8px;
}
.misConfirmacio h3 strong {
color : #278ccd;
}
.detalleReserva h2.titol {
padding : 0 0 6px;
border-bottom : 6px solid #f3f1f2;
color : #293b45;
margin : 0 0 12px;
}
.contactoReservas {
font-size : 1.2em;
padding : 0 0 15px;
}
.contactoReservas p {
padding : 0 0 10px;
}
.contactoReservas li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 0 10px 10px;
}
.cuentaRiu h2 {
font-size : 1.8em;
color : #293b45;
padding : 0 0 6px;
border-bottom : 6px solid #f3f1f2;
color : #293b45;
margin : 0 0 20px;
}
.cuentaRiu h2 strong {
color : #278ccd;
}
.cuentaRiu .ayuda {
float : right;
font-size : 11px;
color : #808285;
background : url(/agents/img/ico_ayuda.gif) no-repeat 10px 0;
padding : 0 0 0 28px;
text-decoration : underline;
margin : 4px 0 0;
}
.cuentaRiu form {
float : left;
width : 354px;
}
.cuentaRiu form label {
float : left;
width : 140px;
font-size : 1.2em;
color : #5c6063;
padding : 2px 7px 16px 0;
}
.cuentaRiu form input {
float : right;
vertical-align : middle;
font-size : 1.2em;
margin : 0 0 2px;
width : 200px;
}
.cuentaRiu form p {
clear : both;
}
.cuentaRiu form div.crear  {
float:right;
clear:both;
}
.cuentaRiu form div.crear input {
width:auto;float:left;
}
.cuentaRiu span {
display : block;
padding : 0 0 10px 149px;
font-size : 1.1em;
}
.cuentaRiu .info {
float : right;
width : 354px;
border : 1px solid #d2cec5;
}
.cuentaRiu .info h3 {
font-size : 1.6em;
color : #293b45;
background : url(/agents/img/bg_tit_degradat.gif) repeat-x 0 3px;
padding : 10px 15px;
}
.cuentaRiu .info div {
background : url(/agents/img/bg_degradat_top.gif) repeat-x 0 0;
padding : 12px 15px 8px;
font-size : 1.2em;
line-height : 1.4;
}
.cuentaRiu .info p {
padding : 0 0 12px;
}
.cuentaRiu .info li {
background : url(/agents/img/list_triangle.gif) no-repeat 0 4px;
padding : 0 0 12px 10px;
}
.cuentaRiu .disfrute {
clear : both;
border-top : 6px solid #f3f1f2;
padding : 15px 0 8px;
}
.cuentaRiu .disfrute h2 {
font-size : 1.6em;
color : #293b45;
border-bottom : none;
margin : 0 0 12px;
}
.cuentaRiu .disfrute li {
font-size : 1.2em;
padding : 0 0 12px 24px;
}
.salvapantallas {
background : url(/agents/img/ico_salvapantallas.gif) no-repeat 0 0;
}
.audio {
background : url(/agents/img/ico_audio.gif) no-repeat 0 0;
}
.video {
background : url(/agents/img/ico_video.gif) no-repeat 0 0;
}
/*guia destinos*/
.selecDestino {
border : 1px solid #d2cec5;
background : url(/agents/img/bg_selec_destino.gif) repeat-x 0 0;
padding : 12px 17px;
margin : 20px 0;
overflow : hidden;
}
.selecDestino h2 {
font-size : 2.1em;
color : #5c6063;
padding : 0 0 20px;
}
.selecDestino .mapa {
float : left;
width : 890px;
}
.selecDestino .listDestinos {
float : right;
width : 355px;
overflow : hidden;
}
.selecDestino .goBack {
margin : 0 0 10px;
}
.selecDestino .listDestinos h3 {
font-size : 1.6em;
color : #5c6063;
border-bottom : 6px solid #f3f1f2;
padding : 0 0 5px;
margin : 0 0 10px;
}
.selecDestino .listDestinos h3 strong {
color : #293b45;
}
.selecDestino .destinos, .selecDestino .hoteles {
float : left;
width : 150px;
padding : 0 12px 0 0;
font-size : 1.2em;
}
.selecDestino .listDestinos h4 {
font-size : 1.2em;
color : #5c6063;
padding : 0 0 8px;
}
.selecDestino .listDestinos ul {
margin : 0 0;
}
.selecDestino .listDestinos li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 5px;
padding : 0 0 9px 10px;
}
.selecDestino .listDestinos .verTodos {
font-weight : bold;
background : url(/agents/img/ico_siguiente.gif) no-repeat right 5px;
padding : 0 10px;
}
.selecDestino .detalleDestino {
clear : left;
padding : 15px 0 0;
width : 890px;
}
.selecDestino .detalleDestino h3 {
font-size : 1.4em;
color : #293b45;
border-bottom : 6px solid #f3f1f2;
padding : 0 0 5px;
margin : 0 0 10px;
}
.selecDestino .detalleDestino p {
font-size : 1.2em;
color : #5c6063;
line-height : 1.4;
padding : 0 0 10px;
}
.destinosDestac {
overflow : hidden;
margin : 0 0 25px;
}
.destinosDestac h2 {
font-size : 1.6em;
color : #5c6063;
border-bottom : 6px solid #f3f1f2;
padding : 0 0 5px;
margin : 0 0 10px;
}
.destinosDestac li {
float : left;
width : 315px;
}
.destinosDestac li .foto {
float : left;
width : 118px;
padding : 2px;
border : 1px solid #e1d7d8;
}
.destinosDestac li .foto img {
display : block;
}
.destinosDestac li .text {
float : right;
width : 180px;
}
.destinosDestac h3 {
font-size : 1.4em;
color : #5c6063;
padding : 0 0 5px;
}
.destinosDestac p {
font-size : 1.2em;
line-height : 1.4em;
}
.destinosDestac li.ultim {
width : 295px;
}
.destinosDestac li.ultim .text {
width : 160px;
}
.mejores {
float : left;
width : 294px;
border-top : 1px solid #d2cec5;
margin : 0 20px 0 0;
padding-top : 10px;
}
.mejores h2 {
font-size : 1.6em;
color : #293b45;
padding : 5px 0 24px 35px;
}
.mejores .controls {
font-size : 1.2em;
text-align : center;
padding : 7px 0 9px;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.mejores .controls span {
color : #d3c4c7;
padding : 0 8px;
}
.mejores .anterior, .mejores .siguiente {
font-weight : bold;
}
.mejores .anterior {
background : url(/agents/img/ico_anterior.gif) no-repeat 0 5px;
padding : 0 0 0 10px;
}
.mejores .siguiente {
background : url(/agents/img/ico_siguiente.gif) no-repeat right 5px;
padding : 0 10px 0 0;
}
.mejoresCosas {
padding : 12px 10px;
background : #f8f8f8 url(/agents/img/bg_mejores_cosas.gif) repeat-x 0 0;
width : 275px;
}
.mejoresCosas h2 {
background : url(/agents/img/ico_mejores_cosas.jpg) no-repeat 0 0;
}
.mejoresCosas li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 0 8px 10px;
font-size : 1.2em;
}
.mejoresVideos {
    position:relative;
}
#infoVideo {
    position:absolute; 
    top: 250px; 
    left: 110px; 
    z-index: 1000;
}
#infoVideo h2 {
    background: none; 
}
.agrupador-mejores {
    float:left;
}
.mejoresVideos h2 {
background : url(/agents/img/ico_mejores_videos.gif) no-repeat 0 0;
padding-bottom : 14px;
}
.mejoresVideos .videos {
border : 1px solid #dfd7d5;
font-size : 1.1em;
color : #808285;
text-align : center;
padding : 2px 2px 5px;
}
.mejoresVideos .videos img {
margin : 0 0 4px;
}
.mejoresVideos .videos a {
color : #808285;
}
.mejoresVideos .info {
background : url(/agents/img/ico_info.gif) no-repeat 0 0;
padding : 0 0 0 15px;
}
.mejoresVideos .jcarousel-skin-tango .jcarousel-container {
background-image : none;
}
.mejoresVideos .jcarousel-skin-tango .jcarousel-clip-horizontal {
width : 288px;
height : 204px;
}
.mejoresVideos .jcarousel-skin-tango .jcarousel-container-horizontal {
padding : 0;
width : 288px;
}
.mejoresVideos .jcarousel-skin-tango .jcarousel-item {
height : 204px;
width : 288px;
}
.mejoresFotos {
margin : 0;
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 48px;
}
.mejoresFotos h2 {
background : url(/agents/img/ico_mejores_fotos.gif) no-repeat 0 0;
}
.mejoresFotos .jcarousel-skin-tango .jcarousel-container {
background-image : none;
}
.mejoresFotos .jcarousel-skin-tango .jcarousel-clip-horizontal {
width : 260px;
height : 90px;
margin:0 0 0 21px;
}
.mejoresFotos .jcarousel-skin-tango .jcarousel-container-horizontal {
padding : 0;
width : 295px;
}
.mejoresFotos .jcarousel-skin-tango .jcarousel-item {
width : 124px;
height : 90px;
}
.mejoresFotos .fotos li a {
display : block;
border : 1px solid #dfd7d5;
padding : 2px;
}
.mejoresFotos .fotos li a img{
display:block;
}
.mejoresFotos .jcarousel-next-horizontal{
background:url(/agents/img/fletxa_next.gif) no-repeat 0 0;
width:20px;
right:0;
top:38px;
}
.mejoresFotos .jcarousel-next-horizontal:hover {
background-position:0 0;
}
.mejoresFotos .jcarousel-prev-horizontal{
background:url(/agents/img/fletxa_prev.gif) no-repeat 0 0;
width:20px;
top:38px;
}
.mejoresFotos .jcarousel-prev-horizontal:hover {
background-position:0 0;
}
.mejoresFotos .fotos {
padding : 0 0 12px;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.mejoresFotos .link {
float : right;
font-size : 1.2em;
padding : 7px 0 0;
}
/* usuario perfil */
.dadesUsuari {
padding : 14px 0 18px;
font-size : 1.2em;
}
.dadesUsuari h2 {
font-size : 1.5em;
color : #278ccd;
padding : 0 0 12px;
}
.dadesUsuari p {
padding : 0 0 5px;
}
.dadesUsuari span {
padding : 0 10px;
}
.reservasActivas {
font-size : 1.2em;
margin : 0 0 20px;
}
.reservasActivas h2 {
font-size : 1.5em;
color : #293b47;
display : inline;
padding : 0 15px 0 0;
}
.reservasActivas .tarifas {
margin : 8px 0 0;
font-size : 0.85em;
}
.reservasActivas td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.reservasActivas .hotel {
width : 30%;
text-align : left;
padding-right : 10px;
}
.reservasActivas td.reserva {
text-align : right;
white-space:nowrap;
width:180px;
}
.reservasActivas td.reserva input{
font-size:1em;
}
.reservasActivas th.precioTotal {
padding-left : 45px;
}
.reservasActivas .codigo, .reservasActivas .fecha {
text-align : center;
}
.reservasActivas .tarifas .button {
margin-left : 3px;
}
.menuUsuari {
font-size : 1.2em;
}
.menuUsuari ul {
float : left;
width : 295px;
padding : 0 20px 0 0;
}
.menuUsuari ul.ultim {
padding : 0;
}
.menuUsuari ul ul {
float : none;
padding : 0;
}
.menuUsuari h3 {
font-size : 1.4em;
color : #293b45;
padding : 0 0 5px;
margin : 0 0 12px;
border-bottom : 6px solid #f3f1f2;
}
.menuUsuari li {
padding : 0 0 10px;
}
/* mapa y situacion */
#mapaSituacion {
padding : 12px 0 0;
}
#mapaSituacion h2 {
font-size : 2em;
color : #293b47;
padding : 0 0 8px;
}
#mapaSituacion .secVariable {
display : none;
border : 1px solid #d2cec5;
border-top : none;
padding : 20px 12px 0;
margin : 0 0 22px;
width : 690px;
overflow : hidden;
font-size : 1.2em;
line-height : 1.4;
}
#mapaSituacion .secVariable h3 {
font-size : 1.2em;
color : #293b47;
margin : 15px 0 8px;
}
#mapaSituacion .secVariable li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 6px;
padding : 0 0 7px 10px;
}
#mapaSituacion .descripcio {
float : left;
width : 315px;
padding : 0 0 18px;
}
#mapaSituacion .mapa {
float : right;
width : 360px;
padding : 0 0 18px;
}
#mapaSituacion .direcOrigen {
border-bottom : 6px solid #f3f1f2;
padding : 0 0 5px;
margin : 0 0 12px;
}
#mapaSituacion .direcOrigen input {
margin : 0 0 0 6px;
}
#mapaSituacion #comoLlegar .mapa {
padding-top : 23px;
}
#mapaSituacion #direccion {
display : block;
}
/* el tiempo */
#elTiempo {
margin : 19px 0 0;
border : 1px solid #d2cdc5;
width : 700px;
}
#elTiempo .headerTiempo {
background : url(/agents/img/bg_tiempo.jpg) no-repeat 0 0;
padding : 17px 18px 0;
height : 173px;
}
#elTiempo h2 {
font-size : 18px;
color : #fff;
font-weight : normal;
padding : 0 0 3px;
}
#elTiempo h3 {
font-size : 20px;
color : #fff;
}
#elTiempo table {
width : 100%;
}
#elTiempo thead th {
font-size : 1.4em;
color : #7f8285;
background : #f3f1f1;
padding : 0 10px 10px;
}
#elTiempo td, #elTiempo tbody th {
font-size : 1.2em;
text-align : center;
padding : 10px;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
#elTiempo tbody th {
text-align : left;
}
#elTiempo .elTiempo td {
padding : 4px 10px;
}
#elTiempo .viento td, #elTiempo .viento th {
background-image : none;
}
/*ofertas hotel*/
.ofertasHotel {
margin : 15px 0 0;
}
.ofertasHotel h2 {
font-size : 2em;
color : #293b47;
padding : 0 0 7px;
}
.ofertaDestacada {
border : 1px solid #d2cec5;
padding : 0;
margin : 0 0 22px;
width : 706px;
overflow : hidden;
font-size : 1.2em;
line-height : 1.4;
}
.ofertaDestacada h2,.ofertaDestacada h3 {
font-size : 1.5em;
color : #5c6063;
font-weight : normal;
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 3px;
padding : 10px;
}
.ofertaDestacada .descripcio {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 17px 12px 10px;
overflow : hidden;
}
.ofertaDestacada .descripcio .foto {
float : left;
width : 260px;
}
.ofertaDestacada .descripcio .text {
float : right;
width : 408px;
font-size : 1em;
}
.ofertaDestacada .descripcio div.button2 a{
font-size:1em;
}
.ofertaDestacada h4 {
font-size : 1.2em;
color : #293b45;
border-bottom : 6px solid #f3f1f2;
padding : 0 0 3px;
margin : 0 0 10px;
}
.ofertaDestacada p {
padding : 0 0 10px;
}
.macroOfertas .ofertaDestacada .botonDestacado {
margin:25px 0 0 2px;
}
.ofertasHotel .reserva {
clear : both;
padding : 0 12px 12px;
overflow : hidden;
}
.ofertasHotel .reserva h4 {
font-size : 1.4em;
color : #5c6063;
margin-bottom : 13px;
}
.ofertasHotel .formReserva {
float : left;
width : 305px;
margin-bottom : 0;
}
.ofertasHotel .formReserva form {
font-size : 0.9em;
background-image : none;
background-color : transparent;
padding-top : 0;
padding-left : 0;
}
.ofertasHotel .condicions {
float : right;
width : 370px;
border : 1px solid #d2cec5;
padding : 8px 0 0;
}
.ofertasHotel .condicions h5 {
font-size : 1.2em;
color : #293b47;
padding : 0 13px 6px;
}
.ofertasHotel .condicions ul {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 10px 13px;
}
.ofertasHotel .condicions li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 6px;
padding : 0 0 8px 10px;
}
.ofertasHotel .formReserva form div {
padding-bottom : 0;
}
.ofertasHotel .formReserva #divHabitaciones, .ofertasHotel .formReserva #divHuespedes {
padding-top : 0;
}
.ofertasHotel .formReserva .bottom {
padding-top : 4px;
clear : both;
}
.ofertasHotel .formReserva .button2 div{
float:right;
}
.ofertasHotel .formReserva div.button2 div{
padding:0 0 0 3px;
width:auto;
}
.ofertasHotel .formReserva div.button2 input{
font-size:1.1em;
}
.ofertasHotel .formReserva div.edadNinos {
text-align:right;
font-size : 0.8em;
padding-top : 2px;
}
.ofertasHotel .sinFoto {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 17px 12px 10px;
}
.ofertasHotel .sinFoto h4 {
margin-top : -5px;
}
.ofertasHotel .oferta {
float : right;
background : url(/agents/img/bg_oferta_left.gif) no-repeat 0 0;
padding : 0 0 0 14px;
margin : 7px;
}
.ofertasHotel .oferta div {
background : url(/agents/img/bg_oferta_right.gif) no-repeat right top;
font-size : 1.2em;
line-height : 1;
color : #fff;
font-weight : bold;
padding : 2px 11px 2px 0;
}
.ofertasHotel .oferta span.num {
font-size : 1.8em;
padding : 0 2px 0 0;
}
.ofertasHotel .oferta sup {
font-size:1.2em;
}
.ofertasHotel .condicions span {
font-size : 1.25em;
font-weight : bold;
color : #e8ae33;
}
.ofertasHotel .condicions sup{
font-weight : bold;
color : #e8ae33;
}
.otrasOfertas {
clear : both;
}
.otrasOfertas .verTodos {
float:right;
}
.otrasOfertas h2 {
border-bottom : 6px solid #f3f1f2;
padding : 0 0 3px;
margin : 0 0 10px;
font-size : 1.8em;
}
.otrasOfertas table {
width : 615px;
}
.otrasOfertas td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 10px 10px 0;
}
.otrasOfertas .foto a {
border : 1px solid #dfd6d6;
padding : 2px;
margin : 2px 0 0;
display : block;
}
.otrasOfertas .texto h3 {
font-weight : normal;
padding : 0 0 3px;
font-size : 1em;
}
.otrasOfertas .texto {
line-height : 1.5;
}
.otrasOfertas td.precioTotal {
padding-right : 0;
padding-left : 0;
width : 110px;
text-align : right;
}
.otrasOfertas td.precioTotal span.num {
font-size : 1.4em;
width : 100px;
}
.otrasOfertas .precioTotal span.unid {
font-size : 1em;
}
.otrasOfertas .precioTotal .button2 div{
float:right;
}
.otrasOfertas .precioTotal input {
margin : 0;
clear : both;
font-size : 0.68em;
}
.otrasOfertas .verTodos {
text-align : right;
padding : 8px 100px 0 0;
font-size : 1.2em;
}
.otrasOfertas .verTodos a {
font-weight : bold;
background : url(/agents/img/ico_siguiente.gif) no-repeat right 5px;
padding : 0 10px;
}
/*mapa web*/
.mapaWeb {
padding : 18px 0 0;
}
.mapaWeb a {
color : #278ccd;
}
.mapaWeb h2 {
font-size : 1.8em;
color : #278ccd;
padding : 0 0 10px;
}
.mapaWeb h3 {
font-size : 1.2em;
color : #278ccd;
font-weight : normal;
padding : 0 0 10px;
}
.mapaWeb li {
padding : 0 0 3px;
}
.mapaWeb ul {
float : left;
width : 290px;
padding : 0 25px 10px 0;
}
.mapaWeb ul.ultim {
padding-right : 0;
}
.mapaWeb ul ul {
float : none;
width : auto;
padding : 0 0 6px;
}
.mapaWeb li li li {
font-size : 1.1em;
padding : 0 0 5px 20px;
}
.mapaWeb li li li a {
color : #808285;
}
/*ayuda*/
.ayuda {
line-height : 1.4;
}
.ayuda .listado {
float : left;
width : 608px;
margin : 24px 0 0;
}
.ayuda .titAyuda {
border : 1px solid #e4e1dc;
padding : 1px;
background : url(/agents/img/bg_tit_ayuda.jpg) no-repeat 1px 1px;
padding : 20px 23px;
font-size : 1.4em;
color : #5c6063;
width : 560px;
height : 221px;
margin : 0 0 20px;
}
.ayuda .listado h2 {
font-size : 1.4em;
color : #293b47;
padding : 0 0 10px;
}
.ayuda .listado h2 strong {
color : #278ccd;
}
.ayuda .listado h3 {
font-size : 1.8em;
color : #293b45;
border-bottom : 6px solid #f2f0f1;
padding : 0 0 5px;
}
.ayuda .listado ul {
float : left;
width : 292px;
padding : 0 22px 0 0;
}
.ayuda .listado ul.ultim {
padding-right : 0;
}
.ayuda .listado ul ul {
float : none;
width : auto;
font-size : 1.2em;
}
.ayuda .listado li {
padding : 0 0 8px;
}
.ayuda .listado li li {
    background: transparent url(/agents/img/linia_punts_h.gif) repeat-x scroll left bottom;
    padding:7px 0 8px;
}
.ayuda .listado li li.ultim {
    background: none;
}
.ayuda .listado li li a {
    background: transparent url(/agents/img/list_quadrat.gif) no-repeat scroll 0 4px;
    padding-left: 10px;
}
.ayuda .preguntas {
float : right;
width : 295px;
margin : 24px 0 0;
}
.ayuda .faqs {
border : 1px solid #d2cdc5;
margin : 0 0 25px;
}
.ayuda .faqs h2 {
font-size : 1.8em;
color : #293b45;
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 3px;
padding : 8px 14px 9px;
}
.ayuda .faqs ul {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 4px 14px 0;
}
.ayuda .faqs .num {
float : left;
width : 22px;
background : url(/agents/img/bg_num.gif) no-repeat 0 0;
padding : 4px 0;
text-align : center;
font-size : 1.2em;
font-weight : bold;
color : #278ccd;
line-height : 1.2;
}
.ayuda .faqs .pregunta {
float : right;
width : 230px;
font-size : 1.2em;
padding : 0 0 0;
}
.ayuda .faqs li {
overflow : hidden;
padding : 7px 0 8px;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
}
.ayuda .faqs li.ultim {
background-image : none;
}
.ayuda .masAyuda {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 8px 12px 14px;
font-size : 1.2em;
border : 1px solid #d2cdc5;
margin : 0 0 25px;
}
.ayuda .masAyuda h2 {
font-size : 1.2em;
color : #5c6063;
padding : 0 0 3px;
}
.ayudaDetalle .listado {
float : left;
width : 295px;
margin : 15px 0 0;
border : 1px solid #d2cdc5;
}
.ayudaDetalle .listado h2 {
font-size : 1.4em;
color : #293b47;
padding : 8px 14px;
}
.ayudaDetalle .listado ul {
background : url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding : 6px 14px;
}
.ayudaDetalle .listado ul ul {
background : none;
padding : 0;
}
.ayudaDetalle .listado li {
padding : 10px 0 6px;
/*background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;*/
}
.ayudaDetalle .listado li.ultim {
background : none;
}
.ayudaDetalle .listado li li {
font-size : 1.2em;
line-height : 1.4;
}
.ayudaDetalle .listado li li {
    background: transparent url(/agents/img/linia_punts_h.gif) repeat-x scroll left bottom;
    padding:7px 0 8px;
}
.ayudaDetalle .listado li li.ultim {
    background: none;
}
.ayudaDetalle .listado li li a {
    background: transparent url(/agents/img/list_quadrat.gif) no-repeat scroll 0 4px;
    padding-left: 10px;
}
.ayudaDetalle .listado h3 {
font-size : 1.2em;
color : #5d6164;
padding : 0 0 8px;
}
.ayudaDetalle .respuestas {
float : right;
width : 610px;
margin : 15px 0 0;
line-height : 1.4;
}
.ayudaDetalle .respuestas h2 {
font-size : 2em;
color : #293b47;
padding : 0 0 10px;
}
.ayudaDetalle .respuestas h3 {
font-size : 1.8em;
color : #293b47;
font-weight : normal;
}
.ayudaDetalle .respuestas h4 {
font-size : 1em;
color : #293b47;
padding : 10px 0 10px;
}
.ayudaDetalle .respuestas .tema {
font-size : 1.2em;
padding : 0 0 10px 23px;
}
.ayudaDetalle .respuestas ol {
margin : 0 0 10px 43px;
padding : 0;
}
.ayudaDetalle .respuestas p {
padding : 0 0 10px;
}
.ayudaDetalle .respuestas .links {
text-align : right;
color : #e8e3e3;
padding : 10px 0 0;
}
.ayudaDetalle .respuestas .links a {
padding : 0 6px;
}
.ayudaDetalle .respuestas .links a.subir {
background : url(/agents/img/ico_subir.gif) no-repeat 6px 3px;
padding : 0 0 0 17px;
}
/*macro ofertas*/
.macroOfertas {
float : left;
width : 610px;
margin : 20px 0 0;
}
.macroOfertas h2.subTitol {
padding : 0 0 15px;
}
.macroOfertas h2.subTitol strong {
color : #278ccd;
}
.macroOfertas .ofertaDestacada {
width : auto;
}
.macroOfertas .ofertaDestacada .text {
width : 307px;
}
.macroOfertas .ofertaDestacada .button {
display : block;
margin : 0 0 0 2px;
width : 132px;
background-image : url(/agents/img/bg_boto132.gif);
text-align : center;
padding : 3px 0 0;
}
.macroOfertas .ofertaDestacada ul {
padding : 0 0 10px;
}
.macroOfertas .ofertaDestacada li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 6px;
padding : 0 0 8px 10px;
}
// Start buscadores ofertas tematicas 
.recomendados .buscador,
.macroOfertas .buscador {
    margin : 0 0 20px;
    overflow : hidden;
}
.recomendados .buscador h2,
.macroOfertas .buscador h2 {
    font-size : 1.8em;
    border-top : 6px solid #f3f1f2;
    padding : 8px 0 7px;
    margin : 0 0 0 14px;
}
.recomendados .buscador h2 {
    margin: 0;
}
.recomendados .buscador form,
.macroOfertas .buscador form {
    font-size : 1.2em;
}
.recomendados .buscador div.bottom,
.macroOfertas .buscador div.bottom {
    float : none;
    width : auto;
    text-align : right;
    padding-top : 10px;
    clear : both;
}
.recomendados .buscador label,
.macroOfertas .buscador label {
    display : block;
    padding : 0 0 2px;
}
.macroOfertas .porFechas {
    float : right;
    width : 304px;
    border-left : 1px solid #d2cdc5;
}
.recomendados .porFechas {
    border: none;
    width: 290px;
}
.recomendados .porFechas div,
.macroOfertas .porFechas div {
    float : left;
    width : 145px;
    padding-left : 6px;
}
.recomendados .porFechas div {
    padding-left: 0;
    width: 140px;
}
.recomendados .porFechas div.calendar1 {
    padding-right: 4px;
}
.recomendados .porFechas div a.dp-choose-date,
.macroOfertas .porFechas div a.dp-choose-date{
    margin-right:0;
}
.recomendados .porFechas input,
.macroOfertas .porFechas input {
    width : 112px;
}
.recomendados .porFechas .button2 div,
.macroOfertas .porFechas .button2 div{
    float:right;
    width:auto;
    padding-left:3px;
}
.recomendados .porFechas .button2 input,
.macroOfertas .porFechas .button2 input{
    font-size:1em;
    width:auto;
}
.recomendados .porFechas p#etiquetaDate1,
.recomendados .porFechas p#etiquetaDate2,
.recomendados .porFechas div#calendar2Container,
.recomendados .porFechas div.calendar,
.macroOfertas .porFechas p#etiquetaDate1,
.macroOfertas .porFechas p#etiquetaDate2,
.macroOfertas .porFechas div#calendar2Container,
.macroOfertas .porFechas div.calendar {
    width: 130px;
    display:block;
    padding:0;
}
.recomendados .porFechas p#etiquetaDate1,
.recomendados .porFechas p#etiquetaDate2,
.macroOfertas .porFechas p#etiquetaDate1,
.macroOfertas .porFechas p#etiquetaDate2 {
    font-size: 0.9em;
}
.macroOfertas .porFechas p#etiquetaDate1,
.macroOfertas .porFechas p#etiquetaDate2 {
display:none;
}
.recomendados .porDestino select,
.macroOfertas .porDestino select {
    width : 130px;
    font-size : 0.9em;
    display : block;
}
.recomendados .porDestino,
.macroOfertas .porDestino {
    float : left;
    width : 305px;
}
.recomendados .porDestino div,
.macroOfertas .porDestino div {
    float : left;
    width : 138px;
    padding-right : 14px;
}
.recomendados .porDestino .button2 div,
.macroOfertas .porDestino .button2 div{
    float:right;
    width:auto;
    padding-right:0;
}
.recomendados .porDestino .button2 input,
.macroOfertas .porDestino .button2 input{
    font-size:1em;
}
.recomendados #linkTodosDestinos,
.macroOfertas #linkTodosDestinos {
float : right;
font-size : 0.8em;
}
// End buscadores ofertas tematicas
.macroOfertas .porDestino h2 {
margin : 0 14px 0 0;
}
.macroOfertas .otrasOfertas h4 {
font-size : 1em;
font-weight : normal;
}
.macroOfertas .otrasOfertas h3 {
font-size : 1.6em;
color : #293b45;
padding-top : 10px;
}
.macroOfertas .otrasOfertas td h3 {
font-size:1em;
}
.recomendados {
float : right;
width : 293px;
margin : 20px 0 0;
}
.ofertasRecom {
margin : 0 0 10px;
border-top : 4px solid #cd0000;
}
.ofertasRecom h2 {
font-size : 2.2em;
color : #cd0000;
background : url(/agents/img/bg_titol_degradat.gif) repeat-x 0 0;
padding : 8px 1px 9px;
}
.ofertasRecom .desde {
float : right;
text-align : right;
font-size : 1.4em;
color : #cd0000;
font-weight : bold;
padding : 14px 0 0;
}
.ofertasRecom .oferta {
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 0;
padding : 6px 0 12px;
overflow : hidden;
}
.ofertasRecom h3 {
font-size : 1.4em;
color : #293b45;
width : auto;
float : left;
padding : 8px 0 5px;
}
.ofertasRecom .precio {
float : left;
width : 70px;
color : #E8AE33;
font-size : 2.6em;
font-weight : bold;
text-align: right;
}
.ofertasRecom .foto {
float : left;
clear : left;
}
.ofertasRecom .text {
float : right;
width : 155px;
font-size : 1.2em;
line-height : 1.4;
padding : 3px 0 0;
}
.ofertasRecom .text .recomPrecio {
font-size:0.8em;width:100%;text-align:right;float:none;
}
.ofertasRecom .recomPrecio .num {
color:#e8ae33;font-size:2.6em;font-weight:bold;
}
.ofertasRecom .recomPrecio .unid {
font-size:0.7em;
}
.ofertasRecom .foto a {
border : 1px solid #dfd6d6;
display : block;
margin : 2px 0 0;
padding : 2px;
}
.recomendados .ofertas {
clear : both;
border-top : 4px solid #f3f1f1;
margin : 0 0 20px;
}
.recomendados .ofertas th.tipo {
font-size : 1.4em;
color : #293b45;
padding-top : 0;
padding-bottom : 0;
}
.recomendados .ofertas h2 {
font-size : 1.8em;
color : #cd0000;
padding : 8px 1px 9px;
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
margin : 0 0 10px;
}
.recomendados .ofertas .desde {
float : right;
text-align : right;
font-size : 1.4em;
color : #cd0000;
font-weight : bold;
padding : 14px 0 0;
}
.recomendados .ofertas .precio {
font-size : 2.4em;
line-height : 1;
}
.masOfertasTem {
margin : 58px 0 0;
float : right;
width : 293px;
}
.masOfertasTem .guiaDestinos {
margin : 0 0 15px;
overflow : hidden;
}
.masOfertasTem .guiaDestinos ul {
width : auto;
}
.masOfertasTem .guiaDestinos select {
width : 200px;
}
.masOfertasTem .guiaDestinos input.button {
background-image : url(/agents/img/bg_boto83.gif);
width : 83px;
}
.masOfertasTem .guiaDestinos li {
width : 110px;
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 10px 10px;
}
.masOfertasTem .formBoletin input {
width : 185px;
margin : 0 0 5px;
}
.masOfertasTem .formBoletin input.button {
width : 83px;
}
.masOfertasTem .masOfertas {
border-top : 6px solid #f3f1f1;
font-size : 1.2em;
margin : 0 0 20px;
}
.masOfertasTem .masOfertas h2 {
padding : 7px 0;
font-size : 18px;
}
.masOfertasTem .masOfertas li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 4px;
padding : 0 0 8px 10px;
}
/*ofertas resultado busqueda*/
.resultados .ordenarOfertas {
font-size : 1.2em;
padding : 10px 10px 9px;
}
.resultados .ordenarOfertas div {
border-bottom : 6px solid #f2f0f1;
padding : 0 0 9px;
}
.resultados .ordenarOfertas .listaHoriz {
display : inline;
padding-left : 10px;
}
.listaResult .otrasOfertas h4 {
font-size : 1em;
font-weight : normal;
}
.listaResult .otrasOfertas {
padding : 0 10px;
margin : 0 0 10px;
}
.listaResult .ordenarOfertas .tarifas {
width : 615px;
}
.listaResult .paginacio {
text-align : center;
font-size : 1.2em;
font-weight : bold;
color : #dfd6d6;
background : #f5f4f4;
padding : 10px;
word-spacing : 3px;
}
.listaResult .paginacio strong {
color : #5c6063;
}
.listaResult .paginacio span {
font-size : 1.25em;
padding : 0 10px;
}
.listaResult .paginacio span a {
color : #278ccd;
}
.resultadosOfertas {
float : right;
width : 715px;
}
.resultadosOfertas .listaResult {
float : none;
width : auto;
border : 1px solid #d2cec5;
margin : 0 0 25px;
}
.resultadosOfertas .otros {
margin-left : 0;
}
/*macro hotel*/
.macroHotel .secVariable {
font-size : 1.2em;
line-height : 1.2;
display : none;
heigth: 1%;
}
.macroHotel .secVariable p {
padding : 0 0 5px;
}
.macroHotel .masInfo {
padding : 15px 0 20px;
clear:both;
}
.macroHotel .todos {
    background:transparent url(/agents/img/ico_seguent.gif) no-repeat scroll right 5px;
    clear: both;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}
.macroHotel .secVariable {
    background: #f6f4f5;
    margin: 0 10px;
    overflow: hidden;
}
.macroHotel .secVariable h2 {
    background-position : 0 0;
    background-repeat : no-repeat;
    color : #5c6063;
    float : left;
    font-size : 2.1em;
    padding: 12px 0 0 15px;
    width : 265px;
}
.macroHotel .box {
    float : right;
    overflow : hidden;
    padding : 15px 10px;
    width : 390px;
}
.macroHotel .secVariable h3 {
    color: #5C6063;
    font-size: 1.1em;
    margin-bottom: 5px;
}
#porDestino h2 {
    background-image : url(/agents/img/bg_macro_hotel_destino.gif);
    height: 185px;
}
#porDestino .masInfo ul {
    float: left;
    width: 130px;
}
#porDestino .masInfo ul li {
    background: transparent url(/agents/img/list_quadrat.gif) no-repeat scroll 0 4px;
    padding: 0 0 10px 10px;
}
#porDestino div.button2{
float:left;
padding:0 0 0 10px;
}
#porDestino div.button2 p{
padding:0 3px 0 0;
}
#porDestino div.button2 input{
font-size:1em;
}
#porHotel h2 {
    background-image : url(/agents/img/bg_macro_hotel_hotel.gif);
    height: 185px;
}
#porDestino select,
#porHotel select {
    float: left;
    width: 280px;
}
#porHotel .button {
    margin-left: 10px;
}
#porHotel .masInfo li {
display : inline;
float:left;
padding : 0 6px;
}
#porHotel .masInfo li.on, #porHotel .masInfo li.on a {
color : #000;
font-weight : bold;
text-decoration : none;
}
#porHotel .masInfo li.disabled, #porHotel .masInfo li.disabled a {
color : #999;
font-weight : bold;
text-decoration : none;
}
#porHotel div.button2{
float:left;
padding:0 0 0 10px;
}
#porHotel div.button2 p{
padding:0 3px 0 0;
}
#porHotel div.button2 input{
font-size:1em;
}
#porPais h2 {
    background-image : url(/agents/img/bg_macro_hotel_pais.gif);
    height: 185px;
}
#porPais p {
    margin-bottom: 10px;
}
#porPais ul {
    float: left;
    width: 130px;
}
#porPais li {
    padding: 0 0 5px 0;
}
#porPais input {
vertical-align : middle;
}
#porDestino {
display : block;
}
.macroHotel .filtros {
padding : 10px 15px;
font-size : 1.2em;
}
/* 13032009: Incidencias Diseno Filtros START */
.macroHotel .filtros .filtradoPor {
    font-size: 1.4em;
    margin: 15px 0 5px 0;
    color: #293B45;
    font-weight: bold;
}
.macroHotel .filtros form {
    padding : 10px 0 0;
}
.macroHotel .filtros h2 {
    font-size : 1.4em;
    padding : 0 10px 3px 0;
    margin: 10px 0;
    border-bottom:6px solid #F3F1F2;
    overflow: hidden;
}
/* 13032009: Incidencias Diseno Filtros END */
.macroHotel .filtros li {
background : url(/agents/img/list_quadrat.gif) no-repeat 0 6px;
padding : 0 0 3px 10px;
height : 20px;
}
.macroHotel .filtros li input {
vertical-align : middle;
margin : 0 0 0 10px;
border:none;
}
.macroHotel .filtros li label {
font-size : 0.9em;
}
.macroHotel .filtradoPor {
    margin-top: 1em; 
}
.macroHotel .listHoteles {
clear : both;
padding : 0 15px 40px;
}
.macroHotel .listHoteles h2 {
border-bottom : 6px solid #f3f1f2;
padding : 0 0 3px;
margin : 0 0 10px;
font-size : 1.8em;
}
.macroHotel .listHoteles h3 {
font-size : 1.4em;
padding : 0 0 7px;
}
.macroHotel .listHoteles table {
width : 100%;
}
.macroHotel .listHoteles td {
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 7px 10px 10px 0;
}
/* calendari reservas */
.marco div.dp-popup {
font-size : 13px;
width : 182px;
}
.marco div.dp-popup h4 {
font-size : 14px;
color : #676b6e;
}
.marco div.dp-popup {
border : 1px solid #d2cec5;
}
.calendario input.dp-applied {
width : 114px;
float : none;
background : #268cce;
border : 1px solid #268cce;
color : #fff;
font-size : 12px;
margin : 3px 0 5px 0;
padding : 3px 0;
text-align : center;
width : 187px;
}
/* moduls fotografias y multimedia */
#fotografias h2 {
font-size : 2em;
color : #293b47;
margin : 0 0 8px;
}
#fotografias .submenuFotos {
padding : 20px 0 10px;
border-left : 1px solid #d2cec5;
border-right : 1px solid #d2cec5;
overflow : hidden;
}
#fotografias .submenuFotos li {
display : block;
float : left;
border-right : 1px solid #e7e3e4;
padding : 0 12px;
font-size : 1.2em;
}
#fotografias .submenuFotos li.on a {
color : #818286;
text-decoration : none;
font-weight : bold;
}
#fotografias .fotosHotel {
border : 1px solid #d2cec5;
border-top : 0;
padding : 0 0 20px 8px;
margin : 0 0 22px;
width : 706px;
background-image : none;
}
#fotografias .fotosHotel .box {
background : url(/agents/img/bg_fotografies.gif) repeat-y 0 0;
overflow : hidden;
}
#fotografias .fotosHotel .ampliacio {
float : left;
width : 504px;
padding : 0 5px 10px 10px;
background : #f6f4f5;
}
#fotografias .fotosHotel .controls {
padding : 5px 0;
overflow : hidden;
}
#fotografias .fotosHotel .controls div {
float : left;
margin : 0 4px 0 0;
background-repeat : no-repeat;
background-position : 0 0;
width : 26px;
height : 24px;
cursor : pointer;
}
#fotografias .fotosHotel .controls div.on {
background-position : 0 -24px;
}
#fotografias .fotosHotel .foto {
clear : left;
}
#mycarousel-prev {
background-image : url(/agents/img/boto_prev.jpg);
}
#mycarousel-stop, #mycarousel-pause {
background-image : url(/agents/img/boto_pause.jpg);
}
#mycarousel-auto {
background-image : url(/agents/img/boto_play.jpg);
}
#mycarousel-next {
background-image : url(/agents/img/boto_next.jpg);
}
#mycarousel-left {
background-image : url(/agents/img/boto_visit_virtual_left.gif);
}
#mycarousel-right {
background-image : url(/agents/img/boto_visit_virtual_right.gif);
}
#fotografias .tiraFotos {
float : left;
width : 163px;
padding : 0 8px 10px 8px;
}
#fotografias .tiraFotos li {
float : left;
width : 73px;
padding : 0 3px 3px 0;
}
#fotografias .tiraFotos li a {
display : block;
border : 1px solid #ece8e7;
padding : 2px;
outline : none;
}
#fotografias .tiraFotos li a:hover, #fotografias .tiraFotos li a.on {
border : 1px solid #ded6d4;
background : #fff;
}
/* modul detalle descripcion */
.seccion .descripcion {
width : 400px;
float : left;
margin-bottom : 5px;
}
.seccion .descripcion p {
padding : 0 0 20px 0;
color:#3D3D3D;
}
.seccion .destacados {
color:#3D3D3D;
padding : 8px 13px 3px 13px;
width : 250px;
float : right;
border : 1px solid #d2cec5;
background : url(/agents/img/bg_caixa_destacados.gif) repeat-x 0 0;
}
.seccion .destacados h3 {
font-size : 1.2em;
color : #283c45;
margin : 0 0 5px;
}
/* moduls videos y multimedia */
.videoHotel {
border : 1px solid #d2cec5;
border-top : 0;
padding : 8px 0 20px 8px;
margin : 0 0 22px;
width : 706px;
}
.videoHotel:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.videoHotel .ampliacio {
width : 676px;
padding : 10px;
background : #f6f4f5;
}
.videoHotel .ampliacio:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.videoHotel .foto {
float : left;
padding-bottom : 10px;
}
.videoHotel .informacio {
width : 222px;
float : right;
padding-right : 10px;
}
.videoHotel .informacio h3 {
font-size : 1.4em;
color : #293b47;
margin : 0 0 5px;
}
.videoHotel .informacio .duracio {
font-size : 1.2em;
}
.videoHotel .informacio .numVisites {
font-size : 1.2em;
padding : 3px 0;
}
.videoHotel .informacio .explicacio {
font-size : 1.2em;
background : url(/agents/img/linia_punts_h.gif) repeat-x 0 bottom;
padding : 16px 0;
}
.videoHotel .informacio .otrosVideos {
width : 230px;
padding : 15px 0 0 0;
}
.videoHotel .informacio .otrosVideos h1 {
font-size : 1.4em;
padding-bottom : 3px;
}
.videoHotel .informacio .otrosVideos li {
float : left;
width : 73px;
padding : 0 3px 3px 0;
}
.videoHotel .informacio .otrosVideos li a {
display : block;
border : 1px solid #f6f4f5;
padding : 2px;
outline:none;
}
.videoHotel .informacio .otrosVideos li a:hover, .videoHotel .informacio .otrosVideos li a.on {
border : 1px solid #dfd7d5;
background : #fff;
}
.enviarVideo {
background : url(/agents/img/ico_enviar.gif) no-repeat 0 1px;
padding : 0 10px 0 20px;
font-size : 1.2em;
}
.descargarVideo {
background : url(/agents/img/ico_descargar.gif) no-repeat 0 1px;
padding : 0 10px 0 20px;
font-size : 1.2em;
}
.compartirVideo {
background : url(/agents/img/ico_compartir.gif) no-repeat 0 1px;
padding : 0 10px 0 20px;
font-size : 1.2em;
}
.videoBlog {
float : right;
padding : 13px 13px 0;
font-size : 1.1em;
color : #7f8285;
}
.videoHotel #compartir {
position : relative;
left : 0;
top : 0;
}
.videoHotel #linksVideos {
clear : left;
}
.videoHotel #linksVideos li {
float : left;
}
.videoHotel .otrosVideos li {
float : left;
padding-right : 10px;
}
.flash-replaced .alt {
display : block;
height : 0;
position : absolute;
overflow : hidden;
width : 0;
}
#capaCompartir {
z-index : 1000;
display : none;
position : absolute;
left : -5px;
top : -5px;
width : 215px;
}
#capaCompartir .close {
position : relative;
z-index : 1000;
border : 1px solid #d2cdc7;
padding : 5px;
width : 85px;
border-bottom : none;
padding-bottom : 5px;
background : #fff;
}
#capaCompartir .contingutCompartir {
position : absolute;
left : 0;
top : 24px;
border : 1px solid #d2cdc7;
border-top : none;
background : #fff url(/agents/img/p_gris.gif) repeat-x 0 0;
padding : 5px;
width : 215px;
}
#capaCompartir .contingutCompartir p {
text-align : center;
padding : 5px 0 5px 0;
}
#capaCompartir .contingutCompartir a {
padding-right : 5px;
}
.virtual {
margin : 13px 11px 13px 3px;
background : #f6f4f5;
padding : 12px 0 12px 12px;
overflow : hidden;
}
.virtual img {
border : 1px solid #dfd5d6;
}
#fotovirtual {
float : left;
border : 1px solid #dfd5d6;
padding : 6px;
background : #fff;
margin-right : 8px;
}
#fotovirtual img {
display : block;
}
#fotovirtual .text {
color : #7f8285;
font-size : 1.4em;
text-decoration : none;
font-weight : bold;
padding : 8px 0;
}
#fotovirtual .peuFotovirtual {
position : relative;
}
#fotovirtual .controls {
position : absolute;
top : 0;
padding : 6px 0;
right:0;
}
#tiraFotosVirtuales {
float : right;
width : 295px;
}
#tiraFotosVirtuales h3 {
color : #7f8285;
font-size : 1.4em;
text-decoration : none;
font-weight : bold;
margin-bottom : 10px;
}
#tiraFotosVirtuales li {
float : left;
padding : 0 13px 10px 0;
text-align : center;
cursor : pointer;
}
#tiraFotosVirtuales li div {
display : block;
border : 1px solid #ece8e7;
padding : 6px;
background : #f3efee;
color : #288bce;
text-decoration : none;
font-size : 1.2em;
width:69px;
}
#tiraFotosVirtuales li img {
margin-bottom : 3px;
}
#tiraFotosVirtuales li div {
    width: 69px;
    overflow: hidden;
}
#tiraFotosVirtuales li.on div, #tiraFotosVirtuales li.over div {
    border : 1px solid #ded6d4;
    background : #fff;
    color : #7f8285;
}
#tiraFotosVirtuales ul {
    overflow: hidden;
}
#tiraFotosVirtuales p {
    font-size: 0.9em;
}
.webBlog {
text-align : right;
padding : 0 13px 0;
font-size : 1.1em;
color : #7f8285;
}
/*destino detalle*/
.detalleDestino{
margin-top:8px;
}
.detalleDestino .destacado{
padding : 8px 13px 13px 13px;
width : 250px;
float : right;
border : 1px solid #d2cec5;
}
.detalleDestino .destacado h3 {
border-bottom:6px solid #F2F0F1;
color:#293B45;
font-size:1.4em;
margin:0pt 0pt 10px;
padding:0pt 0pt 5px;
}
.detalleDestino .destacado  li{
background-image:none;
padding-left:0;
}
.detalleDestino .destacado ul{
margin:0 0 10px;
}
/*registros profesionales*/
.registroProf h2{
color:#293B47;
font-size:2em;
margin:8px 0 8px;
}
.registroProf h3{
font-size:1.4em;
padding:0 0 10px;
}
.registroProf h4{
clear:both;
color:#293B47;
font-size:1.3em;
line-height:1.2;
padding:0pt 0pt 7px;
border-bottom:6px solid #F3F1F2;
margin:0pt 0pt 10px;
}
.registro{
border:1px solid #D2CEC5;
margin:0 0 22px;
overflow:hidden;
padding:13px 13px 0 13px;
width:688px;
font-size:1.2em;
}
.registroProf .registro .button2{
clear:both;
margin:10px 0 0 85px;
padding:0 0 10px;
overflow:hidden;
}
.registroProf .registro .button2 input{
font-size:1em;
}
.registroProf li {
background:transparent url(/agents/img/list_quadrat.gif) no-repeat scroll 0pt 4px;
padding:0pt 0pt 8px 10px;
}
.registroProf .detalle div{
padding:0 0 15px;
}
.registroProf  p{
padding:0 0 10px;
}
.registroProf form{
background:#F6F6F6 url(/agents/img/bg_form_reserva.jpg) repeat-x scroll 0pt 0pt;
padding:16px 0pt 2px 10px;
margin:0 0 25px;
overflow:hidden;
}
.registroProf label{
float:left;
width:70px;
text-align:right;
padding:3px 15px 10px 0;
}
.registroProf select{
float:left;
}
.registroProf form p{
clear:both;
}
.registroProf .descripcion{
padding:0 0 25px;
}
/*confirmacion reserva*/
.idReserva{
background:#FCF7DA;
border:1px solid #EEB831;
color:#5C6063;
font-weight:bold;
padding:13px;
margin:19px 0;
text-align:center;
}
.idReserva h2{
font-size:1.8em;
}
.idReserva strong{
color:#278CCD;
}
.infoReserva{
font-size:1.2em;
line-height:1.6em;
border:1px solid #D1CEC9;
padding:11px 11px 11px 0;
overflow:hidden;
}
.infoReserva h2{
border-bottom:6px solid #F3F1F2;
color:#293B45;
margin:0 0 7px;
padding:0 0 7px;
font-size:1.3em;
}
.infoReserva div{
float:left;
width:220px;
padding:0 0 0 28px;
}
.infoReserva div.primer{
padding:0 0 0 11px;
}
.desgloseReserva {
padding : 15px 0 25px;
overflow : hidden;
}
.desgloseReserva h2 {
border-bottom:6px solid #F3F1F2;
color:#293B45;
margin:0 0 14px;
padding:0 0 7px;
font-size:1.6em;
}
.desgloseReserva h3 {
color : #293b45;
font-size : 1.4em;
padding : 0 0 12px;
}
.desgloseReserva h3.estancia{
color:#278CCD;
}
.desgloseReserva h3 strong {
color : #293b45;
}
.desgloseReserva h3 span.oferta {
color : #db942f;
padding : 0 0 0 10px;
font-weight : normal;
}
.desgloseReserva .foto {
float : left;
width : 125px;
}
.desgloseReserva .foto img {
margin : 0 0 4px;
}
.desgloseReserva .detalle {
float : right;
width : 600px;
}
.desgloseReserva .detalle p {
font-size : 1.2em;
padding : 0 0 8px;
}
.desgloseReserva .tarifas {
margin-top : 5px;
}
.desgloseReserva .tarifas td.precioTotal {
width : 110px;
}
.desgloseReserva .tarifas td.precioTotal span.num {
width : 85px;
}
.datosHuesped{
clear:both;
padding:20px 0 0;
}
.datosHuesped h4{
font-size:1.4em;
color:#7F8285;
background:#F3F1F1;
padding:8px 12px;
clear:both;
margin:0 0 7px;
}
.datosHuesped h4 span{
font-weight:normal;
}
.datosHuesped h5{
font-size:1em;
}
.datosHuesped div {
overflow:hidden;
}
.datosHuesped div div{
float:left;
width:350px;
font-size:1.2em;
padding:0 13px 18px 0;
line-height:1.6;
}
.datosHotel{
clear:both;
border:1px solid #D1CEC9;
padding:11px 0 11px;
}
.datosHotel h3{
padding:0 15px 10px;
}
.datosHotel div{
background:url(/agents/img/bg_box_degradat.gif) repeat-x 0 0;
padding:15px;
font-size:1.1em;
color:#808285;
line-height:1.3;
}
.desgloseReserva .pagSegura {
border-top : 4px solid #f3f1f2;
text-align : right;
clear : both;
font-size : 1.1em;
color : #808285;
}
.desgloseReserva .pagSegura strong {
color : #278ccd;
}
.desgloseReserva .botonImprimir {
padding : 25px 0 15px;
overflow : hidden;
}
.desgloseReserva .botonImprimir .button {
float : right;
font-size : 2.4em;
background-image : url(/agents/img/bg_boto145.gif);
width : 145px;
height : 39px;
margin-right : 0;
}
.desgloseReserva .botonImprimir .butOver {
background-position : 0 -43px;
}
/*home simple*/
.homeSimple .colHomeLeft {
width : 384px;
float : left;
margin : 13px 0 0 0;
overflow : hidden;
}
.homeSimple .colHomeRight {
width : 514px;
float : right;
margin : 17px 0 0 0;
overflow : hidden;
}
.homeSimple .riuHotels h2 {
border-bottom : 1px solid #d2cdc5;
padding : 7px 0;
font-size : 1.9em;
}
.homeSimple .guiaDestinos{
border-top:none;
margin-bottom:30px;
}
.homeSimple .guiaDestinos h2{
border-bottom : 1px solid #d2cdc5;
font-size:1.4em;
}
.homeSimple .guiaDestinos .mapaMundi{
border-top : 6px solid #f3f1f1;
margin:0 0 20px;
}
.homeSimple .guiaDestinos ul{
width:auto;
}
.homeSimple .guiaDestinos li{
width:75px;
line-height:1.4;
}
.homeSimple .presentacion{
width : 312px;
float : left;
overflow : hidden;
}
.homeSimple h1 {
padding : 0 0 7px;
font-size : 2.0em;
}
.homeSimple .presentacion p{
font-size:1.2em;
padding:0 0 15px;
line-height:1.5;
}
.homeSimple .formBoletin{
width:178px;
float:right;
margin:36px 0 0;
}
.homeSimple .destinosDestac li{
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding : 0 0 10px;
margin:0 0 10px;
float:none;
width:auto;
clear:both;
overflow:hidden;
}
.homeSimple .destinosDestac .text,.homeSimple .destinosDestac li.ultim .text{
width:378px;
}
.homeSimple .destinosDestac li.ultim {
background:none;
}
.homeSimple .destinosDestac h2{
margin-bottom:14px;
color:#293B45;
}
.homeSimple  #menuPrincipal {
margin : 0 0 0 240px;
}
.homeSimple .formBoletin input {
width:168px;
}
.homeSimple .formBoletin input.button {
width : 83px;
}
/*guia destinos popups info*/
.popInfo {
display : none;
position : absolute;
left : 490px;
top : 655px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
}
.popInfo .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
}
/*recursos humanos*/
.rh{
padding:20px 0 0;
font-size:1.2em;
color:#5C6063;
}
.rh .intro{
padding:0 0 20px;
}
.rh .intro p{
line-height:1.4;
}
.rh .ofertasEncontradas{
padding:0 0 10px;
font-weight:bold;
}
.rh .oferta{
width:650px;
padding:10px 10px 20px;
margin:0 0 15px;
border:1px solid #D2CDC5;
background:transparent url(/agents/img/bg_box_degradat.gif) repeat-x 0 40px;
}
.rh .oferta, .rh .oferta p{
line-height:1.4;
}
.rh .oferta h2{
color:#293B47;
font-size:1.4em;
padding:0 0 25px;
}
.rh .oferta .ref{
float:right;
width:150px;
text-align:right;
padding:3px 5px 0 10px;
}
.rh .oferta .label{
float:left;
width:90px;
padding:0 10px 0 0;
font-weight:bold;
}
.rh .oferta .info{
float:left;
width:480px;
}
.rh .oferta ul{
margin:0 0 10px;
}
.rh .oferta li{
clear:both;
overflow:hidden;
padding:0 0 5px;
}
/*herramientas*/
.menuHerram {
padding : 18px 0 0;
}
.menuHerram h2 {
font-size : 1.4em;
color : #278ccd;
padding : 0 0 8px;
}
.menuHerram h2 a{
padding : 2px 0 2px 30px;
}
.menuHerram .pdf  h2 a{
background:url(/agents/img/ico_pdf.gif) no-repeat 0 0;
}
.menuHerram .favoritos h2 a{
background:url(/agents/img/ico_favoritos.gif) no-repeat 0 0;
}
.menuHerram .contacto  h2 a{
background:url(/agents/img/ico_contacto.gif) no-repeat 0 0;
}
.menuHerram .salvapant  h2 a{
background:url(/agents/img/ico_salvapantallas_h.gif) no-repeat 0 0;
padding:2px 0 4px 35px;
}
.menuHerram .tiempo  h2 a{
background:url(/agents/img/ico_tiempo_h.gif) no-repeat 0 0;
}
.menuHerram .rss  h2 a{
background:url(/agents/img/ico_rss.gif) no-repeat 0 0;
}
.menuHerram .destinosGE  h2 a{
background:url(/agents/img/ico_google_earth.gif) no-repeat 0 0;
}
.menuHerram li {
padding : 0 0 20px;
font-size:1.2em;
line-height:1.4;
}
.menuHerram ul {
float : left;
width : 290px;
padding : 0 25px 10px 0;
}
.menuHerram ul.ultim {
padding-right : 0;
}
.submenuHerram{
padding:13px 0 0;
}
.submenuHerram li{
font-size:0.9em;
}
.herram{
padding:13px 0 0;
}
/*herramientas pdf*/
.folletoPdf{
padding:6px 0 0 50px;
font-size:1.2em;
line-height:1.4;
}
.folletoPdf h2{
color:#293B47;
font-size:1.5em;
padding : 0 0 4px;
}
.folletoPdf p.intro{
padding:0 162px 17px 0;
margin:0 75px 0 0;
background:url(/agents/img/ico_get_adobereader.gif)  no-repeat right top;
}
.folletoPdf  label{
display:block;
color:#000;
}
.folletoPdf select{
float:left;
width:250px;
}
.folletoPdf .button2{
padding:0 0 0 10px;
float:left;
}
.folletoPdf .button2 input{
font-size:1em;
}
/*herramientas contacte*/
.bloquecentral{
border:1px solid #D2CEC5;
margin:0 0 22px;
overflow:hidden;
padding:13px 13px 13px 13px;
/*width:688px;*/
}
.contacte {
padding:0px 0 0 20px;
font-size:1.2em;
line-height:1.4;
}
.contacte h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.contacte p.intro{
padding:0 110px 17px 0;
}
.contacte form p{
padding:0 20px 13px 0;
clear:left;
overflow: hidden;
}
.contacte .intro{
padding:10px 0px 0px 0px;
}
.contacte .intro p{
padding:0px 20px 13px 0px;
clear:left;
overflow:hidden;
}
.contacte form p.inline{
float:left;
clear:none;
}
.contacte form p.tratamiento{
float:left;
clear:none;
}
.contacte  .bloquecentral label{
display:block;
color:#5C6063;
font-weight : bold;
}
.contacte select{
float:left;
width:350px;
}
.contacte input{
width:350px;
}
.contacte .check input{
float: none;
margin-right:0;
margin-top:-3px;
width:auto;
border-width:0px;
}
.contacte .inline input{
width:80px;
}
.contacte .inline select{
width:250px;
}
.contacte .tratamiento input {
width:255px;
}
.contacte .tratamiento select{
width:75px;
}
.contacte textarea{
width:560px;
font-family:arial,verdana,sans-serif;
font-size:1.1em;
}
.contacte .button2{
padding:0 103px 0 10px;
float:right;
}
.contacte form .button2 p{
padding:0 3px 0 0;
}
.contacte .button2 input{
font-size:1em;
width:auto;
}
.contacte .obligatorio{
color : #e8ae33;
font-weight : bold;
font-size:1.2em;
}
/*herramientas google earth*/
.googleEarth {
padding:6px 0 0 0;
font-size:1.2em;
line-height:1.4;
}
.googleEarth h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.googleEarth p.intro{
padding:0 110px 0 0;
}
.googleEarth h3{
color:#5B6064;
font-size:1.5em;
padding : 0 0 20px;
}
.googleEarth .selecDestino .listDestinos{
width:147px;
}
.googleEarth .selecDestino .listDestinos h4{
color:#293B47;
border-bottom : 6px solid #f2f0f1;
padding : 0 0 5px;
font-size:1.3em;
margin:0 0 10px;
}
.googleEarth  .selecDestino .hoteles{
font-size:1em;
line-height:1.3em;
}
.googleEarth .selecDestino .listDestinos h5{
color:#5B6064;
padding : 0 0 5px;
font-size:1.2em;
}
.googleEarth .selecDestino .listDestinos li {
background-position:0 7px;
}
.googleEarth .descargas .download{
float:right;
}
/* herramientas rss */
.noticiasRss{
padding:6px 0 0 50px;
font-size:1.2em;
line-height:1.4;
}
.noticiasRss h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.noticiasRss p.intro{
padding:0 100px 17px 0;
}
.noticiasRss .suscripcion{
padding:0 0 17px;
}
.noticiasRss .suscripcion a{
background:url(/agents/img/ico_rss_suscripcion.gif) no-repeat 0 1px;
padding:0 0 0 30px;
font-weight:bold;
}
.noticiasRss .queEs{
padding:0 0 40px;
}
.noticiasRss .queEs h3{
color:#293B47;
font-size:1em;
}
.noticiasRss  .noticias h3{
font-size:1.4em;
color:#5C6063;
border-bottom:1px solid #D7D8D9;
padding:0 0 5px;
margin:0 0 8px;
}
.noticiasRss .noticia{
border-bottom:1px solid #D7D8D9;
padding:0 0 12px;
margin:0 0 12px;
}
.noticiasRss .noticia .fecha{
font-size:0.9em;
color:#999;
padding:0 0 4px;
}
.noticiasRss .noticia h4{
font-size:1em;
color:#5C6063;
padding:0 0 4px;
}
.noticiasRss .noticia p{
padding:0 0 4px;
}
/*herramientas salvapantallas*/
.salvapantEpost{
padding:6px 0 0 0;
font-size:1.2em;
line-height:1.4;
}
.salvapantEpost h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.salvapantEpost p.intro{
padding:0 100px 17px 0;
}
.salvapantEpost  #fotografias .fotosHotel{
border:none;
padding:0;
}
.salvapantEpost .plataforma{
clear:both;
padding:3px 0 0 98px;
background:url(/agents/img/bg_salvapantallas.gif) no-repeat 10px 0;
}
.salvapantEpost .plataforma ul{
margin:10px 0 0;
}
.salvapantEpost .plataforma li{
padding:0 0 5px 25px;
}
.salvapantEpost .windows{
background:url(/agents/img/ico_windows.gif) no-repeat 0 0;
}
.salvapantEpost .mac{
background:url(/agents/img/ico_mac.gif) no-repeat 0 0;
}
.salvapantEpost  .linksVideos{
clear:both;
padding:19px 0 0;
width:400px;
}
.salvapantEpost .linksVideos li {
display : inline;
line-height:1.2;
}
.fondoEscritorio {
background : url(/agents/img/ico_fondo_escritorio.gif) no-repeat 16px 1px;
padding : 0 0 0 35px;
}
.salvapantEpost #compartir {
left:0;
position:relative;
top:0;
}
.salvapantEpost  #capaCompartir {
left:10px;
}
.salvapantEpost #capaCompartir .fondoEscritorio {
background-position:1px 1px;
padding-left:20px;
}
.salvapantEpost #capaCompartir .close{
width:130px;
}
.salvapantEpost #fotografias .fotosHotel .box,.salvapantEpost .fotosHotel{
overflow:visible;
}
.salvapantEpost #fotografias .fotosHotel .box:after ,.salvapantEpost .fotosHotel:after{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.salvapantEpost #capaCompartir .contingutCompartir{
padding:10px 10px 15px;
}
.salvapantEpost .contingutCompartir h3{
font-size:1em;
color:#293B47
}
.salvapantEpost .contingutCompartir li{
float:left;
width:100px;
padding:8px 0 0;
}
.tiempoDestino {
padding:6px 0 0 0;
font-size:1.2em;
line-height:1.4;
}
.tiempoDestino h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.tiempoDestino p.intro{
padding:0 110px 0 0;
}
.tiempoDestino h3{
color:#293B47;
font-size:1em;
padding : 0 0 5px;
}
.tiempoDestino .selecDestino{
background-image:none;
padding:0;
border:none;
}
.tiempoDestino  .selecDestino .mapa{
width:442px;
} 
.tiempoDestino .selecDestino .listDestinos{
width:260px;
}
.tiempoDestino .selecDestino .destinos,.tiempoDestino  .selecDestino .hoteles{
width:130px;
padding-right:0;
font-size:1em;
}
.tiempoDestino #elTiempo{
font-size:0.85em;
margin-top:7px;
}
.tiempoDestino .goBack{
font-size:1em;
background-position:1px 6px;
}
/*prensa fotos*/
.submenuPrensa{
padding:13px 0 0;
}
.prensa{
padding:13px 0 0;
}
.prensaFotos{
padding:6px 0 0 0;
font-size:1.2em;
line-height:1.4;
}
.prensaFotos h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 4px;
}
.prensaFotos p.intro{
padding:0 100px 17px 0;
}
.prensaFotos  #fotografias .fotosHotel{
border:none;
padding:0;
}
.prensaFotos  #fotografias .submenuFotos{
font-size:0.9em;
border:none;
padding-top:7px;
}
.prensaFotos  #fotografias .submenuFotos li.on{
padding-left:0;
}
.prensaFotos .controls{
float:left;
width:200px;
}
.prensaFotos .seccioActiva{
float:right;
width:200px;
text-align:right;
font-size:1.2em;
font-weight:bold;
color:#0463A2;
padding:18px 5px 0 10px;
}
/*prensa listado*/
.prensaListado{
padding:6px 0 0 50px;
font-size:1.2em;
line-height:1.4;
}
.prensaListado h2{
color:#293B47;
font-size:1.7em;
padding : 0 0 14px;
}
.prensaListado .noticia{
background : url(/agents/img/linia_punts_h.gif) repeat-x left bottom;
padding:0 0 20px;
margin:0 0 18px;
overflow:hidden;
clear:both;
}
.prensaListado .noticia .fecha{
font-size:0.8em;
color:#000;
padding:0 0 4px;
}
.prensaListado .noticia h3{
font-size:1em;
color:#5C6063;
padding:0 0 4px;
}
.prensaListado .noticia p{
padding:0 0 4px;
}
.prensaListado .noticia img{
float:right;margin:1px 0 10px 10px;
}
.prensaListado  input#txt{
width:250px;
}
.prensaListado form{
border-bottom:6px solid #f3f1f1;
padding:0 0 12px;
margin:0 0 25px;
overflow:hidden;
}
.prensaListado form .inline{
float:left;
clear:none;
padding:1px 10px 0 0;
}
.prensaListado form .button2{
float:left;
clear:none;
}
.prensaListado form .button2 input{
font-size:1em;
}
.descargaPdf{
padding:10px 0 0;
font-size:0.9em;
}
.descargaPdf a{
background:url(/agents/img/ico_pdf2.gif) no-repeat right top;
padding:0 16px 0 0;
}
.leerMas{
font-size:0.9em;
}
.prensaListado .paginacio {
font-size:0.9em;
color:#000;
text-align:right;
}
.prensaListado .paginacio span{
padding:0 8px;
word-spacing:6px;
}
.prensaListado .paginacio .verTodas{
padding:0 0 0 30px;
}
#SecIntroduccion img,
#SecPlayas img,
#SecDeporte img,
#SecCultura img {
    float: left;
    margin: 3px 10px 2px 0;
    width: 150px;  
}
/*hoteles popups info*/
.popInfo2 {
display : none;
position : absolute;
left : 490px;
top : 400px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
z-index: 10;
}
.popInfo2 .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo2 .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo2 .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
font-size:1.1em;
}
.popInfo2 table {
width : 100%;
}
.popInfo2 .taula h3 {
font-size : 1em;
padding-bottom : 5px;
color : #5c6164;
}
.popInfo2 td {
padding : 0 15px 5px 0;
}
.popInfo2 td.ult {
padding : 0 0 5px 0;
}
.popInfo2 ul {
padding-bottom : 5px;
}
.popInfo2 li {
padding-bottom : 5px;
}
/*hoteles popups info*/
.popInfo3 {
display : none;
position : absolute;
left : 490px;
top : 680px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
z-index: 10;
}
.popInfo3 .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo3 .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo3 .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
font-size:1.1em;
}
.popInfo3 table {
width : 100%;
}
.popInfo3 .taula h3 {
font-size : 1em;
padding-bottom : 5px;
color : #5c6164;
}
.popInfo3 td {
padding : 0 15px 5px 0;
}
.popInfo3 td.ult {
padding : 0 0 5px 0;
}
.popInfo3 ul {
padding-bottom : 5px;
}
.popInfo3 li {
padding-bottom : 5px;
}
.Error{
color:#FF0000;
font-weight:bold;
font-size:10px;
}
.bloquecentral{
border:1px solid #D2CEC5;
margin:0 0 22px;
overflow:hidden;
padding:13px;
}
.linkbuttonMacroHotel {
background:transparent url(/agents/img/ico_tancar2.gif) no-repeat scroll right center;
border:1px solid #C3BDBF;
cursor:pointer;
font-weight:bold;
height:1%;
margin-top:5px;
padding:3px 20px 0 10px;
text-align:left;
vertical-align:middle;
}
/*-- Datos empresa
-----------------------------------------------------------------------------*/
.datos-empresa .submenu .mi-agencia {
            background: url(../img/ico-mi-agencia.gif) no-repeat scroll 10px 5px;
            padding-left: 20px;
}
.datos-empresa .submenu .mis-datos {
            background: url(../img/ico-mis-datos.gif) no-repeat scroll 10px 5px;
            padding-left: 20px;
}
.datos-empresa .seccion h2 {
            border-bottom: 6px solid #F3F1F1;
            font-size: 1.5em;
            margin-bottom: 1em;
            padding-bottom: 0.3em;
}
.datos-empresa .seccion h3 {
            font-size: 1.3em;
            margin: 1em 0 0.3em 0;
            padding: 0;
}
.datos-empresa .seccion h3 a {
            font-size: 0.8em;
            font-weight: normal;
}
.datos-empresa .seccion p {
            margin: 0.2em 0;
}
.datos-empresa .seccion .persona-contacte {
            margin-bottom: 2em;
}
.datos-empresa .seccion .usuari-clau {
            margin-top: 2em;
}
.datos-empresa #dades-personals {
            position: relative;
            width: 29em;
}
.datos-empresa #dades-personals fieldset {
            border: none;
            margin: 1em 0;
            padding: 0;
}
.datos-empresa #dades-personals legend {
            font-weight: bold;
            color: #293b47;
            margin-bottom: 0.7em;
            padding: 0;
}
.datos-empresa #dades-personals div,
.datos-empresa #dades-personals p {
            clear: both;
            margin-bottom: 0.8em;
}
.datos-empresa #dades-personals div:after,
.datos-empresa #dades-personals p:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
}
.datos-empresa #dades-personals label,
.datos-empresa #dades-personals .etiqueta {
            display: block;
            float: left;
            width: 8em;
}
.datos-empresa #dades-personals input.text {
            float: left;
            width: 20em;
}
.datos-empresa #dades-personals .form-telefon {
            position: relative;
}
.datos-empresa #dades-personals .form-telefon input.prefix {
            float: left;
            width: 3em;
}
.datos-empresa #dades-personals .form-telefon .etiqueta {
            margin: 0 1em;
            width: auto;
}
.datos-empresa #dades-personals .form-telefon input.telf {
            width: 9em;
}
.datos-empresa #dades-personals .ajuda {
            color: #808285;
            font-size: 0.9em;
            position: absolute;
            right: -12em;
            top: 0.2em;
}
.datos-empresa #dades-personals .button2 {
            margin-left: 8em;
}
.datos-empresa .tornar {
            background: url(../img/ico_back.gif) no-repeat left 0.5em;
            font-weight: bold;
            padding-left: 0.8em;
}
.datos-empresa #dades-personals .button2 div,
.datos-empresa #dades-personals .button2 p {
            margin: 0;
}
/*- Document genèric
-----------------------------------------------------------------------------*/
.document-generic {
            color: #293B45;
            margin: 2em auto;
            width: 92.8em;
}
.document-generic #capcalera {
            border-bottom: 0.6em solid #cd0000;
            margin-bottom: 2em;
            overflow: hidden;
            padding-bottom: 1.5em;
            height:1%;          
}
.document-generic #capcalera h1 {
            float: right;
            font-size: 2.4em;
}
.document-generic #capcalera #logotip {
            float: left;
            width: 30em;
}
.document-generic #contingut {
            float: none;
            font-size: 1.2em;
            padding: 0;
            width: auto;
}
.document-generic .dades-fiscals-riu,
.document-generic .dades-fiscals-client {
            margin-bottom: 1em;
            width: 33.6em;
            width:: 37.6em;
}
.document-generic .dades-fiscals-riu {
            float: left;
}
.document-generic .dades-fiscals-client {
            float: right;
}
.document-generic .dades-fiscals-riu h2,
.document-generic .dades-fiscals-client h2 {
            font-size: 1.5em;
            margin-bottom: 0.2em;
}
.document-generic ul.caixa {
            border: 1px solid #d7d3cc;
}
.document-generic ul li {
            border-bottom: 1px dotted #e4dcdc;
            overflow: hidden;
            padding: 0.5em 0;
            height:1%;          
}
.document-generic ul.caixa li {
            padding: 0.5em 0.8em;
}
.document-generic ul li span.etiqueta {
            clear: left;
            font-weight: bold;
            float: left;
            display: block;
            padding-right: 0.2em;
}
.document-generic ul li span.valor {
            float: left;
            display: block;
}
.document-generic ul.caixa li span.etiqueta {
            width: 7em;
}
.document-generic ul.caixa li span.valor {
            width: 28em;
}
.document-generic ul.caixa li.ultim {
            border: none;
}
.document-generic .missatge {
            background: #fcf7dA;
            border: 1px solid #eeba2e;
            clear: both;
            font-weight: bold;
            margin-bottom: 2em;
            padding: 0.5em 0;
            text-align: center;
}
.document-generic .apartat-central {
            margin-bottom: 2em;
}
.document-generic .apartat-central h2 {
            border-bottom: 6px solid #e2e2e2;
            padding-bottom: 0.2em;
            margin-bottom: 0.3em;
}
.document-generic #dades-reserva li span.etiqueta {
            width: 10em;
}
.document-generic #dades-reserva li span.valor {
            width: 67em;
}
.document-generic #peu {
            background: #efefef;
            border: 1px solid #d2cdc5;
            color: #4c565d;
            font-size: 1.2em;
            line-height: 1.4em;
            padding: 1.4em 1em;
            text-align: center;
}
.masOfertasTem2 {
margin : 20px 0 0;
float : right;
width : 293px;
}
.masOfertasTem2 .formBoletin input {
width : 185px;
margin : 0 0 5px;
}
.masOfertasTem2 .formBoletin input.button {
width : 83px;
}
.masOfertasTem2 .masOfertas {
border-top : 6px solid #f3f1f1;
font-size : 1.2em;
margin : 0 0 20px;
}
/*guia destinos popups info*/
.popInfo {
display : none;
position : absolute;
left : 490px;
top : 353px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
z-index: 10;
}
.popInfo .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
font-size:1.1em;
background-color:white;
}
.popInfo table {
width : 100%;
}
.popInfo .taula h3 {
font-size : 1em;
padding-bottom : 5px;
color : #5c6164;
}
.popInfo td {
padding : 0 15px 5px 0;
}
.popInfo td.ult {
padding : 0 0 5px 0;
}
.popInfo ul {
padding-bottom : 5px;
}
.popInfo li {
padding-bottom : 5px;
}
/*hoteles popups info*/
.popInfo2 {
display : none;
position : absolute;
left : 490px;
top : 620px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
z-index: 10;
}
.popInfo2 .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo2 .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo2 .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
font-size:1.1em;
}
.popInfo2 table {
width : 100%;
}
.popInfo2 .taula h3 {
font-size : 1em;
padding-bottom : 5px;
color : #5c6164;
}
.popInfo2 td {
padding : 0 15px 5px 0;
}
.popInfo2 td.ult {
padding : 0 0 5px 0;
}
.popInfo2 ul {
padding-bottom : 5px;
}
.popInfo2 li {
padding-bottom : 5px;
}
/*hoteles popups info*/
.popInfo3 {
display : none;
position : absolute;
left : 490px;
top : 680px;
border : 1px solid #989c9f;
background : #fff;
width : 400px;
z-index: 10;
}
.popInfo3 .todos {
color : #278ccd;
font-size : 1.1em;
padding : 5px 4px 8px 8px;
}
.popInfo3 .close {
float : right;
padding : 5px 4px 8px 8px;
cursor : pointer;
}
.popInfo3 .taula {
border-top : 5px solid #f5f3f4;
padding : 8px;
font-size:1.1em;
}
.popInfo3 table {
width : 100%;
}
.popInfo3 .taula h3 {
font-size : 1em;
padding-bottom : 5px;
color : #5c6164;
}
.popInfo3 td {
padding : 0 15px 5px 0;
}
.popInfo3 td.ult {
padding : 0 0 5px 0;
}
.popInfo3 ul {
padding-bottom : 5px;
}
.popInfo3 li {
padding-bottom : 5px;
}
// 14042009: START solucion de estilos de buscadores en ofertas
.macroOfertas .porDestino h2,
.recomendados .buscador h2 {
margin:0pt 14px 0pt 0pt;
}
.macroOfertas .buscador div.alineador,
.recomendados .porFechas div.alineador {
font-size:0px;
height:1px;
margin:0px;
padding:0px;
width:290px;
}
.recomendados .porFechas p#etiquetaDate1,
.recomendados .porFechas p#etiquetaDate2,
.macroOfertas .porFechas p#etiquetaDate1,
.macroOfertas .porFechas p#etiquetaDate2 {
display:none;
}
/* fix idiomas  */
.macro .codigo_promo h2 {
    word-wrap: break-word;
    font-size: 19px;
    width: 188px;
    padding-right: 29px;
    height: 66px;
    --webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* end fix idiomas  */
/* cookies styles */
#fp_cookieMessageContainer #fp_cookieMessageCloseButton {
  background-color: #278ccd!important;
  color: #FFFFFF!important;
  padding: 12px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
}
#fp_cookieMessageContainer {
    background: #424242;
    border-top: solid 1px #FFFFFF;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
    padding: 20px;
    --webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: auto!important;
}
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.animated.hinge {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
/* end cookies styles */
// END