/*
    Document   : reservas
    Created on : 20/Out/2011
    Author     : migueldantas
    Description:

*/

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

#formulario label {
    margin-bottom: 10px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.list-hotel-form {
	display: block;
	float:left;
	width: 100%;
}


.close-icon-details-rooms {
	padding-top: 10px;
    padding-right: 10px;
}

#reservas_content{
	/*color: #58595B;*/
	color: #6E6E6E;
    float: left;
    width: 84%;
    background-color: #FFFFFF;
	margin-bottom: 30px;
	margin-top: 18px;
}

#ssl {
	margin-top: 30px;
}

#reservas_content table {
	margin-bottom: 0px;
	border: none;
	line-height: normal;
}

#reservas_content h1, #reservas_content h2 {
	font-size: 14px;
	line-height: normal;
	/*font-family: "TitilliumText22LRegular", "Helvetica Neue", sans-serif;*/
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#reservas_content h2 {
    color: #00AFF0;
}

#reservas_content h3 {
	font-size: 12px;
	line-height: normal;
	/*font-family: "TitilliumText22LRegular", "Helvetica Neue", sans-serif;*/
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#reservas_content .botao, #reservas_content .botao_cinza, #reservas_content .botao_cinza_remove{
    padding: 6px 0px 6px;
	cursor: pointer;
	font-weight: normal;
	font-size: 11px;
	margin-left: 10px;
}

#reservas_content .botao img, #reservas_content .botao_cinza img , #reservas_content .botao_cinza_remove img {
	padding-left:5px;
    vertical-align: baseline;
}

/* Button */

.step3-buttons .botao {
    margin-left: 6px;
    margin-top: 5px;
}

#reservas_content .botao {
	background: none repeat scroll 0 0 #FF9308;
}

#reservas_content .botao_cinza, #reservas_content .botao_cinza_remove {
	/*background: none repeat scroll 0 0 #FF9308;*/
	border-radius: 4px;
	background-color: #00AFF0;
	background-image: url("/protected/components/booking/img/readon.png");
    margin-top: 5px;
    margin-left: 6px;
	padding: 8px;
}
#reservas_content .botao_cinza:hover, #reservas_content .botao_cinza_remove:hover {
	/*background: none repeat scroll 0 0 #FF9308;*/
	background-image: url("/protected/components/booking/img/readon_hover.png");
}

#reservas_content .botao_cinza span, 
#reservas_content .botao_cinza_remove span {
	float: left;
	color: #FFFFFF;
	text-transform: uppercase;
}

#reservas_content .botao span {
	color: #FFFFFF;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    /*text-transform: uppercase;*/
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

#reservas_content .botao {
	border-radius: 4px;
	background-color: #00AFF0;
	background-image: url("/protected/components/booking/img/readon.png");
}



#reservas_content .botao:hover{
	background-image: url("/protected/components/booking/img/readon_hover.png");
}

#reservas_content .botao a:link, #reservas_content .botao a:visited, #reservas_content .botao a:hover,
#reservas_content .botao_cinza a:link, #reservas_content .botao_cinza a:visited, #reservas_content .botao_cinza a:hover {
    font-weight: normal;
	color: #FFFFFF;
}

/*#reservas_content .botao a img, #reservas_content .botao_cinza a img {
	float: right;
    padding-right: 6px;
    padding-top: 2px;
}*/

#reservas_content .botao_cinza_remove img {
    float:left;
}

#reservas_content .thickbox {
    /*color: #2BA6CB;*/
	color: #00AFF0;
}

#reservas_content .thickbox:hover {
	color: #000000;
}

/* Step 1 */

#reservas_content .hotel_list, #reservas_content .hotel-list-mobile {
	width: 97.6%;
	max-width: 992px;
	background: #FFF;
	/*margin: 0 0 15px 15px;*/
	margin: 0 0 1.4% 1.4%;
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	float: left;
	padding: 10px;
}

#reservas_content .hotel-list-mobile {
 	margin-top: 10px;
 	position: relative; 
 	padding: 6px;	
 	background: url("/img/mobile-hotel-list-arrow.jpg") no-repeat 98% center;
}

#reservas_content .hotel-list-mobile:hover {
	cursor: pointer;
}

 #reservas_content .hotel-list-mobile .hotel-list-left-column {
 	width: 42%;
 	float:left; 	
 }

 #reservas_content .hotel-list-mobile .hotel-list-mobile-content {
 	float: left;
 	width: 56%;
 	margin-left: 2%;
 	display:block;
 }
 #reservas_content .hotel-list-mobile h2.hotel_title {
 	float:left;
 	width: 100%;
  	display:block;
 }

#reservas_content .hotel_list table tr {
	background-color: #FFFFFF;
}

