#wrapper {
	-moz-box-shadow:0px 0px 3px #aaa;
	-webkit-box-shadow:0px 0px 3px #aaa;
	box-shadow:0px 0px 3px #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #fff;
	background-color:#f9f9f9;
	overflow:hidden;
}
 
label.error {
	display: inline-block;
	font-size: 12px;
	color: #D00;
	padding-left: 10px;
	font-style: italic;
}


#wrapper_pb {
	border-radius:0px;
	border:0px solid #fff;
	overflow:hidden;
	margin-bottom: 70px;
	padding-bottom: 30px;
}


#txtFromDate {
	width: 85%;
	float: left;
}
#txtToDate { 
	width: 85%;
	float: left; 
}

/* Media queries */
	
	@media only screen and (min-width: 1100px) {	
	}  
	       
	@media only screen and (max-width: 800px) {
	}   
	
	@media only screen and (max-width: 400px) {
		body { font-size:90%;}
		.header_title h2 { text-align: left; padding: 0px; }
		.header_title h3 { text-align: left; padding: 0px; }
		.control-group { width: 100%; margin-bottom: 30px; display: inline-block; }
		.imagemquarto img { width: 100%; }
		.table1_input tr { width: 100%; text-align: left; }
		.table1_input td { display: block; width: 100%; }
		.table1_input { width: 100%; }
		.table1_input h3 { font-size: .8em; }
		.table1_input { font-size: .8em; }
		.controls input { width: 100%; text-align: left; }
		.controls2 input { width: 100%; text-align: left; }
		.control-group { width: 100%; float: left; }
		.controls strong { width: 100%; float: left; }
		.controls2 strong { width: 100%; float: left; }
		.informacoes_quarto { width: 100%; padding-left: 0px; }
		.controls2 { float: right; }
		.caixadefora { padding-top: 10px; }
		.control-group_agree { margin-bottom: 0px; }
		.control-group23 { width: 100%; float: left; padding-bottom: 60px; }
		.control-group233 { width: 100%; float: left; padding-bottom: 5px; 	padding-top: 0px;}
		#wrapper_pb { padding-bottom: 0px; }
		#btn_exisitng_cust { width: 100%; margin: 0 auto; padding-top: 0px; }
		.control-groupcc { 	display: inline-block; padding-left: 15px; padding-right: 15px; margin-bottom: 0px; }
		#txtFromDate { width: 85%; }
		#txtToDate { width: 85%; }
	}
	
	
	
	
 
label.error_pb {
	display: inline-block;
	font-size: 1em;
	color: #D00;
	font-style: italic;
}


/* Responsive Images */
img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

#btn_room_search {
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 10px 30px;
	margin: 0 auto;
	float: right;
	margin-right: 20px;
}

#btn_room_search2 {
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 18px 44px 17px 44px;
	margin: 0 auto;
	float: right;
	text-align: center;
}

#btn_room_search2:hover {
	background-color: #353535;
}

#btn_room_search3 {
	width: 50%;
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 18px 44px 17px 44px;
	margin: 0 auto;
	float: left;
	text-align: center;
}

#btn_room_search3:hover {
	background-color: #353535;
}

#registerButton {
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 10px 30px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	margin-right: 20px;	
}

#btn_exisitng_cust {
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 10px 30px;
	float: right;
}

#btn_exisitng_cust:hover {
	background-color: #353535;
}

#registerButton2 {
	background-color: #434343;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	padding: 10px 30px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	margin-right: 0px;	
}

#btn_room_search:hover {
	background-color: #353535;
}

#registerButton:hover {
	background-color: #353535;
}

#registerButton2:hover {
	background-color: #353535;
}

.header_title {
	width: 100%;
	background-color: #434343;
	color: #fff;
	padding: 0px;
	padding-left: 30px;
	margin: 0px;
}

.header_title h2 {
	padding: 20px 10px 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 3em;
	margin: 0px;
}

.conteudo {
	padding-left: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1em;
}

strong{
	display: inline-block;
}

#txtFromDate {	
	display: inline;
	background-color: #fff;
	border: 0px;
	border-radius: 0px;
	font-size: 1.3em;
}

