* {margin:0; padding:0;}
html {background:url(images/html-bg.jpg) #fff center top repeat-x; }
body { margin:0 0 20px 0; padding:0; }
div { font-family:Helvetica, "Trebuchet MS",Arial, sans-serif; font-size:14px; color:#636b75; }
img {border:0;}
p {margin:0 0 12px 0; font-size:14px;}
hr {border-top: 1px dashed #999; height: 1px; color: #fff; margin: 3px 0px;}
hr {height:1px; background:none; border:none; border-bottom:#03378d dotted 1px; margin:10px 0;}
a { color:#209cff; text-decoration:none; }
a:hover { color:#97daf5; }
td { padding:3px; }
h1 { font-weight:normal; font-size:22px; color:#060709; margin-bottom:10px; }
h2 { font-weight:normal; font-size:22px; color:#060709; margin-bottom:10px; }
h3 { font-weight:normal; font-size:18px; color:#060709; margin-bottom:10px; }
h4 { font-weight:normal; font-size:14px; margin-top:12px; margin-bottom:10px; }
/*******************************************************
External
*/
#external {font:normal 12px/18px arial; color:#333; height:500px; background:#FFF; padding:8px;}
#wrapper {width:962px; padding:0; margin:0 auto; }
#header { margin:0; padding:0; width:962px; height:286px; overflow:hidden; background:url(images/header-bg.jpg) no-repeat center top;}
#header #logo a:focus { outline:none; }
#header #logo { margin:0 0 0 1px; width:299px; }
#header #logo a { height:79px; width:299px; display:block; }
#header #logo a span { display:none; }
#slogan { margin:29px 0; width:420px!important; color:#fff!important; }
#slogan .title { color:#fff!important; font-size:30px!important;; margin-bottom:20px; display:block; }
#body {color:#000; float:left; width:614px; display:inline; overflow:hidden;}
#body a:hover { color:#231F20; }
#body p { line-height:20px; }
#body-wrapper { overflow:hidden;}
.show-page {}
.show-page h3 {}
/*******************************************************
Navigation bar
*/
#footer { clear:both; background:url(images/footer-bg.jpg) no-repeat 0 0; width:962px; margin:16px auto 16px auto; padding:20px 0; height:36px; }
#footer p { font-size:14px; margin:0; padding-left:25px; color:#fff; }
#footer a { font-size:14px; text-decoration:none;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right; margin-right:16px; margin-top:-5px;}
#footer #xsis-technology a:focus { outline:none; }
/*******************************************************
XSIS
********************************************************/
#xsis { width:962px; background:#fff; overflow:hidden; clear:both; padding:20px 0; position:relative; top:-27px; }
/*******************************************************
Sidebar
*/
#sidebar {width:298px; color:#000; float:right; overflow:hidden; display:inline!important; }
#sidebar-wrapper { }
#sidebar p { font-size:14px; line-height:20px; }
#sidebar h1, #sidebar h2, #sidebar h3 { color:#fff; font-size:22px; }
#body h2 { margin:16px 0; }
/*******************************************************
Modules
*/
/* faq-body */
.faq-body ol li h4 {margin:10px 0 -5px 0; font-size:14px;}
.faq-body {margin-left:20px}
.faq {}
.faq-body ol li {margin:10px 0;}
/* text-body/sidebar */
.text-body {overflow:hidden;margin:0 0 40px 0; clear:both;}
.text-body img { padding:3px; }
.text-body ul { margin:12px 15px; }
.text-body ol { margin-left:20px;}
.text-sidebar { background-color:#231f20; color:#BBBCC0; overflow:hidden; margin-bottom:20px; padding:11px;}
.text-sidebar ul { margin:12px 11px; padding:0; }
.text-sidebar ul li { }
/* comom itens */
.subtitle {margin:0; padding:0; font-size:10px;}
/* forms */
input {margin:1px 0;}
button {cursor:pointer;}
.button {cursor:pointer;}
.form-general {text-align:left; padding:10px 0;border:none;}
.form-general label {float:left; width:100px; margin:8px 10px 0 10px; text-align:left; font-size:14px;line-height:14px;}
.form-general input {padding:2px; font-size:10px; margin:2px 0; border:#ccc solid 1px; width:298px; }
.form-general textarea { border:#ccc solid 1px; width:302px; }
.form-general button { background:#231F20; padding:2px 6px; color:#fff; border:#ccc solid 1px; }
#form-order label { width:100px; }
/* Booking */
.form-booking { border:#fff solid 1px; }
.booking-body { margin-top:20px; }
.booking-body .textbox { width:95%; border:#ccc solid 1px; font-size:11px;padding:2px; }
.booking-body .listbox { border:#ccc solid 1px; font-size:11px;padding:2px; width:302px; }
.booking-body .textarea { border:#ccc solid 1px; font-size:11px;padding:2px; width:95%; height:150px; }
.booking-body .date { border:#ccc solid 1px; font-size:11px;padding:2px; width:60px; }
.booking-body .button { background:#231F20; font-size:12px; color:#fff; padding:2px; width:60px; }
.booking-body h3 { }
.booking-body .label { width:170px; }
.booking-body .label span { color:#060709; }
.booking-body td { padding:3px; background:#eee; }
.booking-body .options { width:420px; }
.booking-body td.header { color:#060709; }
/* buttons */
#bt-continue {background:url(images/continue.gif); width:73px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-register {background:url(images/register.gif); width:63px; height:21px; border:0px;display:block; text-indent:-9999px;}
/* labels */
#label-payment-credit, #label-payment-internet, #label-payment-cheque {height:100px; width:50px!important; text-align:right; }
#form-order h4 { margin-top:15px; padding-bottom:2px; border-bottom:#ddd dotted 1px; }
.txtbox {border:1px solid #999;width:300px!important;}
.error {margin:10px 15px; text-align:center; border:#231F20 solid 1px; background:#EEEEEE; padding:5px 0; clear:both; color:#060709;}
.error p {margin:5px 0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;}
.msgerror {color:#f00!important; font-weight:bold;}
/* ================================================================
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav { position:relative; top:-270px; left:322px; width:640px; height: 27px; overflow:hidden; }
#nav #nav-wrapper { padding:0; }
#nav a:focus { outline:none; }
#nav ul { margin:0; padding:0; float:left; }
#nav ul li { float:left; margin-right:20px; padding:0; list-style:none; display:block; }
#nav ul li a { float:left; padding:0 12px 0 0; height:27px; text-decoration:none; text-align:center; font-size:14px; color:#bbbcc0;}
#nav ul li a:hover { color:#97daf5; }
#nav ul li.selected a { background:url(images/nav-btn-a.gif) no-repeat right top; color:#fff; }
#nav ul li a span { display:block; line-height:14px; padding:6px 0 7px 12px; }
#nav ul li.selected a span { background:transparent url(images/nav-btn-span.gif) no-repeat 0 0; }
/*#nav {position:relative; top:-270px; left:300px; width:500px; height:36px; z-index:100; background:url(images/nav-bg.gif) repeat-x top center; margin:0;}
#nav #nav-wrapper { padding:0 0 0 20px; }
#nav-wrapper ul {padding:0; margin:0; list-style-type: none; float:left; }
#nav-wrapper a {background:url(images/btn.gif) repeat-x center top;float:left; padding:8px 12px 0 12px; height:25px; text-decoration:none; font-size:18px; color:#0d3364;}
#nav ul .selected a { background:url(images/btn.gif) repeat-x center bottom; color:#97daf5;}
#nav-wrapper li ul li a, #nav-wrapper li ul li a:visited {width:180px; padding-top:6px; line-height:normal; font-size:13px; }
#nav-wrapper li a.enclose, #nav-wrapper li a.enclose:visited {}
#nav-wrapper li {margin:0 5px 0 0; padding:0; list-style:none;display:block; float:left;}
#nav-wrapper li:hover {position:relative;}
#nav-wrapper li:hover > a {background:url(images/btn.gif) repeat-x center bottom; color:#fff; }
#nav-wrapper li ul {display:none; list-style:none; margin:0; padding:0; }
#nav-wrapper li:hover > ul {display:block; position:absolute; top:0; left:80px; padding:0;}
#nav-wrapper > li:hover > ul {left:0px; top:30px; }
#nav-wrapper > li:hover > ul li {width:230px!important; }
#nav-wrapper > li:hover > ul li a {color:#333!important; padding-left:12px;background:url(images/btn.gif) repeat-x center top;}
#nav-wrapper > li:hover > ul li a:hover {background:url(images/btn.gif) repeat-x center bottom; color:#fff!important;}
#nav-wrapper table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }
* html #nav-wrapper li a:hover {position:relative; background:url(images/btn.gif) repeat-x top center; color:#fff;}
#nav-wrapper li a:active, #nav-wrapper li a:focus {background:url(images/btn.gif) repeat-x top center; color:#fff;}
* html #nav-wrapper li ul {visibility:hidden; display:block; position:absolute; top:0px; left:80px; padding:0px; }
* html #nav-wrapper li ul li {width:180px!important;}
#nav-wrapper li a:hover ul {visibility:visible; left:0px; top:30px; lef\t:0px; to\p:30px;}
#nav-wrapper li a:hover ul li {text-align:left!important;}
#nav-wrapper li a:hover ul li a {}
#nav-wrapper li a:hover ul li a:hover {}*/