#reservas_content .hotel_list table tr td {
	margin: 0;
    padding: 0;
}

#reservas_content .hotel_list .room_table {
	margin-top: 10px;
}

#reservas_content .hotel_list .room_table tr {
	/*background-color: #DEDEE2;*/
	background-color: #7BBDD9;
}

#reservas_content .hotel_list .room_table tr td {
	height: 20px;
	text-align: center;
	padding: 0px;
}

#reservas_content .hotel_list .room_table tr td a:link, 
#reservas_content .hotel_list .room_table tr td a:visited, 
#reservas_content .hotel_list .room_table tr td a:visited {
	color: #58595B;
}

#reservas_content .hotel_list .room_table tr td a:hover {
	font-weight: bold;
}
/* retirar */
#reservas_content .hotel_title {
	font-weight: bold;
	font-size: 14px;
	float: left;
}

#reservas_content h2.hotel_title {
	display: block;
	/*font-weight: bold;*/
	font-weight: normal;
	/*font-size: 16px;*/
	font-size: 24px;
	width: 100%;
	float:left;
} 

#reservas_content h3.hotel_address {
	font-weight: normal;
	padding-bottom: 7px;
	float:left;
}

#reservas_content h3.hotel_address a:link, #reservas_content h3.hotel_address a:visited {
	color: #B2B2B2;
	text-decoration: none;
}
/* retirar */
#reservas_content .hotel_address a:hover{
	color: #686868;
	text-decoration: underline;
}

#reservas_content .hotel-list-item {
	float:left;
}

#reservas_content .hotel-list-item .hotel-list-item-main-content {
	width: 100%;
	float:left;
	clear: both;
}

#reservas_content .hotel-list-item .hotel-list-item-main-content .hotel-list-left-column {
	width: 13%;
	max-width: 125px;
	float:left;
}

#reservas_content .hotel-list-item .hotel-list-item-main-content .hotel-list-left-column > img {
	width: 100%;
}

#reservas_content .hotel-list-item .hotel-list-item-main-content .hotel-list-left-column a img[title~=mais] {
	margin: 5px 0 0 0;
}

#reservas_content .hotel-list-item .hotel-list-item-main-content .hotel-list-main-column {
	width: 83%;
	padding: 0 2%;
	float:left;
}

.hotel-list-main-column .hotel-list-main-column-description {
	font-size: 13px;
}

/* Retirar */
/*a img[title~=mais]{
	margin: 5px 10px 0 0 ;
}*/

#reservas_content .mais_tipos {
	font-size: 10px;
	cursor: pointer;
}

#reservas_content .mais_tipos a:link, .mais_tipos a:visited{
	color: #222222;
}

#reservas_content .mais_tipos a:hover{
	text-decoration: underline;
}

#reservas_content .mais_tipos img{
	margin-right: 5px;
}
/* retirar */
#reservas_content .hotel_address {
	font-weight: normal;
	padding-bottom: 7px;

}
/* retirar */
#reservas_content .hotel_address a:link, #reservas_content .hotel_address a:visited {
	color: #B2B2B2;
	text-decoration: none;
}
/* retirar */
#reservas_content .hotel_address a:hover{
	color: #686868;
	text-decoration: underline;
}

#reservas_content .hotel_description{
	font-size: 11px;
}

#reservas_content .hotel_description a:link, #reservas_content .hotel_descriptiona:visited{
	color: #686868;
}

/* Step 2 */
#reservas_content .tarifas_list .tarifas-list-rooms {
	float: left;
	width: 100%;
}

#reservas_content .tarifas_list .tarifa-description {
	float:left;
	clear:both;
}

#reservas_content .tarifas_list table tr {
	background-color: #FFFFFF;
}

#reservas_content .tarifas_list table tr td {
	margin: 0;
    padding: 0;
}

#reservas_content .tarifas_list .tarifa_room_table {
	margin-top: 10px;
}

#reservas_content .tarifas_list .tarifa_room_table tr {
	/*background-color: #DEDEE2;*/
	background-color: #7BBDD9;
}

#reservas_content .tarifas_list .tarifa_room_table tr td {
	height: 20px;
	text-align: center;
	padding: 0px;
}

#reservas_content .tarifas_list .tarifa_room_table tr td a:link, #reservas_content .tarifas_list .tarifa_room_table tr td a:visited, #reservas_content .tarifas_list .tarifa_room_table tr td a:visited {
	color: #58595B;
}

#reservas_content .tarifa_title{
	font-weight: bold;
	font-size: 14px;
	float: left;
}

#reservas_content .tarifas_list{
	width: 97.6%;
	max-width: 992px;
	background: #FFFFFF;
	/*margin: 0 0 15px 15px;*/
	margin: 0 0 1.4% 1.4%;
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	float: left;
	padding: 10px;
}

