﻿body { margin:0; padding:0; }

/********************* CORPO ******************/
#page{width:900px; *width:100%; height:100%; margin:0 auto;}
/********************* FIM CORPO ******************/

/********************* CABEÇALHO ******************/
#cabecalho{width:1004px; *width:100%; height:260px;  text-align:center; }
#cabecalhoobrigado{width:1004px; *width:100%; height:100px; text-align:center; }
#cont_cabecalho{width:900px; height:90px;  text-align:left; padding-top:10px;}
#carrinho{width:1004px; height:150px;  padding-top:0px; text-align:center; margin:0 auto; }
#cont_carrinho{ width:900px; height:120px; text-align:right; padding-left:25px; *margin-left:0px; }
#quatro_passos{ text-align:left; width:900px; height:45px; }
#estamos_caminho{ text-align:left; height:70px; width:100%; float:left;}
#estamos_caminho_frase_um{ width:455px; float:left; height:27px; margin-top:12px; }
#estamos_caminho_frase_dois{ width:455px; float:left; height:20px; margin-top:2px; padding-left:2px;}
#minha_reserva{ text-align:left; height:53px; width:200px; padding-top:10px; float:left; }
#minha_reserva_datas{ text-align:left; height:53px; width:200px; padding-top:15px; float:left; }
#minha_reserva_informacoes{ text-align:left; height:53px; width:340px; padding-top:15px; float:left; }
.info_navegacao{width:900px; height:26px;  padding-top:6px; margin-left:25px; border-bottom:solid 1px #43515A; }
.info_navegacao .numero_opcoes{ float:left; width:387px; height:26px; text-align:left;}
.info_navegacao .nao_era_isso{ float:left; width:356px; height:26px;}
#img_logo_cabecalho{margin-top:50px;}


#cont_cabecalho li{list-style:none;}

.logo{position:relative; float:left; width:153px; height:64px; background:url(http://www.plazainn.com.br/_img/logo.gif) no-repeat; text-decoration:none; margin-top:10px;}

#LinksCabecalho{ position:relative; float:left; width:740px; height:100px; color:#43515A; font-size:15px;}

.nav_top a{color:#43515A; font-size:15px; font-weight:normal; text-decoration:none; padding-left:20px;}
.nav_top a:hover {color:#A4CACF; text-decoration:underline;}
.nav_top a.atv {color:#A4CACF; text-decoration:underline;}

.nav a{color:#43515A; font-size:19px; font-weight:normal; letter-spacing:-1px; text-decoration:none; padding-left:20px;}
.nav a:hover{color:#91B9AF; text-decoration:none;}
.nav .atv{color:#91B9AF; text-decoration:none;}


/********************* FIM CABEÇALHO ******************/

/********************* LISTA DE HOTEIS ******************/
#lista_hotel{ width:900px; text-align:center; margin-top:15px; margin-left:auto; margin-right:auto;}
/*linha a linha*/
#lista_hotel .opcao_hotel{position:relative; width:900px;text-align:left; margin-bottom:30px; display:table; border-bottom:solid 1px #000; padding-bottom:15px;}
#lista_hotel .foto_hotel{position:relative; width:163px; height: 210px; padding-left:8px; padding-top:0px;  float:left;  }
.imagemhotel{border:solid 4px #B5AD86;}
#lista_hotel .info_hotel{position:relative; width:700px; float:left; padding-top:0px;}
.nome_hotel{position:relative; float:left; width:700px;}
.hotel_cidade{ padding-top:8px;}
.hotel_endereco{width:431px;}
.hotel_descricao{width:580px; padding-top:5px;}
#lista_hotel .amenidades_hotel{position:relative; width:150px; height:142px; float:left;	}
#lista_hotel .quartos {position:relative; width:725px;  float:left;  }
.quartos .header_quartos { width:725px; height:44px;  }	
.quartos .header_quarto_descricao{ position:relative; float:left;  width:504px; height:29px;  padding-top:15px; padding-left:11px;}
.quartos .header_quarto_Periodo{width:125px; height:35px; position:relative; float:left; text-align:center; padding-top:8px;}
.quartos .header_quarto_botao{width:82px; height:44px; position:relative; float:left;}
.quartos .linha_quartos { width:725px; height:33px;  }	
.quartos .quarto_descricao{ position:relative; width:500px; height:26px; float:left; margin-right:3px; padding-top:3px; padding-left:11px;}
.quartos .quarto_Periodo{ position:relative; width:125px; height:26px; float:left; text-align:center;  padding-top:3px;  margin-right:3px;}
.quartos .quarto_botao{ position:relative; float:left; width:82px; height:26px; padding-top:0px; padding-left:0px; cursor:pointer; }
/********************* FIM LISTA DE HOTEIS ******************/

/********************* FORMULARIO PASSO 2 ******************/
#layer_passo_2{display:none; position:fixed;left:35%;width:415px;top:30%;z-index:2; text-align:left; }
.FormPasso2{width:390px;height:303px;float:left; padding-top:25px; padding-left:25px;}
.fecha_layer_passo_2{width:60px;height:20px; text-align:center; float:right; padding-top:2px;}
.FormPasso2 .login{width:367px; height:162px; border-bottom:solid 1px #999;}
.FormPasso2 .login .nome_campo{position:relative; float:left; padding-top:10px; width:50px;}
.FormPasso2 .login .text{ margin-top:10px;}
.FormPasso2 .login .image{ margin-top:10px;}
.FormPasso2 .cadastre_se{width:367px; height:116px;}
.FormPasso2 .cadastre_se .nome_campo{position:relative; float:left; padding-top:10px; width:50px; height:12px;}
.FormPasso2 .cadastre_se .text{ margin-top:10px;}
.FormPasso2 .cadastre_se .image{ margin-top:10px;}
/********************* FIM FORMULARIO PASSO 2 ******************/

/********************* FORMULARIO PASSO 3 ******************/
#Formulario_Cadastro{ width:1004px; *width:100%; height:100%; margin-top:15px; text-align:center;  }
#Container_Formulario{ position:relative; width:775px; height:435px; float:left;  *float:none;  margin-left:123px; *margin-left:0px; text-align:left; margin-bottom:20px; }
#Titulo_Primeira_Reserva{ width:667px; height:24px; margin-top:5px; margin-left:23px; } 
#TituloSeparaCampos{ height:30px; } 
#Container_Campos{ padding-left:23px;}
#Container_Campos .TituloSeparaCampos{ width:667px; height:20px; float:left; padding-top:15px;}
#Container_Campos .Campos{ padding-right:10px; float:left; padding-bottom:5px; }
#Container_Campos .txtCampos{ width:211px; height:15px; }
#Container_Campos .txtCamposSmall{ width:110px; height:15px; }
#Container_Campos .botao{ padding-left:0px; padding-right:0px; border:solid 2px #000;  height:30px;}
#erroForm{width:667px;  margin-left:23px;}
#concluido{width:667px;  margin-left:23px;}
/********************* FIM FORMULARIO PASSO 3 ******************/

/********************* FORMULARIO PASSO 4 ******************/
#PagamentoPage{ width:900px; height:100%; padding-top:3px; text-align:center; margin-left:auto; margin-right:auto  }
#DadosDoHospede{ width:900px; height:70px; float:left; text-align:left; margin-left:25px; }
#DadosDoHospede .Titulo{padding-bottom:10px;}
#DadosDoHotel{height:100%; padding-top:3px; text-align:center; width:900px; *margin-top:0px; float:left}
#DadosDoHotel .opcao_hotel{ position:relative; width:900px; float:left;  *float:none; text-align:left; margin-bottom:20px; display:table;}
#DadosDoHotel .foto_hotel{position:relative; width:163px; height:220px; padding-left:8px; padding-top:8px;  float:left;  padding-left:25px}
#DadosDoHotel .info_hotel{position:relative; width:431px; height:62px; float:left; padding-top:8px;}
#DadosDoHotel .box {position:relative; width:700px; height:142px;  float:left; padding-left:8px;  margin-bottom:25px;}
#DadosDoHotel .datas{ position:relative; float:left; width:207px; height:80px; padding-top:5px; }
#DadosDoHotel .informacoesAdicionais{ position:relative; float:left; width:170px; height:80px; padding-top:5px;}
#DadosDoHotel .Acomodacao{ position:relative; float:left; width:400px; height:60px;}
#DadosDoHotel .valor{ position:relative; float:right; width:146px; height:137px;  padding-top:5px; text-align:center;}
#DadosDoHotel .desconto{ position:relative; float:right; }
#DadosDoHotel .opcao_hotel .Tarifario{ position:relative; float: left; width:900px; }
.Tarifario .Titulo{padding-bottom:10px; margin-left:25px;}
.Tarifario .Tabela{ margin-bottom:50px; margin-left:25px; width:300px; position:relative; float: left; }
.Tarifario .Tabela .Titulo{margin-left:0px;}
.Tabela .Tarifa_Linha{ position:relative; float:left; width:290px; height:27px; border-bottom:solid 3px #FFF;  }
.Tabela .Tarifa_descricao{ position:relative; float:left; width:140px; height:27px; border-right:solid 3px #FFF; padding-right:42px;  text-align:left; padding-left:7px; }
.Tabela .Tarifa_Valor{ position:relative; float:left; width:100%; height:27px; }
.Tabela .Tarifa_CelulaValor{ position:relative; float:left; width:73px; height:27px; text-align:left; padding-left:7px; }
.Tabela .Tarifa_UltimaLinha{ position:relative; float:left; width:290px; height:27px; }
.Tabela .Tarifa_ValorFinal{ position:relative; float:left; width:100%; height:27px; }
.Tabela .Tarifa_CelulaValorFinal{ position:relative; float:left; width:73px; height:27px; text-align:left; padding-left:7px; }
#politicas{ position:relative; float:left;  width:570px; height:170px; *height:180px; padding-top:22px; *padding-top:0px;}
.Tarifario #txtPoliticas{float:left; margin-left:25px;  width:540px; height:119px;  }
.Tarifario #opt_Contrato{margin-left:25px; }

#DadosCartao{position:relative; width:900px; height:155px; float:left; *margin-left:0px; text-align:left; margin-bottom:00px; padding-bottom:12px; margin-top:-35px;  padding-top:15px;}
#Container_Campos_Cartao{ position:relative; float:left; width:670px; height:120px; padding-top:20px;  }
#Container_Campos_Cartao .Campos{ padding-right:10px; float:left; padding-bottom:5px; padding-top:5px; }
#Container_Campos_Cartao .txtCampos{ width:178px; height:15px; }
.txtHospede{width:221px; height:15px;}
#Container_Campos_Cartao .cmbCampos{ width:178px; height:20px; }
#Container_Campos_Cartao .txtCamposSmall{ width:40px; height:15px; }
#Container_Campos_Cartao .botao{ padding-left:5px; padding-right:5px; border:solid 1px #000; }
#img_ambienteSeguro{position: relative; float:left; margin-top:-40px;}
.box_branco_pagamento{ height:150px; 	 width:775px; margin-left:auto; margin-right:auto; padding-bottom:15px; padding-top:15px;}
.boxBranco{width:900px; padding-top:8px; padding-bottom:8px; margin-top:15px; float:left;}

#infoAdicional{ text-align:left; width:900px; height:130px; margin-top:15px; padding-top:15px; padding-left:25px;}
.txt_Obs{position:relative; float:left;  width:400px; height:80px;}

#FinalizaReserva{position:relative; float:left;  *float:none; text-align:left; width:900px; height:120px; padding-left:25px;}
.btn_Reservar{padding-top:15px; }
/********************* FIM FORMULARIO PASSO 4 ******************/

/********************* PAGINA DE OBRIGADO ******************/
#ObrigadoPage{ width:1004px; *width:100%; height:100%; padding-top:0px; text-align:center;  }
#DadosFinais{ position:relative; width:900px; height:100%; text-align:left; margin-bottom:20px; padding-top:15px; padding-left:25px;}
/********************* FIM PAGINA DE OBRIGADO ******************/





/*********************  Topo Meu Login ******************/
#Topo{ width:1004px; *width:100%; height:180px; text-align:center; margin-bottom:10px; }
#cont_Topo{ width:900px; height:100px; text-align:left; }

#meulogin_Titulo{ width:1004px; height:100px;  text-align:center; margin:0 auto; }
#cont_meulogin_Titulo{ width:900px; height:100px; text-align:left; padding-left:25px; *margin-left:0px; }
#Box_TopoMeuLogin{ text-align:left; height:65px; width:100%; float:left; }
#Box_TopoMeuLogin_frase_um{ width:100%; float:left; height:27px; margin-top:12px; }
#Box_TopoMeuLogin_frase_dois{ width:100%; float:left; height:20px; margin-top:2px; padding-left:2px; }

/********************* FIM  Topo Meu Login ******************/

/********************* PAGINA DE MEU LOGIN ******************/
#MeuLoginPage{ width:900px; height:150px; padding-top:3px; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:15px; }
#arealogin{ width:350px; float:left; text-align:left; padding-left:25px; padding-top:25px; }
#MeuLoginPage .Titulo{ padding-bottom:10px; }
#MeuLoginPage .label{ }
#MeuLoginPage .botao{ padding-top:2px; }
#MeuLoginPage .txt{ width:150px; }
#areaSenha{ position:relative; float:left;  width:350px; float:left; text-align:left; padding-left:25px; padding-top:25px; }
/********************* FIM PAGINA DE MEU LOGIN ******************/

/********************* PAGINA DE MINHAS RESERVAS ******************/
#MinhasReservasPage{ width:900px;  padding-top:3px; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-bottom:30px;}
#areaReservasNovas{ width:900px; float:left; text-align:left; padding-left:25px; padding-top:25px; }
#MinhasReservasPage .Titulo{ padding-bottom:10px; }
#MinhasReservasPage .label{ }
#MinhasReservasPage .botao{ padding-top:2px; }
#MinhasReservasPage .txt{ width:150px; }
#areaReservasAntigas{ position:relative; float:left;  width:775px; float:left; text-align:left; padding-left:25px; padding-top:25px; }
/********************* FIM PAGINA DE MINHAS RESERVAS ******************/


/********************* PAGINA DE CANCELAMENTO ******************/
#CancelaPage{ width:1004px; *width:100%; height:100%; padding-top:0px; text-align:center;  }
#CancelaPage #DadosFinais{ position:relative; width:900px; height:100%; text-align:left; margin-bottom:20px; padding-top:15px; padding-left:25px;}
/********************* FIM PAGINA DE CANCELAMENTO ******************/

/********************* RODAPE ******************/
#rodape-tudo{ width:100%; height:100px; margin-left:auto; margin-right:auto; text-align:center;}
#rodape{ width:100%; height:100px; *margin-left:0px; margin-top:0px; }
#copyright{ width:765px; height:36px; text-align:left; position:relative; float:left; padding-left:10px; }
#texto-rodape{ padding-top:10px; width:765px; text-align:center; float:left }
#cont_rodape{  width:900px; text-align:left; }


/********************* FIM RODAPE ******************/

