@charset "utf-8";
/* CSS Document for Albufeira.com Base */

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0}
html {overflow: auto}
html, body {height: 100%}

body {background: #f8f0a9 url(/_img/mainbkg.gif) 0 0 repeat-x; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%;}
a {text-decoration: none}
a:hover {outline: none; text-decoration: underline}
a:active {outline: none; text-decoration: none}
ul {list-style: none}
img {border: none; display: block; -ms-interpolation-mode: bicubic;}
object {outline: none; margin-bottom: 0}
embed {outline: none; margin-bottom: -5px}
h1, h2, h3 {font-size: 1.4em; font-weight: normal;}
p {font-size: 1.1em; line-height: 1.6em}
input, select, textarea {font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 1.2em; outline: none; padding: 1px 2px;}

/* Basic Style */
.sTxt {color: #900 !important; font-size: 10px !important;}
.bookBtn {color:#000099; cursor:pointer; display: block; height: 28px; font-weight: bold; margin: 10px auto; padding: 1px 3px; width: 260px;}

.fArial {font-family: Arial}
.bold {font-weight:bold}
.italic {font-style:italic}
.caps {text-transform:uppercase}
.smallTxt {font-size: 0.8em !important}
.tinyTxt {font-size: 0.6em !important}
.bigTxt {font-size: 1.1em !important}
.tight {letter-spacing: -0.04em !important}
.title1 {font-size: 1.5em !important}
.tCenter {text-align: center}
.tJustify {text-align: justify}
.tRight {text-align: right}
.tLeft {text-align: left}
.aLeft {float:left}
img.aLeft {margin: 0 10px 5px 0}
.aRight {float:right}
img.aRight {margin: 0 0 5px 10px}
.clear {clear: both}
.escond {visibility:hidden;height:0!important;line-height:0!important;margin:0!important;padding:0!important;width:0!important;}

/* COLORs */
.white {color:#fff!important}
.black {color:#000!important}
.grey1 {color:#666!important}
.grey2 {color:#CCC!important}
.blue1 {color:#5a99c9!important}
.red1 {color: #C30!important}

/* DIVs */
#wrap {
	background: url(/_img/bkg-main-rep.gif) 0 0 repeat-y;
	width: 770px;
	margin: 0 0 0 -385px;
	padding: 0;
	position: absolute;
	left: 50%;
	clear: both;
}

#page {background: url(/_img/bkg-main-top.gif) 0 0 no-repeat; min-height:700px; height:auto !important; height:700px; padding: 0 7px 80px;}

#top {background: url(/_img/bkg-top.jpg) 0 0 no-repeat; height: 200px; overflow: hidden;}

#top ul {height: 60px; width: 696px; margin: 0 0 0 62px; }
	#top ul li {float: left;}
	#top ul a {background: url(/_img/bkg-topnav.gif) 0 0 no-repeat; display: block; float: left; text-indent: -9999px; height: 60px; width: 70px}
	#top ul.ptNav a {background: url(/_img/bkg-topnav-pt.gif) 0 0 no-repeat;}
	#top ul a:hover {}
		#top ul a.home {background-position: 0 0; width: 70px;}
		#top ul a.location {background-position: -70px 0; width: 105px;}
			#top ul.ptNav a.location {width: 120px}
		#top ul a.photos {background-position: -175px 0; width: 140px;}
			#top ul.ptNav a.photos {background-position: -190px 0; width: 145px;}
		#top ul a.tariffs {background-position: -315px 0; width: 95px;}
			#top ul.ptNav a.tariffs {background-position: -335px 0; width: 95px;}
		#top ul a.contact {background-position: -410px 0; width: 120px;}
			#top ul.ptNav a.contact {background-position: -430px 0; width: 120px;}
	
		#top ul a:hover.home, #home #top ul a.home {background-position: 0 -60px;}
		#top ul a:hover.location, #location #top ul a.location {background-position: -70px -60px;}
		#top ul a:hover.photos, #photos #top ul a.photos {background-position: -175px -60px;}
			#top ul.ptNav a:hover.photos, #photos #top ul.ptNav a.photos {background-position: -190px -60px;}
		#top ul a:hover.tariffs, #tariffs #top ul a.tariffs {background-position: -315px -60px;}
			#top ul.ptNav a:hover.tariffs, #tariffs #top ul.ptNav a.tariffs {background-position: -335px -60px;}
		#top ul a:hover.contact, #contact #top ul a.contact {background-position: -410px -60px;}
			#top ul.ptNav a:hover.contact, #contact #top ul.ptNav a.contact {background-position: -430px -60px;}

#leftbar {float: left; padding-left: 8px; text-align: center; width: 182px;}
	#leftbar ul {background: url(/_img/bkg-leftmenu.jpg) 0 0 no-repeat; color: #fff; list-style: none; margin: 0 0 0 -8px; padding: 100px 0 0 0; height: 190px; width: 190px}
	#leftbar ul li {text-align: left;}
	#leftbar ul li a {color: #fff; display: block; font-size: 1.4em; font-weight: bold; height: 30px; line-height: 28px; padding-left: 10px; width: 170px;}
	#leftbar ul li a.small {letter-spacing: -0.04em}
	#leftbar ul li a:hover,
	#apartments #leftbar ul li a.apartments,
	#services #leftbar ul li a.services,
	#albufeira #leftbar ul li a.albufeira,
	#links #leftbar ul li a.links {background-color: #0768ae; border: 1px solid #fff; border-right: none; border-left: none; height: 28px; line-height: 26px; text-decoration: none;}

ul#bookBtns {background:none; height: auto; margin: 0; padding: 0;}
	ul#bookBtns li {}
	ul#bookBtns li a {display: block; height: 40px; margin: 5px auto}
	ul#bookBtns li a:hover {background: none; border: none; height: 40px; }

	#booknow {background: url(/_img/bkg-booknow.gif) 0 0 no-repeat; margin-left: -8px; padding-top: 13px; width: 190px}
		#booknow h2 {border-bottom: 2px dotted #C1D7E1; color: #369; font-size: 1.7em; margin-bottom: 6px; padding-bottom: 3px; width: 178px}
		#booknow a {background:url(/_img/btn-booknow-en.gif) bottom left no-repeat; display: block; padding-bottom: 50px;}
			#booknow a.pt {background-image:url(/_img/btn-booknow-pt.gif)}
			#booknow a:hover {text-decoration: none;}
		#booknow a span {display: block; padding: 0 10px 5px 0}
			#booknow a span.bnTitle {color: #C00; font-size: 1.5em;}
				#booknow a:hover span.bnTitle {color: #F00;}
			#booknow a span.bnDesc {color: #3a6a8d; font-size: 1.2em;}
			#booknow a span.bnPrice {color: #F63; font-size: 1.8em;}

#content {float: left; width: 400px;}
	#content h1, #content h2, #picalbum h1{
		color:#006699;
		border-bottom: 1px solid #FFCC66;
		font:bold 1.8em "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing: 0.1em;
		margin: 0 10px 15px;
		padding:0 0 5px 10px;
	}
	#content h2{
		border: none;
		font-size: 1.2em;
		margin-bottom: 0;
		text-transform:uppercase;
	}
	#content p, #picalbum p{
		color:#036;
		font-size: 1.2em;
		padding: 3px 15px;
		text-align: justify;
	}
	#content a, #picalbum a {color:#3399CC; padding-bottom:1px; text-decoration: none;}
	#content a:hover, #picalbum a:hover {background: #F0FCFF; border-bottom:#3399CC 1px dotted; color:#006699; text-decoration: none;}
	
	#content #map {border: #003366 1px solid; height: 300px; margin-left: 10px; width: 380px;}
	#content table {font-size: 1.2em; margin:10px}
		#content table th {color: #FFF; background-color: #006699;}
		#content td {padding: 2px 4px}
		#content td.titlecell {text-align: right; background-color: #DEE9EB;}
		#content td.plaincell {text-align: left; background-color: #F2F5F7;}

	#content ul {font-size: 1.2em; line-height: 2.5em;  margin: 0 0 30px 30px;}

#picalbum {float: left;}	
	#picalbum tr {height: 140px;}
	#picalbum td {font-size: 1.2em; text-align: center; width: 180px}
	#picalbum td img {margin: 0 auto; cursor: pointer}
	
#contactForm {background-color:#E4ECED; border: #ACBBC1 1px solid; font-size: 1.1em; margin: 5px; padding: 5px;}
	#contactForm label {clear: both; display: block; float: left; height: 25px; line-height: 21px; margin: 0 0 1px 0; text-align: right; width: 100px;}
	#contactForm input, #contactForm select, #contactForm textarea {height: 18px; margin: 0 8px 6px}
	#contactForm textarea {height: 72px;}
	#contactForm select {height: 23px;}
	#contactForm input.btn {height: 30px; padding: 0 10px;}

#rightbar {float: left; width: 165px;}
 #rightbar a.pack-link, #rightbar a.promo-link {background: url(/_img/bkg-packages.png) top left no-repeat; color: #069; display: block; font-size: 1.8em; font-weight: bold; height: 120px; overflow: hidden; padding: 12px 0 0 5px; text-align: center; width: 160px;}
	 #rightbar a.promo-link {color: #fd8900; }
	 #rightbar a.pack-link img, #rightbar a.promo-link img {margin: 3px auto 0;}
 #rightbar a.special {background:url(/_img/bkg-special.gif) bottom left no-repeat; background-position: bottom; color: #069; display: block; font-size: 1.5em; padding: 0 12px 3px 8px; text-align: center; vertical-align: bottom; width: 140px;}
	 #rightbar a.special span {display: block; }
	 #rightbar a.special .desc {color: #666; font-size: 0.75em;}
	 #rightbar a.special .price {color: #C30; font-size: 1.1em;}
	 #rightbar a:hover.special {text-decoration: none;}

#footer {background: url(/_img/bkg-footer.gif) 0 0 no-repeat; clear: both; overflow: hidden; height: 40px; }
	#footer .counter {color: #666; display: block; float: left; line-height: 36px; margin-right: 10px; text-align: center; width: 215px;}	
	#footer ul {font-size: 1em; font-weight: bold; text-transform:uppercase}
		#footer ul.pt {font-size: 0.8em;}
		#footer ul li {float: left;}
		#footer ul img {float: left; margin-right: 2px; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;}
		#footer ul a:hover img {filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
		#footer ul a {color: #FC6; display: block; line-height: 16px; margin: 13px 8px 0}
			#footer ul.pt a {margin: 13px 8px 0}
		#footer ul a:hover {color: #fff; text-decoration: none;}
		
#shade {display: none; background-color: #000; height: 100%; width: 100%; position: absolute; opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.6; z-index: 5}
#splash {display: none; background-color: #fdeca1; border: 3px solid #fd9415; height: 370px; width: 380px; overflow: hidden; position: absolute; top: 50%; left: 50%;  margin: -170px 0 0 -190px; z-index: 10 }
	#splash img {cursor: pointer; margin: 0 auto}
	
#promoSel {overflow: hidden}