body { background: #d6e3db; padding:0;margin:0; height:100%;width:100%; font-family: Arial; font-size: 9pt; }

#container { width: 906px; margin-left: auto; margin-right: auto; height: 100%; background: /*#b7c7bd*/ url(http://hotelfarol.pt/images/main_bg.png); }
.wrapper { clear: both; width: auto; display: block;}
#main { width: auto; margin: 7px 16px 0px 16px; background: #fff; padding: 16px 20px 16px 20px; }

#header { width: 884px; margin-left: 11px; padding-top: 176px; background: url(http://hotelfarol.pt/images/header_bg.png) no-repeat; }
#navbar { width: auto; height: 25px; margin-left: 5px; }
.navsec1, .navsec2 { float: left; height: 25px; }
.navsec1 { width: 770px; }
.navsec2 { width: 104px; color: #c17e83; }
.navsec2 a { display: inline-block; height: 25px; line-height: 25px; font-size: 8pt; color: #c17e83; }
.navsec2 a:hover { color: #fff; text-decoration: none; font-size: 8pt; }
#footer { width: auto; padding: 25px 50px 25px 50px;  font-size: 8pt; background: #d6e3db; }
#footer a { font-size: 8pt; color: #585858; }
#footer a:hover { text-decoration: underline; }
#footer div { font-size: 7pt; text-align: center;  }

h1, h2, h3 { margin-top: 0px; padding-top: 0px; }
h1 { color: #c17e83; font-size: 16pt; font-weight: normal; margin-bottom: 22px; }
h2 { color: #c17e83; font-size: 14pt; font-weight: normal; }
h3 { color: #5b5b5b; font-size: 12pt; }
h1 span { font-size: 10pt; color: #434242; }

.estiloTitulosH1{color: #c17e83; font-size: 16pt; font-weight: normal; margin-bottom: 22px;}
.estiloTitulosH1 span{font-size: 10pt; color: #434242;}

p, td, div, li, input, textarea, select {
    font-family: Arial; font-size: 9pt; color: #585858; line-height: 12pt; } 
a { text-decoration: none; font-size: inherit; color: #585858; }
a:hover { text-decoration: none; font-size: inherit; color: #c17e83; }

.boxres { float: left; width: 408px; height: 322px; background: url(http://hotelfarol.pt/images/box.png) no-repeat; }
.boxspc { margin-right: 18px;}

.col1 { float: left; width: 491px; height: 300px; margin: 0px 10px 0px 27px; overflow: hidden; }
.col2 { float: left; width: 254px; }
.col3 { float: left; width: 141px; padding-top: 255px; }
.col4 { width: 838px; height: 400px; margin: 0px 0px 20px 0px; }
.wdt1 { width: 350px; }
.arrow { width: 16px; height: 16px; border: 0px; }
.scroller { float: left; width: 42px; height: 40px; margin-left: 10px; padding-top: 10px; }

.slideshow, .photo, .map  { width: 833px; height: 469px; }
.slideshow {  margin-bottom: 28px; }
.slidegal { position: absolute; }
.slideleft { width: 25px; height: 25px; border: 0px; z-index: 2; position: relative; top: 220px; left: 10px; }
.slideright { width: 25px; height: 25px; border: 0px; z-index: 2; position: relative; top: 220px; left: 765px; }

.boxgrey { width: 218px; background: #ebebeb; padding: 17px; border: 1px dotted #b9baba; }
.boxgrey span { text-align: right; display: block; }
.hrline { width: auto; height: 1px; border-top: 1px dotted #b9baba; margin: 16px 0px 16px 0px; }
.cbres { width: 66px; height: 20px; font-size: 8pt; }
.btres { background: #c17e83; color: #fff; padding: 3px 6px 3px 6px; border: 0px; text-transform: uppercase; }

.newshead { width: auto; padding-top: 26px; background: url(http://hotelfarol.pt/images/news_hr.jpg) no-repeat; margin-left: 16px; margin-right: 16px; }
.newsnav { width: auto; margin-left: 10px; }
.newsnav a { float: left; display: block; width: 90px; height: 25px; line-height: 25px; color: #fff; text-align:center; }
    .newsnav a:hover, .mnuactive {
        background:#c17e83;
    }
.icofb, .icofl { float: right; height: 14px; border: 0px; margin-right: 20px; margin-top: 6px; }
.icofb { width: 62px; }
.icofl { width: 42px; }
.newsbody { width: auto; margin: 0px 26px 0px 26px; background: #fefcef; padding: 28px 26px 37px 26px;  }
.newsmsg { float: left; width: 158px; }
.newsmsg span { color: #7c343f; }
.newssep { float: left; width: 56px; height:10px; }
.newsimg { width: 158px; height: 88px; border: 0px; margin-bottom: 12px; }

.lnkmap { display: inline-block; background: #595856; color: #fff; padding: 3px 10px 3px 10px; border: 0px; }
.phone { font-size: 13pt;}

.txsearch { background: #e8dfd0; padding: 4px; border: 0px; margin-bottom: 5px; }
label { display: inline-block; width: 63px; margin-right: 5px; text-align: right; margin-bottom: 5px;}
.lb1 { vertical-align: top; margin-top: 3px; }
.lb2 { width: 103px; }
.frmsend { width: 492px; text-align: right; }
.frmbtn { background: #595856; color: #fff; padding: 3px 6px 3px 6px; border: 0px; }
.frmmsg  { font-size: 8pt; }
.frmcomm { width: 215px; text-align: right; padding-top: 6px; }


/* MULTIMENU */
#nav { list-style: none; padding: 0; margin:0; }
#nav ul { padding: 0; margin:0; list-style: none; width: 110px; z-index:99; position:relative; overflow:visible; }
#nav li { margin:0; position: relative; float:left; width: 110px; background-color:#595856; 
          display:block; height: 25px; line-height: 25px; text-align: center; }
#nav ul li{ background-color:#fefcef; text-align: left; width: 140px; padding-left: 14px;}
#nav a { text-decoration:none; display:block; width: 110px; color: #fff; height: 25px; line-height: 25px; }
#nav a:hover, #nav li:hover{ background-color:#c17e83; }
#nav ul li, #nav ul li a { color: #666; width: 140px; }
#nav ul li:hover, #nav ul li a:hover{ background-color:#dbd4ad; color: #666;}
#nav ul{ display:none; }
/*all see this */
#nav ul ul, #nav ul ul ul{ display:none; position:absolute; margin-left:140px; }
/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{ margin-top: -25px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; }
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block; }
li>ul { top: auto; left: auto; }


/* Booking Wizard */ 
.cardarea { width: 834px; text-align: right; margin-top: 38px; }
.boxouter { float: left; width: 408px; height: 322px; }
.boxsep { margin-right: 18px;}
.box { width: 408px; height: 322px; position: absolute; z-index: 0;}
.box_over { width: 408px; height: 322px;  position: absolute;  z-index: 1;}
.overlay { background: url(http://hotelfarol.pt/images/box_over.png) no-repeat; }
.boxinner {  width: 360px; height: 284px; position: absolute; z-index: 2; padding: 28px 24px 14px 24px; }
.boxinner h3 { margin-bottom: 5px;}
.boxtitle { width: auto; height: 60px; color: #c17e83; padding-left: 6px; }
.btnwiz { background: #cd7372; color: #fff; height: 18px; margin-left: 6pt; margin-right: 7px; border: 0px; font-size: 7pt;  }

.boxlf { float: left; width: 180px; height: 170px; margin: 10px 0px 10px 0px; }
.boxrt { float: left; width: 170px; height: 170px; margin: 10px 10px 10px 0px; overflow: hidden; text-align: center; }
.boxmd { width: auto; height: 170px; margin: 10px 10px 25px 10px; }
.boxbig { width: 350px; height: 170px; margin: 10px; }
.boxbtn { width: auto; margin: 14px 5px 0px 0px; text-align: right; }
.boxcb { width: 50px; background: #ebe9da; border: 0px; height: 18px; }
.marglf { margin-left: 25px; }
.marglf2 { margin-left: 15px; }
.lnkbk { color: #fff; font-size: 8pt; font-weight: bold; }
.lnkbk:hover { color: #fff; font-size: 8pt; text-decoration: underline; }

.boxsel { background: #ebe9da; width: 140px; height: 19px; line-height: 19px; font-size: 6pt; color: #c17e83; text-align: center; }
.boxtit { font-size: 8pt; font-weight: bold;}

.td1 { background: #ebe9da; width: 30px; text-align: center; height: 20px; }
.td2 { background: #ebe9da; color: #cd7372; font-weight: bold; width: 124px; }
.td3 { background: #cd7372; color: #fff; font-weight: bold; text-align: center; width: 19px;  }
.td4 { color: #b7a185; text-align: right; font-size: 8pt; padding-bottom: 10px;}
.td4 span { font-size: 7pt; }

.td1a { font-weight:bold; font-size: 8pt; }
.td2a { text-align: right; color: #cd7372; height: 22px; text-transform: lowercase; font-weight: bold; }
.tdh1 { height: 28px; }

.spsmall { font-size: 8pt; }
.spred { color: #cd7372; }
.spgold { color: #a5946a; text-transform: lowercase; } 
.spdetail { color: #a5946a; text-transform: lowercase; font-size: 7pt; line-height: 10pt; text-align: left; }

/*