.tarifas_list select {
	margin-left: auto;
    margin-right: auto;
	background-color: grey;
    border: medium none;
    /*color: #FFFFFF;*/
    font-size: 11px;
	height: 16px;
    width: 35px;
    text-align: center;
    display: inherit !important;
    -webkit-appearance: menulist;
}

/* Menu */

#reservas_content ol{
	height: 30px;
	margin: 15px 0 25px 0;
}

#reservas_content ol li {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    list-style: none outside none;
    margin-left: 25px;
    padding: 2px 0 0 25px;
	color: #B2B2B2;
}

#reservas_content ol li span.menu_r {
	font-size: 14px;
}

#reservas_content .separador{
	background: url("/protected/components/booking/img/separador.jpg") no-repeat scroll left center transparent;
}

#reservas_content ol li.activo  {
	background: url("/protected/components/booking/img/separador_activo.jpg") no-repeat scroll left center transparent;
    color: #58595B;
}


#reservas_content ol li:first-child {
	background: url("") no-repeat scroll left center transparent;
    color: #B2B2B2;
	padding-left: 0px;
}

#reservas_content ol li.activo:first-child {
	color: #58595B;
}

#reservas_content ol li span {
	height: 30px;
	float:left;
	font-size: 20px;
	margin-right: 5px;
	line-height: normal;
}

#reservas_content ol li a:link,
#reservas_content ol li a:visited {
	color: #B2B2B2;

}

#reservas_content ol li:hover,
#reservas_content ol li a:hover{
	color: #58595B;
}

#reservas_content ol li.separador:hover{
	background: url("/protected/components/booking/img/separador_activo.jpg") no-repeat scroll left center transparent;
}

#reservas_content ol li.inactive:hover{
	background: url("/protected/components/booking/img/separador.jpg") no-repeat scroll left center transparent;
	color: #B2B2B2;
}



/* Step 3 */

select, iframe .custom select {
	background: url("/../img/arrow-bottom-grey.png") no-repeat scroll 98% center #FFFFFF !important;
}

#reservas_content .cal_input_res {
    background-color: #F2F2F2;
    border: 0 none;
    color: #343E42;
    font-size: 11px;
    height: 21px;
    margin: 0px;
    width: 70px;
    display: inherit !important;
}

#tabelaID select {
	background: url('/../img/arrow-bottom-grey.png') 95% center no-repeat #F2F2F2;
    border: medium none;
    color: #343E42;
    font-size: 11px;
    height: 19px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    -webkit-appearance: menulist;
}

#reservas_content .tipo_reserva {
	color: #6F6E69;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding-left: 10px;
    width: 100%;
    max-width: 950px;
}

#tabelaID tr td {
	padding: 0px;
	text-align: center;
	background: #FFFFFF;
}

#reservas_content .tabelaBranca  {
	width: 100%;
	background: #D9D9D9;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}

#reservas_content .tabelaBranca tr td  {
	background: #D9D9D9;
}

#reservas_content .tabelaCinza {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

#reservas_content .tabelaCinza tr td, #reservas_content .tabelaBranca tr td {
	padding: 10px;
	text-align: center;
}

#reservas_content .detalhes_header {
	border-bottom: 1px solid #CCCCCC;
	font-size: 13px;
}

#reservas_content .detalhes_header td {
	/*color: #343E42;*/
	color: #ffffff;
	/*text-transform: uppercase;*/
	/*background: #DBE5EC;*/
	background: #349AC5;
	padding: 10px;
}

#tipo_quarto_1, #tipo_quarto_2, #tipo_quarto_3, #tipo_quarto_4, #tipo_quarto_5 {
	background-color:#f2f2f2 !important;
	width: 90px;
	display: inherit !important;
}

#noites_1, #noites_2, #noites_3,  #noites_4, #noites_5,
#pessoas_1, #pessoas_2, #pessoas_3, #pessoas_4, #pessoas_5,
#cama_e_1, #cama_e_2, #cama_e_3,  #cama_e_4, #cama_e_5, 
#berco_1, #berco_2, #berco_3,  #berco_4,  #berco_5{
	background-color:#f2f2f2 !important;
	width: 48px;
	display: inherit !important;
}

#regime_1, #regime_2, #regime_3, #regime_4, #regime_5{
	background-color:#f2f2f2 !important;
}

#preco_1, #preco_2, #preco_3, #preco_4, #preco_5{
	font-weight: bold;
	color: #343E42;
	cursor: default;
}

#servico_selected_1{
	background-color:#f2f2f2 !important;
}

#reservas_content #soma_total {
	font-weight: bold;
	font-size: 14px;
	color: #343E42;
	cursor: default;
}

