* {margin:0; padding:0;}
html {background:url(images/html-bg.jpg) #8dd9e7 center top repeat-x; }
body { margin:9px 0 20px 0; padding:0; }
div { font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:13px; color:#0d3364; line-height:16px; }
img {border:0;}
p {margin:12px 0;}
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:#ff8900; }
td { padding:3px; }
/*******************************************************
External
*/
#external {font:normal 12px/18px arial; color:#333; height:500px; background:#FFF; padding:8px;}
#wrapper {width:900px; padding:0; margin:0 auto; }
#header { margin:0; padding:0; width:900px; height:134px; overflow:hidden; background:url(images/header-bg.jpg) no-repeat center top;}
#header #logo {margin:31px 0 0 16px;}
#header #logo a { height:91px; width:360px; display:block; text-indent:-9999px;}
#body {color:#000; float:left; width:616px; display:inline; overflow:hidden;}
#body-wrapper { overflow:hidden;}
h4 {font-size:13px; margin-top:12px;}
h1 { display:block; font-weight:normal; font-size:20px; color:#0a3989; height:20px;}
h2 { font-size:20px; color:#0a3989; }
h3 { font-size:15px; color:#2b559c; margin:17px 0;font-weight:bold; border-bottom:#ccc dotted 1px; padding-bottom:5px; }
.show-page {}
.show-page h3 {}
/*******************************************************
Navigation bar
*/
#footer { font-size:10px; clear:both; width:900px; margin:16px auto 16px auto;}
#footer p {margin:0; padding-left:25px; color:#0d3364; font-size:11px;}
#footer a {color:#0d3364; text-decoration:none;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right; margin-right:16px; margin-top:-5px;}
/*******************************************************
XSIS
********************************************************/
#xsis { width:850px; background:#fff; overflow:hidden; clear:both; padding:18px 25px;}
/*******************************************************
Sidebar
*/
#sidebar {width:213px; color:#000; float:right; overflow:hidden; display:inline!important; }
#sidebar-wrapper { }
#body h2 { margin:16px 0; }
/*******************************************************
Modules
*/
/* faq-body */
.faq-body ol li h4 {margin:10px 0 -5px 0; font-size:13px;}
.faq-body {margin-left:20px}
.faq {}
.faq-body ol li {margin:10px 0;}
/* text-body/sidebar */
.text-body {overflow:hidden;margin:0; clear:both;}
.text-body img { padding:3px; }
.text-body ul { margin-left:13px;}
.text-body ol { margin-left:20px;}
.text-sidebar {overflow:hidden; margin-bottom:20px;}
.text-sidebar ul { border-top:#a6b6c9 solid 1px; list-style:none; margin:0; padding:0; }
.text-sidebar ul li { background:url(images/tick.gif) no-repeat left 5px; padding:7px 0 7px 25px; border-bottom:#a6b6c9 solid 1px; }
/* 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:11px;line-height:13px;}
.form-general input {padding:2px; font-size:10px; margin:2px 0; border:#ccc solid 1px;}
.form-general textarea { border:#ccc solid 1px; width:302px; }
.form-general button { background:#2c5cbc; 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:#1b3f6d; font-size:12px; color:#fff; padding:2px; width:60px; }
.booking-body h3 { }
.booking-body .label { width:170px; }
.booking-body .label span { color:#790101; }
.booking-body td { padding:3px; background:#eee; }
.booking-body .options { width:420px; }
/* 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 40px;; text-align:center; border:#858F5B solid 1px; background:#E6E9D8; padding:10px 0; clear:both; color:#858F5B;}
.error p {margin: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 {width:900px; height: 36px; background: url(images/nav-bg.gif) repeat-x top center; overflow:hidden; }
#nav #nav-wrapper { padding:0 0 0 20px; }
#nav ul { margin:0; padding:0; float:left; }
#nav ul li {margin-right:5px; padding:0; list-style:none;display:block; float:left;}
#nav ul li a { background:url(images/btn.gif) repeat-x center top;float:left; padding:8px 12px 0 12px; height:25px; text-decoration:none; text-align:center; font-size:18px; color:#0d3364;}
#nav ul li a:hover, #nav ul .selected a {background:url(images/btn.gif) repeat-x center bottom; color:#fff; }*/
#nav {position:relative; height:36px; z-index:100; width:900px; 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:#fff;}
#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 {}