/* CSS styles for casadaspenhasdouradas.pt */
/* Exadorma 03.05.2011 - 19:25 */

/***********************************************/
/* GENERAL
/***********************************************/



body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
html {
	overflow: auto;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
a#top {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
	float: left;
	width: 1px;
}
a {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
img {
	border: 0;
}
.clear_both {
	clear:both;
}
p, form, h1, h2, h3, h4, h5, input {
	margin: 0;
	padding: 0;
}
body, p, form, h1, h2, h3, h4, h5, input, textArea, select {
	font-size: 12px;
}
.displayNone {
	display: none !important;
}
.displayBlock {
	display: block !important;
}
.mandatory {
	color: #E20A16 !important;
	font-weight: bold !important;
}
.highlight {
	color: #FF7A00;
}
.floatLeft {
	float: left;
}
.displayInvisible {
	visibility: hidden;
}
td {
	vertical-align: top;	
}
/***********************************************/
/* TEXT/TITLES
/***********************************************/
.mainTitle {
	font-size: 18px;
	color: #0D2242;
	padding: 8px 0 6px 0;
	border-bottom: 1px #D3D2D2 dotted;
	margin-bottom: 15px;
	font-weight: bold;
}
h1 {
	font-size: 21px;
	color: #FFFFFF;
	font-weight: normal;
}
.contentBO01 {
	padding: 0 6px 0 6px;
}
.highlight {
	color: #0D2242;
}
.smaller {
	font-size: 11px;	
}
/***********************************************/
/* BOXES/ALIGNMENTS
/***********************************************/
.wrapper {
	position: relative;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
/***********************************************/
/* FORMS/BUTTONS
/***********************************************/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 0;
	background-color: #FFF;
}
textarea {
	overflow: auto;	
}
.inputNormal {
	background-color: transparent;	
}
.inputFormTestemunhos {
	width: 440px;
	padding: 3px 4px 3px 4px;
}
.inputFormReservations {
	width: 170px;	
}
.inputFormSmall {
	width: 50px;	
}
.textareaFormTestemunhos {
	height: 80px;
}
.textareaFormReservations {
	height: 30px;	
}
.textareaFormReservations2 {
	height: 60px;	
}
.formButton, a.formButton {
	display: block;
	padding: 5px 10px 5px 10px;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	float: right;
	margin-left: 14px;
}
a.formButton:hover {
	background-color: #CCC;	
}
.formCol1, .formCol2 {
	float: left;
}
.vValor {
	text-align: right;
}
/***********************************************/
/* LISTS
/***********************************************/

/***********************************************/
/* layout - main
/***********************************************/
#floater {
	position:relative;
	float:left;
	height:50%;
	margin-bottom:-330px;
	width:1px;
}
#bodyWrapper {
	position:relative;
	clear:left;
	margin: 0 auto;
	width: 1080px;
	height: 660px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.bodyImage {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.loadingAnimation {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
}
.colWrapper {
	position: absolute;
	top: 0;
	left: 33px;
	z-index: 200;
	width: 213px;
	height: 620px;
	overflow: hidden;
}
.logoWrapper {
	width: 100%;
	height: 191px;
	position: relative;
	margin-bottom: 9px;
}
.logoBase {
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
}
.logo {
	position: absolute;
	top: 20px;
	left: 44px;
}
.colWrapperInside {
	width: 100%;
	height: 420px;
	position: relative;
}
.colInsideBase {
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
}
.colInside {
	position: absolute;
	width: 100%;
	height: 100%;
}
.colInsideWrapper {
	position: relative;
	height: 397px;
	width: 190px;
	padding: 19px 0 0 19px;
}
.pageTitle, .boxTitleIntro, .formResultTitle, .pageTitleContent {
	font-family: 'Arvo', Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-right: 10px;
	line-height: 1.3;
}
.pageTitleContent {
	margin-bottom: 10px;
	padding-left: 8px;
}
.boxTitleIntro {
	font-size: 18px;
}
.formResultTitle {
	font-size: 22px;
	text-align: center;
	padding-top: 40px;
}
.colContentWrapper {
	height: 259px;
	overflow: auto;
	line-height: 1.3;
}
.colContent {
	padding-right: 8px;
}
.jspScrollable .colContent {
	padding-right: 0px;
}
.colNav {
	position: absolute;
	bottom: 13px;
	width: 200px;
}
.contentWrapper {
	position: absolute;
	top: 0;
	left: 246px;
	z-index: 200;
	width: 834px;
	height: 620px;
	overflow: hidden;
}
.contentWrapperInside {
	position: relative;
	width: 100%;
	height: 100%;
}
.menuWrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	height: 40px;
	color: Red !important;

}
.menuWrapperInside {
	position: relative;
}
.menuBase {
	height: 40px;
	width: 1080px;
	background: #000000;
	position: absolute;
	
}
.menuBlock {
	position: absolute;
	width: 1080px;
	left: 41px;
	top: 7px;
    
}
/***********************************************/
/* H-MENU
/***********************************************/
ul.navmenu {
	margin: 0;
	float: left;
	border: 0;
	padding: 0;
	list-style: none;
	height: 18px;
	position: relative;
	z-index: 500;
	
}
ul.navmenu li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	
}