#reservas_content .form_sub{
    font-weight: bold;
    background: #FFFFFF;
}

#reservas_content .promo_desc_res{
	font-size: 12px;
	padding-top: 0px;
	text-align: left;
	background: #FFFFFF;
	padding-left: 3px;

}

#formulario tr {
	background: #FFFFFF;
}

#reservas_resume{
	width: 745px;
	margin: 0px 0 20px 15px;
	font-size: 12px;
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	border: 1px solid #CECECE;
}

#reservas_resume td {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
}

#reservas_resume td span{
	line-height: 18px;
}

.tipo_tarifa{
	float: right;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

.data_tarifa {
    color: grey;
    float: right;
    font-size: 10px;
    font-weight: bold;
}

/*Tabel com disponíbilidade dos quartos*/
.room_title{
	background: #349AC5 !important;
	color: #FFF;
	width: 495px;
	height: 25px;
}
.room_title td {
	background: #349AC5 !important;
	color: #FFF;
}

.cinza{
	background: #58595B;
	border: 1px solid #999999;
    color: #000000;
    margin-left: 0;
    margin-top: 10px;
}

.last_price {
	font-size: 10px;
	color: #666;
	text-decoration:line-through;
}

.tarifa_description{
	padding-bottom: 10px;
}

.tarifas_info{
	/*background: #DEDEE2;*/
	background: #ffffff;
	padding: 10px;
	margin-top: 10px;
	font-size: 12px;
    display: none;
}
 .tarifa_room_table td{
 color:#ffffff;
 }

#promocoes_reserva, #historico_reserva  {
	margin: 23px 0 20px;
    padding-bottom: 22px;
    width: 201px;
	color: #58595B;
	padding-top: 10px;
}

#historico_desc{
	width: 90%;
	margin: 10px auto;
	color: #58595B;
	font-size: 11px;
}

.historic_title{
	font-weight: bold;
}

.historic_main_title {
	color: #58595B;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}


.promocao_title{
	color: #58595B;
	font-weight: bold;
	font-size: 13px;
	width: 191px;
	padding: 0 7px;

}

.promocao_hotel{
	color: #58595B;
	font-size: 11px;
	width: 191px;
	padding: 0 7px;
	float:left;
	font-weight: bold;
}

.res_promocao_data{
	font-size: 10px;
	color: #58595B;
	width: 191px;
	padding: 0 7px;
	float:left;
}

.mini_type{
	width: 98%;
	margin: 2px auto 0 auto;
	font-size: 9px;
	color: #FFF;
	background: #DEDEE2;
	color: #58595B;
}

.mini_type_header{
	background: #58595B;
	color: #FFF;
	height: 15px;
	font-weight: bold;
	text-indent: 5px;
}


.promos_res img {
	margin: 5px 5px 0 7px;
}

.promos_res{
	margin-top: 10px;
}

.precos_promocao{
	color: #58595B;
	font-size: 11px;
	font-weight: bold;
	padding: 7px;
}

.destaque_preco{
	color: #E28939;
	font-size: 13px;
}

#reservas_content .textDestForm td {
    background: #DBE5EC;
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    padding: 10px;
    color: #343E42;
    text-transform: uppercase;
}
#reservas_main_content{
	width:981px;
	background:#FFF;
	margin:auto;
	min-height: 350px;
	width: 1024px;
}


.tipos_hidden{
	display: none;
}

#sem_disponibilidade{
	font-size: 12px;
	padding: 20px 40px;
}

.input{
	height: 50px;
}

#tabelaID .descricao-servico {
    color: #343E42;
    display: none;
    font-size: 11px;
    padding: 10px;
    text-align: left;
}

#tabela_servicos .select-disabled {
	background-color: #58595B;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px;
	height: 18px;
	margin: 10px 0px 0px 0px;
}

.reser_texto1 {
	font-size: 12px;
}

#moeda_1, #moeda_2, #moeda_3, #moeda_4{
	margin: 10px 0 0 0;
}

.caixaamarela{
    height: 10px;
}

.caixaamarela td {
    border-bottom: 1px solid #CCCCCC;
}

.preco_texto{
	margin: 10px;
	font-size: 12px;
}

#reservas_content .linhaBranca {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px;
}

#reservas_content .linhaCinza {
	background: #D9D9D9;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px;
}

#anchor11 img{
	margin-top: 11px;
}

#data_3 {
	width: 70px;

}

.services_select {
	width: 200px;
}

.qtd_select{
	width: 50px;
}

.servicos_td_text{
    font-size: 12px;
    text-indent: 10px;
}

