html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 98%; vertical-align: baseline; background: transparent; } body { line-height: 1em; font-family: Arial, Helvetica; color: #333; font-size: 0.9em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img{ border: none; } a, a:visited, a:active { color:#6E4D6A; text-decoration: none; } a:hover { text-decoration: underline; } .jsHide a:hover { text-decoration: none; } p{ margin: 5px auto; }
html, body { height: 100%; } body { background: #000 url(http://www.villamagna.es/templates/main/images/bg_pattern.gif) top left repeat-x; } #floater { float:left; height:50%; margin-bottom:-320px; } #container { height:100%; min-height: 630px; position: relative; } #navigation{ position: relative; width:100%; height: 40px; } #navigation h1 { position: absolute; top: 5px; right: 50%; margin-right: -465px; } #language-navigation { position: absolute; bottom: 5px; right: 50%; margin-right: -480px; padding-right: 10px; width: 50px; } #language-navigation ul li a{ display: block; float: right; width: 18px; height: 11px; margin: 0 2px; background: transparent url(http://www.villamagna.es/templates/main/images/flags.png) 0 0 no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/flags.gif) 0 0 no-repeat; } #language-navigation ul li.item1 a{ background-position: -18px -11px; } #language-navigation ul li.item2 a{ background-position: 0 -11px; } #language-navigation ul li.active.item1 a, #language-navigation ul li.item1 a:hover{ background-position: -18px 0; } #language-navigation ul li.active.item2 a, #language-navigation ul li.item2 a:hover{ background-position: 0 0; } #main-navigation{ position: absolute; bottom: 5px; left: 50%; margin-left: -480px; } #main-navigation ul{ float: left; } #main-navigation ul li, #language-navigation ul li { display: inline; } #main-navigation ul li a{ padding: 0 14px; background: transparent url(http://www.villamagna.es/templates/main/images/main_nav_div.gif) center right no-repeat; } #main-navigation ul li.last a{ background: none; } #main-content { clear: both; position: relative; margin: 0 auto; width:960px; height:540px; background-color: #fff; } .jsHide #main-content { visibility: hidden; } #content{ position: absolute; top: 2px; right: 2px; width: 460px; height: 536px; z-index: 10; overflow: hidden; } #content h2.subpageH2 { margin-top: 150px; } #content img.homeLogo { display: block; margin: 0 auto; _behavior: url(/png2gif.htc); } #content p, .contentP{ margin: 15px 30px 0 30px; } #content .contentP p { margin: 15px 0; } #content ul { margin: 10px 30px; padding-left: 15px; list-style: disc; } #content ul li{ margin: 5px 0; } #content .moduleBody ul, #content .mainSubpageContent ul, #content .innerBox ul { margin: 0; } #content .moduleBody ul li, #content .mainSubpageContent ul li, #content .innerBox ul li{ margin: 1px 0; } #content ul#mainSubpageTitles{ position: absolute; top: 10px; right: 10px; width: 430px; margin: 0; padding: 0; list-style: none; } #content #mainSubpageContent { position: absolute; top: 200px; left: 20px; overflow: auto; height: 300px; } .jsHide #content #mainSubpageContent { overflow: visible; } #content #mainSubpageContent .itemPreview{ position: relative; } .jsHide #content #mainSubpageContent .itemPreview{ height: 300px; width: 385px; position: absolute; top: 0; left: 20px; visibility: hidden; } #content #mainSubpageContent .itemPreview h2 { margin-left: 30px; } .outerBox{ overflow: auto; position: relative; } .outerBox.scrollingBox { background: transparent url(http://www.villamagna.es/templates/main/images/scrollbar.png) top right no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/scrollbar.gif) top right no-repeat; } .jsHide .outerBox { width: 325px; height: 300px; overflow: hidden; width: 365px; } .jsHide .innerBox{ width: 325px; }  .outerBox .bottomFader { display:none; position: absolute; bottom: 0; left: 0; background: transparent url(http://www.villamagna.es/templates/main/images/bottomFader.png) top left repeat-x; height: 30px; width: 325px; z-index: 1010; color:_transparent; background-color:_transparent; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #content ul.pdfList { list-style: none; margin: 0; position: absolute; bottom: 5px; left: 30px; } a.pdfLink { padding-left: 30px; height: 26px; background: transparent url(http://www.villamagna.es/templates/main/images/pdf.gif) left center no-repeat; display: block; } #main-visual{ position: absolute; top:2px; left:265px; width: 230px; height: 536px; z-index: 60; } #main-visual img{ width: 230px; height: 536px; } #mainFlashBox{ position: absolute; top: 0; left: 0; z-index: 1; height: 540px; width: 960px; } #logoBox { position: absolute; top: 2px; left: 2px; height: 536px; width: 265px; z-index: 60; background-color: #fff; } #logoBox img.logo-image { width: 167px; height: 145px; position: absolute; top: 50%; left: 50%; margin: -62px 0 0 -83px; } #logoBox img.leadingHotels-image { width: 165px; height: 22px; position: absolute; top: 50%; left: 50%; margin: 85px 0 0 -82px; } #logoBox a#galleryLink { display: block; position: absolute; bottom: 50px; left: 50%; width: 150px; height: 69px; margin-left: -75px; background: transparent url(http://www.villamagna.es/templates/main/images/photo_gallery.png) top left no-repeat; _display: none;  } .jsHide #logoBox a#galleryLink { visibility: hidden; } #logoBox a#eventsLink { display: block; position: absolute; bottom: -20px; left: 50%; width: 150px; height: 69px; margin-left: -55px; background: transparent url(http://www.villamagna.es/templates/main/images/events_calendar.jpg) top left no-repeat; _display: none;  } .jsHide #logoBox a#eventsLink { visibility: hidden; } #offers { display: block; position: absolute; bottom: 0; left: 50%; width: 169px; height: 112px; margin-left: -85px; background: transparent url(http://www.villamagna.es/templates/main/images/specialOffersBox.png) top left no-repeat; _display: none;  } .jsHide #offers { visibility: hidden; } #cycleOffer { position: absolute; top: 9px; left: 9px; width: 151px; height: 94px; } #cycleOffer .offer .offerTitle { position: absolute; bottom: 3px; left: 5px; font-size: 1.2em; text-transform: uppercase; width: 80px; color: #fff; z-index: 20; } #cycleOffer .offer a.offerMore { position: absolute; bottom: 3px; right: 5px; color: #fff; text-transform: uppercase; width: 60px; font-size: 0.9em; text-align: right; z-index: 20; } .offerTextShadow { position: absolute; bottom: 0; left: 0; z-index: 19; background: transparent url(http://www.villamagna.es/templates/main/images/specialOffersTextBackground.png) top left no-repeat; width: 157px; height: 42px; } #logoBox a#galleryLink span.galleryLinkText{ position: absolute; top: 15px; left: 90px; } #logoBox a#eventsLink span.galleryLinkText{ position: absolute; top: 7px; left: 70px; } #award-image { widht: 99px; height: 67px; position: absolute; top: 10px; right: 10px; z-index: 100; } #contentShadow { position: absolute; bottom: -27px; left: 0; width: 960px; height: 27px; background: transparent url(http://www.villamagna.es/templates/main/images/shadow.png) top left repeat-x; _display: none;  z-index: 5; } #footer { position: absolute; bottom: 0; width: 100%; height: 97px; z-index: 100; } .jsHide #footer { height: 43px; overflow: hidden; } #footer a#bookingKnob { display: block; width: 182px; height: 20px; position: absolute; top: 0; _top: 2px;  right: 50%; margin-right: -435px; z-index: 110; background: transparent url(http://www.villamagna.es/templates/main/images/bookingMask_knob.png) top left no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/bookingMask_knob.gif) top left no-repeat; cursor: pointer; } #footer.openFooter a#bookingKnob { background-position: 0 -20px; } #footer.openFooter a#bookingKnob:hover { background-position: 0 -40px; } #footerMenu{ position: absolute; bottom: 0; _bottom: -1px;  left: 0; width: 100%; height: 20px; z-index: 130; background:#333333 url(http://www.villamagna.es/templates/main/images/bottom_nav_bg.gif) top left repeat-x; } #footerMenu ul{ position: absolute; bottom: 0; left: 50%; margin-left: -480px; white-space: nowrap; overflow: visible; } #footerMenu ul li{ display: inline; } #footerMenu ul li a{ padding: 0 14px; background: transparent url(http://www.villamagna.es/templates/main/images/bottom_nav_div.gif) center right no-repeat; } #footerMenu ul li.last a{ background: none; } #footerCopyright { position: absolute; bottom: 0; right: 50%; margin-right: -400px; } #footerCopyright p { margin: 0; } #footerSocialLinks { position: absolute; bottom: 2px; right: 50%; margin-right: -465px; width: 55px; } #footerSocialLinks a img { width: 15px; height: 15px; margin: 0 3px 0 0; display: block; _display: inline; float: left; } #bookingBox { position: absolute; top: 20px; _top: 22px;  left: 0; height: 57px; width: 100%; z-index: 120; background:transparent url(http://www.villamagna.es/templates/main/images/bm_bg.gif) top left repeat-x; } a#bestPrice { position: absolute; display: block; top: 10px; left: 50%; margin-left: -460px; height: 39px; width: 229px; background:transparent url(http://www.villamagna.es/templates/main/images/bestRate_bg.png) bottom left repeat-x; _background:transparent url(http://www.villamagna.es/templates/main/images/bestRate_bg.gif) bottom left repeat-x; z-index: 100; } a#bestPrice:hover { text-decoration: none; } #bestPrice span.bestPriceRates, #bestPrice span.bestPriceFrom{ position:absolute; right:167px; } #bestPrice span.bestPriceRates { top: 7px; } #bestPrice span.bestPriceFrom { bottom: 4px; } #bestPrice span.price_unit{ margin-left: 65px; } #bestPrice span.bestPriceGuaranteed { position:absolute; left:160px; top: 10px; } #bestPrice .shadow { position: absolute; top: 0; left: 0; height: 39px; width: 229px; background:transparent url(http://www.villamagna.es/templates/main/images/bestRate_shadow.png) bottom left repeat-x; _display: none;  z-index: 101; } #bookingMask { position: absolute; top: 23px; right: 50%; margin-right: -460px; _width: 650px; } #bookingMask div, #bookingMask label { display: inline; float: left; } #bookingMask label { height:18px; padding:0 5px 0 15px; } #bookingMask .choose { position: relative; } #bookingMask .iconselectholder { z-index: 80; } #bookingMask .iconselectholder h4{ display: none; } #bookingMask .date input#date-in { background: transparent url(http://www.villamagna.es/templates/main/images/input_bg.png) top left no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/input_bg.gif) top left no-repeat; height:18px; width:80px; border: none; float: left; padding-top: 3px; *padding-top:0; } #bookingMask .date .datepicker { display: block; width: 23px; height: 15px; float: left; margin: 2px 0 0 5px; cursor: pointer; background: transparent url(http://www.villamagna.es/templates/main/images/calendar.png) top left no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/calendar.gif) top left no-repeat; } #bookingMask .date .datepicker:hover{ background-position: 0 -15px; } #bookingMask div#iconselectNights, #bookingMask div#iconselectAdults, #bookingMask div#iconselectChildren { background: transparent url(http://www.villamagna.es/templates/main/images/select_bg.png) top right no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/select_bg.gif) top right no-repeat; width: 40px; height: 18px; display: block; overflow: hidden; cursor: pointer; } #bookingMask div#iconselectNights:hover, #bookingMask div#iconselectAdults:hover, #bookingMask div#iconselectChildren:hover{ background-position: 0 -18px; } #bookingMask div#iconselectholderNights, #bookingMask div#iconselectholderAdults, #bookingMask div#iconselectholderChildren { width: 40px; overflow: auto; display:none; position:absolute; bottom: 0; right: 0; background-color:#d6d6d6; overflow: visible; z-index: 150; } .selectitems { height:19px; display: block; width: 100%; position: relative; overflow: hidden; } .selectitems input { position: absolute; top: 0; left: 0; z-index: 50; margin-left: -50px; background-color: transparent; } .selectitems span { margin-left: 5px; display: block; width: 100%; } .hoverclass{ background-color: #949494; cursor: pointer; } .selectedclass{ background-color: #757575; } #bookingMask button{ margin-left: 15px; border: none; background: transparent url(http://www.villamagna.es/templates/main/images/btn_bg_shadow.png) top left no-repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/btn_bg_shadow.gif) top left no-repeat; height: 20px; width: 40px; outline: none; cursor: pointer; padding-bottom: 2px; } #bookingMask button:active, #bookingMask button:hover{ background-position: 0 -20px; } #loaderImg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10x; z-index: 5; display: none; }  #page_home #main-visual, .jsHide #page_home #logoBox img, .jsHide #page_home #content { display: none; } #page_home #main-visual { left: 269px; width: 425px; } #page_home #main-visual img{ width: 425px; } #page_home #content { width: 260px; } #page_home #content h2{ margin-top: 215px; } #page_accommodation #main-visual { width: 493px; } .jsHide #page_accommodation #main-visual { display: none; } #page_accommodation #content { width: 956px; } #page_accommodation #content h2.moduleH2{ top: 150px; left: 545px; } #page_accommodation #mod_pukkaRooms .itemPreview { top: 190px; } #page_accommodation #logoBox { overflow: hidden; } #page_accommodation .outerBox{ width: 385px; height: 330px; } #page_accommodation .jsHide .outerBox { width: 405px; } #page_accommodation .jsHide .innerBox{ width: 385px; } #page_accommodation .outerBox .bottomFader { width: 385px; } #page_occasions #content { width: 956px; } #page_occasions #logoBox { display: none; } #page_destination #main-visual { width: 495px; left: 2px; } #page_destination #main-visual .destinationImg { position: absolute; right: 0; top: 0; width: 230px; height: 536px; z-index: 100; display: none; } #map { visibility: hidden; position relative; overflow:hidden; } #map.active { visibility: visible; } #page_destination #main-visual .destinationImg.active { display: block; } #page_gallery #main-visual, #page_gallery #logoBox { display: none; } #page_gallery #content { width: 956px; height: 536px; } #page_gallery #content #mainSubpageContent { top: 0; left: 0; height: 536px; overflow: visible; } #page_contact #content h2.subpageH2, #page_rfp #content h2.subpageH2 { margin-top: 10px; } #page_contact #content #mainSubpageContent, #page_rfp #content #mainSubpageContent { top: 50px; height: 480px; } #page_contact #content p,#page_contact .contentP{ margin: 5px 30px 0 30px; } #page_contact form { margin-top: 5px; } #page_gallery360 #content h2.subpageH2 { margin-top:30px; } #page_gallery360 #content #mainSubpageContent { top: 70px; } #page_gallery360 #content h3 { margin: 10px 0; } #page_services #itemPreviewTitle0 { margin-bottom: 15px; } .magnumSite #navigation { height: 20px; z-index: 130; background:#333333 url(http://www.villamagna.es/templates/main/images/bottom_nav_bg.gif) top left repeat-x; } .magnumSite #navigation #main-navigation-magnum ul{ position: absolute; bottom: 0; left: 50%; margin-left: -480px; white-space: nowrap; overflow: visible; } .magnumSite #navigation #main-navigation-magnum ul li{ display: inline; } .magnumSite #navigation #main-navigation-magnum ul li a{ padding: 0 14px; background: transparent url(http://www.villamagna.es/templates/main/images/bottom_nav_div.gif) center right no-repeat; } .magnumSite #navigation #main-navigation-magnum ul li.last a{ background: none; } .magnumSite #main-visual { height: 540px; position: absolute; left: 477px; top: 0; width: 483px; z-index: 1; } .magnumSite #main-visual img{ height: 540px; width: 483px; } #page_magnumlocation.magnumSite #main-visual { left:463px; top: 2px; width:495px; height: 536px; z-index: 60; } .magnumSite #mainFlashBox { z-index: 5; } .magnumSite #content { left: 0; width: 475px; } .jsHide #page_magnum.magnumSite #content { display: none; } #page_magnum #content h2.subpageH2{ display: none; } .magnumSite #map { visibility: visible; } .magnumSite #floater { margin-bottom:-300px; } #page_roomsplanner #content { width: 670px; } #roomsPlannerContent { height: 440px; width: 670px; margin: 47px 0; } #flash-roomsPlanner { width: 100%; height: 100%; }  #main-navigation:after, #bookingMask:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #language-navigation ul li a{ text-indent: 10000px; overflow: hidden; }
.calendar { z-index: 1000; } #content ul.kwicks { list-style: none; position: relative; margin: 0; padding: 0; height: 536px; width: 956px; } #content ul.kwicks li{ margin: 0; } .kwicks li.kwickLi{ display: block; overflow: hidden; padding: 0; height: 536px; width: 239px; position: relative; margin-right: 1px; float: left; } .jsHide .kwicks li.kwickLi{ float: none; } .kwicks li.kwickLi.active{ width: 610px; } .kwicks li.kwickLi.inactive{ width: 115px; } .kwicks li a.occasionsSlides { display: block; } .main-kwick-image { position: absolute; top: 0; left: 0; width: 240px; height: 536px; z-index: 50; } #content .kwicks li.kwickLi h2{ position: absolute; top: 0; left: 0; text-indent: 10px; text-align: left; font-weight: bold; z-index: 1500; height: 40px; width: 240px; line-height: 40px; background: transparent url(http://www.villamagna.es/templates/main/images/kwick_title_bg.png) top left repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/kwick_title_bg.gif) top left repeat; } .kwickContent, .occasionsSubpageContent { position: absolute; top: 0; left: 260px; width: 320px; height: 536px; } .occasionsSubpageContent { top: 180px; overflow: auto; height: 350px; } .jsHide .occasionsSubpageContent { overflow: hidden; height: 536px; } .kwickContent h3, .occasionsSubpageContent h3 { color: #be9272; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 1.2em; line-height:1.3em; font-weight: normal; text-align: center; } .jsHide .occasionsSubpageContent .itemPreview { width: 320px; position: absolute; top: 0; left: 0; } .jsHide #content .occasionsSubpageContent .itemPreview { left: 20px; display: none; } .occasionsSubpageContent .itemPreview h3 { font-size:1.5em; line-height:1.5em; text-align:left; margin-left: 30px; background-color: #fff; } .occasionsSubpageContent .itemPreview h3:first-letter{ font-size: 1.3em; } .occasionsSubpageContent p.intro { font-size: 0.95em; color: #4F1A0B; } #content ul.occasionsSubpageTitles { position:absolute; left:240px; text-align:right; text-transform:uppercase; top:10px; width:340px; list-style: none; margin: 0; padding: 0; } #content ul.occasionsSubpageTitles li a{ color: #909090; } #content ul.occasionsSubpageTitles li a.active{ color: #BE9272; } #page_occasions #content ul.pdfList{ left: 260px; } #content h2.moduleH2 { position: absolute; top: 200px; left: 280px; font-size: 1.5em; line-height:1.5em; text-align: left; } #content h2.moduleH2:first-letter { font-size:1.3em; } #mod_pukkaRooms { position: absolute; top: 0; left: 0; z-index: 100; } #content #mod_pukkaRooms p { margin: 10px 0; } #mod_pukkaRooms .linkToEditPage{ position: absolute; z-index: 2000; width: 230px; left: 260px; } #mod_pukkaRooms .moduleBody { width: 956px; height: 536px; position: relative; overflow: hidden; } #mod_pukkaRooms .itemPreview { position: absolute; top: 240px; left: 563px; z-index: 100; width: 385px; visibility: hidden; } #mod_pukkaRooms .itemPreview h3{ font-size: 0.95em; color: #be9272; font-family: Georgia; font-weight:normal; letter-spacing: 3px; margin-bottom: 8px; text-transform: uppercase; } #mod_pukkaRooms.viewList .itemPreview.first { left: 545px; visibility: visible; } .jsHide #mod_pukkaRooms.viewList .itemPreview.first, .jsHide #mod_pukkaRooms.viewItem .itemPreview { left: 563px; visibility: hidden; } #mod_pukkaRooms.viewList .itemPreview.last { margin-bottom: 0.9em; } #mod_pukkaRooms.viewList .itemPreviewTitle { margin-top: 0; } #mod_pukkaRooms.viewItem h2.itemTitle, #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle, .gallerydesctext{ width: 310px; height: 90px; position: absolute; bottom: 0; left: 0; color: #fff; font-weight: normal; line-height: 90px; text-align: center; font-size: 1.2em; } #mod_pukkaRooms.viewItem h2.itemTitle, #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle { background: transparent url(http://www.villamagna.es/templates/main/images/photo_overlay.png) top left repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/photo_overlay.gif) top left repeat; } #roomsGalleryContainer { position: relative; width: 493px; height: 500px; } #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle a, #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle a:visited, #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle a:hover{ color: #fff; text-decoration: none; } #mod_pukkaRooms .itemPreview .itemPreviewEditLink { z-index: 60; right: 0; top: -15px; background-color: white; color: black; } #mod_pukkaRooms img.itemMainImage{ float: left; margin-right: 70px; } #mod_pukkaRooms.viewList .itemPreviewImageSection { position: absolute; top: 0; display: none; } #mod_pukkaRooms .itemPreviewViewLink, #mod_pukkaRooms .itemPreviewBackLink { font-size:1.2em; font-weight:bold; margin:5px 0; } #mod_pukkaRooms .itemPreviewBookingLink a{ color: #BE9272; text-transform: uppercase; text-align: center; padding-top: 10px; } #mod_pukkaRooms .itemPreviewViewLink{ display: none; } #mod_pukkaRooms .itemPreviewBookingLink a, #mod_pukkaRooms .itemPreviewViewLink a, #mod_pukkaRooms a.itemPreviewBackLink{ text-decoration: none; } #mod_pukkaRooms #subPageContent { background-color:#31123A; height:500px; margin:0 0 0 172px; width:788px; position: relative; } #mod_pukkaRooms #roomsTitleList{ position: absolute; top: 10px; right: 10px; width: 430px; text-transform: uppercase; text-align: right; color: #BE9272; } #mod_pukkaRooms #roomsTitleList h3{ margin: 5px 0; } #mod_pukkaRooms #roomsTitleList a{ font-family: "Times New Roman", Times, serif; color: #909090; text-decoration: none; font-weight:normal; } #mod_pukkaRooms #roomsTitleList a:hover{ text-decoration: underline; cursor: pointer; } .jsHide #mod_pukkaRooms #roomsTitleList a:hover{ text-decoration: none; } #mod_pukkaRooms #roomsTitleList a.active{ color: #BE9272; } #mod_pukkaRooms #roomsImageList { position: absolute; top:0; left: 0; } #preloadImageHolder { display: none; } .gallerylayer, .gallerylayer img{ width: 230px; height: 536px; } #page_occasions .gallerylayer, #page_occasions .gallerylayer img { width: 240px; } #page_accommodation .gallerylayer, #page_accommodation .gallerylayer img { width: 493px; } #page_home .gallerylayer, #page_home .gallerylayer img{ width: 425px; } #galleryContainer .gallerylayer, #galleryContainer .gallerylayer img{ width: 956px; height: 536px; } .scrollableArea img { border: 1px solid #000; width: 190px; height: 98px; } #galleryContainer { position: absolute; top: 0; left:0; width: 956px; height: 536px; overflow: hidden; z-index: 100; } #galleryNavigation { position: absolute; top: 0; left: 0; width: 956px; height: 150px; z-index: 250; display: none; } .jsHide #galleryNavigation { display: block; } #galleryThumbsContainer { position: absolute; top: 0; left: 0; height: 150px; width: 956px; background: transparent url(http://www.villamagna.es/templates/main/images/overlay_bg.png) top left repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/overlay_bg.gif) top left repeat; } #tumbsNavBox { height: 100px; width: 956px; margin-top: 24px; position: relative; } .scrollingHotSpotLeft { position: absolute; top: 0; left: 0; width: 200px; height: 100px; z-index: 252; } .scrollingHotSpotRight{ position: absolute; top: 0; right: 0; width: 200px; height: 100px; z-index: 252; } .scrollWrapper{ position: relative; width: 956px; height: 100px; overflow: hidden; } .scrollableArea{ position: relative; width: auto; height: 100px; background-color: #000; } .scrollableArea * { position: relative; float: left; margin: 0; padding: 0; } #galleryPrevNav, #galleryNextNav{ display: block; height: 40px; width: 40px; position: absolute; top: 50%; margin-top: -20px; text-indent: -9999px; z-index: 260; background: transparent url(http://www.villamagna.es/templates/main/images/gallery_btns.png) 0 0 no-repeat; background: transparent url(http://www.villamagna.es/templates/main/images/gallery_btns.gif) 0 0 no-repeat; } #galleryPrevNav{ left: 0; } #galleryNextNav{ right: 0; background-position: -40px 0; } #galleryImgBox{ position: absolute; top: 0; left: 0; width: 956px; height: 536px; z-index: 200; } #galleryContainer .gallerydesctext{ height: 20px; line-height: 20px; z-index: 201; text-align: right; background: transparent url(http://www.villamagna.es/templates/main/images/overlay_bg.png) top left repeat; _background: transparent url(http://www.villamagna.es/templates/main/images/overlay_bg.gif) top left repeat; }  .basicForm { display: table; zoom: 1;   } .basicForm, .basicFormFieldBlock { width: 383px;  } .basicFormFieldBlock { position: relative; zoom: 1; margin-bottom: 5px; } .basicForm .basicFormFieldBlock:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .requiredFieldMark { color: #ff0000; } .requiredFieldEmphasis { color: #ff0000; } .basicForm label, .basicForm .noteLabel { margin-right: 8px; } .basicForm label.blockLabel, .basicForm .noteLabel { display: block; float: left; _display: inline; width: 120px; text-align: right; line-height: 1.3em; } .basicForm label.textareaLabel { float: left; _display: inline; width: 120px; margin-top: 6px; text-align: right; } .basicForm .stdLabel { float: left; _display: inline; margin-top: 6px; text-align: left; } .basicForm .stdFormBlock { margin-left: 128px; } .basicForm .checkboxlistItem { float: left; _display: inline; width: 33%; margin-top: 0px !important; } .basicForm .checkboxlistItem input { float: left; _display: inline; } .basicForm .checkboxlistItem span {  display: inline; font-size: 0.9em; line-height: 100%; font-family: "Arial Narrow", Arial, Verdana; text-transform: uppercase; } #content p.radiobuttonListItem { margin: 5px 0; color: #000; } .basicForm .smallTextarea { overflow: auto; width: 251px; height: 36px; font-size: 0.95em; } .basicForm .textarea { float: left; _display: inline; overflow: auto;  margin: 0; border: 1px solid gray; padding: 1px 0px 0px 2px; width: 251px; height: 50px; font-size: 0.95em; font-family: Arial; } .basicForm .checkbox { float: left; _display: inline; margin-top: 2px; } .basicForm .input, .basicForm .select { float: left; _display: inline; margin: 0px; border: 1px solid gray; padding: 0; width: 160px; font-size: 0.95em; } .basicForm .input { padding-left: 2px; height: 1.3em;  padding-bottom: 2px; } .basicForm .select { padding-left: 1px; width: 164px;  padding-bottom: 1px;  height: 1.67em;  } *:first-child+html .basicForm .select {  height: 1.7em; }  @media all and (min-width: 0px) {  .basicForm .input { height: 1.65em; } .basicForm .select { width: 158px; }  .basicForm .input[class^='input'] { height: 1.3em; } .basicForm .select[class^='select'] { width: 164px; } }  .basicForm .captcha-container, .basicForm .note { display: block; float: left; _display: inline; width: 164px; } .basicForm .captcha-container { text-align: left; } .basicForm .captcha-image { display: inline; _margin-left: -3px;  } .basicForm .captcha-container a { display: block; width: 160px; } #captcha-followup { clear: left; } .basicForm .basicFormSubmit { float: left; _display: inline; margin-left: 128px; margin-top: 15px; font-size: 0.95em; cursor: pointer; } .basicForm .noteLabel { font-weight: bold; }  div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 300; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 1000; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 300; } div#fancy_loading_icon { position: absolute; background: url('http://www.villamagna.es/templates/main/images/fancy_loading.gif') no-repeat; z-index: 350; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 900; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } div#fancy_content { margin: 0; z-index: 1000; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 1000; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 1000; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('http://www.villamagna.es/templates/main/images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 1810; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 1110; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 1120; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 700; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 700; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('http://www.villamagna.es/templates/main/images/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 1000; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(http://www.villamagna.es/templates/main/images/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(http://www.villamagna.es/templates/main/images/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(http://www.villamagna.es/templates/main/images/fancy_title_right.png) repeat-x; } #weather-box { margin: 15px 30px; color: #BE9272; height: 120px; } #weather-box dt.label { float: left; clear: both; margin: 5px 5px 5px 0; width: 110px; } #weather-box dd { margin: 5px 0; float: left; } #weather-box img.weathertype { display: block; margin: 10px 0; *background-color:#fff; }
#navigation{ text-align: center; } #navigation h1 { text-align: right; white-space: nowrap; color: #454545; font-weight: normal; font-size:0.8em; } #language-navigation { text-align: right; } #language-navigation ul li a{ color: #fff; } #main-navigation{ white-space: nowrap; } #main-navigation ul li, #language-navigation ul li { font-size: 0.9em; } #main-navigation ul li a{ color: #c4c4c4; font-family: "Times New Roman", Times, serif; text-transform: uppercase; text-shadow: 1px 1px 0 #333; } #main-navigation ul li.active a { color: #fff; } #main-navigation ul li a:first-letter { font-size:1.1em; } #content h2{ color: #be9272; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 1.2em; line-height:1.3em; font-weight: normal; text-align: center; } #content h2.subpageH2 { font-size: 1.5em; line-height:1.5em; } #content h2.subpageH2:first-letter { font-size:1.3em; } #content p, .contentP{ font-size: 0.9em; color: #4f1a0b; } #content ul { color: #4F1A0B; } #content .moduleBody ul, #content .mainSubpageContent ul, #content .innerBox ul { font-size: 0.9em; } #content ul#mainSubpageTitles{ text-transform: uppercase; text-align: right; font-size:0.95em; } #content ul#mainSubpageTitles li a{ color: #909090; } #content ul#mainSubpageTitles li a.active{ color: #BE9272; } #content #mainSubpageContent .itemPreview h2 { font-size:1.5em; line-height:1.5em; text-align:left; } #content #mainSubpageContent .itemPreview h2:first-letter{ font-size: 1.3em; } #content #mainSubpageContent p.intro { font-size: 0.95em; color: #4F1A0B; } a.pdfLink { line-height: 26px; color: #4F1A0B; } #logoBox a#galleryLink span.galleryLinkText, #logoBox a#eventsLink span.galleryLinkText{ font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 0.9em; color: #888; } #footer { text-align: center; } #footer a#bookingKnob { color:#7B613E; font-family: "Times New Roman", Times, serif; line-height:22px; _line-height: 20px;  text-transform:uppercase; text-shadow: 1px 1px 0 #fff; font-size: 0.9em; } #footerMenu{ font-size:0.8em; } #footerMenu ul li a{ line-height: 22px; color: #be9272; } #footerMenu ul li.active a{ color: #fff; } #footerCopyright { color: #666666; } #footerCopyright p { line-height: 22px; } #footerCopyright .telLink{ color: #939393; } #footerCopyright a.mailLink{ color: #be9272; } a#bestPrice { color: #fff; text-align: left; } a#bestPrice:hover { text-decoration: none; } #bestPrice span.bestPriceRates, #bestPrice span.bestPriceFrom{ color: #be9272; text-align: right; font-family: "Times New Roman", Times, serif; } #bestPrice span.bestPriceRates { font-size:1.5em; } #bestPrice span.bestPriceFrom { font-style: italic; font-size: 0.9em; } #bestPrice span.price_unit, #bestPrice span.price, #bestPrice span.price_small { line-height: 30px; font-size: 2em; font-family: Georgia, Times, serif; } #bestPrice span.price_unit{ font-family: Verdana; font-size: 1.8em; } #bestPrice span.price_small { font-size: 1.2em; } #bestPrice span.bestPriceGuaranteed { color: #be9272; text-align: left; font-size: 0.65em; line-height: 1.2em; text-transform: uppercase; } #bookingMask { color: #fff; } #bookingMask label { line-height:18px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 0.9em; color: #bbb; } #bookingMask .date input#date-in { font-size:0.9em; line-height:18px; text-indent:5px; color: #333; } #bookingMask div#iconselectNights, #bookingMask div#iconselectAdults, #bookingMask div#iconselectChildren { color: #333; text-indent: 4px; line-height: 18px; font-size: 1em; text-align: left; font-size: 0.9em; } #bookingMask div#iconselectholderNights, #bookingMask div#iconselectholderAdults, #bookingMask div#iconselectholderChildren { color: #757575; } .selectitems { line-height: 19px; } .hoverclass{ color: #fff; } .selectedclass{ color: #fff; } #bookingMask button{ line-height: 20px; color: #d6d6d6; text-transform: uppercase; font-size: 0.9em; }  #page_gallery360 #content h3 { color: #be9272; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 1.2em; line-height:1.3em; font-weight: normal; text-align: center; } #galleryContainer .gallerydesctext { _color: #000;  } #page_services #content ul#mainSubpageTitles { text-transform: capitalize; } #page_services #content ul#mainSubpageTitles #itemPreviewTitle0, #page_services #content ul#mainSubpageTitles #itemPreviewTitle1 { text-transform: uppercase; } .magnumSite #navigation { font-size:0.8em; } .magnumSite #navigation #main-navigation-magnum ul li a{ line-height: 22px; color: #be9272; } .magnumSite #navigation #main-navigation-magnum ul li.active a{ color: #fff; } .magnumSite #content h2 { color: #0E2E30; } .magnumSite #content p { color: #0E2E30; } .magnumSite #content #mainSubpageContent p.intro { color: #51767B; font-size: 1.1em; } .magnumSite #footerMenu ul li a { text-transform: capitalize; }  #main-navigation:after, #bookingMask:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #language-navigation ul li a{ text-indent: 10000px; overflow: hidden; }
div.calendar { position: relative; font-family: Verdana, sans-serif; font-size: 0.9em; border: 1px solid #000; z-index: 10000; cursor: pointer; } .calendar table { color: #fff; background-color: #89817c; border: 3px solid #DDC0A8; cursor: pointer; border-collapse: separate; }  .calendar table td { text-align: center; border-collapse: }   .button { color: #fff; background-color: #3e3c36; }  .calendar thead .title { color: #fff; background-color: #3e3c36; padding: 2px; font-weight: bold; text-align: center; text-transform: uppercase; }  .calendar thead .headrow .button { color: white; padding-bottom: 2px; }  .calendar .nav { background-color: #3e3c36; }  .calendar thead .hilite { background-color: #4E4C44; color: gray; }  .calendar thead .active { background-color: #89817c; }  .calendar thead .daynames { border: 0 solid #999; }  .calendar thead .name { color: white; border-bottom: 0px solid black; padding: 5px; text-align: center; font-weight: bold; }  .calendar thead .weekend { color: #3e3c36; }  .calendar thead .daynames .hilite { background-color: transparent; }  .calendar thead .daynames .active { background-color: transparent; }   .calendar tbody .day { text-align: center; border-top: 1px none #fff; border-right: 1px none #8a8a8a; border-bottom: 1px none #8a8a8a; border-left-width: 1px; border-left-color: #fff; } .calendar tbody .day.othermonth { color: #85884c; font-size: 70%; } .calendar tbody .day.othermonth.oweekend { color: #fbb; background-color: #c1cd23; } .calendar table .wn { visibility: hidden; color: #r; background: transparent none; } .calendar table .wn { visibility: hidden; color: #fcae1d; background: transparent none; } .calendar tbody td { margin: 0; padding: 0; width: 2em; height: 1.5em; } .calendar tbody .rowhilite td { } .calendar tbody .rowhilite td.wn { background-color: #efe; }  .calendar tbody td.hilite { background-color: #4E4C44; color: white; }  .calendar tbody td.active { background-color: #ddc; border-width: 1px; }  .calendar tbody td.selected { color: gray; background-color: #DDC0A8; font-weight: bold; }  .calendar tbody td.weekend { color: #223340; background-color: #9c9692; border-color: #1b5175; }  .calendar tbody td.weekend:hover { color: #fff; background-color: #4E4C44; font-weight: bold; }  .calendar tbody td.today { font-weight: bold; } .calendar tbody .disabled { color: #999; }  .calendar tbody .emptycell { visibility: hidden; }  .calendar tbody .emptyrow { display: none; }   .calendar tfoot .footrow { }  .calendar tfoot .ttip { color: white;  line-height: 0; text-indent: -999em; font-size: 0px; }  * html .calendar tfoot .ttip { } *:first-child+html .calendar tfoot .ttip { } .calendar tfoot .hilite { } .calendar tfoot .active { }  .calendar .combo { display: none; color: black; background-color: white; position: absolute; top: 0px; left: 0px; border: 1px solid #000; width: 4em; cursor: pointer; font-size: 90%; } .calendar .combo .label, .calendar .combo .label-IEfix { padding: 1px; text-align: center; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .hilite { background-color: #3e3c36; color: white; } .calendar .combo .active { background-color: #737373; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: normal; color: white; border-style: none; font-style: normal; } .calendar td.time { background-color: #fed; border-top: 1px solid white; padding: 1px 0px; text-align: center; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { background-color: white; border: 1px solid #988; padding: 0px 3px 0px 4px; font-weight: bold; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { color: white; background-color: #866; border-color: black; } .calendar td.time span.active { background-color: black; border-color: #f00; }