@charset "utf-8";
/* -----------------------------------------------------
 * Autor:	 Ciebit
 * Criado:	 31/01/2015
 * Alterado: 31/01/2015
*/

/* -----------------------------------------------------
 * Geral
*/
html { height: 100%; }
body { min-height: 100%; }
html, body
{
	width:  100%;
	border: none;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	background:   #FFFFFF;
}
.centralizador
{
	max-width: 1000px;
	padding:   0 5%;
	margin:    0 auto;
}
.quebra
{
    clear:  both;
    border: 0;
    margin: 0;
}

.geral
{
	padding-bottom:      50px;
	background-repeat:   no-repeat;
	background-position: center 165px;
	background-size:     cover;
}
#reserva_online
{
	background-color: #382E2E;
	background-image: url('/reserva-online/imagens/fundo_comp.jpg');
}
#contato
{
	background-color: #DACCC6;
	background-image: url('/contato/imagens/fundo_comp.jpg');
}

/* Telas Menores que: */
@media all and (min-width: 39px) {
	#reserva_online { background-image: url('/reserva-online/imagens/fundo_p.jpg'); }
	#contato        { background-image: url('/contato/imagens/fundo_p.jpg'); }
}
/* Telas Maiores que: */
@media all and (min-width: 400px) {
	#reserva_online { background-image: url('/reserva-online/imagens/fundo_g.jpg'); }
	#contato        { background-image: url('/contato/imagens/fundo_g.jpg'); }
}

/* -----------------------------------------------------
 * Cabeçalho
*/
.cabecalho
{
	position:   relative;
	padding:    0 0 63px 0;
	background: #FFFFFF;
}
.cabecalho .centralizador { position: relative; }
.cab-marca
{
	display: block;
	margin:  20px auto 30px auto;
	border:  none;
}
.cab-bt_voltar a
{
	text-decoration: none;
	font-size:       1.5em;
	color:           #1f2041;
}
.cab-bt_voltar a:before
{
	content: ' ';
	display: inline-block;
	width:   35px;
	height:  35px;
	border:  solid 2px #1f2041;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		-ms-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
	margin-right:   10px;
	vertical-align: middle;
	background: url('/geral/imagens/bt_voltar.png') no-repeat -1px 0;
}
/* Telas Menores que: */
@media all and (max-width: 500px) {
	.cab-bt_voltar
	{
		display:  block;
		width:    40px;
		height:   40px;
		margin:   0 auto 20px auto;
		overflow: hidden;
	}
}
/* Telas Menores que: */
@media all and (min-width: 501px) {
	.cab-bt_voltar
	{
		position: absolute;
		top:      65px;
		left:     0;
		margin:   0;
	}
}

