html, body, div, p{
	margin: 0;
	padding: 0;
	border: 0; 
	font-family: 'Cousine', monospace; 
	font-size:18px;
}

h1 {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 36px; color:#fff;}
h2 {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 24px; color:#3d3c3d;}
h3 {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 20px; color:#fff;}
h4 {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 20px; color:#3d3c3d;}


p {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 18px; color:#3d3c3d;}

.lunk a {font-family: 'Cousine', monospace; font-size:18px; color:#3d3c3d; text-decoration:none}
.lunk a:hover {font-family: 'Cousine', monospace; font-size:18px; color: #FFCC00; text-decoration:none}

img{
  width:100%;
  max-width:100%;
}

.red{ background-color:#FF0000}
.blue{ background-color:#3366FF}
.room{ width:100px; height:30px; background-color:#FF3300; }
.acomoda{ width:100%; height:auto; background-color:#66FF99}
#overbook {font-family: 'Cousine', monospace;  font-weight: 400; font-size: 20px; color:#fff; background-color:#FFFFFF;}

#topo{ width:auto; height:auto; margin-bottom:5px; margin-right:5px;}


.navbar{
  position:fixed;
  width:100%;
  background-color: rgba(10,23,55,0.5);
  z-index:10;
  border-radius:0;
  border-color:transparent;
}
.navbar-default .navbar-nav > li > a{
  color:#fff;
  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFCC00;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #000; 
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #FFCC00;
}
#bs-example-navbar-collapse-1{ border: solid 0px transparent}








.banner{ width:100%; height:auto}
.centered { text-align:center}
.rightered{ text-align:right}
.adm a{ color:#3d3c3d; text-decoration:none}
.adm a:hover{ color:#000; text-decoration:none; font-weight:bold}


.principal { 
width: 100%;
 height:auto; 
 padding:30px; 
 background-color:#fff; 
 color: #3d3c3d; 
 display:flex;}

.principal-item {
 text-align:center;
}
.principal a { color:#3d3c3d; text-decoration:none}
.principal a:hover { color:#3d3c3d; text-decoration:none; font-weight:bold}

.dupla-bl {

 width: 100%;
 height:auto; 
 padding:30px;
 
 display:flex;
 background-color:#e1e2e1;

}

.dupla-um-bl {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color:#0099FF; 
 color:#555;
 flex:1;

}

.dupla-um-bl a { color:#555; text-decoration:none}
.dupla-um-bl a:hover { color:#555; text-decoration:none; font-weight:bold}

.dupla-dois-bl {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color:#0066FF; color:#555;
 flex:2;

}

.dupla-lil {

 width: 100%;
 height:auto; 
 padding:30px;
 
 display:flex;
 background-color: #BCBCBC;

}

.dupla-um-lil {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color: #9999FF; 
 color:#fff;
 flex:1;

}

.dupla-um-lil a { color:#555; text-decoration:none}
.dupla-um-lil a:hover { color:#555; text-decoration:none; font-weight:bold}

.dupla-dois-lil {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color: #9966FF; color:#555;
 flex:2;

}



.dupla-gil {

 width: 100%;
 height:auto; 
 padding:30px;
 
 display:flex;
 background-color: #BCBCBC;

}

.dupla-um-gil {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color: #9999FF; 
 color:#fff;
 flex:1;

}

.dupla-um-gil a { color:#555; text-decoration:none}
.dupla-um-gil a:hover { color:#555; text-decoration:none; font-weight:bold}

.dupla-dois-gil {
 width: 100%;
 height:auto; 
 padding:30px; 
 background-color: #9966FF; color:#555;
 flex:1;

}




.dupla-gr {

 width: 100%;
 height:auto; 
 padding:30px;
 color:#3d3c3c;
 display:flex;
 background-color:#999999;

}

.dupla-um-gr {
 width: 100%;
 height:auto; 
 padding:30px; background-color: #66FF00;
 flex:1;

}

.dupla-um-gr a { color:#7A0796; text-decoration:none}
.dupla-um-gr a:hover { color:#AD71C5; text-decoration:none}

.dupla-dois-gr {
 width: 100%;
 height:auto; 
 padding:30px; background-color: #66CC00;
 flex:2;

}

.dupla-ye {

 width: 100%;
 height:auto; 
 padding:30px;
 color:#3d3c3c;
 display:flex;
 background-color:#777777;

}

.dupla-um-ye {
 width: 100%;
 height:auto; 
 padding:30px; background-color:#FF9900;
 flex:1;

}

.dupla-um-ye a { color:#7A0796; text-decoration:none}
.dupla-um-ye a:hover { color:#AD71C5; text-decoration:none}

.dupla-dois-ye {
 width: 100%;
 height:auto; 
 padding:30px; background-color:#FFCC00;
 flex:2;

}

.dupla-pr {

 width: 100%;
 height:auto; 
 padding:30px;
 color:#fff;
 display:flex;
 background-color:#333;

}

.dupla-um-pr {
 width: 100%;
 height:auto; 
 padding:30px; background-color: #A7A7A7; color:#FFFFFF;
 flex:1;

}

.dupla-um-pr a { color:#7A0796; text-decoration:none}
.dupla-um-pr a:hover { color:#AD71C5; text-decoration:none}

.dupla-dois-pr {
 width: 100%;
 height:auto; 
 padding:30px; background-color: #616161; color:#FFFFFF;
 flex:1;

}


.tripla-whi{
 width: 100%;
 height:auto; 
 padding:30px;
 display:flex;
 background-color: #fff;}

.tripla-item-whi{
	padding: 20px;
	color:#3d3c3d;
	flex-basis:33.33%;
}

.tripla-item-whi a{ color:#3d3c3d; text-decoration:none}
.tripla-item-bot a:hover{ color:#3d3c3d; text-decoration:none; font-weight:bold}


.tripla-bot{
 width: 100%;
 height:auto; 
 padding:30px;
 display:flex;
 background-color:#444444;
}


.tripla-item-bot{
	padding: 20px;
	color:#FFFFFF;
	flex-basis:33.33%;
}
.tripla-item-bot a{ color:#FFFFFF; text-decoration:none}
.tripla-item-bot a:hover{ color:#FFFFFF; text-decoration:none; font-weight:bold}

.tripla-item:nth-child(1){ background-color:transparent; color:#FFFFFF}
.tripla-item:nth-child(2){ background-color:transparent; color:#FFFFFF}
.tripla-item:nth-child(3){ background-color:transparent; color:#FFFFFF}








.quadra{
 width: 100%;
 height:auto; 
 padding:30px;
 display: flex;

 

}

.quadra-item{
	padding: 20px;
	box-sizing:border-box;
	margin-bottom:20px;
	flex-basis:25%;
   

}

.quadra-item img:hover{
   
   -ms-transform: scale(1.2); /* IE 9 */
   -webkit-transform: scale(1.2); /* Safari */
   transform: scale(1.2); /* Standard syntax */
   transition: all .5s linear;

}



.quadra-item:nth-child(1){ background-color: #3d3c3d}
.quadra-item:nth-child(2){ background-color: #3d3c3d}
.quadra-item:nth-child(3){ background-color: #3d3c3d}
.quadra-item:nth-child(4){ background-color: #3d3c3d}






@media (max-width:768px){

.navbar { background-color:#000; height:70px;}
.navbar-default .navbar-nav { background-color:#000}

.dupla, .dupla-bl, .dupla-lil, .dupla-gil, .dupla-ye, .dupla-gr, .dupla-pr, .tripla, .tripla-bot, .triplapag, .quadra, .destaque {
flex-direction:column;

}

.tripla-item-bot{ text-align:center}

}