tag for positioning the aboveFold ad **/
.ATF300x250LHSSpacerV2,
.ATF300x250RHSSpacerV2{
height: 200px;
width: 1px;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250LHSSpacerV3,
.ATF300x250RHSSpacerV3{
height: 300px;
width: 1px;
}
/**.ATF ad units **/
/** left-aligned.ATF **/
.ATF120x240,
.ATF120x240LHS,
.ATF300x250,
.ATF300x250LHS{
clear: left !important;
float: left !important;
margin: 20px 20px 20px 0;
}
/** right-aligned.ATF **/
.ATF120x240RHS,
.ATF300x250RHS{
clear: both;
float: right;
margin: 20px 0 20px 20px;
}
/** center-aligned.ATF **/
.ATF468x60Centre,
.ATF728x90Centre{
clear: both;
margin: 0 auto;
}
/**.ATF120x240 dimension **/
.ATF120x240,
.ATF120x240LHS,
.ATF120x240RHS{
height: 240px;
width: 120px;
}
/**.ATF300x250 dimension **/
.ATF300x250,
.ATF300x250LHS,
.ATF300x250RHS{
height: 250px;
width: 300px;
}
/**.ATF468x60 dimension**/
.ATF468x60Centre{
height: 60px;
width: 468px;
}
/**.ATF728x90 dimension**/
.ATF728x90Centre{
height: 90px;
width: 728px;
}
/**End[TOP ADS] **/
/**Start[MIDDLE ADS] **/
/** left-aligned middle ad units **/
.middle120x240,
.middle120x240LHS,
.middle120x600,
.middle120x600LHS,
.middle160x600,
.middle160x600LHS,
.middle300x250,
.middle300x250LHS {
clear: both;
float: left;
margin: 20px 20px 20px 0
}
/** right-aligned middle ad units **/
.middle120x240RHS,
.middle120x600RHS,
.middle160x600RHS,
.middle300x250RHS {
clear: both;
float: right;
margin: 20px 0 20px 20px;
}
/** - middleFold 120x240 **/
.middle120x240,
.middle120x240LHS,
.middle120x240RHS {
height: 240px;
width: 120px;
}
/** - middleFold 120x600 **/
.middle120x600,
.middle120x600LHS,
.middle120x600RHS {
height: 600px;
width: 120px;
}
/** - middleFold 160x600 **/
.middle160x600,
.middle160x600LHS,
.middle160x600RHS {
height: 600px;
width: 160px;
}
/** - middleFold 300x250 **/
.middle300x250,
.middle300x250LHS,
.middle300x250RHS {
height: 250px;
width: 300px;
}
/** - footer ads **/
/** left-aligned foot ads **/
.textRelatedLinks .foot120x240,
.textRelatedLinks .foot120x240LHS,
.textRelatedLinks .foot300x250,
.textRelatedLinks .foot300x250LHS,
.textRelatedLinks .foot336x280LHS,
.BOP120x240LHS,
.BOP300x250LHS,
.BOP336x280LHS{
margin: 25px 25px 25px 0;
}
.BOP120x240LHS,
.BOP300x250LHS,
.BOP336x280LHS{
float: left;
clear: left;
}
.BOP120x240RHS,
.BOP300x250RHS,
.BOP336x280RHS{
margin: 25px 0 25px 25px;
float: right;
clear: right;
}
/** right-aligned foot ads **/
.textRelatedLinks .foot120x240RHS,
.textRelatedLinks .foot336x280RHS{
clear: both;
margin: 25px 0 25px 25px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot468x60Centre,
.textRelatedLinks .foot728x90Centre{
clear: both;
margin: 0 auto;
}
/** foot 120x240 dimensions **/
.BOP120x240LHS,
.BOP120x240RHS,
.textRelatedLinks .foot120x240,
.textRelatedLinks .foot120x240LHS,
.textRelatedLinks .foot120x240RHS{
height: 240px;
width: 120px;
}
/** foot 300x250 dimensions **/
.BOP300x250LHS,
.BOP300x250RHS,
.textRelatedLinks .foot300x250,
.textRelatedLinks .foot300x250LHS,
.textRelatedLinks .foot300x250RHS{
height: 250px !important;
width: 300px !important;
}
/** foot 336x280 dimensions **/
.BOP336x280LHS,
.BOP336x280RHS,
.textRelatedLinks .foot336x280LHS,
.textRelatedLinks .foot336x280RHS{
height: 280px;
width: 336px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot468x60Centre{
height: 60px;
width: 468px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot728x90Centre{
height: 90px;
width: 728px;
}
/**adsense unit on the LeftHandSide**/
.adLHS{
clear:left;
float:left;
margin: 7px 15px 7px 0;
}
/**adsense unit on the RightHandSide**/
.adRHS{
clear:right;
float:right;
margin: 7px 0 7px 15px;
}
.adCentre{
clear: both;
margin: 0 auto;
}
/* iFrame */
.adAfilliateNonSpainbookers120x240{
border: none !important;
float: left !important;
height: 245px;
margin-right: 10px;
overflow: hidden !important;
width: 125px;
}
/*
* Start CIP styles
*/
.cipHeader{
color: #000000 !important;
font-size: 100% !important;
font-weight: bold !important;
line-height: 100% !important;
margin: 0.67em 0 !important;
padding: 0 !important;
}
hr.cipSeparator{
border-top: 4px solid #56544d !important;
height: 0px !important;
}
/*
* End CIP Styles
*/
/** Start: TextAlignment Styles **/
.textAlignmentRight{
text-align: right;
}
.textAlignmentCenter{
text-align: center;
}
.textVerticalAlignmentTop{
vertical-align: top !important;
}
.textVerticalAlignmentMiddle{
vertical-align: middle !important;
}
/** End: TextAlignment Styles **/
/** Start: formRvCp **/
.formRvCp{
clip: rect(1px, 1px, 1px, 1px);
left: -2000em;
position: absolute;
}
.cookieMessage li { font-size: 11px; }
.cookieMessage li a { text-decoration:underline !important; }
.cookieMessage li a:hover { font-size: 11px; }
/** End: formRvCp **/
/** StartFixForIE9/IE10GoogleMapScrollBarInPopupWindow **/
@media screen and (min-width:0\0) {
#point_map div{
border: 1px solid transparent !important;
line-height: none !important;
}
}
/** EndFixForIE9/IE10GoogleMapScrollBarInPopupWindow **/
/*
==========================
*End: Base styles
==========================
*/
/*=========================
Css for cookie start here*
=========================/
/* Media query for displaying content in mobile cookies clients */
@media only screen and (max-device-width: 480px) {
.hide { max-height: none !important; font-size: 10px !important; display: block !important; padding:5px 10px; background:none !important; color:#fff; float:left; margin:0 0 10px 0 !important; border-radius:0px; width:96% !important; text-align:left !important; border-bottom:2px solid #006184;
}
.hide a {
color: #000 !important;
}
}
@media only screen and (max-device-width: 768px) {
.hide {
background: none repeat scroll 0 0 #f1f6f9;
border-radius: 0;
color: #000;
display: block !important;
float: left;
font-size: 13px !important;
margin: -8px 0 0;
max-height: none !important;
padding: 4px 10px 4px 2px;
text-align: right;
width: 100%;
z-index: 999;
}
.hide a {
color: #000 !important;
}
}
/* CSS for hiding content in desktop/webmail clients */
.hide { max-height: 0px; font-size: 0; display: none; }
.hide-1 { max-height: 0px !important; font-size: 0px !important; display: none !important; }
#jquery-cookie-law-script {
position: fixed;
background-attachment:fixed;
clear:both;
top: 0;
left: 0;
z-index: 999999;
display:none;
width:100%;
border-color: #202226;
border-style: solid;
border-top-width: 1px;
background: rgba(50, 58, 69, 0.7);
color: #F1F1F3;
font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
}
@media (max-width: 767px) {
#jquery-cookie-law-script #cookie-law-message {
width: 65%;
}
}
@media (max-width: 480px) {
#jquery-cookie-law-script #cookie-law-message {
width: 50%;
}
}
/*=========================
Css for cookie ends here*
=========================/
/* Start legacy CSS */
/*
==========================
*Start: Base styles
==========================
*/
body {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: normal;
text-align: left;
}
/** [
clearAll] **/
.clearAll{
clear: both;
}
/** [DEFAULT COLOR AND FONT CSS PROPERTIES FOR H1, H2 AND H3] **/
h1, h2, h3{
color: #21698D;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}
/** - font size for
**/
h1 {
font-size: 153.9%;
margin: 0.67em 0px;
}
/** - font size for **/
h2 {
font-size: 146.5%;
margin: 0.83em 0px;
}
/** - font size for **/
h3 { font-size: 131%;
margin: 0.83em 0px;
}
p{
margin: 1em 0px;
}
b, strong, i, em{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
b, strong{ font-weight:bold; }
em, i{
font-style: italic;
}
hr { /** - default styles for the
**/
border-top: 1px dotted #21698D;
color: #FFFFFF;
height: 2px;
width: auto;
}
del {
text-decoration: line-through;
}
ins {
font-weight: bold;
color: #3795C5;
}
/** [A] - DEFAULT HYPERLINKS **/
a:link { /*normal, unvisited link*/
text-decoration: underline;
}
a:visited { /*visited link*/
color: #551A8B;
text-decoration: underline;
}
a:hover { /*mouse over link*/
text-decoration: underline;
}
a:active { /*selected link*/
text-decoration: none;
}
table, table *, ul, ol, li{
font-family: Arial, Helvetica, sans-serif;
}
table{
border-collapse: collapse;
border-spacing:0;
clear: both;
max-width: 100%;
width: 100%;
}
table td{
vertical-align: top;
}
table th{
padding: 4px;
}
.columnSpacer15px{
width: 15px;
}
iframe{
border: none !important;
}
/**Start: [BUTTONS] **/
/** Default bookButton styles**/
a.buttonBookingEN-M {
background-image: url("/images/icon/book/book1EN-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingEN-M:hover {
background-image: url("/images/icon/book/book2EN-134x38.gif");
}
a.buttonBookingEN-L {
background-image: url("/images/icon/book/book1EN-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingEN-L:hover {
background-image: url("/images/icon/book/book2EN-192x38.gif");
}
/*=========================
Css for English ends here*
=========================*/
a.buttonBookingEL-M {
background-image: url("/images/icon/book/book1EL-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingEL-M:hover {
background-image: url("/images/icon/book/book2EL-134x38.gif");
}
a.buttonBookingEL-L {
background-image: url("/images/icon/book/book1EL-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingEL-L:hover {
background-image: url("/images/icon/book/book2EL-192x38.gif");
}
/*=========================
Css for Greek ends here*
=========================*/
a.buttonBookingDE-M {
background-image: url("/images/icon/book/book1DE-134x38.gif");
background-position: center;
padding:7px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingDE-M:hover {
background-image: url("/images/icon/book/book2DE-134x38.gif");
}
a.buttonBookingDE-L {
background-image: url("/images/icon/book/book1DE-192x38.gif");
background-position: center;
padding:7px 173px 1px 19px;
}
a.buttonBookingDE-L:hover {
background-image: url("/images/icon/book/book2DE-192x38.gif");
}
/*=========================
Css for German ends here*
=========================*/
a.buttonBookingES-M {
background-image: url("/images/icon/book/book1ES-134x38.gif");
background-position: center;
padding:7px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingES-M:hover {
background-image: url("/images/icon/book/book2ES-134x38.gif");
}
a.buttonBookingES-L {
background-image: url("/images/icon/book/book1ES-192x38.gif");
background-position: center;
padding:7px 173px 1px 19px;
}
a.buttonBookingES-L:hover {
background-image: url("/images/icon/book/book2ES-192x38.gif");
}
/*=========================
Css for spainish ends here*
=========================*/
a.buttonBookingSV-M {
background-image: url("/images/icon/book/book1SV-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingSV-M:hover {
background-image: url("/images/icon/book/book2SV-134x38.gif");
}
a.buttonBookingSV-L {
background-image: url("/images/icon/book/book1SV-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingSV-L:hover {
background-image: url("/images/icon/book/book2SV-192x38.gif");
}
/*=========================
Css for Swedish ends here*
=========================*/
a.buttonBookingFR-M {
background-image: url("/images/icon/book/book1FR-134x38.gif");
background-position: center;
padding:7px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingFR-M:hover {
background-image: url("/images/icon/book/book2FR-134x38.gif");
}
a.buttonBookingFR-L {
background-image: url("/images/icon/book/book1FR-192x38.gif");
background-position: center;
padding:7px 173px 1px 19px;
}
a.buttonBookingFR-L:hover {
background-image: url("/images/icon/book/book2FR-192x38.gif");
}
/*=========================
Css for French ends here*
=========================*/
a.buttonBookingIT-M {
background-image: url("/images/icon/book/book1IT-134x38.gif");
background-position: center;
padding:7px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingIT-M:hover {
background-image: url("/images/icon/book/book2IT-134x38.gif");
}
a.buttonBookingIT-L {
background-image: url("/images/icon/book/book1IT-192x38.gif");
background-position: center;
padding:7px 173px 1px 19px;
}
a.buttonBookingIT-L:hover {
background-image: url("/images/icon/book/book2IT-192x38.gif");
}
/*=========================
Css for Italian ends here*
=========================*/
a.buttonBookingJA-M {
background-image: url("/images/icon/book/book1JA-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingJA-M:hover {
background-image: url("/images/icon/book/book2JA-134x38.gif");
}
a.buttonBookingJA-L {
background-image: url("/images/icon/book/book1JA-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingJA-L:hover {
background-image: url("/images/icon/book/book2JA-192x38.gif");
}
/*=========================
Css for Japanese ends here*
=========================*/
a.buttonBookingNL-M {
background-image: url("/images/icon/book/book1NL-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingNL-M:hover {
background-image: url("/images/icon/book/book2NL-134x38.gif");
}
a.buttonBookingNL-L {
background-image: url("/images/icon/book/book1NL-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingNL-L:hover {
background-image: url("/images/icon/book/book2NL-192x38.gif");
}
/*=========================
Css for Dutch ends here*
=========================*/
a.buttonBookingPT-M {
background-image: url("/images/icon/book/book1PT-134x38.gif");
background-position: center;
padding:7px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingPT-M:hover {
background-image: url("/images/icon/book/book2PT-134x38.gif");
}
a.buttonBookingPT-L {
background-image: url("/images/icon/book/book1PT-192x38.gif");
background-position: center;
padding:7px 173px 1px 19px;
}
a.buttonBookingPT-L:hover {
background-image: url("/images/icon/book/book2PT-192x38.gif");
}
/*=========================
Css for portuguese ends here*
=========================*/
a.buttonBookingRU-M {
background-image: url("/images/icon/book/book1RU-134x38.gif");
background-position: center center;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
padding: 17px 115px 2px 19px;
}
a.buttonBookingRU-M:hover {
background-image: url("/images/icon/book/book2RU-134x38.gif");
}
a.buttonBookingRU-L {
background-image: url("/images/icon/book/book1RU-192x38.gif");
background-position: center;
padding:17px 173px 2px 19px;
}
a.buttonBookingRU-L:hover {
background-image: url("/images/icon/book/book2RU-192x38.gif");
}
/*=========================
Css for Russian ends here*
=========================*/
a.buttonBookingZH-M {
background-image: url("/images/icon/book/book1ZH-134x38.gif");
background-position: center;
padding:17px 115px 1px 19px;
clear: none;
float: left;
height: 20px;
margin: -9px 10px 0 0;
}
a.buttonBookingZH-M:hover {
background-image: url("/images/icon/book/book2ZH-134x38.gif");
}
a.buttonBookingZH-L {
background-image: url("/images/icon/book/book1ZH-192x38.gif");
background-position: center;
padding:17px 173px 1px 19px;
}
a.buttonBookingZH-L:hover {
background-image: url("/images/icon/book/book2ZH-192x38.gif");
}
/*=========================
Css for Chinese ends here*
=========================*/
/**End: [BUTTONS] **/
/**Start: [COLORED BACKGROUNDS] **/
.backgroundBlueTable{
background-color:#3795C5;
border:1px solid #CFE1EB;
color:#FFFFFF;
display: table-cell;
font-family: Arial, Helvetica, sans-serif;
font-size: smaller;
font-weight:bold;
}
.backgroundLightBlue{ /** - use for setting up the background of an element (tag) to lightBlue; also setting the font styles (font color, family) **/
background-color: #83BDDB;
border: silver thin double;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 1px;
padding: 5px;
}
.backgroundUndergroundRed,
.backgroundUndergroundPurple,
.backgroundUndergroundGreen,
.backgroundUndergroundYellow,
.backgroundUndergroundBlue,
.backgroundUndergroundOrange,
.backgroundUndergroundLightBlue,
.backgroundUndergroundLightGreen{
color: #000000 !important;
}
.backgroundUndergroundRed{
background: #FF3300 !important;
}
.backgroundUndergroundPurple{
background: #CC66FF !important;
}
.backgroundUndergroundGreen{
background: #33FF66 !important;
}
.backgroundUndergroundYellow{
background: #FFFF99 !important;
}
.backgroundUndergroundBlue{
background: #6699FF !important;
}
.backgroundUndergroundOrange{
background: #FF8000 !important;
}
.backgroundUndergroundLightBlue{
background: #80D2FF !important;
}
.backgroundUndergroundLightGreen{
background: #8CEA98 !important;
}
/**End: [COLORED BACKGROUNDS] **/
/**Start: [IMAGES] **/
/** Default CSS border property **/
.imageBorderWithMargin, .imageBorderWithoutMargin{
border: 1px groove #256485;
}
/** - style for images with border and a margin set to 5 pixels **/
.imageBorderWithMargin{
margin: 5px;
}
/** - style for images with border and a margin set to 1 pixel **/
.imageBorderWithoutMargin{
margin: 1px;
}
/** imagePhoto **/
/**image on the LeftHandSide**/
div.imageLHS{
clear:left;
float:left;
margin: 15px 15px 15px 0;
}
/**image on the RightHandSide**/
div.imageRHS{
clear:right;
float:right;
margin: 15px 0 15px 15px;
}
/**imagePhoto**/
div.imagePhoto {
overflow:hidden;
text-align:center;
}
/**photoDescriptionLHS**/
div.imageLHSPhotoDescription {
text-align:left;
}
/**photoDescriptionRHS**/
div.imageRHSPhotoDescription {
text-align:right;
}
/**End: [IMAGES] **/
/**Start: [MAPS] **/
.mapGoogleDriving { /** - style for the Google driving map **/
border: 1px solid black;
height: 500px;
width: 500px;
}
.mapGoogleDrivingInstructions{ /** - style for the Google driving instructions **/
border: 1px solid black;
float:none;
height:inherit;
width: 490px !important;
}
.mapGooglePoint { /** - style for the Google point map**/
border: 1px solid black;
width: 500px;
height: 500px;
}
.mapOurs{ /** - style for our custom maps **/
border: 1px solid black;
width: 500px;
height: 500px;
}
.mapOursImage{ /** - style for the image (hover) map **/
border: 1px groove #256485;
margin: 0px;
}
.mapGoogleIframe {
border: 0;
}
.mapGoogleIframeWrapper .mapGoogleDrivingInstructions{
width: 500px !important;
}
/**End: [MAPS] **/
/**Start: [MEDIA] **/
.mediaVideo { /** - style for video media **/
height: 385px;
width: 640px;
}
.mediaAudio { /** - style for audio media **/
height: 36px;
width: 40px;
}
/**End: [MEDIA] **/
/**Start: [TABLES] **/
/** .tableNormal - style for normal (basic) tabular information;
tabular information aside from hotel tabular info and form fields in
**/
.containerOversized .mainPageContent table,
.containerOversized .mainPageContent table.tableNormal,
.containerOversized .mainPageContent table.tableNormalLightBlue,
.containerOversized .mainPageContent table.tableHotel,
.containerOversized .mainPageContent table.tableFormFields,
.containerOversized .mainPageContent table.tablePhotoThumbnail{
max-width: 60% !important;
width: 60% !important
}
table.tableNormal, table.tableNormal th, table.tableNormal td{
border:1px solid #CFE1EB;
font-family: Arial, Helvetica, sans-serif;
}
table.tableNormal.centered, table.tableNormal.centered th, table.tableNormal.centered td{
text-align: center;
}
table.tableNormalLightBlue, table.tableNormalLightBlue th, table.tableNormalLightBlue td{
border: 2px solid #CFE1EB;
font-family: Arial, Helvetica, sans-serif;
}
table.tableNormal th{
background-color:#3795C5;
color:#FFFFFF;
font-size: smaller;
font-weight:bold;
}
table.tableNormalLightBlue th{
background-color:#E8F4F8;
color:#000000;
font-size: smaller;
font-weight:bold;
}
table.tableNormal td{
font-size: 85%;
padding: 4px 2px;
vertical-align: middle;
}
table.tableNormalLightBlue td{
font-size: 85%;
padding: 4px 2px;
vertical-align: middle;
}
table.tableNormal, table.tableNormalLightBlue *{
font-family: Arial, Helvetica, sans-serif;
}
/** .tableHotel - style for hotel-specific tabular info **/
table.tableHotel, table.tableHotel th, table.tableHotel td{
border:1px solid #CFE1EB;
font-family: Arial, Helvetica, sans-serif;
}
table.tableHotel th{
background-color:#3795C5;
color:#FFFFFF;
font-size: smaller;
font-weight:bold;
}
table.tableHotel td{
font-size: 85%;
padding: 4px 2px;
vertical-align: middle;
}
table.tableHotel *{
font-family: Arial, Helvetica, sans-serif;
}
/** .tableFormFields - style for form fields tabular info **/
table.tableFormFields{
max-width: 600px !important;
min-width: 400px !important;
}
table.tableFormFields, table.tableFormFields td, table.tableFormFields th{
background-color: #3795C5;
border:1px solid #CFE1EB;
color:#FFFFFF;
font-weight:bold;
}
table.tableFormFields td{
padding: 2px;
vertical-align: middle;
}
table.tableFormFields * {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 93%;
}
table.tableFormFields input, table.tableFormFields select, table.tableFormFields textarea{
font-size: 100%;
}
.textTableFormFieldsHeader{ /** - style for the text header on the tableFormFields **/
font-size:120%;
}
table.tableFormFields a { /*normal, unvisited link*/
color: #FFFFFF;
text-decoration: underline;
}
/** [A] - DEFAULT HYPERLINKS **/
table.tableFormFields a:link { /*normal, unvisited link*/
color: #FFFFFF;
text-decoration: underline;
}
table.tableFormFields a:visited { /*visited link*/
color: #551A8B;
text-decoration: underline;
}
table.tableFormFields a:hover { /*mouse over link*/
text-decoration: underline;
}
table.tableFormFields a:active { /*selected link*/
text-decoration: none;
}
table.tableFormFields input[type="submit"]{
font-size: 93%;
padding: 1px 4px;
}
/** .tablePhotoThumbnail - style for photo thumbnail tabular info **/
table.tablePhotoThumbnail {
border: 2px solid #808080;
display: table;
margin: 0 auto;
position: relative;
}
table.tablePhotoThumbnail td, table.tablePhotoThumbnail th {
background-color: #425164;
border: 2px solid #808080;
padding: 10px 10px;
text-align: center !important;
vertical-align: middle !important;
}
table.tableGlossary{
border-collapse: separate;
border-spacing: 1px;
clear: both;
width: 100%;
}
table.tableGlossary, table.tableGlossary th, table.tableGlossary td{
border:1px solid #CFE1EB;
font-family: Arial, Helvetica, sans-serif;
}
table.tableGlossary th{
background-color:#3795C5;
color:#FFFFFF;
font-size: smaller;
font-weight:bold;
padding: 4px 2px;
text-align: center;
}
table.tableGlossary th.word{
width: 35%;
}
table.tableGlossary th.description{
width: 65%;
}
table.tableGlossary td{
font-size: 85%;
padding: 4px 2px;
vertical-align: top;
}
table.tableGlossary *{
font-family: Arial, Helvetica, sans-serif;
}
table.tableFormFieldsCurrencyConverter, table.tableFormFieldsCurrencyConverter th, table.tableFormFieldsCurrencyConverter td{
border:1px solid #CFE1EB;
font-family: Arial, Helvetica, sans-serif;
}
table.tableFormFieldsCurrencyConverter th{
background-color:#3795C5;
font-weight: bold !important;
text-align: center !important;
}
table.tableImageMap,
table.tableImageMap tr,
table.tableImageMap tr td{
border-collapse: collapse;
border-spacing: 0;
}
table.tableImageMap tr{
float: left;
line-height: 1%;
}
/** table-based Images**/
table.tableImageLHS{
border-collapse: collapse;
clear: left;
float: left;
margin: 15px 15px 15px 0;
width: 15%;
}
.containerOversized table.tableImageLHS,
.containerOversized table.tableImageRHS,
.containerOversized table.tableImageCentre{
width: 5% !important;
}
td.tableImageLHSPhoto,
td.tableImageLHSPhotoDescription{
text-align: left;
}
table.tableImageRHS{
border-collapse: collapse;
clear: right;
float: right;
margin: 15px 0 15px 15px;
width: 15%;
}
td.tableImageRHSPhoto,
td.tableImageRHSPhotoDescription{
text-align: right;
}
table.tableImageCentre{
border-collapse: collapse;
clear: both !important;
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
width: 15%;
}
td.tableImageCentrePhoto,
td.tableImageCentrePhotoDescription{
text-align: center;
}
tr.bottomBorder {
border-bottom: 1px double darkblue;
}
.tableLabelDiscount {
color: #3795C5;
font-weight: bold;
}
/** table-based Images**/
/*
*End: [TABLES]
*/
/*
*Start: [TEXTS]
*/
.textSmall, .textSmallBold { /** - style for small texts **/
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
}
.textSmallBold { /** - style for small text in bold **/
font-weight: bold;
}
.textSmaller { /** - style for smaller text **/
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
/** - Default BOLD font weight for all Tube styles*/
.textTubeRed, .textTubePurple, .textTubeGreen, .textTubeYellow, .textTubeLightBlue, .textTubeDarkBlue, .textTubeBrown, .textTubePink, .textTubeGrey, .textTubeBlack, .textTubeOrange, .textTubeDarkYellow {
font-weight: bold;
}
.textTubeRed{ color: #CC1F23 } /** - style for Line 1 **/
.textTubePurple { color: #720072; } /** - style for Line 2 **/
.textTubeGreen{ color: #006600; } /** - style for Line 3 **/
.textTubeYellow { color: #FFCC00; } /** - style for Line 4 **/
.textTubeLightBlue { color:#33CCFF; } /** - style for Line 5 **/
.textTubeDarkBlue { color: #003048; } /** - style for Line 6 **/
.textTubeBrown { color:#996600; } /** - style for Line 7 **/
.textTubePink { color:#FF66CC; } /** - style for Line 8 **/
.textTubeBlack { color:#000000; } /** - style for Line 8 **/
.textTubeGrey { color:#999999; } /** - style for Line 8 **/
.textTubeOrange{ color:#CC6600; }
.textTubeDarkYellow { color: #BA8E23; }
/** - Default BOLD font weight for all Metro styles*/
.textMetroRed, .textMetroPurple, .textMetroGreen, .textMetroYellow, .textMetroLightBlue, .textMetroDarkBlue, .textMetroBrown, .textMetroPink, .textMetroGrey, .textMetroBlack, .textMetroOrange, .textMetroLightPurple, .textMetroLightGreen, .textMetroDarkYellow {
font-weight: bold;
}
.textMetroRed{ color: #CC1F23 } /** - style for Line 1 **/
.textMetroPurple { color: #720072; } /** - style for Line 2 **/
.textMetroGreen{ color: #006600; } /** - style for Line 3 **/
.textMetroYellow { color: #FFCC00; } /** - style for Line 4 **/
.textMetroLightBlue { color:#33CCFF; } /** - style for Line 5 **/
.textMetroDarkBlue { color: #003048; } /** - style for Line 6 **/
.textMetroBrown { color:#996600; } /** - style for Line 7 **/
.textMetroPink { color:#FF66CC; } /** - style for Line 8 **/
.textMetroBlack { color:#000000; } /** - style for Line 8 **/
.textMetroGrey { color:#999999; } /** - style for Line 8 **/
.textMetroOrange{ color:#CC6600; }
.textMetroLightPurple { color:#CDB5CD; }
.textMetroLightGreen { color:#84BE6A; }
.textMetroDarkYellow { color: #BA8E23; }
/*Default BOLD font weight for all hotelStars styles*/
.textHotelRating1Star, .textHotelRating2Star, .textHotelRating3Star, .textHotelRating4Star, .textHotelRating5Star {
font-weight: bold;
}
.textHotelRating1Star{ color: #CC1F23; } /** - style for 1 Star hotel rating **/
.textHotelRating2Star{ color: #CC6600; } /** - style for 2 Star hotel rating **/
.textHotelRating3Star {color: #720072;} /** - style for 3 Star hotel rating **/
.textHotelRating4Star{ color: #006600; } /** - style for 4 Star hotel rating **/
.textHotelRating5Star { color: #0000FF; } /** - style for 5 Star hotel rating **/
.textTipRed{ /* - style for TIP text */
color: #CC1F23;
}
.textCovid-NEUTRAL{ /* - style for COVID-19 neutral text */
color: #CC1F23;
}
.textCovid-RED{ /* - style for COVID-19 red text */
color: #CC1F23;
}
.textWhite { /* - style for white text */
color: #FFFFFF;
font-weight: bold;
}
.textRed { /* - style for basic red text */
color: #CC1F23;
}
.textImageDescription { /* - style for image text description */
color: #21698D;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}
b.black, strong.black{
color: #000000;
}
/*
*End: [TEXTS]
/*
* Start: AdSenseUnits
*/
/**Start[TOP ADS] **/
/** - Default CSS properties: float, clear**/
.ATF300x250SpacerV1,
.ATF300x250SpacerV2,
.ATF300x250SpacerV3{
clear: left;
float: left;
}
/** - tag for positioning the aboveFold ad **/
.ATF300x250SpacerV1{
height: 200px;
width: 1px;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250SpacerV2{
height: 300px;
width: 1px;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250SpacerV3{
height: 400px;
width: 1px;
}
/** - Default CSS properties: float, clear**/
.ATF300x250LHSSpacerV1,
.ATF300x250LHSSpacerV2,
.ATF300x250LHSSpacerV3{
clear: left;
float: left;
}
.ATF300x250RHSSpacerV1,
.ATF300x250RHSSpacerV2,
.ATF300x250RHSSpacerV3{
clear: both;
float: right;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250LHSSpacerV1,
.ATF300x250RHSSpacerV1{
height: 100px;
width: 1px;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250LHSSpacerV2,
.ATF300x250RHSSpacerV2{
height: 200px;
width: 1px;
}
/** -
tag for positioning the aboveFold ad **/
.ATF300x250LHSSpacerV3,
.ATF300x250RHSSpacerV3{
height: 300px;
width: 1px;
}
/**.ATF ad units **/
/** left-aligned.ATF **/
.ATF120x240,
.ATF120x240LHS,
.ATF300x250,
.ATF300x250LHS{
clear: left !important;
float: left !important;
margin: 20px 20px 20px 0;
}
/** right-aligned.ATF **/
.ATF120x240RHS,
.ATF300x250RHS{
clear: both;
float: right;
margin: 20px 0 20px 20px;
}
/** center-aligned.ATF **/
.ATF468x60Centre,
.ATF728x90Centre{
clear: both;
margin: 0 auto;
}
/**.ATF120x240 dimension **/
.ATF120x240,
.ATF120x240LHS,
.ATF120x240RHS{
height: 240px;
width: 120px;
}
/**.ATF300x250 dimension **/
.ATF300x250,
.ATF300x250LHS,
.ATF300x250RHS{
height: 250px;
width: 300px;
}
/**.ATF468x60 dimension**/
.ATF468x60Centre{
height: 60px;
width: 468px;
}
/**.ATF728x90 dimension**/
.ATF728x90Centre{
height: 90px;
width: 728px;
}
/**End[TOP ADS] **/
/**Start[MIDDLE ADS] **/
/** left-aligned middle ad units **/
.middle120x240,
.middle120x240LHS,
.middle120x600,
.middle120x600LHS,
.middle160x600,
.middle160x600LHS,
.middle300x250,
.middle300x250LHS {
clear: both;
float: left;
margin: 20px 20px 20px 0
}
/** right-aligned middle ad units **/
.middle120x240RHS,
.middle120x600RHS,
.middle160x600RHS,
.middle300x250RHS {
clear: both;
float: right;
margin: 20px 0 20px 20px;
}
/** - middleFold 120x240 **/
.middle120x240,
.middle120x240LHS,
.middle120x240RHS {
height: 240px;
width: 120px;
}
/** - middleFold 120x600 **/
.middle120x600,
.middle120x600LHS,
.middle120x600RHS {
height: 600px;
width: 120px;
}
/** - middleFold 160x600 **/
.middle160x600,
.middle160x600LHS,
.middle160x600RHS {
height: 600px;
width: 160px;
}
/** - middleFold 300x250 **/
.middle300x250,
.middle300x250LHS,
.middle300x250RHS {
height: 250px;
width: 300px;
}
/** - footer ads **/
/** left-aligned foot ads **/
.textRelatedLinks .foot120x240,
.textRelatedLinks .foot120x240LHS,
.textRelatedLinks .foot300x250,
.textRelatedLinks .foot300x250LHS,
.textRelatedLinks .foot336x280LHS,
.BOP120x240LHS,
.BOP300x250LHS,
.BOP336x280LHS{
margin: 25px 25px 25px 0;
}
.BOP120x240LHS,
.BOP300x250LHS,
.BOP336x280LHS{
float: left;
clear: left;
}
.BOP120x240RHS,
.BOP300x250RHS,
.BOP336x280RHS{
margin: 25px 0 25px 25px;
float: right;
clear: right;
}
/** right-aligned foot ads **/
.textRelatedLinks .foot120x240RHS,
.textRelatedLinks .foot336x280RHS{
clear: both;
margin: 25px 0 25px 25px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot468x60Centre,
.textRelatedLinks .foot728x90Centre{
clear: both;
margin: 0 auto;
}
/** foot 120x240 dimensions **/
.BOP120x240LHS,
.BOP120x240RHS,
.textRelatedLinks .foot120x240,
.textRelatedLinks .foot120x240LHS,
.textRelatedLinks .foot120x240RHS{
height: 240px;
width: 120px;
}
/** foot 300x250 dimensions **/
.BOP300x250LHS,
.BOP300x250RHS,
.textRelatedLinks .foot300x250,
.textRelatedLinks .foot300x250LHS,
.textRelatedLinks .foot300x250RHS{
height: 250px !important;
width: 300px !important;
}
/** foot 336x280 dimensions **/
.BOP336x280LHS,
.BOP336x280RHS,
.textRelatedLinks .foot336x280LHS,
.textRelatedLinks .foot336x280RHS{
height: 280px;
width: 336px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot468x60Centre{
height: 60px;
width: 468px;
}
/** foot 468x60 dimensions **/
.textRelatedLinks .foot728x90Centre{
height: 90px;
width: 728px;
}
/**adsense unit on the LeftHandSide**/
.adLHS{
clear:left;
float:left;
margin: 7px 15px 7px 0;
}
/**adsense unit on the RightHandSide**/
.adRHS{
clear:right;
float:right;
margin: 7px 0 7px 15px;
}
.adCentre{
clear: both;
margin: 0 auto;
}
/* iFrame */
.adAfilliateNonSpainbookers120x240{
border: none !important;
float: left !important;
height: 245px;
margin-right: 10px;
overflow: hidden !important;
width: 125px;
}
/*
* Start CIP styles
*/
.cipHeader{
color: #000000 !important;
font-size: 100% !important;
font-weight: bold !important;
line-height: 100% !important;
margin: 0.67em 0 !important;
padding: 0 !important;
}
hr.cipSeparator{
border-top: 4px solid #56544d !important;
height: 0px !important;
}
/*
* End CIP Styles
*/
/** Start: TextAlignment Styles **/
.textAlignmentRight{
text-align: right;
}
.textAlignmentCenter{
text-align: center;
}
.textVerticalAlignmentTop{
vertical-align: top !important;
}
.textVerticalAlignmentMiddle{
vertical-align: middle !important;
}
/** End: TextAlignment Styles **/
/** Start: formRvCp **/
.formRvCp{
clip: rect(1px, 1px, 1px, 1px);
left: -2000em;
position: absolute;
}
.cookieMessage li { font-size: 11px; }
.cookieMessage li a { text-decoration:underline !important; }
.cookieMessage li a:hover { font-size: 11px; }
/** End: formRvCp **/
/** StartFixForIE9/IE10GoogleMapScrollBarInPopupWindow **/
@media screen and (min-width:0\0) {
#point_map div{
border: 1px solid transparent !important;
line-height: none !important;
}
}
/** EndFixForIE9/IE10GoogleMapScrollBarInPopupWindow **/
/*
==========================
*End: Base styles
==========================
*/
/*=========================
Css for cookie start here*
=========================/
/* Media query for displaying content in mobile cookies clients */
@media only screen and (max-device-width: 480px) {
.hide { max-height: none !important; font-size: 10px !important; display: block !important; padding:5px 10px; background:none !important; color:#fff; float:left; margin:0 0 10px 0 !important; border-radius:0px; width:96% !important; text-align:left !important; border-bottom:2px solid #006184;
}
.hide a {
color: #000 !important;
}
}
@media only screen and (max-device-width: 768px) {
.hide {
background: none repeat scroll 0 0 #f1f6f9;
border-radius: 0;
color: #000;
display: block !important;
float: left;
font-size: 13px !important;
margin: -8px 0 0;
max-height: none !important;
padding: 4px 10px 4px 2px;
text-align: right;
width: 100%;
z-index: 999;
}
.hide a {
color: #000 !important;
}
}
/* CSS for hiding content in desktop/webmail clients */
.hide { max-height: 0px; font-size: 0; display: none; }
.hide-1 { max-height: 0px !important; font-size: 0px !important; display: none !important; }
#jquery-cookie-law-script {
position: fixed;
background-attachment:fixed;
clear:both;
top: 0;
left: 0;
z-index: 999999;
display:none;
width:100%;
border-color: #202226;
border-style: solid;
border-top-width: 1px;
background: rgba(50, 58, 69, 0.7);
color: #F1F1F3;
font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
}
@media (max-width: 767px) {
#jquery-cookie-law-script #cookie-law-message {
width: 65%;
}
}
@media (max-width: 480px) {
#jquery-cookie-law-script #cookie-law-message {
width: 50%;
}
}
/*=========================
Css for cookie ends here*
=========================/