/* CSS VillasBarcelona */ /* @import url('framework.css'); */ /* Clearfix hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { background-color:#fff; background-image:url(../img/ac415.gif); color:#3232CD; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #barcelonaareavillas .barcelonaareavillas a { font-weight:bold; font-size:24px;} .property a { color:#238E23; color:#3232CD; } .property a:hover { color:#3232CD; } /* This replaces */ /* Basic */ p {display:block; margin:0 0 16px 0;} ul {margin-bottom:12px; padding:0 0 0 16px;} li {padding:2px 0 2px 0; } hr { border:0; height:1px; color:#333333; background-color:#333333; } /* Styling titles */ .sectiontitle { font-family:Georgia; font-weight:normal; font-size:24pt; } /* Styling basic classes (these might get global one day */ .payoff { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; } /* Images */ img {border:0; } img.right {float:right; margin:0px 0px 10px 10px; } /* This sets the margin around the images. The margins always start at the top cloclwise */ img.left {float:left; margin:0px 10px 10px 0px; } /* Styling the header and ident */ #ident {height:128px; width:160px; border-bottom:solid 1px #ccc; padding:10px 0 6px 10px; } #header { margin:10px 0 0 0; padding:0 0 20px 0; float:left; width:100%; border-bottom:1px solid #ccc; font-size:14px; height:114px;} #header img { float:left; margin:0px 20px 0 0; } #header h2 { margin:0 0 0 0; padding:0; font-family:Georgia, serif; font-weight:normal; font-size:30px; } #header h2 a { text-decoration:none; color:#000; } #header h2 a:hover { text-decoration:underline; } #header h3 { color:#3232CD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:12px 0 0 0; } #header p { padding:0; margin:0; font-family:Georgia, serif; font-style:italic; color:#333; line-height:130%; } /* Styling the navigation */ #navbar {width:80%; margin:22px 0 0 0; padding:0; font-size:12px; color:#000;} #navbar h3 {margin:0 0 4px 0; padding:0; color:#333; font-size:16px; font-family:Georgia; font-weight:normal;} #navbar ul {list-style:none; margin:0 0 24px 0; padding:0;} #navbar li {padding:3px 0 3px 0; margin:0; } #navbar a { text-decoration:none; color:#3232CD;} #navbar a:hover { text-decoration:underline; color:#238E23; } /* Styling items on the front page */ a.introtitle { font-family:Georgia, "Times New Roman", Times, serif; size:16px; color:#333333; text-decoration:none; font-weight:normal; } a:hover.introtitle { text-decoration:underline; } /* This is the container for the page ID and the servicebox ------------------------------------------------------------------------------------*/ #pageHeader {margin:12px 0 30px 0; width:100%; height:90px; padding:0; } /* Styling the page Id */ #pageId { font-family:"MS SANS SERIF", Arial, Helvetica; font-size:13px; float:left; } #pageId h2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:36px; padding:0; margin:3px 0 0 0;color:#333; } #pageId p { font-weight:normal; padding:0; margin:0; color:#333; } #pageId a { text-decoration:none; color:#3232CD; } #pageId a:hover { text-decoration:underline; } /* Styling the service box on property pages*/ #serviceBox { width:311px; float:right; margin:0; padding:0;} #serviceBoxTop {background-image:url(../img/top.gif); background-repeat:no-repeat; background-position:top; width:311px; height:12px; margin:0; padding:0; } #serviceBoxBottom {float:left; background-image:url(../img/bottom.gif); background-repeat:no-repeat; background-position:bottom; width:311px; height:23px; margin:0 0 10px; padding:0px; } #serviceBoxContent { float:left; background-image:url(../img/middle.gif); background-repeat:repeat-y; width:311px; height:45px; } #serviceBoxContentLeft { float:left; width:130px; padding:0 10px 0 10px; font-size:16px; font-weight:bold;} #serviceBoxContentLeft a { text-decoration:none; color:#3232CD; } #serviceBoxContentLeft a:hover { text-decoration:underline; } #serviceBoxContentRight { float:right; width:130px; padding:0 20px 0 0px; font-weight:bold; } #serviceBoxContentRight ul { list-style:none; margin:0; padding:0; } #serviceBoxContentRight li { background-image:url(../img/boxButtonGreen.gif); background-repeat:no-repeat; background-position:left 3px; margin:0; padding:0 0 1px 12px; line-height:110%; } #serviceBoxContentRight a { text-decoration:none; color:#238e23; } #serviceBoxContentRight a:hover { text-decoration:underline; } /* Styling the propertylist */ #propertylist { width:100%; font-size:12px; font-family:"MS SANS SERIF", Arial, Helvetica; } #propertylist .intro { background-color:#FEDD58; margin:0; padding:10px 10px 20px 10px; color:#333; } #propertylist .intro p { font-size:13px; line-height:140%; } #propertylist .intro h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; color:#33; margin:0 0 6px 0; } #propertylist .info { margin:0 0 20px 0; } #propertylist .lastUpdate { border-top: 1px solid #666; background-color:#FFFF99; padding:10px 10px 8px 10px; margin:0 0 0px 0; color:#333; font-weight:bold;} .list { font-size:13px; font-family:"MS SANS SERIF", Arial, Helvetica; color:#333; line-height:130%; } .list h2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:24px; margin:0; padding:6px 0 26px 0; } .listItem { margin:0 0 30px 0; } .list h3 a{ font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#3232CD; text-decoration:none; font-weight:normal; } .list h3 a:hover { color:#238E23; text-decoration:underline; } .list h3 { margin:0 0 4px 140px; padding:0; } .list h4 { margin:0 0 0px 140px; padding:0; } .calendar h4 {margin:0 0 4px 0px; padding:0; } .list p.desc { margin:0 0 4px 140px; } p.note {margin:20px 0 20px 0; color:#3232CD; } .availability {/* color:#4A3787; */ color:#3232CD; font-size:12px; font-weight:bold; margin:6px 0 8px 140px; padding:0; line-height:120%; } .booked {/* color:#FF0000; */ color:#CF2F2F; font-size:12px; margin:0 0 4px 140px; line-height:110%; } .available {/* color:#346D48; */ color:#238E23; font-size:12px; font-weight:bold; margin:0 0 4px 140px; line-height:110%; } .calinfo { font-size:12px; margin:0 0 8px 140px; line-height:110%; } .hl {color:#408080; } /* Used to highlight important information */ .calfooter {font-size:11px; margin:3px 0 0px 0px; color:#333; } /* Styling the contents */ #contents { } #contents h1 { font-family:Georgia, "Times New Roman", Times, serif; margin:12px 0 12px 0; font-weight:normal; color:#000; font-size:24px; } #contents h2 { font-family:Arial, Helvetica, sans-serif; margin:0; color:#990000; font-size:15px; } #contents p { line-height:140%; margin:4px 0 16px 0; } #contents p.intro { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; } #contents .quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#3232CD; } #contents h3 a {font-size:12px; } #contents #intro { margin:0 0 16px 0; } /* Styling the back and forward navigation */ ul#navigation { list-style-type: none; margin: 0; padding: .5em 0; border-top: 1px solid #ccc; } ul#navigation li a { display: block; width: 10em; color: #FFF; background-color:#990000; padding:8px 0; text-align: center; text-decoration: none; } ul#navigation li a:hover { color: #FFF; background-color:#FF0000; } ul#navigation .left { float: left; } ul#navigation .right { float: right; } /* Styling the table of contents */ h3.toc { border-top:1px #666 solid; padding:12px 0 0 0; margin:0 0 6px 0; } ul.toc {margin:0; padding:0 20px 0 0; } ul.toc li { font-weight:bold; list-style-type:none; color:#333; padding:4px 0 4px 0; } ul.toc li a {text-decoration:none; color:#333; } ul.toc a:hover {text-decoration:underline; } ul.toc li li { font-weight:normal; list-style-type:disc; padding:2px 0 2px 0; } ul.toc li li a {text-decoration:none; color:#3232CD; } /* Styling the footer */ #catalanTourism {border-top:1px solid #ccc; margin:20px 0 20px 0; padding:12px; background-color:#FFFFCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:125%; } #footer { margin:12px 0 60px 0; padding:0; color:#333; } #footer img { float:left; clear:both; } #footer h3.company a { color:#333; font-weight:normal; text-decoration:none; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; } #footer h3.company a:hover { text-decoration:underline; } #footer p { margin:-10px 0 12px 0; padding:0; } #footer ul {margin:6px 0 0 0; padding:0; } #footer li { display:inline; padding:0 20px 0 0; margin:0; } /* Calendar */ .calendar { margin-left:140px; } .calendar h4 {Êmargin:0; } .calendar p.calinfo {margin:0px 0 10px 0; } .calendar table { border-collapse: collapse; } .calendar caption { text-align:left; font-weight:bold; padding:0 0 6px 0; } .calendar table td { font-size:10px; vertical-align:top; border: 1px solid #999; text-align:left; font-size:11px; padding:3px; width:60px; height:10px; color:#333; background-color:#9F9; line-height:12px; font-weight:bold; } .calendar td.booked { background-color:#FCC; font-weight:normal; } .calendar table td:hover { background-color: #6C0; } .calendar table td.booked:hover { color: #fff; background-color: #FCC; } .calendar td a { color:#333; text-decoration:none; } .calendar td a:hover { text-decoration:none; } /************/ .calendarInquire { margin-left:0px; } .calendarInquire table { border-collapse: collapse; } .calendarInquire caption { text-align:left; font-weight:bold; padding:0 0 6px 0; } .calendarInquire label { display:none; } .calendarInquire table td { font-size:11px; vertical-align:top; border: 1px solid #999; text-align:left; background-color:#9F9; width:36px; height:30px; padding:1px 3px 2px 3px; } .calendarInquire td.booked { background-color:#FCC; font-weight:normal; color:#333; padding:3px 3px 2px 3px; } .calendarInquire td.yourSelection { color: #fff; background-color: #6C0; } /* Language */ #langselector { font-size:11px; float:right; width:200px; } #langselector a { text-decoration:none; color:#666; padding-left:40px; margin-right:12px; display:block; float:left; height:20px; padding-top:6px; } #langselector a:hover { color:#090; } #langselector a.uk { background: url(../img/gb.png) no-repeat left center; } #langselector a.de { background: url(../img/de.png) no-repeat left center; } /* Sublime video */ .vbcn-video-list-item { margin-bottom: 30px; border-bottom:1px solid #ccc; padding-bottom:10px: } .vbcn-video-list-item:last-child { border-bottom:none; } .vbcn-video-list-item .zoomable { clear:both; margin-bottom:20px; } a.zoomable { display:block; width:400px; height:226px; background:#000; position:relative; -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px; -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px; box-shadow:rgba(0,0,0,0.4) 0 4px 10px; } a.zoomable span.zoom_icon { display:block; width:60%; height:66%; position:absolute; top:0; left:0; background:url(../styles/img/play_button.png) no-repeat bottom right; opacity:0.8; -o-transition:opacity 0.25s; -moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s; transition:opacity 0.25s; } a.zoomable:hover span.zoom_icon {opacity:1}