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

html, body {
	height: 100%;
	}

body {
	text-align: center;
	background: url(../imagens/imagem_01.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #007aa8;
	}
	
div a:link, div a:visited, div a:active {
	text-decoration: none;
	color: #007aa8;
	}
	
div a:hover {
	text-decoration: underline;
	color: #94c5d7;
	}
	
#distance {
	width: 1px;
    height: 50%; 
    margin-bottom: -265px; /* Metade da altura do nosso box que ficará centralizado */
    float: left;
	}
	
#center {
	text-align: justify;
	width: 930px;
	margin:0 auto;
    position:relative; /* Coloca o container frente ao elemento com o id distance */
    text-align: justify;
    height: 530px;
    clear:left;
    }
	
#centerInt {
	text-align: justify;
	width: 930px;
	margin:0 auto;
    }


#tudo {
	float:left;
	text-align: justify;	
	width:930px; 
	height:530px;
	}
	
#tudoInt {
	float:left;
	text-align: justify;	
	width:930px; 
	}
	
#tudoEsquerda {
	float: left;
	width: 193px;
	height: 492px;
	background: url(../imagens/imagem_03.jpg) repeat-y;
	}
	
#esquerda {
	float: left;
	width: 193px;
	height: 492px;
	background: url(../imagens/imagem_04.jpg) no-repeat bottom;
	}
	
#reservas {
	float: left;
	width: 193px;
	height: 150px;
	background: url(../imagens/imagem_05.jpg) no-repeat;
	}
	
#conteudoReservas {
	float: left;
	width: 148px;
	padding: 15px 0 0 28px;
	font-size: 10px;
	}
	
#atendimento {
	float: left;
	width: 193px;
	height: 61px;
	/*background: url(../imagens/imagem_06.jpg) no-repeat;*/
	}
	
#conteudoAtendimento {
	/*float: left;*/
	width: 155px;
	text-align: center;
	font-size: 10px;
	/*padding-left: 26px;*/
	}

#conteudoAtendimento a img {
	float: left;
	}
	
#conteudoAtendimento table {
	padding: 0;
	margin: 0;
	}
	
#formReservas {
	margin: 0;
	}
	
#formReservas input, #formReservas textarea {
	font-size: 9px;
	font-family: Tahoma, Verdana, Arial, "Times New Roman", Helvetica;
	}
	
#promocoes {
	float: left;
	width: 193px;
	height: 154px;
	background: url(../imagens/imagem_07.jpg) no-repeat;
	}
	
#tudoDireita {
	float:left;
	width: 736px;
		}
	
#menudireita {
	float: right;
	width: 192px; 
	text-align: left;
	/*border: 1px solid #666666;*/
	}
	
#conteudoTudoDireita {
	float:left;
	width:542px;
	}
	
#supConteudoTudoDireita {
	float: left;
	width: 544px;
	height: 37px;
	background: url(../imagens/imagem_10.jpg) no-repeat;
	}
	
#conteudoPrincipal {
	float: left;
	width: 508px;
	min-height:433px;
	height: auto !important;
	height: 433px;
	background: url(../imagens/imagem_11.jpg) repeat-y;
	padding: 0 15px 0 20px;
	}
	
#rodapeConteudoTudoDireita {
	float: left;
	width: 544px;
	height: 19px;
	background: url(../imagens/imagem_12.jpg) no-repeat;
	}	
	
#rodape {
	float: left;
	width: 930px;
	background: url(../imagens/marca_open.jpg) no-repeat right;
	}
	
#conteudoRodape {
	float: left;
	width: 835px;
	text-align: center;
	color: #007aa8;
	}
	
#conteudoRodape span {
	padding-left: 100px;
	} 
	
#linkOpen {
	float: right;
	display: block;
	width: 68px;
	height: 33px;
	margin: 0 23px 0 0;
	}
	
#promocaoID {
	float: left;
	display: block;
	width: 140px;
	height: 140px;
	margin: 8px 0 0 20px;
	}

#conteudo_Interno_Galeria {
	width: 500px;
	min-height:333px;
	height: auto !important;
	height: 333px;
	margin: 0 auto;
	}
	
#rodape_Conteudo_Interno_Galeria {
	width: 500px;
	min-height:100px;
	height: auto !important;
	height: 100px;
	margin: 0 auto;
	text-align: right;
	}

.galeriaOrdenada {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
#layerBack {
	width: 500px;
	float: left;
	text-align: center;
	}

.galeriaOrdenada li {
	display: inline;
	/*padding: 10px;*/
	text-align: center;
	}
	
.galeriaOrdenada li a {
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	text-align: center;
	text-decoration: none;
	}
	
.galeriaOrdenada li a img {
	margin: 5px;
	}
	
.galeriaOrdenada a:hover {
	display: block;
	float: left;
	width: 150px;
	height: 100px;
	text-align: center;
	text-decoration: none;
	}
	
.borderImage {
	border: 1px solid #94c5d7;
	}
	
.mainBox {
	width: 500px;
	float: left;
	/*border: 1px solid #94c5d7;*/
	}

.leftBox {
	width: 50px;
	height: auto;
	float: left;
	display: table-cell;
	margin-left: 2px;
	}

.leftBox img {
	text-align: center;
	}

.rightBox {
	width: 445px;
	height: auto;
	float: left;
	}

.titleBox {
	font-weight: bold;
	width: 440px;
	height: auto;
	float: left;
	text-decoration: none;
	margin-top: 0;
	}

.spacebr {
	width: 490px;
	height: 30px;
	float: left;
	}
	
h3 {
	font-size: 14px;
	}