/* ---------------------------------------------------------------- ____ ____.___ _____________ ___ _____ .____ .___ _________ \ \ / /| |/ _____/ | \/ _ \ | | | |/ _____/ \ Y / | |\_____ \| | / /_\ \| | | |\_____ \ \ / | |/ \ | / | \ |___| |/ \ \___/ |___/_______ /______/\____|__ /_______ \___/_______ / \/ \/ \/ \/ Project: West City Hotel Author: VISUALIS / www.visualis.ro Version: 1.3 Last modified: 23.03.2009 ---------------------------------------------------------------- */ /* DEFAULT BROWSER STYLE RESET ---------------------------------------------------------------- */ html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, hr, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} ol, ul {list-style:none;} table {border-collapse:collapse; border-spacing:0;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} strong {font-weight:bold;} em {font-style:italic;} a, a:active, a:hover, a:focus, a:visited { outline: none; overflow:hidden;} /* END DEFAULT BROWSER STYLE RESET */ /* ------- BOXES success / notice / error */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;} .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .error, .notice, .success {padding-left:20px;} /* ------- FORMS */ input, textarea, select { font-family:Verdana, Arial, Helvetica, sans-serif; padding:6px; color:#fff; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #999; border-bottom:1px solid #999; background:#6d6d6d;} input.checkbox, input.radio { display:block; line-height:1.5em; margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;} /* ------- BODY */ body {background:#000; color:#fff; font:62.5% Verdana, Arial, Helvetica, sans-serif sans-serif; text-align:center;} /* Background images */ body.bg-home {background:#000 url(../img/backgrounds/background-home.jpg) no-repeat center fixed;} body.bg-despre-west-city-hotel {background:#000 url(../img/backgrounds/background-westcity.jpg) no-repeat center fixed;} body.bg-design-hotel {background:#000 url(../img/backgrounds/background-designhotel.jpg) no-repeat center fixed;} body.bg-noutati {background:#000 url(../img/backgrounds/background-news.jpg) no-repeat center fixed;} body.bg-despre-capriccio {background:#000 url(../img/backgrounds/background-restaurant.jpg) no-repeat center fixed;} body.bg-a-la-carte {background:#000 url(../img/backgrounds/background-alacarte.jpg) no-repeat center fixed;} body.bg-bucatarul-sef {background:#000 url(../img/backgrounds/background-chef.jpg) no-repeat center fixed;} body.bg-camere-single {background:#000 url(../img/backgrounds/background-single.jpg) no-repeat center fixed;} body.bg-camere-duble {background:#000 url(../img/backgrounds/background-double.jpg) no-repeat center fixed;} body.bg-apartamente {background:#000 url(../img/backgrounds/background-apartment2.jpg) no-repeat center fixed;} body.bg-sali-de-conferinta {background:#000 url(../img/backgrounds/background-conference.jpg) no-repeat center fixed;} body.bg-nunti-si-evenimente-festive {background:#000 url(../img/backgrounds/background-weddings.jpg) no-repeat center fixed;} body.bg-business-center {background:#000 url(../img/backgrounds/background-business.jpg) no-repeat center fixed;} body.bg-spa-wellness {background:#000 url(../img/backgrounds/background-spa.jpg) no-repeat center fixed;} body.bg-bar-de-zi {background:#000 url(../img/backgrounds/background-bar.jpg) no-repeat center fixed;} body.bg-lista-facilitati {background:#000 url(../img/backgrounds/background-facilities.jpg) no-repeat center fixed;} body.bg-tarife {background:#000 url(../img/backgrounds/background-apartment.jpg) no-repeat center fixed;} body.bg-vip {background:#000 url(../img/backgrounds/background-vip.jpg) no-repeat center fixed;} body.bg-gallery {background:#000 url(../img/backgrounds/background-gallery.jpg) no-repeat center fixed;} body.bg-bookings {background:#000 url(../img/backgrounds/background-bookings.jpg) no-repeat center fixed;} body.bg-contact {background:#000 url(../img/backgrounds/background-contact.jpg) no-repeat center fixed;} body.bg-sitemap {background:#000 url(../img/backgrounds/background-sitemap.jpg) no-repeat center fixed;} body.bg-termeni-si-conditii {background:#000 url(../img/backgrounds/background-terms.jpg) no-repeat center fixed;} body.bg-general {background:#000 url(../img/backgrounds/background-westcity.jpg) no-repeat center fixed;} body.bg-bar {background:#000 url(../img/backgrounds/background-bar.jpg) no-repeat center fixed;} body.bg-galerie-camere {background: url(../img/backgrounds/background-single.jpg) no-repeat center fixed;} body.bg-holuri {background:#000 url(../img/backgrounds/background-designhotel.jpg) no-repeat center fixed;} body.bg-hotel {background:#000 url(../img/backgrounds/background-westcity.jpg) no-repeat center fixed;} body.bg-receptie {background:#000 url(../img/backgrounds/background-contact.jpg) no-repeat center fixed;} body.bg-restaurant {background:#000 url(../img/backgrounds/background-restaurant.jpg) no-repeat center fixed;} body.bg-sali-conferinta {background:#000 url(../img/backgrounds/background-business.jpg) no-repeat center fixed;} body.bg-concert-baniciu {background:#000 url(../img/backgrounds/bg-event-baniciu.jpg) no-repeat center fixed;} body.bg-inaugurare {background:#000 url(../img/backgrounds/bg-event-inaugurare.jpg) no-repeat center fixed;} /* ------- LAYOUT */ ul#accesibility {display:none;} div#page {width:950px; margin:0 auto; text-align:left; padding:30px 0 0 0; font-size:1em;} div#header {width:310px; height:390px; padding:20px; float:left; background: url(../img/background-header.png) no-repeat 0 0; position:relative;} div#header h1 {width:123px; height:108px; text-indent:-10000em; display:block; position:absolute; bottom:20px; right:20px; background:url(../img/logo-WestCityHotel.png) no-repeat 0 0;} /* navigation */ ul#navigation {} ul#navigation li {line-height:1.8em;} ul#navigation li a {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#000;} ul#navigation li a:hover, div#header ul#navigation li a.on {color:#981526;} ul#navigation li ul {padding:5px 0 5px 15px; display:none; } ul#navigation li ul li {line-height:1.6em;} ul#navigation li ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; text-transform:none; font-weight:normal;} ul#navigation li ul li a.on {font-weight:bold;} /* language switch */ ul#langs {position:absolute; bottom:20px; left:20px;} ul#langs li {line-height:1.4em;} ul#langs li a {color:#444; background:transparent; padding:2px 0; text-decoration:none; font-size:90%;} ul#langs li a:hover {color:#981526;} ul#langs li a.on {font-weight:bold;} /* banner */ div#hero {width:600px; height:430px; float:left;} .hero-home {background: url(../img/hero/home.jpg) no-repeat 0 0;} .hero-despre-west-city-hotel {background: url(../img/hero/westcity.jpg) no-repeat 0 0;} .hero-design-hotel {background: url(../img/hero/designhotel.jpg) no-repeat 0 0} .hero-noutati {background: url(../img/hero/news.jpg) no-repeat 0 0;} .hero-despre-capriccio {background: url(../img/hero/restaurant.jpg) no-repeat 0 0;} .hero-a-la-carte {background: url(../img/hero/alacarte.jpg) no-repeat 0 0;} .hero-bucatarul-sef {background: url(../img/hero/chef.jpg) no-repeat 0 0;} .hero-camere-single {background: url(../img/hero/single.jpg) no-repeat 0 0;} .hero-camere-duble {background: url(../img/hero/double.jpg) no-repeat 0 0;} .hero-apartamente {background: url(../img/hero/apartment2.jpg) no-repeat 0 0;} .hero-sali-de-conferinta {background: url(../img/hero/conference.jpg) no-repeat 0 0;} .hero-nunti-si-evenimente-festive {background: url(../img/hero/weddings.jpg) no-repeat 0 0;} .hero-business-center {background: url(../img/hero/business.jpg) no-repeat 0 0;} .hero-spa-wellness {background: url(../img/hero/spa.jpg) no-repeat 0 0;} .hero-bar-de-zi {background: url(../img/hero/bar.jpg) no-repeat 0 0;} .hero-lista-facilitati {background: url(../img/hero/facilities.jpg) no-repeat 0 0;} .hero-tarife {background:#000 url(../img/hero/apartment.jpg) no-repeat 0 0;} .hero-vip {background: url(../img/hero/vip.jpg) no-repeat 0 0;} .hero-gallery {background: url(../img/hero/gallery.jpg) no-repeat 0 0;} .hero-bookings {background: url(../img/hero/bookings.jpg) no-repeat 0 0;} .hero-contact {background: url(../img/hero/contact.jpg) no-repeat 0 0;} .hero-sitemap {background: url(../img/hero/sitemap.jpg) no-repeat 0 0;} .hero-termeni-si-conditii {background: url(../img/hero/terms.jpg) no-repeat 0 0;} .hero-general {background: url(../img/hero/westcity.jpg) no-repeat 0 0;} .hero-bar {background: url(../img/hero/bar.jpg) no-repeat 0 0;} .hero-galerie-camere {background: url(../img/hero/single.jpg) no-repeat 0 0;} .hero-holuri {background: url(../img/hero/designhotel.jpg) no-repeat 0 0} .hero-hotel {background: url(../img/hero/westcity.jpg) no-repeat 0 0;} .hero-receptie {background: url(../img/hero/contact.jpg) no-repeat 0 0;} .hero-restaurant {background: url(../img/hero/restaurant.jpg) no-repeat 0 0;} .hero-sali-conferinta {background: url(../img/hero/business.jpg) no-repeat 0 0;} .hero-concert-baniciu {background: url(../img/hero/event-baniciu.jpg) no-repeat 0 0;} .hero-inaugurare {background: url(../img/hero/event-inaugurare.jpg) no-repeat 0 0;} /* main */ div#main {width:950px; float:left; background:url(../img/background-main.png) repeat 0 0; position:relative;} div.divider {width:950px; height:5px; display:block; background:url(../img/background-hr.png) repeat-x 0 0; position:absolute; top:0; left:0; border:none;} /* bookings */ div.bookings {width:310px; padding:20px; float:left;} div.bookings h2, div.news h2, div.contact h2 {font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:5px;} div.bookings hr, div.news hr, div.contact hr {color:#ccc; background:#ccc; height:1px;} div.bookings a, div.news a, div.contact a {color:#39c;} div.bookings a:hover, div.news a:hover, div.contact a:hover {color:#fff;} div.bookings h2 {width:260px;} div.news a.more, div.contact a.more {font-size:90%;} div.bookings a.rates {float:right; margin-top:-20px; width:50px; text-align:right; text-decoration:none; font-size:90%; background:url(../img/icon-info.png) no-repeat left;} div.bookings fieldset {width:310px; float:left; padding-top:15px; border-top:1px solid #ccc;} div.bookings fieldset legend {display:none;} div.bookings fieldset label {position:relative; width:155px; float:left; margin-bottom:12px;} div.bookings fieldset label strong {font-size:1.1em; color:#eee; font-weight:normal; margin-bottom:3px; float:left;} div.bookings fieldset label input {width:133px; float:left; height:14px; font-size:1.1em; background:#6d6d6d url(../img/icon-calendar.png) no-repeat 122px 5px; color:#fff;} div.bookings fieldset label select {width:145px; float:left;font-size:1.1em;} div.bookings fieldset p {float:left; width:110px; margin-top:7px; color:#999; font-size:1.1em;} div.bookings fieldset p button {float:left; background:#6C0; color:#fff; cursor:pointer; text-transform:uppercase; padding:5px 20px 5px 5px; width:110px;} div.bookings fieldset p button:hover {background:#8DC24A; } div.bookings fieldset p button:active {background:#6C0;} div.bookings fieldset hr {float:right; height:1px; color:#ccc; background:#ccc; border:none; width:190px; margin-top:20px;} div.selectbox-wrapper {position:absolute; width:145px!important; background-color:#000; color:#fff; border:1px solid #222; top:44px; left:0; text-align:left; height:115px; overflow: auto; z-index:1000!important;} div.selectbox-wrapper ul { list-style-type:none; font-size:11px!important; padding:5px 0;} div.selectbox-wrapper ul li.selected { color:#f66;} div.selectbox-wrapper ul li.current { background-color: #39c; color:#fff;} div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:3px 10px 3px 10px; cursor:pointer; font-size:11px!important;} .selectbox {background:#6d6d6d url(../img/background-selectbox.png) no-repeat 124px 11px!important; cursor:pointer;} /* frontpage news */ div.news {width:310px; padding:20px; float:left;} div.news h2 {width:260px; } div.jcarousel-control { float:right; width:50px; margin-top:-20px;} div.jcarousel-control a {width:9px; height:9px; float:left; text-indent:-10000em; background:url(../img/icon-carousel-link.png) no-repeat left top; margin:2px 0 0 5px;} div.jcarousel-control a:hover {background-position:0 -9px;} div.jcarousel-control a.jcc-on {background-position:0 -9px;} ul.front-news {border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:10px; overflow:hidden; width:310px;} ul.front-news li {width:310px; height:120px; padding:15px 0;} ul.front-news li em {color:#999; font-size:1.1em; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;} ul.front-news li h3 {margin-top:10px;} ul.front-news li h3 a {font-size:1.2em; font-weight:bold; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-decoration:none;} ul.front-news li p {color:#ccc; font-size:1.1em; line-height:1.3em; margin-top:5px;} /* contact */ div.contact {float:left; padding:20px; width:210px;} div.contact ul {padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:120px; margin-bottom:10px;} div.contact ul li {font-size:1.1em; line-height:1.4em;} div.contact ul li strong {font-family:Georgia, "Times New Roman", Times, serif; color:#39c; font-size:1.2em; padding-bottom:5px; display:block;} div.contact ul li em {float:left; width:45px; font-style:normal;} div.contact ul li a {color:#39c; text-decoration:none;} /* sidebar */ div#sidebar {width:349px; float:left;} div#sidebar div.bookings fieldset {width:310px; float:left; padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} div#sidebar div.contact ul {padding:0; border:none;} .mail2{padding-left: 45px;} /* content */ div#content {width:558px; min-height:300px; height:auto!important; height:300px; float:left; padding:15px 20px 30px 20px; border-left:1px solid #333;} /* content - typography */ div#content h1 {text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2em; margin-bottom:15px; color:#39c} div#content h2 {text-transform:uppercase; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; font-weight:bold;} div#content h3 {text-transform:uppercase; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;} div#content h4 {} div#content p {font-size:1.2em; margin-bottom:10px; line-height:1.6em;} div#content ul {margin-bottom:10px;} div#content ul li { list-style:square; margin-bottom:5px;line-height:1.6em; font-size:1.2em;} div#content ul.txt li {margin-left:15px;} div#content p a, div#content ul li a {color:#39c;} div#content p a:hover, div#content ul li a:hover {color:#fff;} div#content img.fleft {float:left; margin:0px 20px 20px 0;} div#content img.fright {float:right; margin:0px 0 20px 20px;} /* breadcrumbs */ ul#breadcrumbs { float:left; width:555px; padding:0 0 10px 0; border-bottom:1px solid #ccc; margin-bottom:25px;} ul#breadcrumbs li {display:inline; font-size:90%!important; color:#999; margin-right:5px;} ul#breadcrumbs li a {text-decoration:none; color:#999!important;} ul#breadcrumbs li a:hover {color:#39c!important;} ul#breadcrumbs li strong { font-weight:normal; color:#39c;} /* contact page / form */ div#content fieldset.contact {width:280px; float:left; padding:15px; background:#222; margin-right:30px;} div#content fieldset.contact legend {display:none;} div#content fieldset.contact label {float:left; width:280px; margin-bottom:7px;} div#content fieldset.contact label strong {float:left; width:265px; font-weight:normal; margin-bottom:3px;} div#content fieldset.contact label input, div#content fieldset.contact label textarea {width:265px; font-size:1.1em;} div#content fieldset.contact label textarea {height:100px;} div#content fieldset.contact p {float:left; width:280px; padding-top:15px; border-top:1px solid #666; margin-top:5px;} div#content fieldset.contact p.notes {font-size:90%; color:#999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:5px; border-bottom:1px solid #666; border-top:0; margin-bottom:15px; margin-top:0;} div#content fieldset.contact p button {float:left; background:#6C0; color:#fff; cursor:pointer; text-transform:uppercase; padding:5px 25px 5px 5px;} div#content fieldset.contact p button:hover {background:#8DC24A; } div#content fieldset.contact p button:active {background:#6C0;} /* contact page / right column */ div#content div.contact-column { float: left; width:200px;} div#content div.phone-bookings {float:left; width:200px; border-top:2px solid #999;padding:10px 0 0 0; margin-bottom:20px;} div#content div.phone-bookings h2 {float:left; width:200px; font-size:1.4em; font-weight:normal;} div#content div.phone-bookings h3 {float:left; width:200px; color:#39c; font-size:2em; font-weight:normal;} div#content div.location { float:left; width:200px; border-top:2px solid #999; padding:10px 0 0 0; font-size:90%;} div#content div.location h2 {float:left; width:200px; margin-bottom:10px; font-size:1.4em; font-weight:normal;} div#content div.location h4 {float:left; width:200px;font-size:1.2em; font-weight:bold; margin-bottom:3px; margin-top:15px;} div#content div.location img {border:2px solid #222; padding:1px; display:block; float:left;} div#content div.location a:hover img {border:2px solid #39c;} div#content div.location p {float:left; width:200px;margin-top:5px;} div#content div.location ul {float:left; width:200px;} div#content div.location ul li {line-height:1.4em; margin-left:10px;} .hide {display:none!important;} .ymap {border:1px solid #444; position:absolute!important; width:550px; height:500px; background:#eee; z-index:200; top:90px!important; left:370px; color:#333;} .ymap a {border:none;} .ymap-close {position:absolute!important; top:75px!important; right:10px; z-index:250;} /* news page */ /* most recent news */ div#content div.featured {width:515px; height:180px; background:#222; float:left; padding:20px 20px 15px 20px; margin-bottom:40px;} div#content div.featured img {float:left; margin-right:20px;} div#content div.featured ul {float:left;} div#content div.featured ul li {list-style:none;} div#content div.featured ul.no-image {height:130px;} div#content div.featured ul.no-image em, div#content div.featured ul.no-image h2, div#content div.featured ul.no-image p {width:520px;} div#content div.featured em {float:left; color:#999; font-style:normal; font-size:90%; margin-bottom:5px;} div#content div.featured h2 {float:left; width:400px; font-size:1.6em; font-weight:normal; margin-bottom:10px; text-transform:none;} div#content div.featured h2 a {text-decoration:none; color:#39c;} div#content div.featured a {color:#39c;text-decoration:none;} div#content div.featured a:hover {color:#fff;} div#content div.featured p {float:left; width:400px; font-size:90%; line-height:1.4em; color:#ccc;} div#content div.featured p.read-on {width:520px; float:left; padding-top:10px; border-top:1px solid #999; margin-top:15px;} div#content h3.news { float:left; width:520px;} div#content hr.news {float:left; width:520px; margin-bottom:20px; background:#999; color:#999; height:1px; border:none;} /* news archive list */ div#content ul.news {width:240px; float:left; padding-bottom:30px;} div#content ul.news li {border-bottom:1px solid #999; float:left; padding:7px 0; height:90px; list-style:none;} div#content ul.news li em {float:left; font-style:normal; color:#999; text-align:left; font-size:80%;} div#content ul.news li h3 {float:left; width:220px; font-size:120%; text-transform:none;} div#content ul.news li h3 a {color:#39c; text-decoration:none; } div#content ul.news li h3 a:hover {color:#fff;} div#content ul.news li a {color:#39c;text-decoration:none; } div#content ul.news li a:hover {color:#fff;} div#content ul.news li p.summary {width:240px; float:left;color:#ccc; line-height:1.2em; font-size:90%;} div#content ul.col2 {margin-right:20px; float:right;} /* news pagination */ div#content ul.pagination {float:left; width:520px;} div#content ul.pagination li {float:left; font-size:1.1em; margin-right:3px;} div#content ul.pagination a {padding:3px 6px; text-decoration:none; color:#666;} div#content ul.pagination a:hover {color:#39c;} div#content ul.pagination a.on {background:#39c; color:#fff;} /* view news page */ div#content div.news-view {float:left; width:350px;} div#content div.news-view img {float:left; margin: 0px 20px 20px 0px;} div#content div.news-view em {float:left; width:350px; font-style:normal; color:#999; margin-bottom:5px; font-size:1em;} div#content div.news-view h2 {float:left; width:350px; font-size:1.8em; text-transform:none; color:#39c;} div#content div.news-view p {float:left; font-size:1.2em; margin-bottom:10px; line-height:1.4em;} /* view archive - top right */ div#content div.news-archive {float:right; width:160px; background:#222; padding:10px;} div#content div.news-archive h3 {} div#content div.news-archive ul {border-bottom:1px solid #999; padding:5px 0 10px 15px; float:left; width:145px; list-style:square;} div#content div.news-archive ul li {font-size:1em; line-height:1.6em; color:#999;} div#content div.news-archive ul li a {color:#ccc; width:150px; overflow:hidden;} div#content div.news-archive ul li a:hover {color:#39c;} div#content div.news-archive a.more {float:left; margin-top:5px; color:#39c} /* footer */ div#footer {width:910px; height:40px; float:left; padding:20px; font-size:90%;} div#footer p.copyright {float:left;} div#footer ul {float:right;} div#footer ul li {float:left; margin-left:5px;} div#footer a {color:#fff; background:transparent; text-decoration:none;} div#footer a:hover {background:#fff; color:#000;} div#footer ul li {float:left; margin-left:5px;} .fleft {float:left;} .fright {float:right!important; margin-right:0!important;} /* tabs - simulating pages */ .ui-tabs {} .ui-tabs .ui-tabs-nav { position: relative; } .ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 10px 0 0; padding: 0; list-style: none !important; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em;font-style:italic;} .ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; color:#39c; font-weight:bold;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#fff!important;} .ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; height:320px;} .ui-tabs .ui-tabs-hide { display: none !important; } /* content layout / typography exception */ div#content div.hotel-policy {margin-top:30px; color:#ccc; padding-top:15px; border-top:1px solid #666;} div#content div.hotel-policy h2 {font-size:1.2em; } div#content div.hotel-policy h3 {font-size:1.1em; margin-top:15px; margin-bottom:5px; font-weight:bold;} div#content div.hotel-policy p {font-size:1.1em; margin-bottom:0px;} div#content ul.nav {margin:20px 0 0 0;} div#content ul.nav li {list-style:none; display:inline; margin:0 5px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-style:italic; color:#999;} table#rates {width:500px;} table#rates caption {display:none;} table#rates thead td {background:#222; padding:10px; font-size:1.2em; font-weight: bold; text-align:center; border-right:1px solid #111; color:#ccc;} table#rates tbody td {background:#444; border-right:1px solid #333; padding:10px; font-size:1.6em; font-weight:bold; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;} div#content p.note {margin-top:10px; font-size:1.1em; color:#999;} div#content div.facilities {} div#content div.facilities div.col {float:left; width:255px; margin-bottom:20px; margin-right:20px;} div#content div.facilities div.col h2 {font-size:1.2em;} div#content div.facilities div.col ul li {font-size:1.1em; line-height:1.4em; margin-bottom:3px; margin-left:15px;} div#content div.facilities div.col p {font-size:1.1em; line-height:1.4em;} div.album {float:left; margin-right:25px; margin-bottom:25px; padding:5px; background:#ccc;} div.album:hover {background:#fff;} div.albumdesc a {color:#333; font-size:1.1em; float:left; margin-top:5px; margin-left:5px; text-decoration:none; text-transform:capitalize;} div.image {} div.imagethumb {float:left; margin-right:15px; margin-bottom:20px; display:block;} div.imagethumb a {float:left;} div.imagethumb a img {display:block; border:2px solid #666;} div.imagethumb a:hover img {border:2px solid #fff;} /* sitemap */ div.sitemap-col { width:250px; float:left; margin-right:15px; font-size:1.1em;} ul.sitemap { margin-left:10px; } ul.sitemap strong {color:#39c!important;} ul.sitemap a { color:#39c!important; text-decoration:none; } ul.sitemap a:hover { color:#fff!important;} ul.sitemap ul { margin-left:40px;} ul.sitemap ul a { color:#fff!important;text-decoration:none;} ul.sitemap ul a:hover { color:#39c!important;} ul.sitemap li { list-style:none!important; font-size:1em!important;} ul.sitemap>li { margin-bottom: 10px;} /*ul.sitemap ul li { list-style-image: url("../img/l2_normal.gif");} ul.sitemap ul ul li { list-style-image: url("../img/l3_normal.gif");} ul.sitemap ul li.firstfollow { list-style-image: url("../img/l2_first_follow.gif");} ul.sitemap ul li.last { list-style-image: url("../img/l2_last_item.gif");} ul.sitemap ul ul li.firstfollow { list-style-image: url("../img/l3_first_follow.gif");} ul.sitemap ul ul li.last { list-style-image: url("../img/l3_last_item.gif"); } */ a.carte {background:url(../img/capriccio.jpg) no-repeat 0 8px; height:80px; padding-left:80px; padding-top:10px; width:180px; display:block;} p.note-pdf {background:url(../img/get_adobe_reader.png) no-repeat 0 20px; padding-left:120px; color:#999; font-size:1em!important; width:260px; margin-top:40px; padding-top:15px; border-top:1px solid #333;} div#content div.booking-step {width:550px; float:left; margin-bottom:20px; position:relative;} div#content div.booking-step h3 {width:300px; background:#222; margin-bottom:-2px; padding:10px;} div#content div.booking-step hr {width:540px; height:1px; color:#666; background-color:#666; border:none; position:absolute; top:35px; left:10px;} div#content div.booking-step hr.terms {top:0;} div#content div.booking-step div.info {width:180px; float:right; margin-left:40px; padding:10px 0; color:#999; } div#content div.booking-step div.info:hover {color:#fff;} div#content div.booking-step div.info p {font-size:90%;line-height:1.4em;} div#content div.booking-step a {color:#39c} div#content div.booking-step a:hover {color:#fff;} div#content fieldset.booking {width:310px; float:left; padding-top:15px; background:#222; padding-left:10px;} div#content fieldset.booking legend {display:none;} div#content fieldset.booking label {position:relative; width:155px; float:left; margin-bottom:12px;} div#content fieldset.booking label strong {font-size:1.1em; color:#eee; font-weight:normal; margin-bottom:3px; float:left;} div#content fieldset.booking label input {width:133px; float:left; height:14px; font-size:1.1em; background:#6d6d6d url(../img/icon-calendar.png) no-repeat 122px 5px; color:#fff;} div#content fieldset.booking label select {width:145px; float:left;font-size:1.1em;} div#content fieldset.customer {width:310px; float:left; padding:10px 0 10px 10px; background:#222;} div#content fieldset.customer legend {display:none;} div#content fieldset.customer label {float:left; width:310px; margin-bottom:7px;} div#content fieldset.customer label strong {float:left; width:80px; font-weight:normal; margin-bottom:3px; font-size:1.1em;} div#content fieldset.customer label input {width:205px; font-size:1.1em;} div#content fieldset.customer p {float:left; width:280px;} div#content fieldset.customer p.notes {font-size:90%; width:290px; color:#999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:5px; margin-bottom:10px;} div#content fieldset.customer label.title {width:80px; margin-bottom:15px;} div#content fieldset.customer label.title input {width:10px; font-size:1.1em; float:left; margin-right:5px;} div#content fieldset.customer label.title strong {float:left; width:50px; font-weight:normal; margin-top:3px; font-size:1.1em;} div#content fieldset.options {width:310px; float:left; padding:15px 0px 10px 10px; background:#222;} div#content fieldset.options legend {display:none;} div#content fieldset.options label {float:left; width:310px; margin-bottom:7px;} div#content fieldset.options label strong {float:left; width:260px; font-weight:normal; margin-top:3px; font-size:1.1em;} div#content fieldset.options label input {width:20px; font-size:1.1em; float:left; margin-right:10px;} div#content fieldset.terms {width:310px; float:left; padding-top:10px; padding-left:10px;} div#content fieldset.terms p {width:310px; margin-top:40px; float:left;} div#content fieldset.terms label {float:left; width:310px;} div#content fieldset.terms label input {float:left; width:20px; margin-right:10px; } div#content fieldset.terms label strong {font-weight:normal; width:200px;font-size:1.1em; line-height:1.4em; float:left;} div#content fieldset.terms button {float:left; background:#6C0; color:#fff; cursor:pointer; text-transform:uppercase; padding:5px 25px 5px 5px;} div#content fieldset.terms button:hover {background:#8DC24A; } div#content fieldset.terms button:active {background:#6C0;} div#sidebar div.conditions {padding:15px; color:#999;} div#sidebar div.conditions:hover {color:#fff;} div#sidebar div.conditions h2 {text-transform:uppercase; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; margin-bottom:10px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ccc;} div#sidebar div.conditions h3 {font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px; font-weight:bold;} div#sidebar div.conditions p {font-size:0.9em; margin-bottom:10px; line-height:1.6em;} div#sidebar div.conditions ul {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #444;} div#sidebar div.conditions ul li { list-style:none; margin-bottom:5px;line-height:1.2em; font-size:0.9em;} div#content div.confirmation-intro {margin-bottom:15px;} div#content div.confirmation-intro p {margin-bottom:0px;} div#content div.booking-confirmation h2 {font-size:1.1em; color:#39c} div#content div.booking-confirmation {width:540px; } div#content div.booking-confirmation ul {width:220px; height:130px; float:left; background:#fff; color:#000; padding:20px;} div#content div.booking-confirmation ul li {list-style:none;} div#content div.booking-confirmation ul.confirmation-code {width:480px; height:40px;} div#content div.booking-confirmation ul.confirmation-code li strong {font-size:1.4em;} div#content div.booking-confirmation ul.options {width:480px; height:90px;} div#content div.booking-confirmation p.more {width:540px; float:left;} div#intro {width:450px; height:450px; background:url(../img/background-pattern-intro.png) no-repeat; color:#000;} div#intro h1 {width:341px; height:277px; text-indent:-10000em; float:left; background:url(../img/logo-intro.png) no-repeat; margin-left:70px; margin-top:40px; display:inline;} div#intro ul {float:left;margin-top:60px; margin-left:25px;display:inline;} div#intro ul li {float:left; margin-right:15px; list-style:none; padding:0;} div#intro ul li a {text-transform:uppercase; font-size:1em; color:#000; text-decoration:none; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;} div#intro ul li a:hover {color:#981526;} ul.social {margin-top:30px;} ul.social li {line-height:140%; margin-bottom:8px;} ul.social li a {padding-left:25px; display:block;} ul.social li a.twitter { background:url(../img/twitter.png) no-repeat 0 0 } ul.social li a.facebook {background:url(../img/facebook.png) no-repeat 0 0;} ul.social li a.tripadvisor { background:url(../img/tripadvisor.png) no-repeat 0 0;} span.social {float:right; width:65px; margin-top:-24px;} a.tw { height:16px; width:16px; text-indent:-1000em; display:block; background:url(../img/twitter.png) no-repeat 0 0; float:left; margin-right:5px;} a.fb {height:16px; width:16px; text-indent:-1000em; display:block; background:url(../img/facebook.png) no-repeat 0 0; float:left; margin-right:5px;} a.ta {height:16px; width:16px; text-indent:-1000em; display:block; background:url(../img/tripadvisor.png) no-repeat 0 0; float:left}