a:link, a:visited, a:active {
  text-decoration: none;
  color: #276FA5;
}

a:hover {
  text-decoration: none;
  color: #D54882;
}


h1 {
  margin: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-top: 7px;
  padding: 0px;
  font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana;
  font-weight: normal;
  font-style: italic;
  font-size: 24px;
  word-spacing: 0px;
  text-align: left;
  color: #70A2C3;
  letter-spacing: -1px;
}

h2, h3 {
  margin: 0px;
  margin-bottom: 7px;
  padding: 0px;
  font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana;
  font-weight: bold;
  font-style: normal;
  font-size: 15px;
  word-spacing: 0px;
  color: #FFFFFF;
}

h2 {

  padding-left: 25px;
  background-image: url(img/bullet1.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
}

ul {
  margin-top: 4px;
  margin-bottom: 7px;
}


form, option, select, radio {
  margin: 0;
  padding: 0;
}

div.hr {
	height: 1px;
	margin: 5px 0px;
	overflow: hidden;
	border-top: 1px solid #999999;
}

hr {
  padding: 0px;
  margin: 0px;
  height: 0px;
  border-style: solid;
  color: #B8B68D;

  border: 1px solid #B8B68D;
}

p {
  margin: 0px;
  padding: 0px;
}


input, textarea, select {
  font-family: Arial, "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: #276FA5;
  background-color: #F8CD84;
}

textarea {
  overflow: auto;
  scrollbar-face-color: #14A3D8;
		scrollbar-shadow-color: #F8CD84;
		scrollbar-highlight-color: #F8CD84;
		scrollbar-3dlight-color: #F8CD84;
		scrollbar-darkshadow-color: #F8CD84;
		scrollbar-track-color: #F8CD84;
		scrollbar-arrow-color: #FFFFFF;
}

.fielder {
  border: 1px solid #F8CD84;
  background-color: #F8CD84;
}


.button, .btn {
  color: #FFFFFF;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border : 0px solid #009CDA;
  background-color: #009CDA;
  padding: 3px 6px;
  cursor: pointer;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* GALERIAS */
div.gallerylist {
	border-bottom: 1px dashed #70A2C3;
	margin: 10px 10px 15px;
	padding: 0px 0px 5px;
}

div.gallerylist div.gallerylist_title {
	float: left;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana;
	font-weight: normal;
	font-style: italic;
	word-spacing: 0px;
	letter-spacing: 0px;
}

div.gallerylist div.gallerylist_title a {
	font-weight: bold;
}

div.gallerylist div.gallerylist_date {
	font-size: 11px;
	text-align: right;
}

div.gallerylist div.gallerylist_nfotos {
	font-size: 10px;
	margin-top: -2px;
	margin-bottom: 2px;
	color: #343434;
}

div.gallery {
	text-align: left;
}

div.gallery div.gallery_descr {
	margin: 10px;
	text-align: left;
}

div.gallery a img {
	border: 2px solid #276FA5;
}

div.gallery a:hover img {
	border: 2px solid #D54882;
}
/****/



/* GUESTBOOK */
div.guestbookform {
	text-align: center;
}

div.guestbookform h3 {
	margin-bottom: 5px;
}

div.guestbookform label {
	width: 70px;
	vertical-align: top;
	text-align: left;
	margin: 1px;
}

div.guestbookform .fielder {
	width: 200px;
	text-align: left;
	margin: 2px;
}

div.guestbookform textarea.fielder {
	width: 280px;
	text-align: left;
	margin: 2px;
}

div.guestbookform div.guestbookform_submit {
	margin-top: 3px;
}

div.guestbookform div.guestbookform_captcha .fielder {
	width: 49px;
}

div.guestbookform img#captchapic {

}



div.guestbookitem {
	border-bottom: 2px dashed #F8CD84;
	padding: 10px;
}

div#randomguestbook {
	font-size: 80%;
	line-height: 1.2em;
}

div#randomguestbook div.guestbookitem {
	border-bottom: 0px solid #FFFFFF;
	margin: 5px 10px;
}

div.guestbookitem div.guestbookitem_author {
	font-weight: bold;
	font-size: 13px;
	margin-top: 10px;
	color: #FFFFFF;

}

div.guestbookitem div.guestbookitem_date {
	font-size: 10px;
	color: #AAAAAA;
}

div.guestbookitem div.guestbookitem_message {
	margin: 3px;
	text-align: left;
}
/****/




/* MAIL FORM */

div#dwMailFormContainer {
	padding: 5px 0px 10px;
	text-align: center;
	line-height: 2.2em;
}

div#dwMailForm .fielder {
	border: 1px solid #F8CD84;
	background-color: #F8CD84;

	font-family: arial, helvetica, "Trebuchet MS", sans-serif;

	color: #276FA5;
	font-size: 12px;
	font-weight: normal;
	width: 220px;
	padding: 3px 0px 3px 8px;
	margin: 4px 0px;

	height: 21px;
}

