@charset "UTF-8";
/* CSS Document */

{
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: "HelveticaNeue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: #fff;
	margin: 0;
	overflow: scroll;
}

h1 {
	color: #333;
	font-size: 1.8em;
	letter-spacing: -0.03em;
	height: 0.6em;
}

h2 {
	color: #76879b;
	font-size: 1.2em;
	letter-spacing: -0.03em;
	height: 0.5em;
}

h3 {
	color: #333;
	font-size: .8em;
	letter-spacing: -0.03em;
	height: 0.5em;
}

p {
	font-size: 0.8em;
	line-height: 1.5em;
	/* text-align: justify; */
}

#content {
	margin-bottom: 40px;
}


/* content columns */

.columnLeft {
	width: 427px;
	padding-right: 15px;
	
}

.columnRight {
	width: 427px;
	padding-left: 15px;
}

/* content hr */

#content hr {
	margin: 40px 0 30px 0;
}

/* content links */

#content a {
	color: #76879b;
}

#content a:hover {
	color: #76879b;
	text-decoration: none;
}

ul#list {
	font-size: 0.8em;
	line-height: 1.5em;
}


/* steps navigation */

ul#mainNav { list-style-position:inside;}

#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 0.8em;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../img/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../img/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../img/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:200px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:260px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:50px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:313px;}
#mainNav.threeStep li.mainNavNoBg{width:214px;}
#mainNav.threeStep li a{width:213px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:425px;}
#mainNav.twoStep li a{width:325px;}


/* breadcrumb */
#breadcrumbs {
	height: 18px; /* This is the height we wan't on our breadcrumb */
	padding: 0 0 0 0;
	color: #666; /*This is our color on the text which isn't a link. We want' they to be light grey */
	font-size: 0.8em;
}	

#breadcrumbs li {
	float: left;
	display: inline;
	margin-right: 4px;
}

#breadcrumbs a {
	color: #666; /* Our breadcrumb links are going to be white */
	font-weight: bold; /* And bold */
	background: url("../img/breadcrumb.gif") top right no-repeat;
	padding-right: 16px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #333;
}

div#main {
	margin: 0 auto;
	width: 1100px;
	background-color: #f5f5e2;
}

div#header {
	height: 431px;
	z-index: 1;
}

div#container {
	padding: 1em 6em 1em 6em;
	background-image:url("../img/content_fixedbg.jpg");
	background-repeat:no-repeat;
}

div#footer {
	background-color: #ececdb;
}

/* tables */

table.grid  {
	font-size: 0.8em;
	color: border-collapse:collapse;
	border:1px solid #ccc;
}

table.grid td, table.grid th {
	padding:3px 8px;
	border: thin solid #ccc;
}

table.grid tr {
	background:#f2f2f2;
}

table.grid th {
	color: #333;
	background:#ddd;
}

/* eventos */
table.events  {
	font-size: 0.8em;
	color: border-collapse:collapse;
	border:1px solid #ccc;
}

table.events td, table.events th {
	padding:3px 8px;
	border: thin solid #ccc;
}

table.events tr {
	background:#f2f2f2;
}

table.events th {
	color: #333;
	background:#ddd;
}

#fotoSala {
	margin-top: 7px;
	margin-bottom:3px;
}


table.eventsResult  {
	color: border-collapse:collapse;
	border:1px solid #ccc;
}

.orange {
	color: #C36615;
}

table.eventsResult td, table.grid th {
	padding:3px 8px;
	border: thin solid #ccc;
}

table.eventsResult tr {
	background:#f2f2f2;
}

table.eventsResult th {
	font-size: 0.8em;
	color: #333;
	background:#ddd;
}

th.tabTit {
	height: 40px;
}

fieldset#events {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-left: 40px;
	margin-bottom:10px;
	width: 817px;
}

/* form eventos */
fieldset#events legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

fieldset#events p label {
	width:98%;
}
fieldset#events p input {
	width:98%;
}
fieldset#events .fone {
	width:45%;
}
fieldset#events p select {
	width:99%;
}

fieldset#events p textarea {
	width:99%;
	height: 200px;
}

fieldset#events p.notice {
	font-weight:bold;
}

table.events label {
	font-weight: normal;
}

.zoomico {
	margin-right: 5px;
}

.hover {
	background-color: #333333;
}

ul#eventos {
	font-size: 0.8em;
	line-height: 1.5em;
}

/* forms */

form {
	margin: 0
}

/* swfobject */
object {
display:block;
z-index: 1;
}

#header {
z-index: 1;
}

/* img borders */

.fivePixelsBorder {
	border: 5px #dcddce solid;
}

/* float */

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* home widgets */

div#widgetHome01 {
	margin: 0 13px 0 0;
	padding-top: 4px;
}

div#widgetHome02 {
	margin: 0 13px 0 0;
	padding-top: 4px;
}

div#widgetHome03 {
	margin: 4px 13px 0 0;
	float: left;
}

#widgetPrevisao {
	margin: 4px 13px 0 0;
	float: left;
}

#clear {
	clear: both;
}

/* forms
----------------------------------------------- */
#formReserva form {
	overflow:hidden;
}
#formReserva fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	marign: 0 auto;
	margin-bottom:10px;
	width: 600px;
}
#formReserva legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

#formReserva fieldset p label {
	width:98%;
}
#formReserva fieldset p input {
	width:98%;
}
#formReserva fieldset p select {
	width:99%;
}

#formReserva fieldset p textarea {
	width:99%;
	height: 200px;
}

#formReserva form p.notice {
	font-weight:bold;
}
/* */
#formContato form {
	overflow:hidden;
}

#formContato fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	marign: 0 auto;
	margin-bottom:10px;
	width: 550px;
}
#formContato legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

#formContato fieldset p label {
	width:98%;
}
#formContato fieldset p input {
	width:98%;
}
#formContato fieldset p select {
	width:99%;
}

#formContato fieldset p textarea {
	width:99%;
	height: 200px;
}

#formContato form p.notice {
	font-weight:bold;
}

/* galeria fotos */

#galeria img {
	border: 5px #dcddce solid;
	margin-right: 15px;
	margin-bottom: 15px;
}


/* erro validacao formulario */

label.error
	{
	font-size: 0.8em;
	font-style: italic;
	float: none;
	color: red;
	vertical-align: top;
	}
	
	
#periodoInicial, #periodoFinal, #periodos, #informacoes {
	font-size: 0.8em;
	line-height: 1.5em;
}

#nome {
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
}


/* promos */



div#promo {
	width: 420px;
}

div#promo img{
	float: left;
	margin: 0 10px 0 0;
	border: 3px #dcddce solid;
}

div#promo h1 {
	font-size: 1.3em;
}

div#promo h1 a{
	text-decoration: none;
	color: #76879b;
}

div#promo p{
	font-size: .8em;
	margin: 5px 0 18px 0;
}

div#promo p a{
	text-decoration: none;
	color: #000;
}

div#promo h2{
	font-size: .9em;
}

div#promo h2 a{
	text-decoration: none;
	color: #fff;
	background-color: #76879b;
	padding: 5px;
}

div#promo h2 a:hover{
	text-decoration: none;
	color: #76879b;
	background-color: #fff;
}