/* -----------------------------------------------------
 * Janela de Opções de Reserva
*/
.area-reserva,
.area-contato
{
	position:   relative;
	width:      100%;
	max-width:  675px;
	padding:    0 0 25px 0;
	border:     solid 1px #999999;
	margin:     -50px auto 0 auto;
	background: #FFFFFF;
	box-sizing: border-box;
}
/* Telas Menores que: */
@media all and (max-width: 500px) {
	.area-reserva { margin-top: 30px;}
}
.area-res-cabecalho { background: #1f2041; }
.area-res-cab-titulo
{
	display:     inline-block;
	margin:      20px 25px;
	font-weight: normal;
	font-size:   2em;
	color:       #FFFFFF;
}
/* Telas Menores que: */
@media all and (max-width: 400px) {
	.area-res-cab-titulo { font-size: 1.5em; }
}
.area-res-sobre { padding: 0 25px; }
.area-res-sob-titulo
{
	margin:      30px 0 10px 0;
	font-weight: normal;
	font-size:   1.2em;
	color:       #1f2041;
}
.area-res-sob-sub_titulo
{
	margin:      30px 0 3px 0;
	font-weight: normal;
	color:       #999999;
}
.area-res-sob-lista
{
	padding:    0;
	margin:     0;
	list-style: none;
}
.area-res-sob-lis-botao
{
	cursor:          pointer;
	display:         block;
	width:           93.6%;
	padding:         5px 3.20%;
	border:          none;
	border-bottom:   solid 2px #0d0e20;
	margin:          0 0 5px 0;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;

	text-align:      left;
	text-decoration: none;
	font-size:   1em;
	font-family: 'Raleway', sans-serif;
	color:         #FFFFFF;
	background:    #1f2041;
	background:    -webkit-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:       -moz-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:        -ms-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:         -o-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:      linear-gradient(to bottom, #51527c 0%, #1f2041 100%);
}
/* Telas Menores que: */
@media all and (min-width: 301px) {
	.area-res-sob-lis-botao
	{
		font-size:     1.5em;
	}
}


/* -----------------------------------------------------
 * Área de Reservas
*/

/* Telas Menores que: */
@media all and (min-width: 501px) {

}
.area-res-sob-apartamento,
.area-res-sob-preco
{
	margin: 0 0 10px 0;
	color:  #1f2041;
}
/*.area-res-sob-pessoas { width: 100%; }*/

/* Telas Menores que: */
@media all and (min-width: 501px) {
	.area-res-sob-apartamento,
	.area-res-sob-preco
	{
		margin:      0;
		line-height: 50px;
	}
}
.area-res-sob-apartamento { font-size: 1.2em;  }
.area-res-sob-pre-reais   { font-size: 1.8em;  }
.area-res-sob-pre-moedas  { font-size: 1.2em;  }

/* Telas Menores que: */
@media all and (min-width: 501px) {
	.area-res-sob-apartamento { font-size: 1.8em;  }
	.area-res-sob-pre-reais   { font-size: 2.2em;  }
	.area-res-sob-pre-moedas  { font-size: 1.5em;  }
}

.area-res-formulario
{
	padding:    25px;
	border-top: solid 1px #CCCCCC;
	margin:     10px 0 0 0;
}
#contato .area-res-formulario { border-top: none; }

/* -----------------------------------------------------
 * Formulários
*/
.cp-titulo  { color: #999999; }

/* Telas Maiores que: */
@media all and (min-width: 501px) {
	.cp-titulo { font-size: 0.6em; }
}
.cb-form_campo
{
	outline:     none;
	width:       90%;
	max-width:   90%;
	min-width:   90%;
	padding:     10px 5%;
	border:      solid 1px #999999;
	font-family: 'Raleway', sans-serif;
	font-size:   1.2em;
	color:       #1f2041;
    box-sizing: content-box;
}
.cb-form_campo:focus { border-color: #1f2041; }
.cp-margem_inferior
{
  margin-bottom: 10px;
}

/* Telas menores que: */
@media all and (min-width: 550px) {
	.area-res-for-telefone
	{
		float:  left;
		width:  30.5%;
		margin: 0 5% 0 0;
	}
	.area-res-for-email
	{
		float: left;
		width: 64.5%;
	}
}
@media all and (min-width: 500px) {
    .area-res-sob-pro_periodo_ini,
    .area-res-sob-pro_periodo_fim
    {
      float: left;
      width: 47.5%;
    }
    .area-res-sob-pro_periodo_ini
    {
      margin-right: 5%;
    }
}

/* -----------------------------------------------------
 * Mensagens de Contato
*/
p.aviso {
    padding: 15px;
    background-color: #FFDB4B;
}
.cb-alerta
{
	font-size: 0.8em;
	margin:    2px 0;
	color:     #FF0000;
}
.cb-form_campo.cp-erro
{
	border-color: #FF0000;
	color:        #FF0000;
}
.cb-msg
{ margin: 0 0 10px 0; }

.cb-msg span
{
	display:   inline-block;
	vertical-align: super;
}
.cb-msg:before
{
	content:           ' ';
	display:           inline-block;
	vertical-align:    bottom;
	background-repeat: no-repeat;
}
.cb-msg_erro    { color: #FF0000; }
.cb-msg_sucesso { color: #0FBA48; }

/* Telas menores que: */
@media all and (max-width: 415px) {
	.cb-msg span
	{
		max-width: 300px;
		font-size: 1.2em;
	}
	.cb-msg:before
	{
		width:  30px;
		height: 25px;
		margin: 10px;
	}
}
/* Telas maiores que: */
@media all and (min-width: 416px) {
	.cb-msg span
	{
		max-width: 332px;
		font-size: 1.2em;
	}
	.cb-msg:before
	{
		width:  32px;
		height: 25px;
		margin: 10px 15px;
		background-image:    url('/geral/imagens/catalogo.png');
	}
	.cb-msg_erro:before    { background-position: -447px -250px; }
	.cb-msg_sucesso:before { background-position: -504px -250px; }
}

/* -----------------------------------------------------
 * Botões
*/
.bt_geral
{
	cursor:  pointer;
	display: block;
	padding: 10px 15px;
	border:  none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
	margin:      20px auto 0 auto;
	font-family: 'Raleway', sans-serif;
	font-size:   1.1em;
	text-align:  center;
}
.bt_geral:before
{
	content: ' ';
	display: inline-block;
	width:   20px;
	height:  20px;
	margin:  0 5px 0 0;
	vertical-align: middle;
}
.bt_reservar:before,
.bt_mensagem:before
{
	background-image: url('/geral/imagens/catalogo_pequeno.png');
	background-repeat: no-repeat;
}
.bt_mensagem:before          { background-position: -230px -115px; }
.bt_azul.bt_reservar:before  { background-position: -180px -115px; }

.bt_azul
{
	border-bottom: solid 2px #0d0e20;
	color:         #FFFFFF;
	background:    #51527c;
	background:    -webkit-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:       -moz-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:        -ms-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:         -o-linear-gradient(top, #51527c 0%, #1f2041 100%);
	background:      linear-gradient(to bottom, #51527c 0%, #1f2041 100%);
}

/* Telas maiores que: */
@media all and (min-width: 610px) {
	.bt_geral { font-size: 1.5em; }
	.bt_geral:before
	{
		width:   32px;
		height:  32px;
	}
	.bt_reservar:before,
	.bt_mensagem:before
	{
		background-image: url('/geral/imagens/catalogo.png');
		background-repeat: no-repeat;
	}
	.bt_mensagem:before          { background-position: -230px -250px; }
	.bt_azul.bt_reservar:before  { background-position: -120px -250px; }
	.bt_cinza.bt_reservar:before { background-position: -180px -250px; }
}