div#dwMailForm textarea.fielder {
	height: 79px;
	*height: 83px;
}

div#dwMailForm .btn {
	padding: 1px 14px;
}

div#dwMailForm_loading {
	background-image: url('img/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 10px;

	text-align: center;

	margin-top: 20px;
	padding-top: 50px;

	font-family: arial, helvetica, "Trebuchet MS", sans-serif;

	color: #777777;
	font-size: 15px;
	font-weight: bold;
}
/****/



/** MAP **/

#overlayz{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 500px;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#bigmap {
	position: absolute;
	z-index: 5;
	background-color: #FFFFFF;
}


#butClose {
	position: absolute;
	z-index: 99;
	text-align: center;
	background-color: #555555;
	padding-top: 4;
	cursor: pointer;
	color: #FFFFFF;
	border: 1px solid #333333;
	font-weight: bold;
	letter-spacing: 3px;
}
	body, table, td {
		font-family: "Comic Sans MS", Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		font-style: normal;
		line-height: 1.3em;

		color: #FFFFFF;

		margin: 0px;

		cursor: default;

		overflow: hidden;
	}



	body {
		margin: 0px;
		padding: 0px;
		height: 100%;

		overflow: hidden;

		scrollbar-face-color: #14A3D8;
		scrollbar-shadow-color: #14A3D8;
		scrollbar-highlight-color: #14A3D8;
		scrollbar-3dlight-color: #E8A42B;
		scrollbar-darkshadow-color: #E8A42B;
		scrollbar-track-color: #E8A42B;
		scrollbar-arrow-color: #FFFFFF;

		background-color: #D54882;

		background-image: url(img/bg.gif);
		background-position: 50% -120px;
		background-repeat: repeat-y;
	}



	div#skel {
		width: 866px;
		height: 618px;

		position: absolute;

		left: 50%;
		top: 50%;

		margin-left: -433px;
		margin-top: -309px;

		background-image: url(img/skel.gif);
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	div#copyright {
		position: absolute;

		left: 50%;
		top: 50%;

		width: 200px;

		margin-left: 150px;
		margin-top: 302px;

		font-family: Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
		font-size: 9px;
		font-weight: bold;
		text-decoration: none;
		font-style: none;
		text-align: center;

		line-height: 1.3em;

		letter-spacing: 0;

		color: #FFFFFF;
	}

	div#copyright a {
		color: #FFFFFF
	}

	div#container {
		position: relative;
	}


	div#lg1 {
		position: absolute;
		top: 175px;
		right: 115px;
	}

	a#homelogo {
		display: block;
		position: absolute;

		top: 0px;
		left: 8px;

		width: 210px;
		height: 157px;
		overflow: hidden;

		line-height: 1000px;
	}


	div#minimap {
		position: absolute;
		top: 435px;
		left: 12px;
		cursor: pointer;
	}


	div#b1 {
		position: absolute;
		top: 406px;
		left: 197px;
	}


	div#b2 {
		position: absolute;
		top: 439px;
		right: 15px;
	}


	div#b3 {
		position: absolute;
		top: 185px;
		left: 198px;
	}


	div#c1 {
		position: absolute;
		top: 155px;
		left: 390px;
		width: 70px;
		height: 72px;
		background-image: url(img/c1.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#cc1 {
		position: absolute;
		top: 345px;
		left: 35px;
		width: 70px;
		height: 72px;
		background-image: url(img/cc1.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#c2 {
		position: absolute;
		top: 135px;
		right: 50px;
		width: 65px;
		height: 60px;
		background-image: url(img/c2.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#cc2 {
		position: absolute;
		top: 135px;
		right: 10px;
		width: 65px;
		height: 60px;
		background-image: url(img/c2.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#c3 {
		position: absolute;
		top: 480px;
		left: 460px;
		width: 57px;
		height: 60px;
		background-image: url(img/c3.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}




	div#cc3 {
		position: absolute;
		top: 370px;
		left: 160px;
		width: 57px;
		height: 60px;
		background-image: url(img/cc3.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}



	div#c4 {
		position: absolute;
		top: 547px;
		left: 545px;
		width: 99px;
		height: 62px;
		background-image: url(img/c4.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}




	div#cc4 {
		position: absolute;
		top: 554px;
		left: 555px;
		width: 99px;
		height: 62px;
		background-image: url(img/cc4.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#c5 {
		position: absolute;
		top: 360px;
		right: 35px;
		width: 64px;
		height: 68px;
		background-image: url(img/c5.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}


	div#cc5 {
		position: absolute;
		top: 315px;
		right: 13px;
		width: 64px;
		height: 68px;
		background-image: url(img/cc5.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	div#c6 {
		position: absolute;
		top: 135px;
		left: 210px;
		width: 74px;
		height: 60px;
		background-image: url(img/c6.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	div#cc6 {
		position: absolute;
		top: 205px;
		left: 100px;
		width: 74px;
		height: 60px;
		background-image: url(img/cc6.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	div#mainmenu {
		position: relative;
		top: 20px;
		left: 225px;

		width: 625px;
		height: 120px;

		z-index: 5;
	}

	div#mainmenu a {
		display: block;
		position: absolute;
		line-height: 1000px;
		overflow: hidden;
	}

	a#quemsomos {
		width: 139px;
		height: 33px;

		top: 30px;
		left: 10px;

		background-image: url(img/btn1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#quemsomos:hover {
		background-position: 0px -33px;
	}

	a#quemsomos.sel {
		background-position: 0px -66px;
	}



	a#projecto {
		width: 97px;
		height: 52px;

		top: 69px;
		left: 40px;

		background-image: url(img/btn2.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#projecto:hover {
		background-position: 0px -52px;
	}

	a#projecto.sel {
		background-position: 0px -104px;
	}


	a#actividades {
		width: 136px;
		height: 36px;

		top: 32px;
		left: 165px;

		background-image: url(img/btn3.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#actividades:hover {
		background-position: 0px -36px;
	}

	a#actividades.sel {
		background-position: 0px -72px;
	}


	a#testemunhos {
		width: 143px;
		height: 37px;

		top: 75px;
		left: 190px;

		background-image: url(img/btn4.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#testemunhos:hover {
		background-position: 0px -37px;
	}

	a#testemunhos.sel {
		background-position: 0px -74px;
	}



	a#servicos {
		width: 100px;
		height: 34px;

		top: 28px;
		left: 320px;

		background-image: url(img/btn5.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#servicos:hover {
		background-position: 0px -34px;
	}

	a#servicos.sel {
		background-position: 0px -68px;
	}


	a#galeria {
		width: 87px;
		height: 43px;

		top: 70px;
		left: 365px;

		background-image: url(img/btn6.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#galeria:hover {
		background-position: 0px -43px;
	}

	a#galeria.sel {
		background-position: 0px -86px;
	}


	a#contactos {
		width: 114px;
		height: 37px;

		top: 15px;
		left: 460px;

		background-image: url(img/btn7.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#contactos:hover {
		background-position: 0px -37px;
	}

	a#contactos.sel {
		background-position: 0px -74px;
	}



	a#surpresas {
		width: 123px;
		height: 39px;

		top: 65px;
		left: 480px;

		background-image: url(img/btn8.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	a#surpresas:hover {
		background-position: 0px -39px;
	}

	a#surpresas.sel {
		background-position: 0px -78px;
	}


	div#bodycontent {
		z-index: 2;
		position: absolute;

		width: 580px;
		height: 440px;

		left: 222px;
		top: 138px;

		padding-right: 7px;

		overflow: auto;
	}


	div#morada {
		position: absolute;

		top: 554px;
		left: 20px;

		text-align: center;

		width: 170px;
		height: 40px;

		overflow: hidden;

		font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		font-style: normal;
		line-height: 1.5em;

		color: #FFFFFF;
	}


	ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 5px 0px;
		padding: 0px;
	}

	ul li {
		padding-left: 35px;
		background-position: 0px 3px;
		background-repeat: no-repeat;
	}

	ul.bullet2 li {
		background-image: url(img/bullet2.gif);
	}

	ul.bullet3 li {
		background-image: url(img/bullet3.gif);
	}

	ul.bullet4 li {
		background-image: url(img/bullet4.gif);
	}

	ul.bullet5 li {
		background-image: url(img/bullet5.gif);
	}

	ul.bullet6 li {
		background-image: url(img/bullet6.gif);
	}

	ul.bullet7 li {
		background-image: url(img/bullet7.gif);
	}



	ul.bulletempty li {
		padding-left: 70px;
		background-position: 0px 3px;
		background-repeat: no-repeat;
		background-image: none;
	}
#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 20;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 19;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(img/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/next.gif) right 53% no-repeat; }
#prevLink2, #nextLink2 {
	color:#D54882;
         font-weight:normal;
         cursor:pointer;
         }



#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	line-height: 1.4em;
	height: 38px;
	}

#imageData{
	padding:2px 18px 0 11px;
	}

#imageData #imageDetails{ width: 72%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:10px; color:#444444; }
#imageData #numberDisplay{ display: block; clear: left; font-weight: bold; font-size:9px; color:#999999; padding-bottom: 1.0em; }
#imageData #slideshowLink{ width: 25px; float: right; margin-top:2px; margin-right:5px; padding-bottom: 0.7em;	}
#imageData #bottomNavClose{ width: 25px; float: right; margin-top:2px; padding-bottom: 0.7em; }

#imageData #caption a {
	color: #D35D2D;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 18;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
@media all and (min-width:0px){
#overlay{
background: url(layout/img/overlay.png);
}
}