* {margin:0; padding:0;}

html {background:url(images/html-bg.jpg) #0055A4 center top repeat-x;  }
body { margin:0 0 20px 0; padding:0; }
div { font-family:Verdana, "Trebuchet MS",Arial, sans-serif; font-size:14px; color:#c8efff; }
input,textarea  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }

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:#fefcc1; text-decoration:underline; }
a:hover {  }
td { /*padding:3px;*/ }


h1 { font-weight:normal; font-size:30px; color:#003A72; margin-bottom:20px; font-weight:normal; font-style:italic; }
h2 { font-weight:normal; font-size:20px; color:#003A72; margin-bottom:10px; }
h3 { font-weight:normal; font-size:18px; color:#fefcc1; margin-bottom:10px; }
h4 { font-weight:normal; font-size:18px; color:#fefcc1; 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:1000px; padding:0; margin:0 auto; }

#header { margin:0; padding:0; width:1000px; height:324px; 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:653px; display:inline; overflow:hidden;}
#body a:hover { color:#231F20; }
#body p { font-size:13px; /*line-height:20px;*/ }
#body-wrapper { padding:0 29px; overflow:hidden; }



.show-page {}
.show-page h3 {}

/*******************************************************
Navigation bar
*/

#footer { clear:both; background:url(images/footer-bg.jpg) repeat-x 0 0; width:900px; margin:0 auto 22px auto; padding:13px 0; height:32px; position:relative; top:-47px; }
#footer p { font-size:14px; margin:0; padding-left:25px; color:#fff; /*line-height:32px;*/ }
#footer a { color:#FFFFFF; font-size:14px; text-decoration:none;}
#footer .info { display:block; }
#footer .dot {display:none; }
#footer .website { color:#5AA0D1; font-size:11px; display:block; }
#footer .website a { color:#5AA0D1; font-size:11px; }
#footer #xsis-technology {width:128px; height:22px; display:none; float:right; margin-right:16px; margin-top:-5px;}
#footer #xsis-technology a:focus { outline:none; }

/*******************************************************
XSIS
********************************************************/
#xsis { background:url(images/xsis-bg.jpg) repeat-y 0 0; width:900px; overflow:hidden; clear:both; margin:0 50px; padding:20px 0; position:relative; top:-47px; }


/*******************************************************
Sidebar
*/
#sidebar {width:247px; color:#074571; float:right; overflow:hidden; display:inline!important; }
#sidebar-wrapper { }
#sidebar p { font-size:12px; line-height:20px; margin-left:12px; margin-right:12px; }
#sidebar h1, #sidebar h2, #sidebar h3 { color:#fff; font-size:22px; }
#sidebar h3 { background:url(images/sidebar-h3-bg.jpg) no-repeat 0 0; height:31px; padding:0 12px; margin-bottom:12px;}
#sidebar h4 { padding:0 12px; }
#sidebar ul h4 { padding:0; }
#sidebar table { padding:0 12px; width:247px; margin-bottom:20px; }
#sidebar table td { padding-bottom:12px; }

#body h2 { margin:0 0 10px 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 30px 0; clear:both;}
.text-body img { padding:3px 13px 3px 0; }
/*.text-body ul { margin:12px 15px; }*/
.text-body ol { margin-left:20px;}
.text-body ul { font-size:12px; margin:0 0 12px 0; padding:0; list-style:none; } 
.text-body ul li { background:url(images/sidebar-li.gif) no-repeat 0 5px; padding-left:21px; }
.text-sidebar  { color:#074571; overflow:hidden; margin-bottom:5px; padding:0px;}
.text-sidebar ul { font-size:12px; margin:12px 11px 12px 11px; padding:0; list-style:none; } 
.text-sidebar ul li { background:url(images/sidebar-li.gif) no-repeat 0 9px; padding:3px 0 3px 21px; display:block; }
.text-sidebar a { color:#074571; }

/* gallery-body */
.gallery-body { clear:left; height:100%; overflow:auto; margin-bottom:14px; }
.gallery-body h4.gallery-body-h4 { color:#003A72; font-size:20px; }
.gallery-body #bt-back { display:none; }
.gallery-body .gallery-view { float:left; }

/* 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; border:none; padding:0 0 10px 11px;}
.form-general label {float:left; width:225px; margin:0 0px 0 0px; text-align:left; font-size:14px;line-height:14px; color:#003A72; }
.form-general label strong { font-weight:normal; font-size:12px; }
.form-general input {padding:2px; font-size:12px; margin:2px 0; border:#ccc solid 1px; width:221px; background:#d0e7f7; }
.form-general textarea {  border:#ccc solid 1px; width:225px; background:#d0e7f7; width:218px; }
.form-general button { background:#003d79; padding:2px 6px; color:#fff; border:#ccc solid 1px;  } 
#form-order label { width:100px; }
#btn-send { display:none; }


/* 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:-47px; left:409px; width:640px; height: 47px; 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:0; padding:0; list-style:none; display:block; }
#nav ul li a { float:left; padding:0 15px 0 0; height:47px; text-decoration:none; text-align:center; font-size:22px; color:#fff; letter-spacing:-1px; }
#nav ul li a:hover, #nav ul li.selected a:hover { color:#97daf5; }
#nav ul li.selected a { background:url(images/nav-a-selected.gif) repeat-x right top; color:#fff; }
#nav ul li a span { display:block; line-height:22px; padding:11px 0 14px 15px; }
#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 {}*/