body {height:100%; font-size:76%} /*** 76% (1em = 12.13px) ***/
* {padding:0; margin:0; border:0; font-family:Arial, sans-serif, Tahoma; color:#555; background-color:transparent}
/*--- General Formatting ---*/
	hr {background:#aaa; margin:2em 0}
	a, a * {color:#525e0d}
	a:focus, button:focus {outline:none}
	a, u {text-decoration:none}
	a:hover {cursor:pointer; text-decoration:underline}
	p {line-height:17px; /*margin-bottom:10px*/}
/*--- my classes ---*/
	.hide {display:none!important}
/*--- content headings ---*/
	h1, h2, h3, h4, h5, h6 {color:#525e0d; line-height:1em; font-weight:normal}
	h1 {font-size:2em}
	h2 {font-size:1.7em}
	h3 {font-size:1.5em}
	h4 {font-size:1.3em}
	h5 {font-size:1.1em}
	h6 {font-size:1em}
/*--- lists ---*/
	ul, ol {min-height:5px; overflow:hidden}
	li {list-style:none outside none}
	ol li {list-style:decimal; margin-left:25px; list-style-position:inside}
/*--- content tables ---*/
	table {border-collapse:collapse;/* border:1px solid #000*/}

/*-------- WRAPPERS/CONTAINERS --------*/
body {background:url("../imgs/bg.png") 0 0 repeat-x #aba54a}

#topLangs,
#topAreaWrp,
#topArea,
#centerArea {width:904px; margin:0 auto}

/*---- TOP LANGS ----*/
#topLangs {height:18px}
	ul.jflanguageselection {float:right; font-size:9px; padding-top:6px;}
	ul.jflanguageselection li {float:left; border-left:1px solid #525e0d}
	ul.jflanguageselection li:first-child {border-left:0}
	ul.jflanguageselection li a {padding:0 8px; }
	ul.jflanguageselection li a span {color:#525e0d; font-family:Tahoma, sans-serif, Arial; text-transform:uppercase}
	ul.jflanguageselection li#active_language a span {color:#fff}
	ul.jflanguageselection li#active_language a:hover {cursor:default; text-decoration:none}

/*---- TOP AREA ----*/
#topArea {height:349px; background:url("../imgs/topAreaBg.png") 0 0 repeat-x}
	#logoPlusIcons {height:323px; width:217px; float:left; background:url("../imgs/logoCasaGondomil.png") 37px 48px no-repeat}
	#logoPlusIcons h1 {width:151px; margin:48px 0 0 50px}
	#logoPlusIcons h1 a {width:135px; height:140px; display:block; text-indent:-99999px}
		a#addFav, a#sendMail {width:22px; height:22px; float:left; text-indent:-99999px; margin:102px 0 0 90px}
		a#addFav {background:url("../imgs/starIcon.png") 0 0 no-repeat}
		a#sendMail {background:url("../imgs/mailIcon.png") 0 0 no-repeat; margin-left:13px}
			a#addFav:hover, a#sendMail:hover {background-position:0 -22px}
	/* Flash Wrapper*/
	#imageRotator {height:251px; width:652px; float:left; margin:24px 0 0 13px; position:relative}
		#imageRotator ul li {float:left; position:absolute}
		#imageRotator ul li.show {z-index:500}
	/* Menu Horizontal */
	#mainMenu {height:23px; margin-top:16px; width:687px; float:right; text-align:center;}
		ul.menu {width:662px; float:none; margin:0 0 0 8px; min-height:23px; overflow:visible; font-size:1.1em; background:#525e0d}
		ul.menu li {float:left; position:relative; margin:0; padding:1px 0 0 0; min-width:0; text-align:center}
		ul.menu li.item13 {display:none!important}
		ul.menu li a {padding:4px 37px; display:block; text-decoration:none; color:#525e0d; line-height:1.06em; background:url("../imgs/menuDivider.png") 100% 6px no-repeat}
		ul.menu li a:hover,
		ul.menu li a:hover span {color:#d5ce72}
		ul.menu li a span {font-family:"Trebuchet MS", Tahoma, Verdana!important; text-transform:uppercase; color:#e2dea9; font-weight:bold}
		ul.menu li li {float:none; padding:0; margin:0; background:#cfc648; font-size:1em}
		ul.menu li li:hover {background:#c3ba3a}
		ul.menu li li:hover ul {top:0; left:100%}
		ul.menu li li a {width:116px; padding:4px 10px 5px; background-image:none}
		ul.menu li li a span {text-transform:none; color:#525e0d; font-weight:normal}
		ul.menu li li a:hover,
		ul.menu li li a:hover span {color:#fff}
		ul.menu li li a:hover {color:#fff; text-decoration:underline}
		ul.menu li ul {display:none; position:absolute; z-index:999; border:1px solid #aba226; margin-top:0}
		ul.menu li:hover ul {display:block; left:-3px}
		ul.menu li:hover ul ul,
		ul.menu li li:hover ul ul,
		ul.menu li li li:hover ul ul,
		ul.menu li li li li:hover ul ul {display:none;}
		ul.menu li li:hover ul,
		ul.menu li li li:hover ul,
		ul.menu li li li li:hover ul {display:block}
		/* sitemap */
		ul.menu li.item23 {width:40px; border:0}
		ul.menu li.item23 a {width:25px; height:20px; margin-left:15px; padding:0; display:block; background:url("../imgs/sitemapIco.gif") 7px 5px no-repeat}
		ul.menu li.item23 a span {display:none}

		

/*---- CENTER AREA ----*/
#centerArea {min-height:333px; overflow:hidden; background:url("../imgs/centerAreaCenterBg.png") 0 0 repeat-y #fff}
	#imageLeft {width:231px; height:269px; position:relative; background:url("../imgs/centerAreaLeftBg.png") 0 0 no-repeat; float:left;}
		#imageLeft img {position:absolute; z-index:9; margin-left:11px}
		
	/* CONTENT */
	#contentWrapper {width:629px; padding:25px 22px 0; min-height:244px; overflow:hidden; float:left; background:url("../imgs/centerAreaRightBg.png") 100% 0 no-repeat}
		ul#rightIconsMenu {width:195px; float:right; margin:40px 0 0 30px;}
			ul#rightIconsMenu li {float:left; margin:0 0 47px 16px}
			ul#rightIconsMenu li.item29, ul#rightIconsMenu li.item17 {margin-left:0!important}
			ul#rightIconsMenu li a {display:block; width:89px; height:52px; position:relative}
			ul#rightIconsMenu li a span {font-family:"Trebuchet MS", Tahoma, Verdana!important; font-size:11px; width:89px; text-transform:uppercase; font-weight:bold; position:absolute; bottom:-17px; text-align:center}
			ul#rightIconsMenu li.item29 a {background:url("../imgs/iconReser.png") 50% 0 no-repeat}
			ul#rightIconsMenu li.item16 a {background:url("../imgs/iconPreco.png") 50% 0 no-repeat}
			ul#rightIconsMenu li.item17 a {background:url("../imgs/iconLocali.png") 50% 0 no-repeat}
			ul#rightIconsMenu li.item18 a {background:url("../imgs/iconGuestB.png") 50% 0 no-repeat}
			
			
			ul#rightIconsMenu li:hover a,
			ul#rightIconsMenu li.active a {background-position:50% -52px}
			ul#rightIconsMenu li.active * {cursor:default; text-decoration:none}
			ul#rightIconsMenu li.active a span {color:#999}
			
		#Content {/*background:#e0e0e0*/}
		#Content h3.pageTitle {text-transform:uppercase; font-size:2.5em; margin-bottom:15px; font-family:"Trebuchet MS", Tahoma, Verdana!important;}
		#Content td.pdf_icon, #Content td.print_icon, #Content td.email_icon {padding-left:4px}
		#Content td.pdf_icon img, #Content td.print_icon img, #Content td.email_icon img {position:relative; top:-3px}
		
		ul#hpIcons {float:right; width:215px; border:0px solid blue; margin:-30px 12px 0 28px;}
		ul#hpIcons li {clear:both; margin-bottom:22px; min-height:10px; overflow:hidden; border:0px solid green}
		ul#hpIcons li img {float:left}
		ul#hpIcons li span {float:right; width:130px; padding-top:5px; border:0px solid red; font-size:10px!important; font-family:"Trebuchet MS", Tahoma, Verdana!important; text-transform:uppercase; line-height:14px}
		ul#hpIcons li span:hover {text-decoration:underline}
		

	/* Footer */
	#footer {height:64px; clear:both; background:url("../imgs/footerBg.png") 0 0 no-repeat}
		#footer a#facebookLink {float:right; font-family:"Trebuchet MS", Tahoma, Verdana!important; font-weight:bold; color:#fff; margin:15px 22px 0 0}
			#footer a#facebookLink:hover {color:#444e08; text-decoration:none}


/*---- LOADING PICS ----*/
#pic2, #pic3, #pic4, #pic5, #pic6 {width:652px; height:251px}
#pic2 {background:url("../flash/pic2.jpg") 0 0 no-repeat}
#pic3 {background:url("../flash/pic3.jpg") 0 0 no-repeat}
#pic4 {background:url("../flash/pic4.jpg") 0 0 no-repeat}
#pic5 {background:url("../flash/pic5.jpg") 0 0 no-repeat}/*
#pic6 {background:url("../flash/pic6.jpg") 0 0 no-repeat}*/

/*--- sitemap ---*/
.xmap ul {display:block; list-style:none; margin:0}
.xmap ul.level_0 ul {list-style:inside square!important; padding:0}
.xmap li {list-style:inside square!important; padding:0 0 1px 22px; color:#525e0d}


/*--- Form - Contactos ---*/
div.rapid_contact {float:right; width:240px; border:0px solid red; margin-right:15px}
div.rapid_contact table {width:240px}
div.rapid_contact td {padding:15px 5px 0 0; color:#444e08}
div.rapid_contact input, div.rapid_contact textarea {border:1px solid #444e08; width:170px; float:right}
	div.rapid_contact input.button {width:70px!important; border:1px solid #444e08; color:#fff; background:#a39d3f}
	div.rapid_contact input.button:hover {border:1px solid #a39d3f; color:#a39d3f; background:#444e08; cursor:pointer}
.obrigadoContacto {float:right;  width:240px; border:1px solid #444e08; color:#fff!important; background:#a39d3f; display:block; padding:3px 8px; font-weight:bold}



/*--- GUEST BOOK ---*/
blockquote {background:#e1e1e1; border:1px solid #d0d0d0; margin:15px 0 25px; width:380px; padding:9px 10px 8px; line-height:17px;}
blockquote p {font-style:italic; color:#444}
blockquote div {color:#525e0d; font-size:11px; font-family:"Trebuchet MS", Tahoma, Verdana!important; font-size:10px}
a#guestBookBtn {background:#a39d3f; border:1px solid #525e0d; color:#404a07; font-size:11px; font-weight:bold; padding:2px 10px; display:block}
a#guestBookBtn:hover {background:#404a07; border:1px solid #a39d3f; color:#a39d3f}


body.galeriaImagens #topAreaWrp {background:url("../imgs/centerAreaCenterBg.png") 0 0 repeat-y; height:740px; overflow:visible}
body.galeriaImagens #topArea {background:url("../imgs/topAreaBg2.png") 0 0 repeat-x; height:740px; overflow:visible; position:relative}

#sairGaleria {/*width:150px; height:20px; display:block; */border:1px solid #b7b056; background:#ded99e; position:absolute; z-index:999; left:52px; top:420px}
#sairGaleria a {text-transform:uppercase; font-weight:bold; display:block; padding:3px 5px; width:120px; text-align:center}

div#galeriaXMLSWF {width:650px; float:right; margin:42px 32px 35px 0}

	div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none; float: left; margin-left:0; width: 658px; }
	div.content a, div.navigation a {text-decoration: none; color: #777}
	div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline}
	div.controls {margin-top: 25px; height: 23px}
	div.controls a {padding: 5px}
	div.ss-controls {float: left}
	div.nav-controls {float: right}
	div.slideshow-container {position: relative; clear: both; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */}
	div.loader {position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 658px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */}
	div.slideshow {/* margin-top:40px;*/}
	div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0}
	div.slideshow a.advance-link {display: block; width: 658px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center; }
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none}
	div.slideshow img {vertical-align: middle; border: 1px solid #ccc}
	div.download {float: right}
	div.caption-container {position: relative;  clear: left; height: 75px; }
	span.image-caption {display: none /**********/; position: absolute; width: 550px; top: 0; left: 0}
	div.caption {padding: 12px}
	div.image-title {font-weight: bold; font-size: 1.4em}
	div.image-desc {line-height: 1.3em; padding-top: 12px}
	div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
	div#thumbs {min-height:10px; overflow:hidden; /*border:1px solid blue; */margin:15px 0 20px 50px;}
	ul.thumbs {clear: both; margin: 0; padding: 0;/* border:1px solid red; */height:90px; overflow:hidden}
	ul.thumbs li {float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none}
	a.thumb {padding: 2px; display: block; border: 1px solid #ccc}
	ul.thumbs li.selected a.thumb {background: #000}
	a.thumb:focus {outline: none}
	ul.thumbs img {border: none; display: block}
	div.pagination {clear: both}
	div.navigation div.top {margin-bottom: 12px; height: 11px}
	div.navigation div.bottom {margin-top: 12px}
	div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc}
	div.pagination a:hover {background-color: #eee; text-decoration: none}
	div.pagination span.current {font-weight: bold; background-color: #525e0d; border-color: #000; color: #fff}
	div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px}
	.nav-controls {display:none}
	.ss-controls a.play,
	.ss-controls a.pause {color:#525e0d}



/*---- SIFR ----*/
/* These are standard sIFR styles... do not modify
.sIFR-flash {visibility:visible!important; margin:0!important; padding:0!important}
.sIFR-replaced {visibility:visible!important}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden} */
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
.sIFR-flash + div[adblocktab=true] {display:none!important} */
/* These "decoy" styles are used to hide the browser text before it is replaced... MY STYLES GO HERE *
.sIFR-hasFlash #Content h3.pageTitle {visibility:hidden; margin-top:-6px}*****/
