body { background:#FFF0B0 url(../../imgs/bkg_home.png) repeat-x; font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; } #fguestbook { background:#FFF;} h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; } a img { border:none; } ul { list-style:none; } a { color:#DF7E00; text-decoration:underline; } a:hover { color:#6D7014; text-decoration:underline;} a:focus { outline:none;} .clear { clear:both; height:0; } .disappear { visibility:hidden; } .bold { font-weight: bold; } .italic { font-style: italic; } .space { height:10px;} /* ________________________________________________ 2. Blocks __________________________________________________________ */ div#page-wrapper { width:841px; text-align:left; margin:0 auto; } div#header {height:352px; background: url(../../imgs/bkg_header.png) no-repeat top left} #content-wrapper { background:#B4B4B4 url(../../imgs/bkg_home.png) repeat-x top left; width:655px; height:680px; text-align:left; margin:0; clear:both; margin-top:6px; margin-right:20px; float:left; position:relative; } .pagStyle { background-color:#EFEBCA; padding:3px 0 3px 7px; line-height:19px; } /* _______________________________________________ 3. Header Contents __________________________________________________ */ div#banner { float:left; position:relative; margin-top:15px; width:563px; height:337px; } div#pesquisa { float:right; position:relative; margin-top:130px; width:268px; height:217px; background: url(../../imgs/bkg_pesquisa.jpg) no-repeat left bottom; padding:5px 0 0 10px; } div#navigation { clear:both; width:841px; height:52px; background: url(../../imgs/bkg_nav.png) repeat-x; font:normal 15px "Trebuchet MS", Arial; } /*div#pesquisa {float:right; position:relative; clear:both; margin:0; padding:6px; text-align:right; font:bold 12px "Verdana", Times, serif; color: #6f4e1b; } div#info { clear:both; height:41px; border-bottom: 1px solid #98afbb; padding-top:11px; } div#flags {margin-right:20px; margin-bottom:10px; float:right; }*/ /* _______________________________________________ 4. Navigations bars __________________________________________________ */ /* _____________ 4.2 Navigation ___________*/ ul#nav li {float:left; text-align:center; font: bold 15px "Trebuchet MS", Times, serif; height:52px; } ul#nav li a {display: block; text-decoration:none; padding:12px 14px 10px 13px; color: #FFFFFF; border-left:1px solid #5C5F11;} ul#nav li a:hover { height:22px ; background: url(../../imgs/bkg_nav2.png) repeat-x;} ul#nav li#nav-quinta a:hover, ul#nav li#nav-alojamento a:hover, ul#nav li#nav-servicos a:hover, ul#nav li#nav-galeria a:hover, ul#nav li#nav-contactos a:hover, ul#nav li#nav-eventos a:hover, ul#nav li#nav-agenda a:hover { text-decoration:none; color:#5A5D11;} #quinta ul#nav li#nav-quinta a, #alojamento ul#nav li#nav-alojamento a, #servicos ul#nav li#nav-servicos a, #galeria ul#nav li#nav-galeria a, #contactos ul#nav li#nav-contactos a, #eventos ul#nav li#nav-eventos a, #agenda ul#nav li#nav-agenda a { text-decoration:none; color:#5A5D11; background: url(../../imgs/bkg_nav2.png) repeat-x;} /* _____________________________________________ 5. Cols ______________________________________________________________________ */ .padding { padding: 24px; } #mainCol { background:#FFFFFF; width:562px; overflow:hidden; float:left; position:relative; margin:0; /* border:1px solid #000*/} #secCol { background: url(../../imgs/bkg_secCol.png) repeat-y top left; float:right; position:relative; width:279px; height:405px; /* border:1px solid #000*/} #inscricao .padding { padding: 10px; } #news .padding { padding: 10px; } #footer .padding { padding: 20px; } #quinta #mainCol { height:578px;} #alojamento #mainCol { height:635px;} #contactos #mainCol { height:740px;} #eventos #mainCol { height:555px;} #monte #mainCol { height:545px;} #galeria #mainCol { height:620px;} /*#agenda #mainCol { height:435px;}*/ #parcerias #mainCol { height:910px;} #servicos #mainCol { height:785px;} #quinta #secCol { height:578px;} #alojamento #secCol { height:635px;} #contactos #secCol { height:740px;} #eventos #secCol { height:555px;} #monte #secCol { height:545px;} #galeria #secCol { height:620px;} #agenda #secCol { height:435px;} #parcerias #secCol { height:910px;} #servicos #secCol { height:785px;} /* ____________________________________________ 6. Sec blocks _________________________________________________________________ */ #inscricao {background: url(../../imgs/bkg_inscricao.jpg) no-repeat left top; width:251px; height:283px; } #store {background: url(../../imgs/bkg_store.jpg) no-repeat left top; width:251px; height:121px; margin-top:27px; } #destaques { width:278px; height:210px; margin-top:27px; } #newsletter { padding: 20px 0 20px 10px; } #contactos .apartamentos { width:290px; padding-right:30px;} #contactos .servicos { width:320px; } #monteb { margin-top:20px;} .promos1 { background: url(../../imgs/destaque_foto01.png) no-repeat left top; height:278px; height:71px; margin-bottom:1px; } .promos2 { background: url(../../imgs/destaque_foto02.png) no-repeat left top; height:278px; height:71px; margin-bottom:1px; } .promos3 { background: url(../../imgs/destaque_foto03.png) no-repeat left top; height:278px; height:71px; } /* ____________________________________________ 7. headdings __________________________________________________________________ */ h1 { color:#945628; font: 20px "Trebuchet MS", Times, serif; margin: 0 0 -10px 10px; } h2 {color:#898989; font: 21px "Trebuchet MS", Times, serif; margin-bottom: 14px; } h3 { color:#E90708; font: 20px "Times New Roman", Times, serif; padding: 0; } h4 { color:#fff; font: 20px "Trebuchet MS", Times, serif; margin-bottom: 5px; } h5 { color:#ef0000;font: 12px Arial, Helvetica, sans-serif; font-weight: bold; margin:0; padding:0 0 10px 0; } h6 { color:#E90708;font: 10px Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; } #secCol h1 {color:#FFF0B0; font: 20px "Trebuchet MS", Times, serif; padding:8px 0 0 5px;} #secCol h2 { font:bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0; margin-bottom:10px; } #secCol p { color:#FFFFFF; font:11px Arial, Helvetica, sans-serif; margin:0; padding:0;} #secCol h6 { color:#E90708; text-align:left; padding-top:10px; } #pesquisa h3 { color:#fff0b0; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; margin: 5px 0 0 0;} #pesquisa h6{ color:#7c8017; font:normal 8px Verdana, Arial, Helvetica, sans-serif;} /* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */ p { padding:10px; } #mainCol p { color:#49402F; padding-bottom:10px; } #destaques p { color:#6f4e1b; padding:10px 0;} #prices #mainCol p { font-size:11px; margin:0; padding:0; } /* ____________________________________________ 9. imgs _______________________________________________________________________ */ .outra_galeria { display:none } #fotos_cont img { padding:10px 10px 20px 10px; } #destaques img { border:solid 3px #6f4e1b; } #guestbook #mainCol img, #promo #mainCol h4 img, #packages #mainCol h4 img { margin-right:10px; } #galeria #mainCol img { } #store img { padding:20px 0 0 0; } /* ____________________________________________ 10. Links ______________________________________________________________________ */ #mainCol h6 a, .promos h6 a, #promo #mainCol h4 a, #packages #mainCol h4 a { color:#E90708; text-decoration:underline; } #mainCol h6 a:hover, .promos h6 a:hover, #promo #mainCol h4 a:hover, #packages #mainCol h4 a:hover { color:#E90708; text-decoration:none;} #promos #mainCol h6 a { margin-top:-10px;} #pesquisa h6 a { color:#7c8017;} /* ____________________________________________ 12. Forms ______________________________________________________________________ */ .contacts form ul { list-style:none; margin:0; padding:0;} .contacts form li { padding: 3px 2px 1px 2px; } .contacts form label { float:left; width:70px; text-align:right; margin-right:10px; line-height:20px;} .contacts form label { text-align:right; width:100px; font: 11px Arial, Helvetica, sans-serif; } .contacts form label.small { width:80px; } .contacts form input, .contacts form textarea, .contacts form select { padding:0; width:157px; height:13px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; padding:3px} .contacts form textarea { height:80px; } .contacts form select { height:24px; width:225px; } .contacts form input:focus { border:1px solid #666; background:#F0F0F0; } .contacts form input.radio { width:20px; border: none; } .contacts form input.button { background: url(../../imgs/ok.png) no-repeat; width:22px; height:18px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin-left:3px; } /* __________ Form Newsletter _____________ */ #newsletter form li { margin-left:7px;} #newsletter form label { font:bold 11px/18px Georgia, "Times New Roman", Times, serif; color:#7d3302;} #newsletter form input { border:1px solid #935024; width:134px; padding:3px; margin:0 3px; font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666;} #newsletter form input.button { background: url(../../imgs/ok.png) no-repeat; width:22px; height:18px; border:none; cursor:pointer; margin:0; } #fguestbook form input { border:1px solid #935024; width:334px; padding:3px; margin:0 3px; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666;} #fguestbook form input.button { background: #EE8600; width:94px; padding:3px; margin:0 3px; font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;} #fguestbook form textarea { border:1px solid #935024; height:80px; width:334px; padding:3px; margin:0 3px; font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666; } /* __________ Forms Pesquisa _____________ */ #pesquisa form ul { list-style:none; margin:0; padding: 5px 0; } #pesquisa form li { line-height:20px; width:131px; float:left; margin:5px 0 0 2px; } #pesquisa form li.big { width:150px; } #pesquisa form label { text-align:left; font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#945628; } #pesquisa form select { padding:0; width:40px; height:20px; line-height:14px; border:none; font-size:11px; margin:0; } #pesquisa form select.small { width:34px; } #pesquisa form select.medio { width:45px; } #pesquisa form input:focus, #pesquisa form select:focus { border:none;} #pesquisa form input.button { width:235px; height:24px; border:none; cursor:pointer; color:#fff0b0; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:5px; background: url(../../imgs/button_pesquisa.png) no-repeat left top; margin-left:10px; } #pesquisa form li.ver { margin:0; padding:0; line-height:18px; background: url(../../imgs/icon_ver.png) no-repeat right center; width:90px; clear:both; margin-right:20px; } #pesquisa form li.cancelar { margin:0; padding:0; line-height:18px; background: url(../../imgs/icon_cancelar.png) no-repeat right center; width:120px; } #pesquisa form li.alterar { margin:0; padding:0; line-height:18px; background: url(../../imgs/icon_alterar.png) no-repeat right center; width:117px; } #pesquisa form li a { color: #945628; font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #pesquisa form li a:hover { color: #fff0b0; text-decoration: none; } /* ______________________________________________ Shadowbox_______________________________________________________________________ */ .shadow { background:#fff url(../../imgs/bkg_main_long.png) repeat-x left top; padding:40px; } .shadow label { color:#a47c23; } /* ______________________________________________ Guestbook ____________________________________________________________________ */ #shadowMain { width:450px; height:300px; padding:20px; overflow:hidden; } /* ______________________________________________ Footer _______________________________________________________________________ */ #footer {clear:both; height:40px; margin:0; font:11px Georgia; } #footer span { color:#5C5F11; } #footer span.pri { width:450px; display:block; float:left; } #footer span.seg { display:block; text-align:right; } #footer p { color:#5C5F11; margin-left:0;} #footer p a {color:#5C5F11; text-decoration:none;} #footer p a:hover { color:#914E22; text-decoration:none; }