.reser_texto2, .reser_texto3{
	font-weight: bold;
	font-size: 12px;
	color: #605F60;
	padding-bottom: 10px;
    padding-right: 3px;
}
.input_cp input  , .input_env_prom input {
	width: 70px;
}

.receber_promo {
	font-size: 9px;
}

.condissoes_reserva {
	font-size: 10px;
}

.confirmar{
	float: right;
	margin: 20px 0 10px;
}

.campos_obrigatorios{
	font-weight: bold;
}

.selectReservas {
	position:absolute;
	width:30px;
	height:15px;
	color: #58595B;
	font-size: 10px;
	background: url("/protected/components/booking/img/sprite_vg.png") no-repeat scroll -120px -148px transparent;
	overflow:hidden;
	text-transform:uppercase;
	padding:2px 10px 0 5px;
}

option .styledReservas {
	text-transform:uppercase;
}

.styledReservas {
	font-size: 10px;
	color:#58595B;
	height: 14px;
	margin: 0;
	padding: 0;
	border:0;
	left: 0;
}

.tituloServicos{
	font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
}

.title-step3-group {
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.logo-gif, .link-login {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.link-login{
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.45);
	float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 0 15px 5px;
    padding: 10px;
    width: 87%;
    max-width: 500px;
    font-size: 13px;	
    background-color: #FFFFFF;
}

.link-login > form, .link-login span, .link-login input {
	float:left;
	display:block;
}

.link-login > form {
	width: 100%;
}

.link-login input#logout_user {
	float: right !important;
	margin: 0 0 0 10px;
}

.logo-gif{
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	float: left;
    margin: 0 0 15px 15px;
    padding: 10px;
    width: 13%;
    max-width: 112px;
    background-color: #FFFFFF;
}

.div-moeda{
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	float: left;
    height: 25px;
    margin: 0 0 15px 5px;
    padding: 15px 10px 5px;
    text-align: center;
    width: 112px;
}

#formCancelReservation {
	margin: 20px 30px 70px;
}

#formCancelReservation input {
    float: left;
    width: 100px;
    margin-right: 30px;
}

#formCancelReservation label {
	margin-right: 10px;
	text-transform: uppercase;
	float: left;
	width: 160px;
	padding-top: 8px;
}

.dateCheckInForm {
    background: url("/protected/components/booking/img/sprite_vg.png") no-repeat scroll -62px -135px transparent;
    height: 13px;
    width: 15px;
}

.legenda_reserva {
    color: #231F20;
    font-size: 11px;
    padding-top: 2px;
    text-transform: uppercase;
    font-family: 'Cabin',Verdana,Arial,sans-serif;
}

.formMessageCancelReservation{
	margin: 15px 0 15px 15px;
	-moz-box-shadow: 2px 3px 8px grey;
	-webkit-box-shadow: 2px 3px 8px grey;
	box-shadow: 2px 3px 8px grey;
	padding: 10px;
    width: 745px;
    font-size: 14px;
}

.messageError{
	color: #CD0000;
}

.messageSucess{
	color: #008B00;
}

#reservas_content .combobox-moeda {
    background-color: #58595B;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px;
    height: 16px;
    width: 80px;
}

#reservas_content .roomImg{
	border: 5px solid #FFFFFF;
    margin-left: 8px;
    width: 100px;
    margin-bottom: 8px;
    float: left;
}

#reservas_content .inforRoom {
	display: none;
}

#reservas_content .inforRoom td {
	border-bottom: 1px solid #C4C4C4;
	padding-bottom: 10px;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #58595B;
	text-align: left;
}

#reservas_content .linkClose{
	color: #FFFFFF;
	padding-right: 5px;
	cursor: pointer;
}

#reservas_content .inforText{
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: left;
}

#reservas_content .inforText p{
	padding: 0px;
	margin: 0px;
}

#reservas_content .inforRoom ul li {
    list-style-type: none;
}

.logout-reservas{
	background-color: #FFFFFF;
	font-family: 'Cabin',Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: lighter;
    cursor: pointer;
    margin: 0px 0 9px 0 !important;
	width: 80px;
}

#close-button {
    color: #534741;
    cursor: pointer;
    font-size: 23px;
    font-weight: 700;
    padding: 3px 10px 10px;
}

#slider img {
    height: 409px;
    width: 810px;
}

.chrome #menu_links_1 li h2 a {
	color: #fff;
	float: left;
	font-size: 10px;
	height: 23px;
	padding: 55px 3px 0;
	text-decoration: none;
}

.ie #menu_links_1 li h2 a {
	color: #fff;
	float: left;
	font-size: 10px;
	height: 23px;
	padding: 55px 3px 0;
	text-decoration: none;
}

#reservas_content .validar-vale {
	float: left;
    height: 30px;
    margin-top: 0;
    padding: 9px 5px;
    width: 90px;
}

