body{
}

.content{
width:100%;	
}

header{
margin-top:0px;
}

header h1{
background:#182936;
margin-top:0px;
margin-bottom:0px;
padding-top:10px;
padding-bottom:10px;
font:Arial;	
text-align:center;
color:#FFFFFF;
font-size:12px;
}

header h2{
background:#385472;
margin-top:0px;
margin-bottom:0px;
padding-top:7px;
padding-bottom:px;
font:Verdana;	
text-align:center;
color:#fff;
font-size:20px
}

header h3{
background:#385472;
margin-top:0px;
margin-bottom:-2px;
padding-top:10px;
padding-bottom:17px;
font:Verdana;	
text-align:center;
color:#FFFFFF;
font-size:12px
}


h1 a{
	color:#f0e68c;
    text-decoration:none;
	font-weight:bold;
}

h1{
color:#FFFFFF;	
}

h1 a:hover {
text-decoration:underline;	
color:#fffacd;
}

aside {
	margin:auto;
	float:right;
	width: 75%;
	padding-top: 2%;
	padding-right: 7%;
	padding-bottom: 2%;
	padding-left: none;
}

tbody{
background:#385472;
}

.section{
width:100%;
border:0px;	
padding:10px;
position:inherit;
}

footer{
background:#182936;
width:100%;
margin-top:-19px;
margin-bottom:-18px;
}


/*media query*/

/*TABLET PAISAGEM-DESKTOP*/
@media (min-width : 1024px ){
body{
width:100%;	
margin:0px;	
}

/*MENU ESQUERDO*/
section {
	width: 11%;
	height:100%;
	float: left;
	padding-top:0px;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 1%;
	color:#000000;
	background-color:#385472;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    display:block;
	margin-top:-8px;
}





 td{
width:50%;	
}

aside{
	
	float:left;
	padding-left:2%;
	padding-right:4%;
	display:block;
	margin:0px;
	padding-right:0px;
	padding-top:0px;
}

.botao{
display:none;	
}

.imagem{
display:none;	
}

}

/*TABLET-RETRATO*/
@media (min-width : 768px ) and (max-width : 1023px ){
/*MENU HOTEIS*/
body{
margin:auto;	
}

section {
	width: 100%;
	height:100%;
	float:center;
	text-align:center; 
	padding:10px;
	color:#000000;
	background-color:#385472;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    display:none;
}

aside{
width:92%;

margin-right:auto;
padding-top:0px;
padding-left:8px;
margin:auto;
}


/*BOTAO MENU HOTEIS*/
.botao{
margin-top:-18px;	
display:block;
width:100%;
height:25px;
font-family:Verdana;
cursor: pointer;
color:#fff;
text-align:center;
background: linear-gradient(to right,#182936,#385472);
padding-bottom:4px;
}

.imagem{
display:block;
margin-top:2px;	
width:100%;
align:center;
padding-left:25px;
}


}

/*CELULAR-TABLET*/
@media (min-width: 480px) and (max-width: 767px){
body{
width:100%;	
margin:0px;	
}

section {
	width: 100%;
	height:100%;
	float:center;
	text-align:center; 
	padding:10px;
	color:#000000;
	background-color:#385472;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    display:none;
	}

aside{
width:92%;

margin-right:auto;
padding-top:0px;
padding-left:8px;
margin:auto;
}


/*BOTAO MENU HOTEIS*/
.botao{
margin-top:-18px;	
display:block;
width:100%;
height:25px;
font-family:Verdana;
cursor: pointer;
color:#fff;
text-align:center;
background: linear-gradient(to right,#182936,#385472);
padding-bottom:4px;
}

.imagem{
display:block;
margin-top:2px;	
width:100%;
align:center;
padding-left:25px;
}

	
}

/*CELULAR PAISAGEM*/
@media (min-width: 321px) and (max-width: 479px){
body{
margin:auto;	
}

section {
	width: 100%;
	height:100%;
	float:center;
	text-align:center; 
	padding:10px;
	color:#000000;
	background-color:#385472;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    display:none;
}

aside{
width:92%;

margin-right:auto;
padding-top:0px;
padding-left:8px;
margin:auto;
}


/*BOTAO MENU HOTEIS*/
.botao{
margin-top:-18px;	
display:block;
width:100%;
height:25px;
font-family:Verdana;
cursor: pointer;
color:#fff;
text-align:center;
background: linear-gradient(to right,#182936,#385472);
padding-bottom:4px;
}

.imagem{
display:block;
margin-top:2px;	
width:100%;
align:center;
padding-left:12px;
}

	
}


/*CELULAR RETRATO*/
@media (min-width: 0px) and (max-width: 320px){
body{
margin:auto;	
}

section {
	width: 100%;
	height:100%;
	float:center;
	text-align:center; 
	padding:10px;
	color:#000000;
	background-color:#385472;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
    display:none;
}

aside{
width:92%;

margin-right:auto;
padding-top:0px;
padding-left:8px;
margin:auto;
}


/*BOTAO MENU HOTEIS*/
.botao{
margin-top:-18px;	
display:block;
width:100%;
height:25px;
font-family:Verdana;
cursor: pointer;
color:#fff;
text-align:center;
background: linear-gradient(to right,#182936,#385472);
padding-bottom:4px;
}

.imagem{
display:block;
margin-top:2px;	
width:100%;
align:center;
padding-left:12px;
}


}