#txtToDate {
	background-color: #fff;
	border: 0px;
	border-radius: 0px;
	font-size: 1.3em;
}

.control-group {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.control-groupcc {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.control-group_233 {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.control-group_agree {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.control-group23 {
	display: inline-block;
	margin-bottom: 30px;
}

.control-group233 {
	display: inline-block;	
	padding-right: 0px; 
	padding-top: 55px; 
	border: 0px solid white; 
	margin:0 auto; 
	float: right;
}

.escolhas {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* .imagemquarto {
	width: auto;
	height: auto;
	display: inline-block;
} */

.imagemquarto {
	float: left;	
}

.imagemquarto img {
	width: 382px;
	height: 250px;
	float:left;
	display: inline-block;
	margin-right: 40px;
}

.informacoes_quarto {
	width: 55%;
	height: auto;
	display: inline-block;
}





.informacaoquarto {
	width: 100%;
	float: right;
}

.resultados_infos {
	width: 70%;
	display: inline-block;
}

.tudooquequero {
	width: 100%;
	display: inline;
}

.resultados_input {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.table1_input {
	width: 90%;
	margin: 0 auto;
	padding-left: 30px;
}

.table2_input {
	width: 100%;
	padding-left: 30px;
}

.table2_input {
	width: 100%;
	padding-left: 30px;
}

.table1_content_v2 {
	padding-top: 70px;
}

.controls strong {
	float: left:
}



.controls2 strong {
	float: left:
}

.controls2 input {
	width: 100%;
}

.table1_content {
	width: 100%;
	margin: 0 auto;
	padding-left: 40px;
	display: inline-block;
}

.table1_content_roominfo {
	width: 100%;
	margin: 0 auto;
	padding-left: 40px;
	display: inline-block;
	border: 0px solid white; padding: 0px;
}

.table1_content p {
	padding-top: 0px;
	margin:0px;
}

.process_table {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}

.bossgeral {
	width: 100%;
	margin: 0 auto;
	padding-top: 0%;
	padding: 30px;
	border-bottom: 1px solid #525252;
}

.bossgeral2 {
	width: 100%;
	margin: 0 auto;
	padding-top: 3%;
	border-bottom: 1px solid #525252;
}

.detalhesdoutilizador {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 30px;
}

.conteudo2colunas {
	width: 90%;
	margin: 0 auto;	
}

.caixadefora {
	width: 90%;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 0px;
	height: auto;
}

.control-group1 {
	width: 100%;
	padding-top: 20px; 
	padding-bottom: 20px; 
	border: 0px solid white; 
	margin: 0px auto; 
	text-align: left;
}

.box1, .box2, .box3, .box4, .box5 {
	width: 25%;
}

.box1_vv2, .box2_vv2 {
	width: 23%;
}

.box1_20, .box2_20, .box3_20, .box4_20, .box5_20 {
	width: 18%;
}

.box2_30px { 
	width: 40%;
	display: inline-block;
}

.box1_v2, .box2_v2, .box3_v2, .box4_v2, .box5_v2 {
	width: 20%;
	margin-bottom: 20px;
	float: right;
}

	@media only screen and (max-width: 400px) {
		.box1 { width: 100%; }
		.box2 { width: 100%; }
		.box3 { width: 100%; }
		.box4 { width: 100%; }
		.box5 { width: 100%; }		
		.box1_v2 { width: 100%; }
		.box2_v2 { width: 100%; }
		.box3_v2 { width: 100%; }
		.box4_v2 { width: 100%; }
		.box5_v2 { width: 100%; margin: 0 auto; }
		.box1_233 { width: 100%; }
		.control-group_233 { width: 100%; text-align: left; }
		#registerButton2 { width: 100%; margin: 0 auto; }
		.duas_colunas { width: 100%; }
	}
	
	@media only screen and (max-width: 800px) {
		.box1 { width: 100%; }
		.box2 { width: 100%; }
		.box3 { width: 100%; }
		.box4 { width: 100%; }
		.box5 { width: 100%; }
		.box1_v2 { width: 50%; }
		.box2_v2 { width: 50%; }
		.box3_v2 { width: 50%; }
		.box4_v2 { width: 50%; }
		.box5_v2 { width: 100%; }
		#btn_room_search2 { width: 100%; margin: 0 auto; border: 0px solid white; }
		#btn_room_search3 { width: 100%; margin: 0 auto; border: 0px solid white; }
	}  
	
.box1_233 {
	width: 33%;
	float: left; 
	display: inline-block;
	text-align: left;
}


.duas_colunas {
	width: 100%;
	margin: 0 auto;
}
	
.column1 {
	display: inline-block;
	width: 45%;
	float: left;
}

.column1 .control-group {
	width: 100%;
}

	@media only screen and (max-width: 400px) {
		.column1 { width: 100%; float: left; padding-bottom: 0px; }
	}

	@media only screen and (max-width: 800px) {
		.column1 { width: 100%; float: left; }
	}  



.column2 {
	display: inline-block;
	width: 45%;
	float: right;
}
	@media only screen and (max-width: 400px) {
		.column2 { width: 100%; float: left; }
	}
	@media only screen and (max-width: 800px) {
		.column2 { width: 100%; float: left; }
	}  

.column2cc {
	display: block;
	width: 45%;
	float: right;
	margin-top: 40px;
}
	@media only screen and (max-width: 400px) {
		.column2cc { width: 100%; float: left; margin-top: 0px; }
	}
	@media only screen and (max-width: 800px) {
		.column2cc { width: 100%; float: left; }
	}
	
	
.column1cc {
	display: block;
	width: 45%;
	float: left;
	margin-top: 40px;
	}
	@media only screen and (max-width: 400px) {
		.column1cc { width: 100%; float: left; 	margin-top: 40px; }
	}
	@media only screen and (max-width: 800px) {
		.column1cc { width: 100%; float: left; 	margin-top: 40px; }
	}
	
	  
	
.column2-fetchdetails {
	display: inline-block;
	width: 45%;
	float: right;
	padding-top: 50px; 
	padding-bottom: 50px;
}
	@media only screen and (max-width: 400px) {
		.column2-fetchdetails { width: 100%; padding-left: 15px; padding-right: 15px; float: left; padding-top: 0px; padding-bottom: 0px; margin-bottom: 20px; }
	}
	@media only screen and (max-width: 800px) {
		.column2-fetchdetails { padding-left: 15px; float: left; padding-top: 0px; padding-bottom: 0px; margin-bottom: 20px; }
	}  








	

.column2 .control-group {
	width: 100%;
}

textarea {
	width: 100%;
}

#email_addr_existing {
	width: 100%;
}



.quarto_content { 
	margin: 0 auto;
	padding-left: 40px;
	display: inline-block;	
}






.styled-select select {
   background: transparent;
   width: 70px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;  
   text-indent: 0.01px;          /* Removes default arrow from firefox*/
   text-overflow: "";               /*Removes default arrow from firefox*/
   appearance: none;  
}

 .styled-select {
   width: 70px;
   height: 32px;
   overflow: hidden;
   background: url(arrow_select_small.png) no-repeat right #fff;
   border: 0px solid #ccc;
}
   
.styled-select2 select {
   width: 100%;
   background: transparent;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0px solid fuchsia;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;  
   text-indent: 0.01px;          /* Removes default arrow from firefox*/
   text-overflow: "";               /*Removes default arrow from firefox*/
   appearance: none; 
}
   
.styled-select2 {
   width: 90%;
   height: 32px;
   overflow: hidden;
   background: url(arrow_select_small.png) no-repeat right #fff;
   border: 0px solid #ccc;
}

.full_width_botaopesquisa {
	width: 100%;
}

select::-ms-expand {
    display: none;
}



.cc_holder_name {
	width: 100%;
}

.box_geral {
	width: 100%;
}


.botaopesquisa {
	margin-top: 75px;
}

#caixaparacentrar {
	margin: 0 auto;
	border: 3px solid blue;
} 

#botao_de_continue {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 80px;
}

.confirm_img {
	width: 100%;
	margin: 0 auto;
}

.confirm_img img {
	width: 200px;
	height: 200px;
}


	@media only screen and (max-width: 400px) {
		.caixadefora { margin-top: 20px; margin-bottom: 0px; }
		.box1 { width: 100%; }
		.box2 { width: 100%; }
		.box2_30px { width: 100%; }	
		.box3 { width: 100%; }	
		.box4 { width: 100%; }
		.box5 { width: 100%; }
		
		.box1_20 { width: 100%; }
		.box2_20 { width: 100%; }
		.box3_20 { width: 100%; }	
		.box4_20 { width: 100%; }
		.box5_20 { width: 100%; }
		
		.box1_vv2 { width: 100%; }
		.box2_vv2 { width: 100%; }
		
		.box1_v2 { width: 100%; }
		.box2_v2 { width: 100%; }	
		.box3_v2 { width: 100%; }	
		.box4_v2 { width: 100%; }
		.box5_v2 { width: 100%; margin: 0 auto; padding: 0px; text-align: center; padding-bottom: 60px; }
		#btn_room_search2 { width: 100%; margin:0 auto; padding: 18px 0px 18px 0px; }
		.table1_content { width: 100%; padding: 10px; margin: 0 auto; display: inline-block; }
		.imagem_quarto { width: 100%; }
		.informacoes_quarto { width: 100%; }
		.header_title { padding-left: 0px; }
		.imagemquarto img { width:90%; height: auto; margin: 0 auto; }
		#botao_de_continue { padding-bottom: 60px; }
		.box1_233 { width: 100%; display: inline-block; }
		.control-group_233 { width: 100%; display: inline-block; }
	}



		
	}
	
/* Novas Classes */
	
.controls  { width: 100%; padding-top: 5px; }
	
	
.controls input { padding: 10px;  }

.controls select { width: 100%; padding-top: 5px; }


/* Booking Process Main bar of the Processs */
.booking_process {
	background-color: #efefef;
	width: 100%;
	margin: 0 auto;
}

.first {
	width: 25%;
	background-color: #efefef;	
	display: inline-block;
	float: left;
	text-align: center;
	padding: 30px;
	border-top: 1px solid #e0e6e6;
	border-bottom: 1px solid #e0e6e6;
	border-right: 1px solid #e0e6e6;
}
.second {
	width: 25%;
	background-color: #efefef;	
	display: inline-block;
	float: left;
	text-align: center;
	padding: 30px;	
	border-top: 1px solid #e0e6e6;
	border-bottom: 1px solid #e0e6e6;
	border-right: 1px solid #e0e6e6;
}
.third {
	width: 25%;
	background-color: #86A315;		
	display: inline-block;
	float: left;
	text-align: center;
	padding: 30px;
	border-top: 1px solid #e0e6e6;
	border-bottom: 1px solid #e0e6e6;
	border-right: 1px solid #e0e6e6;
}
.fourth {
	width: 25%;
	background-color: #efefef;	
	display: inline-block;
	float: left;
	text-align: center;
	padding: 30px;
	border-top: 1px solid #e0e6e6;
	border-bottom: 1px solid #e0e6e6;
}

@media only screen and (max-width: 1024px) {
	.first { width: 100%; border-right: 0px solid red; padding: 20px; }
	.second { width: 100%; border-right: 0px; padding: 20px;  }
	.third { width: 100%; border-right: 0px; padding: 20px;  }
	.fourth { width: 100%; border-right: 0px; padding: 20px;  }
	#registerButton { width: 100%; margin: 0 auto; }
	#btn_room_search { 	margin: 0 auto; width: 100%; }
	.table1_content { padding-left: 0px; }
	.quarto_content { padding-left: 0px; }
	.nomedoquarto_big { font-size: 0.7em; }
}

	
.imagem_quarto { width:40%; float:left; padding: 0px;}
.informacoes_quarto { width:60%; float: right; margin: 0px;}

@media only screen and (max-width: 400px) {
	.imagem_quarto { width:100%; float: left;}
	.informacoes_quarto { width: 100%; margin-top: 30px; }
	.quarto_content { margin:0px; padding: 0px; }
	
}