ul.navmenulang {
	margin: 0;
	float: left;
	border: 0;
	padding: 0;
	list-style: none;
	height: 22px;
	position: relative;
	z-index: 500;
	font-size:10px;
	
}
ul.navmenulang li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	
}

.menuRight{
    color: #FFF;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.menuRight:hover{color:#A3A3A3;}

.menuRightSub {
    color: #FFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.menuRightSub:hover{color:#A3A3A3;}


/* main bt */
ul.navmenu a {
	padding: 5px 9px 6px 10px;
	float: none;
	display: block;
	color: #A3A3A3;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto;
}
/* hover state on main bt */
ul.navmenu a:hover, ul.navmenu li:hover a, ul.navmenu li.iehover a {
	color: #FFFFFF;
}
/* active */
ul.navmenu li.active a, ul.navmenu li.active a:hover, ul.navmenu a.hoverlink, ul.navmenu a.hoverlink:hover {
	color: #FFFFFF;
}
/* click state on main bt */
ul.navmenu a:active, ul.navmenu li:active a, ul.navmenu li.active a:active, ul.navmenu a.hoverlink:active {
}

.activeGreen{font-weight:bold !important; color:#FFF !important;}

ul.navmenulang a {
	padding: 4px 4.2px 4px 4px;
	float: none;
	display: block;
	color: #A3A3A3;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto;
}
/* hover state on main bt */
ul.navmenulang a:hover, ul.navmenulang li:hover a, ul.navmenulang li.iehover a {
	color: #FFFFFF;
}
/* active */
ul.navmenulang li.active a, ul.navmenulang li.active a:hover, ul.navmenulang a.hoverlink, ul.navmenulang a.hoverlink:hover {
	color: #FFFFFF;
}
/* click state on main bt */
ul.navmenulang a:active, ul.navmenulang li:active a, ul.navmenulang li.active a:active, ul.navmenulang a.hoverlink:active {
}


/***********************************************/
/* LEFTNAV
/***********************************************/
.colNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.colNav li {
	margin: 0;
	padding: 0;
}
.colNav li a {
	padding: 6px 13px 6px 0px;
	color: #A3A3A3;
	display: block;
	text-decoration: none;
	margin: 0;
	background: none; /* IE7 fix */
}
/* item hover - general */
.colNav li a:hover {
	color: #FFFFFF;
	background: none;
	font-weight: normal;
}
/*---------- active -----------*/
/* assuming different props for each level, otherwise could be simplified */
/* 1st level start */
.colNav li.active a, .colNav li.active a:hover {
	font-weight: normal;
	color: #FFFFFF;
	background: none;
}
/***********************************************/
/* STRUCTURE
/***********************************************/
.translucid {
	opacity:0.6;
}
/***********************************************/
/* HOME
/***********************************************/
.home .colWrapperInside {
	width: 100%;
	height: 30px;
	position: relative;
}
.home .colInsideWrapper {
	position: relative;
	height: 27px;
	width: 235px;
	padding: 2px 0 0 0px;
}
.home .menuBlock {
	top: 0px;
	left: 0px;
}
.home ul.navmenu a {
	padding: 5px 14px 6px 14px;
}
/***********************************************/
/* LAYOUT - CONTENT
/***********************************************/
.contentContainer {
	position: absolute;
	top: 200px;
	left: 32px;
	width: 570px;
}
.contentContainerInsideWrapper {
	position: relative;
	width: 100%;
	height: 390px;
}
.contentContainerBase {
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
}
.contentContainerInside {
	position: absolute;
	width: 100%;
	height: 100%;
}
.contentContainerInsideSurround {
	position: relative;
	height: 330px;
	width: 530px;
	padding: 50px 0 0 43px;
}
.contentContainerInsideBlock {
	height: 330px;
	overflow: auto;
	line-height: 1.3;
}
.contentContent {
	padding-right: 8px;
}
.jspScrollable .contentContent {
}

.contentContainerBoxes {
	width: 686px;
	overflow: hidden;
}
.contentBoxWrapperOutside {
	height: 359px;
	width: 686px;
	overflow: hidden;
	position: relative;
}
.contentBoxWrapper {
	width: 6000px;
	height: 369px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.smallBoxes .contentBoxWrapperOutside, .smallBoxes .contentBoxWrapper  {
	height: 249px;
}
.individualBox {
	width: 213px;
	height: 100%;
	position: relative;
	margin-right: 23px;
	float: left;
}
.boxBase {
	background-color: #000;
	position: absolute;
	height: 100%;
	width: 100%;
}
.boxContentContainer {
	position: absolute;
	height: 100%;
	width: 100%;
}
.boxImage {
	width: 100%;
	height: 98px;
	overflow: hidden;
}
.boxContentBlock {
	padding: 12px 6px 12px 16px;
	width: 193px;
}
.boxTitle {
	font-family: 'Arvo', Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 9px;
	padding-right: 10px;
	line-height: 1.3;
}
.boxContentWrapper {
	height: 216px;
	overflow: auto;
	line-height: 1.3;
}
.smallBoxes .boxContentWrapper {
	height: 96px;
}
.boxContent {
	padding-right: 8px;
}
.jspScrollable .boxContent {
	padding-right: 0px;
}
.contentBoxNav {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding-top: 5px;
}
.navButtonLeft, .navButtonRight {
	display: block;
	float: left;
	display: none;
}
.navButtonRight {
	float: right;
}
.navButtonLeft a, .navButtonRight a {
	text-decoration: none;
	color: #FFF;
	padding: 2px 17px 2px 17px;
	border: 1px #FFFFFF solid;
	display: block;
}
.navButtonLeft a:hover, .navButtonRight a:hover {
	color: #A3A3A3;
	border: 1px #A3A3A3 solid;
}
/* ---- intro -----*/

.introBox2 
{
    padding: 0px 0 0 10px;
    }
.introBox, .introBox .contentContainerInsideWrapper {
	height: 280px;
}
.introBox .contentContainerInsideSurround {
	padding-top: 30px;
}
.introBox .contentContainerInsideSurround, .introBox .contentContainerInsideBlock {
	height: 200px;
}
/* ---- form guestbook -----*/
.formGuestbook, .formGuestbook .contentContainerInsideWrapper {
	height: 280px;
}
.formGuestbook .contentContainerInsideSurround {
	padding-top: 20px;
	padding-left: 30px;
}
.formGuestbook .contentContainerInsideSurround, .formGuestbook .contentContainerInsideBlock {
	height: 242px;
	overflow: visible;
}
/* ---- form reservations -----*/
.formReservations, .formReservations .contentContainerInsideWrapper {
	height: 360px;
	width: 692px;
}
.formReservations .contentContainerInsideSurround {
	padding-top: 20px;
	padding-left: 20px;
}
.formReservations .contentContainerInsideSurround, .formReservations .contentContainerInsideBlock {
	height: 312px;
	width: 700px;
	overflow: visible;
}
/* ---- form voucher -----*/
.formVoucher, .formVoucher .contentContainerInsideWrapper {
	height: 380px;
	width: 650px;
}
.formVoucher .contentContainerInsideSurround {
	padding-top: 20px;
	padding-left: 20px;
}
.formVoucher .contentContainerInsideSurround, .formVoucher .contentContainerInsideBlock {
	height: 312px;
	width: 700px;
	overflow: visible;
}

/***********************************************/
/* jsScrollPane
/***********************************************/
.scroll-pane {
	overflow: auto;
}
.scroll-pane:focus {
	outline-width: 0; /* safari + chrome */
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 95%;
	background: transparent;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}
/*
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
*/
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: transparent;
	position: relative;
	margin: 0;
	padding: 0;
}
.jspDrag {
	background: transparent url(../images/scroll_thumb.png) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspHorizontalBar .jspDrag {
	background: transparent url(../images/scroll_thumb_h.png) no-repeat;
}
.jspArrow {
	background: transparent url(../images/scroll_arrow_up.png) no-repeat;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.jspArrow.jspDisabled {
	cursor: default;
}
.jspVerticalBar .jspArrow {
	height: 8px;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspHorizontalBar .jspArrow {
	width: 8px;
	float: left;
	height: 12px;
}
.jspArrowUp {
}
.jspArrowDown {
	background: transparent url(../images/scroll_arrow_down.png) no-repeat;
}
.jspArrowLeft {
	background: transparent url(../images/scroll_arrow_left.png) no-repeat;
}
.jspArrowRight {
	background: transparent url(../images/scroll_arrow_right.png) no-repeat;
}


.frmReservas {border:1px solid #FFF; background:A3A3A3; color:#a3a3a3; font-size:10px;cursor:pointer;}

.frmBook {text-decoration:none}
A.frmBook:hover {color:#d6f742;}

.btnSend {border:0px solid red; background-color:#000;padding:5px;text-decoration:none;}
A.btnSend:hover{color:#85a107;}