#reservas_content .validar-vale img {
	margin-left: 7px;
}

#div-room-voucher select {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #343E42;
    font-size: 11px;
    height: 19px;
}

/* Mobile */
ol.reservation-mobile-menu {
	width: 277px;
	height: 50px;
	margin: 22px auto 10px auto;	
	float:right;
	position: relative;
	clear: both;
	z-index: 10;
}

ol.reservation-mobile-menu li{
	border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 50px;
    height: 50px;
    background: none;
    border: 3px solid #B2B2B2;
    color: #B2B2B2;
    display: inline-block; 
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-right: 15px;       
}

ol.reservation-mobile-menu li.activo, ol.reservation-mobile-menu li:hover {
	color: #378DAC;
	border: 3px solid #378DAC;
}

ol.reservation-mobile-menu li.separador {
	background: none;
}

ol.reservation-mobile-menu li a {
	display: block;
	width: 44px;
    height: 44px;
}

ol.reservation-mobile-menu li a:link, 
ol.reservation-mobile-menu li a:hover {
	color: #378DAC;
}

#reservas_content .from-price-content {
	display: block;
	position: absolute;	
	bottom: 6px;
	color: #378DAC;
}

#reservas_content .from-price-content .from-text {
	font-size: 14px;
	font-weight: bold;
}

#reservas_content .from-price-content .from-price {
	font-size: 18px;
	font-weight: bold;
}

#reservas_content .stars-content {
	display: block;
	float:left;
	clear: both;
}

#reservas_content .stars-content .star{
	display:inline-block;
    float:left;
    width: 9px;
    height: 9px;
    background: url('/img/star.jpg');
}

.reservation-resume {
	background: #DBE5EC;
	color: #58595B;	
	padding: 2%;
	display: block;
	float:left;
	width: 100%;
	margin-top: -14px;
	margin-bottom: 13px;
}

.reservation-resume h3 {
	font-size: 15px;
	margin-bottom: 10px !important;
	font-weight: bold !important;
	display: block;
	float:left;
}

.reservation-resume .resume-hotel-name {
	font-size: 12px;
	font-weight: bold;
	display: block;
	float:left;
	clear: both;
	margin-bottom: 5px;
}

.reservation-resume .label-check-in-text, .reservation-resume .label-check-out-text, .reservation-resume .label-tariff-text, .reservation-resume .label-room-text, .label-regime {
	font-size: 12px;
	font-weight: bold;
	display: block;
	float:left;
	clear: both;
	margin-bottom: 2px;
}

.reservation-resume .label-tariff-text, .reservation-resume .resume-tariff {
	margin-top: 5px;
}


.reservation-resume .resume-check-in, .reservation-resume .resume-check-out, .reservation-resume .resume-tariff, .reservation-resume .resume-room, .resume-regime  {
	font-size: 12px;	
	display: block;
	float:left;
	margin-bottom: 2px;
	margin-left: 5px;
}

.reservation-resume .label-check-in-text:after,
.reservation-resume .label-check-out-text:after,
.reservation-resume .label-tariff-text:after,
.reservation-resume .label-room-text:after,
.reservation-resume .label-regime:after
 {
	content: ": ";
}

.reservation-resume .change-data {
	clear: both;
	float:right;
	color: #FFF;
	background: #97A0A5;
	padding: 7px 10px;
	margin-top: -25px;
}

#tarifas-mobile {
	float:left;
	display: block;
	width: 100%;
}

#tarifas-mobile li {
	list-style: none
}

#tarifas-mobile > li {
	float: left;
	width: 100%;
	background: #DBE5EC;
	border-bottom: 3px solid #999;		
}

.tarifas-mobile-item-wrapper {
	float:left;
	padding: 2%;
	width: 100%;
}

#tarifas-mobile li span {
	display: block;
}

#tarifas-mobile li span.tarifa-name {
	color: #58595B;
	font-weight: bold;
	font-size: 17px;
	float:left;	
}

#tarifas-mobile li span.tarifa-rooms {
	float: right;
}

#tarifas-mobile li span.tarifa-rooms select {
	width: 40px
}

#tarifas-mobile li span.tarifa-ocupation {
	float:left;
	clear: both;
	font-size: 13px;
	font-weight: 400;
}

#tarifas-mobile li span.tarifa-mobile-price {
	float:right;
	color: #378DAC;
	font-size: 18px;
	font-weight: bold;
}

#tarifas-mobile li span.tarifa-type-label {
	float:left;
	background: #378DAC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 10px;
	color: #FFF;
	line-height: 15px;
	margin-left: 10px;
}

