body{color:#fff;background:#111111;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* GLOBAL - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** COLOURS - Green: #75a418 - Biege: #dbd8bd - Charcoal: #171717 */ /* =GLOBAL ----------------------------------------------- */ body { background:#111111 ; font: 63.7%/1.55 "Lucida Grande", Avenir, Arial, sans-serif; color:#999; } /* =Clearfix */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#75a418 ; text-decoration:none; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0 10px 10px 15px; } img.alignleft { padding:0; margin:0 15px 10px 10px; } /* =Typography */ p { font-size: 1.2em; margin-bottom: 15px; letter-spacing:-0.008em;} small {} strong { font-weight:bold;} em {} blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 1.4em; color:#909090; background: url(t1/2_files/bg_quote.png) no-repeat top left; padding:0 25px; margin:2em; clear:both; } blockquote strong { font:bold 0.8em/1.4 "Lucida Grande", Avenir, Arial, sans-serif; color:#333; } .col_right blockquote { margin:1em; font-size:1.2em; } h1,h2,h3,h5 { font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif; } h1 { font-size: 2.2em;} h2 { font-size: 3.2em; margin: 18px 0 10px} h2#home { margin-top:32px; } h3 { font-size: 1.8em; margin: 1.4em 0 .45em; color:#999; } h4 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #edecec; margin:20px 0 13px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif;} h5 { font:bold 1.5em/1.3 Arial, Helvetica, sans-serif; margin-top:15px; color:#272727;} h5 em {font-size: 1.65em; } h5 a {text-decoration: none; } h5 a:hover {text-decoration:underline } /* =Forms */ .frmcontacto { } .frmcontacto input, .frmcontacto textarea {width:250px; background:#999; border:0; clear:none; padding:4px;} .frmcontacto label {clear:both; display:block; margin:10px 0} /* */ /* FORM FIELDS enhanced error display */ /* */ ol.cf-ol li.cf_li_err { padding:5px 0!important; margin:5px 0!important; } ol.cf-ol li.cf_li_err input.single { border:1px solid #f00; } ol.cf-ol li.cf_li_err label, ol.cf-ol li.cf_li_err span.reqtxt, ol.cf-ol li.cf_li_err span.emailreqtxt { color:#f00; } ol.cf-ol li ul.cf_li_text_err { height:1%; min-height:1%; margin:0 0 0 100px; padding:0; color:#333; } ol.cf-ol ul.cf_li_text_err li { background:url(t1/2_files/icon-ale.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px; } ol.cf-ol ul.cf_li_text_err li:before { content:''; } /* */ /* formatting for text: "(required)" & other */ /* */ .linklove a { color:#eee; } span.reqtxt, span.emailreqtxt { margin:3px 0 0 3px; font-size:0.9em; display: -moz-inline-box; vertical-align:top; } /* */ /* FORM submit button */ /* */ p.cf-sb { padding: 0!important; margin: 0; } .cform input.sendbutton { text-transform: uppercase; text-decoration:none; color:#fff; cursor:pointer; font-size:12px; margin:10px 0 10px 180px; padding:7px 15px 5px !important; vertical-align:middle; white-space:nowrap; background:#5f8b19 url(t1/2_files/btn_bg_g.png) left top repeat-x; border:1px solid #5f8b19; width: auto; } .cform input.sendbutton:hover { background: #5f8b19; } #packages_form fieldset {margin-left: 32px;} /* =Lists */ ul { margin: 0 0 1em 1.5em; } ol {} li { list-style: outside; list-style-type:disc; font-size: 1.2em; margin-bottom: 1px; letter-spacing:-0.01em;} div.col_right ul {margin-left: 0;} div.col_right li {list-style: none;} /* =Tables */ table {} td {} /* =STRUCTURE ----------------------------------------------- */ #page_wrap { margin: 0 0;} #container { background: #171717 url(t1/2_files/bg_page_.png) repeat-x top center; } .wrap { width: 980px; margin: 0 auto; background:#171717;} #container .wrap {background: #171717 url(/*bg_flax0.png*/) 560px bottom no-repeat; padding-bottom:1px; } /* Masthead */ #header { background: #171717 url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0; width: 980px; height:257px; } #header h1 {} #header h1 a { display: block; width: 260px; height: 202px; } #header p { margin-left: 300px; } /* Content */ .columns { margin: 0 20px 30px;} .columns.no_margin { margin-bottom: 0;} .col_left { width: 300px; float:left; margin-right: 20px; } .col_left.wide {width: 620px; margin-right: 0;} .half {width: 460px !important; margin-right: 0; } .wide ul.col_left { margin-right:0; } #galeria a img {border:3px solid #111; margin:3px;} #galeria a:hover img {border:3px solid #fff;} .col_mid { width: 300px; float: left; } .col_right { width: 300px; float:right; } .col_right.wide {width: 620px;} .col_right.first {margin-top: 80px; } .flash_hero { padding-top:20px; } .col_right a img { border:5px solid #111;} .col_right a:hover img { border:5px solid #1d1d1d;} .col_btm { width:900px; clear:both; padding:5px 0} #banner { margin: 0 auto; width:200px; } /* Footer */ #footer { background:#111111 url(/*bg_foote.png*/) repeat-x top center; color:#f5f5f5; } #footer .wrap { background: #000/* url(bg_footf.png) repeat-x top center*/; padding-top: 39px;} #footer .columns { margin-bottom: 0; background: url(/*bg_footg.png*/) no-repeat bottom left; } #footer .item {margin-bottom: 24px; } #footer a {color:#dbd8bd;} #footer ul { margin: 0; } #footer li {list-style: none;} #footer p {font-size:1.2em;} #footer h4 { font-family: Avenir, Arial, Helvetica, sans-serif; color:#fff; margin:0 0 13px;} #footer h5 { color:#dbd8bd; margin:0; font-size: 1.55em; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal; } #footer h5 a { text-decoration: none;} #footer h5 a:hover { text-decoration: underline;} #footer .signup { background: url(t1/2_files/sprites_.png) no-repeat 0 0; width: 146px; height: 115px; text-align: center; float:right; margin-top: 0; } #footer .signup h5 { font-size: 1.2em; line-height:1.1; font-weight:bold; text-transform:uppercase; margin:0; padding: 9px 10px 0; color:#fff; } #footer .signup p { font-size:1.1em; padding: 9px 10px 0; line-height: 1.1; } #footer .signup a { display: block; width:110px; height:26px; background:url(t1/2_files/sprites_.png) no-repeat -146px -58px; margin: 0 auto; } #footer .signup a:hover {background-position: -146px -84px; } #footer .signup.first { float: left; } /* newletter signup form */ #contactform_leisure, #contactform_corp { background: #333; padding:10px; position:absolute; width:280px; top: 34px; right: 0; } #contactform_leisure {height:96px;} #contactform_leisure label, #contactform_corp label { display:block; float:left; font-size:1.2em; width:7em; } #contactform_leisure input, #contactform_corp input{ margin-bottom:.75em; width: 165px; } #contactform_leisure .btn_submit, #contactform_corp .btn_submit {display: block; width:110px; height:26px; background:url(t1/2_files/sprites_.png) no-repeat -146px -58px; float:right} #contactform_leisure .btn_close, #contactform_corp .btn_close {display: block; width:81px; height:26px; background:url(t1/2_files/sprites_.png) no-repeat -256px -58px; float:right; margin-right: 10px;} #contactform_leisure a.btn_close:hover, #contactform_corp a.btn_close:hover {background-position: -256px -84px;} #contactform_leisure a.btn_submit:hover, #contactform_corp a.btn_submit:hover {background-position: -146px -84px;} /* Primary Nav */ #primary_nav { background:#000; padding-bottom: 36px; font-family: Avenir, Arial, sans-serif; margin: 0;} #primary_nav li { float: left; text-align: center; background: #000; margin: 0; list-style: none; } #primary_nav a { display: block; height:36px; text-transform: uppercase; text-decoration: none; font-size: 1.1em; color:#ccc; line-height: 2.7 } #primary_nav a:hover, #primary_nav li.sfHover a, #primary_nav li.sf-breadcrumb a { color:#fff; background: #050505; } #primary_nav li.current_page_item a, #primary_nav li.current_page_parent a, #primary_nav li.current_page_ancestor a { color:#fff; background: #000 url(../img_paisajistas/gif_paisajistas/bg_hover.gif) no-repeat top right; } #primary_nav .page-item-42 a { width: 86px; } #primary_nav .page-item-2 a { width: 220px; } #primary_nav .page-item-4 a { width: 160px; } #primary_nav .page-item-5 a { width: 120px; } #primary_nav .page-item-6 a { width: 126px; } #primary_nav .page-item-7 a { width: 113px; } #primary_nav .page-item-en a { width: 113px; background:url(../img_paisajistas/gif_paisajistas/flag_english.gif) center center no-repeat; } #primary_nav .page-item-es a { width: 113px; background:url(../img_paisajistas/gif_paisajistas/flag_espanol.gif) center center no-repeat; } #primary_nav .page-item-9 a { width: 155px; } #primary_nav ul { width: 980px; margin: 0; } #primary_nav .current_page_item ul, #primary_nav .sfHover ul { display: block !important; visibility:visible !important; width:100%; background:#050505; } #primary_nav ul li { } #primary_nav ul li a { background: #050505; text-transform:none; width: auto !important; padding: 0 18px; font-size: 1em; line-height: 2.4; color:#fff; float:left;} #primary_nav ul li a:hover { text-decoration: underline;} #primary_nav ul li.current_page_item a, #primary_nav li.current_page_ancestor ul li a, #primary_nav li.current_page_item ul li a { background: #050505; } /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ #bct {color:#999; margin-top:1em; } #bct strong {color:#666} #bct p { font-size:1.0em; text-transform:lowercase; } #btn_book_now, .btn_book_now { display: block; width:183px; height: 29px; background: url(t1/2_files/sprites_.png) no-repeat -146px 0; float:left; margin-right:1em; } #btn_book_now:hover, .btn_book_now:hover { background-position: -146px -29px; } .btn_book_now { float:right;margin:2em 0 3em;} #btn_banner1 { display: block; width: 200px; height: 213px; background:url(t1/2_files/img_bann.png) no-repeat 0 0; margin: 0 auto; } .logos { float: right; margin-top: 26px; } #logo_catch { display:block; width:88px; height:15px; background:url(t1/2_files/logo_cat.png) no-repeat 0 0; float:right; margin: 68px 15px 0 0; } p.intro {font-size: 1.6em; margin-bottom: 20px; } p.inline { line-height: 2; margin:45px 0 0 0;} p.date {color:#666; font-size:1em !important; text-transform: uppercase;} p.small { font-size: 1em; color:#ccc; } .article_teaser { border-bottom:1px solid #EDECEC; padding-bottom:20px; margin-bottom:20px; } ul.col_left, ul.col_right {width: 200px; padding-left: 20px; margin-left: 0;} .wide ul.col_left, .wide ul.col_right {width: 290px; } #food ul.col_left li, #food ul.col_right li, #to_do ul.col_left li, #to_do ul.col_right li {list-style: none; } #food ul.col_left, #food ul.col_right, #to_do ul.col_left, #to_do ul.col_right { padding-left: 0; margin-left: 0;} #food ul.col_left li li, #food ul.col_right li li, #to_do ul.col_left li li, #to_do ul.col_right li li {font-size: 1em; margin-bottom: 1em;} ul.blogroll {margin-left: 0;} /* Teasers */ .teaser a { display: block; width: 300px; height:118px; margin-bottom:15px; /*margin-top:40px;*/ } .teaser.wide a { width: 597px; } .teaser a:hover { background-position: bottom left !important; } #btn_accommodation a { background:url(t1/2_files/btn_teas.jpg) no-repeat 0 0; } #btn_corporate a { background:url(t1/2_files/btn_teat.jpg) no-repeat 0 0; } #btn_wedding a{ background:url(t1/2_files/btn_teau.jpg) no-repeat 0 0; } /* landing pages - fuera contenido */ .landing #container, .inside #container { background: #111111 url(../img_paisajistas/gif_paisajistas/bg_topext.gif) repeat-x top center; } .landing #header, .inside #header { height: 202px; } /* dentro contenido */ .landing #container .wrap { background: #171717 url(/*bg_toi_t.jpg*/) no-repeat bottom right;} .landing#weddings #container .wrap { background: #fff url(t1/2_files/bg_swirl.jpg) no-repeat bottom right;} .landing .teaser a { height: 140px; } .col_right img {margin-bottom: 20px; } /* header images */ .landing#experience #header {background: #171717 url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0; } .inside#facilities #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} .inside#contact #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} .inside#sustain #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} .inside#food #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} .inside#martinborough #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} .inside#to_do #header {background: url(../img_paisajistas/jpg_paisajistas/img_jardinjapones.jpg) no-repeat 0 0;} /* inside pages */ .inside #container .wrap { background: #fff url(t1/2_files/bg_flax0.png) no-repeat bottom 560px;} .inside .teaser a { height: 92px; width: 465px } .columns.packages{margin-bottom:0;} #btn_lakeside_suites { background:url(t1/2_files/btn_lake.png) no-repeat 0 0;display: block; width: 153px; height: 24px; } #btn_cottages { background:url(t1/2_files/btn_cott.png) no-repeat 0 0;display: block; width: 153px; height: 24px; } #btn_villas { background:url(t1/2_files/btn_vill.png) no-repeat 0 0;display: block; width: 153px; height: 24px; } #btn_lakeside_suites:hover, #btn_cottages:hover, #btn_villas:hover {background-position: 0 -25px } #btn_pure_luxury_cottage_book_now a { background: url(t1/2_files/btn_pure.jpg) no-repeat 0 0; height:92px } #btn_pure_luxury_suite_book_now a { background: url(t1/2_files/btn_pure.jpg) no-repeat 0 0; height:92px } #btn_pure_luxury_villa_book_now a { background: url(t1/2_files/btn_pure.jpg) no-repeat 0 0; height:92px } #btn_gift_vouchers a { background: url(t1/2_files/btn_gift.jpg) no-repeat 0 0; height:92px } #btn_corporate_big a { background: url(t1/2_files/btn_corp.jpg) no-repeat 0 0; height:92px !important } #btn_wedding_big a { background: url(t1/2_files/btn_wedd.jpg) no-repeat 0 0; height:92px !important } #btn_corporate_packages_banner { background:url(t1/2_files/btn_corp.png) no-repeat 0 0; width:290px; height:204px; display: block;} #btn_corporate_packages_banner:hover { background-position: bottom left; } #btn_corporate_pkg_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:290px; height:87px; display: block;margin-bottom:20px;} #btn_corporate_pkg_banner:hover { background-position: bottom left; } #btn_corporate_eoy_pkg_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:290px; height:87px; display: block;} #btn_corporate_eoy_pkg_banner:hover { background-position: bottom left; } #btn_wedding_packages_banner { background:url(t1/2_files/btn_wedd.png) no-repeat 0 0; width:290px; height:204px; display: block;} #btn_wedding_packages_banner:hover { background-position: bottom left; } #btn_honeymoon_1 { background:url(t1/2_files/btn_pkg_.png) no-repeat 0 0; width:290px; height:93px; display: block;} #btn_honeymoon_1:hover { background-position: bottom left; } #btn_honeymoon_3 { background:url(t1/2_files/btn_pkg_.png) no-repeat 0 0; width:290px; height:93px; display: block;} #btn_honeymoon_3:hover { background-position: bottom left; } #btn_honeymoon_6 { background:url(t1/2_files/btn_pkg_.png) no-repeat 0 0; width:290px; height:93px; display: block;} #btn_honeymoon_6:hover { background-position: bottom left; } #btn_cellar_dweller_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:460px; height:139px; display: block; text-indent:-999em; margin-bottom:20px; outline:none} #btn_cellar_dweller_banner:hover { background-position: bottom left; } #btn_garden_escape_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:460px; height:139px; display: block; text-indent:-999em;margin-bottom:20px;outline:none} #btn_garden_escape_banner:hover { background-position: bottom left; } #btn_wine_food_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:460px; height:139px; display: block; text-indent:-999em;margin-bottom:20px;outline:none} #btn_wine_food_banner:hover { background-position: bottom left; } #btn_outdoor_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:460px; height:139px; display: block; text-indent:-999em;margin-bottom:20px;outline:none} #btn_outdoor_banner:hover { background-position: bottom left; } #btn_indulge_banner { background:url(t1/2_files/btn_pkg_.jpg) no-repeat 0 0; width:460px; height:139px; display: block; text-indent:-999em;margin-bottom:20px;outline:none} #btn_indulge_banner:hover { background-position: bottom left; } body#packages #container .wrap {background:#171717;} #booking_form, #vouchers_form, #booking_form2 {display: none;} #booking_form h4 {margin:0;} #vouchers_form h4 {margin:0;} img.package_price{float:right;clear:both;margin-right: 20px;} span.clear{clear:both;} ul.package_info{width:450px;} ul.package_info li{} table{font-size:1.2em;} table.tariff{width:620px;margin-bottom:20px;} table tr td{padding:4px;border-top:1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf;} table tr td.center{text-align:center;} table tr td.feature{text-align:left;width:218px;} table tr td.data{text-align:right;width:134px;text-align:center;} table tr.title{font-size:1.4em;background:#e7e3d0;color:#666;border-bottom:1px solid #cfcbba;} table tbody tr.price td{color:#000;font-weight:bold;padding:12px 4px;vertical-align:top;} a.book{width:71px;height:17px;text-indent:-999em;display:block;background: transparent url(t1/2_files/sprites_.png) -265px -110px no-repeat; margin-left:25px; margin-top:5px; outline:none; cursor: pointer;} #usermessage6a{display:none;} #booking_form_suites h4, #booking_form_villas h4, #booking_form_cottages h4{margin:0;} #booking_form_suites{display:none;} #booking_form_villas{display:none;} #booking_form_cottages{display:none;} #cforms5form, #cforms3form, #cforms6form{margin-bottom:0;} /*** SUPERFISH ESSENTIAL STYLES ***/ .sf-menu ul { position: absolute; top: -999em; left:0; /*width: 10em; left offset of submenus need to match (see below) */ } .sf-menu ul li { } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 36px; /* match top ul list item height */ z-index: 80; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar { height: 36px; /* padding-bottom: 2.5em; */ position: relative; } .sf-navbar li { position: static; } .sf-navbar a { border-top: none; } .sf-navbar li ul { /*width: 44em; IE6 soils itself without this*/ } .sf-navbar li li { position: relative; } .sf-navbar li li ul { } .sf-navbar li li { /*width: 100%;*/ } .sf-navbar ul li { width: auto; float: left; } .sf-navbar a, .sf-navbar a:visited { border: none; } .sf-navbar li.current { } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current_page_item, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { } ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { } ul.sf-navbar .current_page_item ul, ul.sf-navbar .current_page_parent ul, ul.sf-navbar .sf-breadcrumb ul ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { left: 0; top: 36px; /* match top ul list item height */ } ul.sf-navbar .current_page_parent ul ul { top: -999em; } .sf-navbar li li.current_page_item > a { text-decoration: underline !important; } /*ul.sf-navbar li ul { display:block !important; visibility:visible !important; } */