@import url("font/stylesheet.css");

@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

@media only screen and (min-width: 320px) {
.gridContainer {
	width: 100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#chama_home{ width:100%; height:150px; margin: 520px 0 0 0; text-align:center; display:block}

#anima_mob{ width:100%; height:500px; position:absolute; background:url(images/foto001.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1; display:block}

#anima01{ width:100%; height:892px; position:absolute; margin: 0 0 0 0; z-index:-1; display:none}
#anima{ width:100%; height:500px; position:absolute; background:url(images/anima01.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1;}
#anima02{ width:100%; height:892px; position:absolute; background:url(images/foto002.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima03{ width:100%; height:892px; position:absolute; background:url(images/anima04.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima04{ width:100%; height:892px; position:absolute; background:url(images/anima05.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima05{ width:100%; height:892px; position:absolute; background:url(images/anima03.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima06{ width:100%; height:892px; position:absolute; background:url(images/anima06.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima07{ width:100%; height:892px; position:absolute; background:url(images/anima07.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}

/* = HEADER
--------------------------------------------------------------------------------------------------- */

#cab{ width:100%; height:120px; position:fixed; z-index:10; background:url(images/header.png) top center no-repeat}
#cab_box{ width:100%; margin:0 auto; }
#logo{ width:250px; height:117px; margin:0 auto; position: relative; z-index: 1;}
#logo img{ position: absolute; clip: rect(0px,240px,200px,0px);}
#reserva{ width:150px; height:117px; position:absolute; right:0px; margin:-1px 0px 0 0; display:none }
#reservas02{ width:136px; height:38px; position:fixed; right:0px; margin:2px 0px 0px 0px; display:block; z-index:9999999}


/* = HEADER PAG02
--------------------------------------------------------------------------------------------------- */

#header02{ width:100%; height:120px; position:fixed; z-index:10; background:url(images/header.png) top center no-repeat}
#header02_box{ width:100%; margin:0 auto; }



/* = CONTENT
--------------------------------------------------------------------------------------------------- */

#content{ width:100%; float:left;  background:url(images/content.png) top center no-repeat; margin:20px 0 0 0}
#content_box{ width:100%; margin:0 auto; text-align:center}

#meio{ width:100%; height:20px; padding:50px 0; float:left; margin: 0 auto; text-align:center; font-family:'AntennaCond'; font-size:17px; color:#fff; letter-spacing:1px; text-transform:uppercase}



#chamadas{ width:328px; margin:0 auto; text-align:center; background:#0F0;}

#frase{ width:100%; height:203px; background: url(images/frase.png) top center no-repeat; float:left; margin: 0 auto; text-align:center; ont-family:'AntennaCond'; font-size:18px; color:#999; letter-spacing:0px;}


.chama_home{width:328px; height:170px; float:left; padding:5px 10px}

#content02{ width:100%; float:left; padding:0px 0; background:#FFF; margin:360px 0 0 0}
#content02_box{ width:100%; margin:0 auto;}
#tit{ width:100%;}
#tit02{ width:100%; float:left; margin: 30px 0 0 0}
#texto{ width:95%; float:left; padding:5%}
#texto p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a:hover{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto span {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #008044}
#texto span a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .input1 {width:20px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto textarea {width:300px; background:transparent; border: 1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}

#texto img{}
#texto h1{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:15px; color: #008044;}
#texto ul{ list-style:none}
#texto ul li{ float: left; margin:0px 3px 3px 0}


#textoo{ width:100%; float:left; margin: 35px 0 0 25px; margin-bottom:20px}
#textoo p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#textoo input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}
#textoo img{ float:left; margin:0 30px 0 0}


#hospedagem01{ width:100%; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}
#hospedagem01 p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}


#hospedagem02{ width:100%; float:left; margin: 0 0 0 0; background:#f7f7f7; padding:18px}

#hospedagem03{ width:100%; float:left; margin: 10px 0; background:#f7f7f7; padding:10px 0}

#hospedagem04{ width:100%; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}

#hospedagem_comprar{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}


#hospedagem{ width:100%; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}
#hospedagem_foto{ width:90%; height:239px; float:left; margin: 0px 0 0 0}
#hospedagem_texto{ width:90%; float:left; margin: 40px 0 0 25px;}
#hospedagem_texto p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}
#hospedagem_mais_fotos{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}

#hospedagem_texto02{ width:946px; float:left; margin: 0 0 0 2px; background:#F6F6F6}
#hospedagem_texto02 p{width:900px; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}

#text{ width:100%; float:left; margin: 0 0 0 0;}
#text p{width:100%; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}



#content03{ width:100%; float:left; background:#FFF; margin:360px 0 0 0}
#content03_box{ width:100%; margin:0 auto;}
#texto02{ width:100%; float:none; text-align:center; margin: 0 auto}
#texto02 ul{ list-style:none}
#texto02 ul li{ float:none; margin:7px 0 0 -35px}

#chamadas02{ width:100%; float:left; background:#efefef; display:none}
#chamadas02_box{ width:100%; float:left; margin:0 auto; }
#chamadas02 ul{ list-style:none; text-align:center; margin:0 auto}
#chamadas02 ul li{}


/* Trabalhe conosco */
#form_trabalhe{ width:100%; float:left; }
#form_trabalhe ul{ float:left; list-style:none; width:100%; }
#form_trabalhe ul li{ float:left; width:80%; height:75px}


/* = FOOTER
--------------------------------------------------------------------------------------------------- */

#footer{ width:100%; height:255px; float:left; background: #94c341; background:url(images/footer.png) top center no-repeat}
#footer_box{ width:100%; margin:0 auto; }

#foto{ width:400px; height:320px; margin:0px; float:left; display:none}

#rodape{width:100%; text-align:center; margin:0 auto; padding:40px 0 0 0}

#rodape h1{font-family:'AntennaCond'; font-size:16px; color:#00afef; margin:0px 0 0 0;}
#rodape p{font-family:'AntennaCond'; font-size:16px; color:#ccc; margin:0px 0 0 0; }
#rodape h2{font-family:'AntennaCond'; font-size:9px; color:#999; margin:0px 0 0 0; letter-spacing:1px; margin:50px 0 0 0 }
#rodape a{ color:#999}

#tri {
	position: relative;
	text-align:center;
	background:#fff;
	width: 100%;
	height: 180px;
	z-index: 1;
	margin:20px 0 0 0;
	padding:20px 30%;
}

#contact{ width:100%; float:none}

#localizacao{ width:100%; margin: 20px 0 0 3%; float:none; }

#gohotelsgraphic{ float:left; margin-top:0px; width:100%; margin-left:0; text-align:center; }
.gohotel{ margin:0 auto; text-align:center; width:200px}


}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 580px) {
.gridContainer {
	width: 100%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#chama_home{ width:100%; height:150px; margin: auto; text-align:center; display:none}

#anima_mob{ width:100%; height:500px; position:absolute; background:url(images/anima_mob.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1; display:none}

#anima01{ width:100%; height:892px; position:absolute; margin: 0 0 0 0; z-index:-1; display: block }
#anima{ width:100%; height:892px; position:absolute; background:url(images/anima01.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima02{ width:100%; height:892px; position:absolute; background:url(images/foto002.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima03{ width:100%; height:892px; position:absolute; background:url(images/anima04.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima04{ width:100%; height:892px; position:absolute; background:url(images/anima05.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima05{ width:100%; height:892px; position:absolute; background:url(images/anima03.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima06{ width:100%; height:892px; position:absolute; background:url(images/anima06.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima07{ width:100%; height:892px; position:absolute; background:url(images/anima07.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}

/* = HEADER
--------------------------------------------------------------------------------------------------- */

#cab{ width:100%; height:117px; position:fixed; z-index:99999;  background:url(images/header.png) top center no-repeat}
#cab_box{ width:100%; margin:0 auto; }
#logo{ width:234px; height:117px; margin:0 auto;}
#logo img{ position: absolute; clip: rect(0px,230px,200px,0px);}
#reserva{ width:150px; height:117px; position:absolute; right:0px; margin:-117px 1px 0 0; display:inline }
#reservas02{ width:136px; height:38px; position:absolute; right:0px; margin:-118px 1px 0 0; display:none }


/* = HEADER PAG02
--------------------------------------------------------------------------------------------------- */

#header02{ width:100%; height:356px; position:fixed; z-index:99999; background:url(images/header.png) top center no-repeat}
#header02_box{ width:100%; margin:0 auto; }



/* = CONTENT
--------------------------------------------------------------------------------------------------- */

#content{ width:100%; float:left;  background:url(images/content.png) top center no-repeat; margin:401px 0 0 0}
#content_box{ width:100%; margin:0 auto; text-align:center}
#meio{ width:100%; height:20px; padding:50px 0; float:left; margin: 0 auto; text-align:center; font-family:'AntennaCond'; font-size:17px; color:#fff; letter-spacing:1px; text-transform:uppercase}

#chamadas{ width:580px; margin:0 auto; text-align:center; background:#0F0;}

#frase{ width:100%; height:203px; background: url(images/frase.png) top center no-repeat; float:left; margin: 0 auto; text-align:center; font-family:'AntennaCond'; font-size:18px; color:#999; letter-spacing:0px;}


.chama_home{width:280px; float:left; padding:5px 10px; margin:0 auto}

#content02{ width:100%; float:left; padding:0px 0; background:#FFF; margin:360px 0 0 0}
#content02_box{ width:100%; margin:0 auto;}
#tit{ width:100%;}
#tit02{ width:100%;  float:left; margin: 40px 0 0 0}
#texto{ width:98%; float:left; margin: 35px 0 0 0px; padding:0 2%}
#texto p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a:hover{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto span {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #008044}
#texto span a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .input1 {width:20px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto textarea {width:200px; background:transparent; border: 1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}
#texto img{ float:left; margin:0 0 0 0}
#texto h1{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:15px; color: #008044;}
#texto ul{ list-style:none}
#texto ul li{ float: left; margin:0px 3px 3px 0}


#textoo{ width:930px; float:left; margin: 35px 0 0 25px; margin-bottom:20px}
#textoo p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#textoo input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}
#textoo img{ float:left; margin:0 30px 0 0}


#hospedagem01{ width:100%; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}
#hospedagem01 p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}


#hospedagem02{ width:100%; float:left; margin: 0 0 0 0; background:#f7f7f7; padding:18px}

#hospedagem03{ width:100%; float:left; margin: 10px 0; background:#f7f7f7; padding:10px 0}

#hospedagem04{ width:100%; height:470px; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}

#hospedagem_comprar{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}


#hospedagem{ width:100%; height:343px; float:left; margin: 0 0 0 0; background:url(images/hospedagem.png) top center no-repeat}
#hospedagem_foto{ width:40%;  float:left; margin: 0px 0 0 0}
#hospedagem_texto{ width:50%;  float:left; margin: 0px 0 0 25px;}
#hospedagem_texto p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}
#hospedagem_mais_fotos{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}

#hospedagem_texto02{ width:100%; float:left; margin: 0 0 0 2px; background:#F6F6F6}
#hospedagem_texto02 p{width:100%; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}

#text{ width:100%; float:left; margin: 0 0 0 0;}
#text p{width:100%; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}



#content03{ width:100%; float:left; background:#FFF; margin:360px 0 0 0}
#content03_box{ width:100%; margin:0 auto;}
#texto02{ width:100%; float:left; margin: 35px 0 0 0}
#texto02 ul{ list-style:none}
#texto02 ul li{ float:left; margin:15px}

#chamadas02{ width:100%; float:left; background:#efefef; text-align:center; display:inline}
#chamadas02_box{ width:600px; margin:0 auto; float:none; text-align:center }
#chamadas02 ul{ list-style:none}
#chamadas02 ul li{ float:left}


/* Trabalhe conosco */
#form_trabalhe{ width:100%; height:250px; float:left; }
#form_trabalhe ul{ float:left; list-style:none; width:100%; }
#form_trabalhe ul li{ float:left; width:80%; height:75px}


/* = FOOTER
--------------------------------------------------------------------------------------------------- */

#footer{ width:100%; height:255px; float:left; background: #94c341; background:url(images/footer.png) top center no-repeat}
#footer_box{ width:100%; margin:0 auto; }

#foto{ width:400px; height:320px; margin:0px; float:left; display:inline}

#rodape{width:100%; text-align:center; margin:0 auto; padding:40px 0 0 0}

#rodape h1{font-family:'AntennaCond'; font-size:16px; color:#00afef; margin:0px 0 0 0;}
#rodape p{font-family:'AntennaCond'; font-size:16px; color:#ccc; margin:0px 0 0 0; }
#rodape h2{font-family:'AntennaCond'; font-size:12px; color:#ccc; margin:0px 0 0 0; letter-spacing:2px; margin:50px 0 0 0 }
#rodape a{ color:#999}

#tri {
	position:absolute;
	background:transparent;
	width: 200px;
	height: 115px;
	z-index: 1;
	margin:-200px 0 0 0;
	padding:0;
}

#contact{ width:50%; float:left}

#localizacao{ width:45%; margin: 0 0 0 3%; float:left; }

#gohotelsgraphic{ float:right; margin-top:0px; width:210px; margin-left:-120px; text-align:center}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {
.gridContainer {
	width: 100%;
	max-width: 100%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#chama_home{ width:100%; height:150px; margin: auto; text-align:center; display:none}

#anima_mob{ width:100%; height:500px; position:absolute; background:url(images/anima_mob.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1; display:none}

#anima01{ width:100%; height:892px; position:absolute; margin: 0 0 0 0; z-index:-1; display: block}
#anima{ width:100%; height:892px; position:absolute; background:url(images/anima01.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima02{ width:100%; height:892px; position:absolute; background:url(images/foto002.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima03{ width:100%; height:892px; position:absolute; background:url(images/anima04.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima04{ width:100%; height:892px; position:absolute; background:url(images/anima05.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima05{ width:100%; height:892px; position:absolute; background:url(images/anima03.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima06{ width:100%; height:892px; position:absolute; background:url(images/anima06.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}
#anima07{ width:100%; height:892px; position:absolute; background:url(images/anima07.jpg) top center no-repeat; margin: 0 0 0 0; z-index:-1}

/* = HEADER
--------------------------------------------------------------------------------------------------- */

#cab{ width:100%; height:117px; position:absolute; z-index:999; background:url(images/header.png) top center no-repeat}
#cab_box{ width:1024px; margin:0 auto; text-align:center; background:transparent}
#logo{ width:234px; height:117px; margin:0 auto; float:left}
#logo img{ position: absolute; clip: rect(0px,234px,200px,0px); margin:0 0 0 -120px}
#menu{ width:780px; height:27px; padding:45px 0; margin:0 auto; float:left}
#reserva{ width:150px; height:117px; position:absolute; right:0px; margin:-118px 1px 0 0; display:inline }

#reservas02{ width:136px; height:38px; position:absolute; right:0px; margin:-118px 1px 0 0; display:none }


/* = HEADER PAG02
--------------------------------------------------------------------------------------------------- */

#header02{ width:100%; height:365px; position:absolute; z-index:99999; background:url(images/header.png) top center no-repeat}
#header02_box{ width:1024px; margin:0 auto; text-align:center; background:transparent}



/* = CONTENT
--------------------------------------------------------------------------------------------------- */

#content{ width:100%; float:left;  background:url(images/content.png) top center no-repeat; margin:401px 0 0 0}
#content_box{ width:100%; margin:0 auto; text-align:center}
#meio{ width:100%; height:20px; padding:50px 0; float:left; margin: 0 auto; text-align:center; font-family:'AntennaCond'; font-size:17px; color:#fff; letter-spacing:1px; text-transform:uppercase}


#chamadas{ width:1024px; margin:0 auto; text-align:center; background:#0F0;}
#frase{ width:100%; height:203px; background: url(images/frase.png) top center no-repeat; float:left; margin: 0 auto; text-align:center; font-family:'AntennaCond'; font-size:18px; color:#999; letter-spacing:0px; }

#content02{ width:100%; float:left; padding:0px 0; background:#fff; margin:360px 0 0 0}
#content02_box{ width:1024px; margin:0 auto;}
#tit{ width:100%; height:200px;}
#tit02{ width:972px; height:114px; float:left; margin: 0 0 0 0}
#texto{ width:100%; float:left; margin: 35px 0 0 0px; margin-bottom:50px;}
#texto p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#texto a:hover{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #d8b32e}
#texto strong a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto span {text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #008044}
#texto span a:hover{text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292}
#texto input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .input1 {width:20px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto textarea {width:425px; background:transparent; border: 1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#texto .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}
#texto img{ float:left; margin:0 0 0 0}
#texto h1{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:15px; color: #008044;}
#texto ul{ list-style:none}
#texto ul li{ float: left; margin:0px 3px 3px 0}


#textoo{ width:930px; float:left; margin: 35px 0 0 25px; margin-bottom:20px}
#textoo p{ text-decoration:none; text-align:justify; list-style:none; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:13px; color: #929292;}
#textoo input {width:200px; background:transparent; border:1px solid #C7BFC0; font: 9px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo select {width:210px; background:transparent; border:1px solid #C7BFC0; font: 12px verdana, arial, helvetica, sans-serif; color: #666; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; padding:6px; margin: 0px 10px 13px 0 }
#textoo .send {width:65px; background: #666; color: #FFF; border: 0px solid tranparent;-moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; padding:6px; margin: 0 0 0 0}
#textoo img{ float:left; margin:0 30px 0 0}


#hospedagem01{ width:1000px; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}
#hospedagem01 p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}


#hospedagem02{ width:1024px; float:left; margin: 0 0 0 0; background:#f7f7f7; padding:18px}

#hospedagem03{ width:1024px; float:left; margin: 10px 0; background:#f7f7f7; padding:10px 0}

#hospedagem04{ width:948px; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}

#hospedagem_comprar{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}


#hospedagem{ width:100%; float:left; margin: 0 0 0 0; background:url(images/hospedagem01.png) top center no-repeat}
#hospedagem_foto{ width:35%; float:left; margin: 0px 0 0 0px}
#hospedagem_texto{ width:55%; float:left; margin: 0px 0 0 0px; padding:0 0}
#hospedagem_texto p{ text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}
#hospedagem_mais_fotos{ width:165px; height:39px; float:left; margin: 25px 0 0 50px}

#hospedagem_texto02{ width:946px; float:left; margin: 0 0 0 2px; background:#F6F6F6}
#hospedagem_texto02 p{width:900px; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}

#text{ width:948px; float:left; margin: 0 0 0 0;}
#text p{width:900px; text-decoration:none; text-align:justify; list-style:none; line-height:20px; margin: 0 0 0 0px; font-family: Arial, Gotham, Helvetica, sans-serif; font-size:12px; color: #929292;}



#content03{ width:100%; float:left; background:#FFF; margin:360px 0 0 0 }
#content03_box{ width:1100px; margin:0 auto;}
#texto02{ width:100%; float:left; margin: 35px 0 40px 0}
#texto02 ul{ list-style:none}
#texto02 ul li{ float:left; margin:5px}

#chamadas02{ width:100%; float:left; background:#efefef; display:inline}
#chamadas02_box{ width:1024px; float:none; margin:0 auto; }
#chamadas02 ul{ list-style:none}
#chamadas02 ul li{ margin:0px 8px 0 0; float:left;}


/* Trabalhe conosco */
#form_trabalhe{ width:850px; height:250px; float:left; }
#form_trabalhe ul{ float:left; list-style:none; width:850px; }
#form_trabalhe ul li{ float:left; width:400px; height:75px}


/* = FOOTER
--------------------------------------------------------------------------------------------------- */

#footer{ width:100%; height:255px; float:left; background: #94c341; background:url(images/footer.png) top center no-repeat}
#footer_box{ width:1010px; margin:0 auto; }

.chama_home{width:328px; height:170px; float:left; padding:5px 10px}

#foto{ width:400px; height:340px; margin:0px; float:left; display:inline}

#rodape{width:100%; text-align:center; margin:0 auto; padding:40px 0 0 0}

#rodape h1{font-family:'AntennaCond'; font-size:16px; color:#d8b32e; margin:0px 0 0 0;}
#rodape p{font-family:'AntennaCond'; font-size:16px; color:#ccc; margin:0px 0 0 0; }
#rodape h2{font-family:'AntennaCond'; font-size:13px; color:#999; margin:0px 0 0 0; letter-spacing:2px; margin:50px 0 0 0 }
#rodape a{ color:#999}

#tri {
	position:absolute;
	background:transparent;
	width: 200px;
	height: 115px;
	z-index: 1;
	margin:-200px 0 0 0;
	padding:0;
}

#contact{ width:50%; float:left}

#localizacao{ width:45%; margin: 0 0 0 3%; float:left; }

span{display:none}


#gohotelsgraphic{ float:right; margin-top:0px; width:200px; margin-left:-80px; text-align:center}


}