#div-conditions-mobile-wrapper {
	background-color: #C0C4C7 !important;
    float: left;
    height: 2px;
    color: #C0C4C7;
    width: 100%;
    margin-bottom: -1px !important;
}

#hotel-conditions-mobile-wrapper {
	background-color: #C0C4C7;
    border-bottom: 1px solid #808080;
    border-top: 2px solid #808080;
    float: left;
    padding: 2%;
    width: 100%;
}

#tariff-conditions-mobile-wrapper {
	background-color: #C0C4C7;
    border-top: 1px solid #808080;
    border-bottom: 2px solid #808080;
    float: left;
    padding: 2%;
    width: 100%;
    margin-top: 1px;
}

.tariff-conditions-info {
	background: url("/img/info_reservations_mobile.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 17px;
    width: 17px;
    margin-right: 5px;
    margin-top: -4px;
}

.description-hotel-conditions, .description-tariff-conditions {
	display: none;
	float: left;
    list-style: none outside none;
    margin-bottom: 0px !important;
    margin-left: -6px !important;
    margin-top: 5px;
    padding-left: 6px;
    width: 100%;
}

.mobile-reservation-content {
	width: 100%;
	float:left;
}

.mobile-reservation-content .step2-next .botao-back span {
	float: right !important;
} 


.botao.botao-back {
    width: 92px;
    visibility: hidden;
}

.mobile-reservation-content .hidden-field {
	display: none;
}

.mobile-reservation-content .title-step-3 {
	float: left;
}

.mobile-reservation-content .final-obs {
	margin-top: 5px;
}

.mobile-reservation-content .step2-next .botao {
	float:right;
	display: block;
	margin: 10px 0 10px 10px;
} 

.mobile-reservation-content  h1 {
	float: left;
	margin-top: 9px !important;
	margin-left: 5px !important;
	font-size: 18px !important;
	color: grey;
}

.mobile-reservation-content  #sub-title-form {
	visibility: hidden;
}

.mobile-reservation-content .div-form-reservation {
	width: 100%;
	float: left;
	display: none;
}


#tarifas-mobile ul.description {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 100%;
	background: #bab8b8;
	color: #58595B;
	display: none;
}

#tarifas-mobile ul.description li {
	padding: 1% 2%;
}

.tarifa-rooms-info {
	background: url('/img/info_reservations_mobile.png');
	width: 17px;
	height: 17px;
	display: block;
	float:left;
	margin-left: 10px;
	margin-top: 5px;
}

.step3-details-block {
	background-color: #DBE5EC;
    float: left;
    margin-bottom: 6px;
    margin-top: 5px;
    min-height: 80px;
    width: 100%;
}

.step3-details-block-header {
	border-bottom: 2px solid #808080;
    font-size: 16px;
    margin-bottom: 15px;
    margin-left: 2%;
    margin-top: 5px;
    padding: 5px;
    width: 95%;
}

.step3-details-block h1 {
	color: red;	
}

.step3-details-block select {
	float: left;
    height: 20px;
    margin-left: 5%;
    width: 35%;
}

.step3-details-block .step3-regime-price {
	float: right;
    margin-right: 3%;
    padding-top: 4px;
}

.step3-details-block #step3-regime-unit-price {
	margin-right: 15px;
    margin-left: 10px;
}

.step3-details-block .step3-services-add {
	margin-bottom: 10px;
    float: left;
    width: 100%;
}

.step3-details-block .step3-services-add select {
	float: left;
    height: 22px;
    margin-left: 5%;
    width: 55%;
}

.step3-details-block .step3-services-add div {
	background: none repeat scroll 0 0 #97A0A5;
    clear: both;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    margin-right: 25px;
    margin-top: -24px;
    padding: 5px 7px;
    width: 90px;
}	

.step3-details-block .step3-services-reservation span.close {
	background: url("/protected/components/booking/img/close-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    margin-top: -3px;
    padding: 11px 12px 8px 15px;
}

.step3-details-block .step3-services-reservation {
	background-color: #C3C4C8;
    float: left;
    margin-bottom: 5px;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 3px;
    padding-top: 8px;
    width: 95%;
}

.step3-details-block .step3-services-reservation #name {
	float: left;
    margin-left: 5px;
    width: 45%;
}

.step3-details-block .step3-services-reservation #number {
	float: left;
    margin-left: 5px;
    margin-top: -4px;
    width: 15%;
    margin-right: 10px;
}

.step3-details-block .step3-services-reservation #unit-service {
	float: right;
    margin-top: 2px;
    width: 75px;
}

.step3-details-block .step3-services-reservation #price {
	float: right;
    margin-right: 6%;
    margin-top: 2px;
}

.step3-details-block .step3-services-add img {
	margin-left: 15px;
}

#list-services > p {
	 padding-left: 2%;
}

.step3-details-block #step3-services-total-price {
   float: left;
    margin-bottom: 5px;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 3px;
    padding-top: 8px;
    width: 92%;
    text-align: right;
}

.step3-details-block #step3-services-total-price .price-label{
	font-weight: bold;
}

.step3-details-block .vouchers-text p {
	font-size: 12px;
	margin-left: 12px;
	margin-top: -10px;
	margin-right: 9px;
}

.step3-details-block .vouchers-text input {
	margin-left: 12px;
	width: 55%;
	float: left;
	height: 20px;
}

.step3-details-block .vouchers-text a {
	clear: both;
	float: right;
	color: #FFF;
	background: #97A0A5;
	padding: 3px 5px;
	margin-top: -33px;
	width: 90px;
	margin-right: 8px;
	font-size: 13px;
}

.step3-details-block .vouchers-text a img {
	margin-left: 25px;
}




#step4-error-msg {
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
	color: #8B0000;
}

.step4 > #title {
	font-size: 16px;
    margin-bottom: 4px;
    margin-top: -13px;
    padding-left: 8px;
    padding-top: 5px;
    background-color: white;
}

.step4-content {
	background-color: #DBE5EC;
    float: left;
    margin-bottom: 6px;
    margin-top: 5px;
    min-height: 80px;
    width: 100%;
}

.step4-content #reservation-details {
	background-color: #DCE5EC;
}

.step4-content #reservation-details .line-info {
	width: 45%;
	float:left;
}

.step4-content #reservation-details .hotel-name {
	float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
    width: 100%;
}

.step4-content #reservation-details img {
	float: left;
    width: 45%;
    margin-top: 0px;
    margin-right: 8px;
    margin-left: 8px;
}

.step4-content #reservation-details .label-check-in, 
.step4-content #reservation-details .label-check-out, 
.step4-content #reservation-details .label-nights, 
.step4-content #reservation-details .label-voucher {
    float: left;
    margin-right: 5px;
    font-weight: bold;
}

.step4-content #reservation-details .label-check-in:after, 
.step4-content #reservation-details .label-check-out:after, 
.step4-content #reservation-details .label-nights:after, 
.step4-content #reservation-details .label-voucher:after {
	content: ": ";
}

.step4-content #reservation-details .text-check-in, 
.step4-content #reservation-details .text-check-out, 
.step4-content #reservation-details .text-nights,
.step4-content #reservation-details .text-voucher {
    float: left;
}

.step4-content .reservation-rooms, 
.step4-content .reservation-regimes, 
.step4-content .reservation-services {
	width: 100%;
	float: left;
}

.step4-content .reservation-rooms > p,
.step4-content .reservation-regimes > p, 
.step4-content .reservation-services > p {
    background-color: #C2CACD;
    float: left;
    font-weight: normal;
    margin-top: 5px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-top: 5px;
    width: 100%;
}

.step4-content .reservation-rooms .even, 
.step4-content .reservation-regimes .even,
.step4-content .reservation-services .even {
	float: left;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-top: 0;
    width: 100%;
}
 

.step4-content .reservation-rooms .odd,
.step4-content .reservation-regimes .odd,
.step4-content .reservation-services .odd {
	float: left;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-top: 8px;
    width: 100%;
}

.step4-content .reservation-rooms .price, 
.step4-content .reservation-regimes .price,
.step4-content .reservation-services .price {
    float: right;
    margin-right: 10px;
}

.step4-content .reservation-rooms .even, 
.step4-content .reservation-regimes .even,
.step4-content .reservation-services .even {	
	background-color: #DCE5EC;
}

.step4-content .reservation-rooms .odd, 
.step4-content .reservation-regimes .odd,
.step4-content .reservation-services .odd {	
	background-color: #EAEFF5;
}

.step4-content .reservation-regimes {
	margin-top: -5px;
}

.step4 .reservation-total {
	 background-color: #DCE5EC;
    float: left;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 5px;
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 600px) {
	.orbit-container {
		display: none;
	}

	.link-login{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.45);
		-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.45);
		box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.45);
		float: left;
	    height: 25px;
	    line-height: 14px;
	    margin: -4% 0% 0% 0%;
		padding: 12px;
	    width: 93.6%;	   
	    font-size: 12px;	
	    background-color: #FFFFFF;
	    text-align: center
	}

	footer i.bottom-logo {
		background: url('../img/mobile-bottom-mobile-logo.png') repeat-x;
		width: 180px;
		height: 120px;
		position: absolute;
		top: -84px;
		right: 5px;
	}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 620px) {
	.orbit-container {
		display: none;		
	}

	#dados {
		display: none !important;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	.orbit-container {
		display: none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.orbit-container {
		display: none;
	}
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
}