/*
 About this CSS code
 Media type: Screen
 URL: FFB Contruções
 Author: AGW Internet (http://www.agw.com.br)
 Country: Brazil
 Comments: Portuguese (br)
 Time: Aug 09
*/

/* FONT-FACE */

@font-face {
	font-family: 'Charlemagne Std';
	src: url('font/charlemagnestd_bold.eot');
	src: local('Charlemagne Std'),
	     local('Charlemagne Std'),
	     url('font/charlemagnestd_bold.ttf') format('truetype');
}


/* GERAL */

html { }
body { }
body { font: 11px Tahoma; color: #424241; background: url(../img/bg_body.jpg) top center no-repeat #f8f2e0; }
em { font-style: italic; }
b, strong { font-weight: bold; }
a { text-decoration:none; color: #424241 }
a:hover { text-decoration: underline; }
input,select,textarea,a { outline:none; }

/* SPLASH */

div#splash {
	display:none;
	position: absolute;
	width: 500px;
	height: 709px;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	z-index: 99;
	cursor: pointer;
	
}
div#splash img { cursor: pointer; }

/* LAYOUT */

div#layout {
	position: relative;
	width: 1003px;
	margin: 0 auto;
	padding-bottom: 15px;
}


/* TOPO */

div#topo {
	position: relative;
	width: 1003px;
	height: 500px;
}

/* CENTRO */

div#centro {
	position: relative;
	display: table;
	width: 972px;
	margin: 0 auto;
	margin-top: 20px;
}

div#centro div#respromevent {
	position: relative;
	display: table;
	width: 972px;
}

div#centro div#respromevent div#prereserva {
	position: relative;
	float: left;
	width: 311px;
} div#centro div#respromevent div#prereserva form {
	position: relative;
	width: 311px;
	height: 182px;
	background: url(../img/prereserva_form_bg.png) no-repeat;
	margin-top: 11px;
} div#centro div#respromevent div#prereserva form div {
	position: relative;
	display: table;
	width: 95%;
	left: 18px;
}

div#centro div#respromevent div#prereserva form div.linha1 { top: 45px; }
div#centro div#respromevent div#prereserva form div.linha2 { top: 55px; }
div#centro div#respromevent div#prereserva form div.linha3 { top: 65px; }

div#centro div#respromevent div#prereserva form div label { float: left; color: white; width: 135px; }
div#centro div#respromevent div#prereserva form div label input { width: 100px; margin-top: 4px; float: left; border: 0; height: 16px; }
div#centro div#respromevent div#prereserva form div label.a { margin-right: 5px; }

div#centro div#respromevent div#prereserva form div.linha2 label { width: auto; }
div#centro div#respromevent div#prereserva form div.linha2 label select { width: 100%; margin-top: 4px; }
div#centro div#respromevent div#prereserva form div.linha2 label select.selA { width: 140px; }
div#centro div#respromevent div#prereserva form div.linha2 label select.selB,
div#centro div#respromevent div#prereserva form div.linha2 label select.selC { width: 55px; }

div#centro div#respromevent div#prereserva form div.linha3 button {
	position: relative;
	width: 181px;
	height: 24px;
	margin: 0 auto;
	background: url(../img/prereserva_form_button_bg.png) 0 0;
	border: 0;
	cursor: pointer;
	margin-left: 45px;
} div#centro div#respromevent div#prereserva form div.linha3 button:hover { background-position: 0 24px; }

div#centro div#respromevent div#promocoespacotes {
	position: relative;
	float: left;
	width: 311px;
	margin: 0 17px;
}
div#centro div#respromevent div#promocoespacotes ul {}
div#centro div#respromevent div#promocoespacotes ul li { display: table; width: 100%; padding: 10px 5px; clear: both; }
div#centro div#respromevent div#promocoespacotes ul li.a { border-bottom: dotted 1px #424241; }
div#centro div#respromevent div#promocoespacotes p.img { float: left; border: solid 1px black; margin-right: 10px; }
div#centro div#respromevent div#promocoespacotes p.txt { text-align: left; color: #424241; }
div#centro div#respromevent div#promocoespacotes p.txt img { margin-right: 5px; }


div#centro div#respromevent div#eventos {
	position: relative;
	float: left;
	width: 311px;
}
div#centro div#respromevent div#eventos ul { margin-top: 5px; }
div#centro div#respromevent div#eventos ul li { display: table; width: 100%; padding: 8px 5px; border-bottom: dashed 1px #424241; }
div#centro div#respromevent div#eventos ul li.last { border: 0; }
div#centro div#respromevent div#eventos p.data { display: block; }
div#centro div#respromevent div#eventos p.data span.dia { font-family: "Charlemagne Std", Georgia; color: #003e6c; font-size: 16px; }
div#centro div#respromevent div#eventos p.data span.mes { color: white; font-size: 11px; background: #003e6c; padding: 2px 8px; margin-left: 5px;  }
div#centro div#respromevent div#eventos p.txt { text-align: justify; color: #424241; }

div#centro div#boxes {
	position: relative;
	display: table;
	width: 972px;
	margin-top: 20px;
}
div#centro div#boxes ul {}
div#centro div#boxes ul li { float: left; margin-right: 17px; }
div#centro div#boxes ul li.cadastrese {
	position: relative;
	width: 230px;
	height: 156px;
	background: url(../img/box_cadastrese_bg.jpg) no-repeat;
	margin: 0;
}
div#centro div#boxes ul li.cadastrese input { position: relative; width: 180px; top: 90px; left: 20px; border: 0; padding: 4px; }
div#centro div#boxes ul li.cadastrese button { position: relative; width: 78px; height: 24px; top: 100px; left: 80px; border: 0; cursor: pointer; color: #2a2a2a; text-align: center; background: url(../img/bt_enviar_bg.png) no-repeat 0 0; }
div#centro div#boxes ul li.cadastrese button:hover { background-position: 0 -24px; }

/* BARRA LATERAL */

div#barralateral {
	position: relative;
	width: 315px;
	float: left;
}
div#barralateral div#boxes { width: 315px; }
div#barralateral div#boxes ul {}
div#barralateral div#boxes ul li { width: 154px; height: 104px; float: left; margin: 0; }
div#barralateral div#boxes ul li.marginl { margin-left: 7px; margin-bottom: 7px; }
div#barralateral div#boxes ul li.cadastrese {
	position: relative;
	width: 154px;
	height: 104px;
	background: url(../img/box_mini_cadastrese_bg.jpg) no-repeat;
}
div#barralateral div#boxes ul li.cadastrese input { position: relative; width: 100px; top: 50px; left: 40px; border: 0; padding: 2px; }
div#barralateral div#boxes ul li.cadastrese button { position: relative; width: 78px; height: 24px; top: 55px; left: 55px; border: 0; cursor: pointer; color: #2a2a2a; text-align: center; background: url(../img/bt_enviar_bg.png) no-repeat 0 0; }
div#barralateral div#boxes ul li.cadastrese button:hover { background-position: 0 -24px; }


/* CONTEÚDO */

div#conteudo { position: relative; width: 647px; float: right; }

div#conteudo div#texto {
	display: table;
	width: 647px;
	text-align: justify;
	line-height: 160%;
	margin-top: 10px;
}
div#conteudo div#texto p { margin-bottom: 5px; }
div#conteudo div#texto p img.marcador { margin-right: 6px; }
div#conteudo div#texto.hotel p { float: left; width: 410px; }

div#conteudo div#texto div.texto_col1,
div#conteudo div#texto div.texto_col2 { float: left; width: 49%; }
div#conteudo div#texto div.texto_col2 { float: right; }

div#conteudo div#texto div#imagem { float: right; width: 223px; }
div#conteudo div#texto div#imagem img { border: solid 3px white; }

div#conteudo div#galeria { }
div#conteudo div#galeria ul { list-style: none; position: relative; width: auto; margin-top: 20px; }
div#conteudo div#galeria ul li { width: 151px; display: inline; text-align: center; }
div#conteudo div#galeria ul.centralizar { margin-left: 100px; }

div#conteudo div#texto div#galeria { position: relative; margin-left: 55px; }
div#conteudo div#texto div#galeria a { display: block; float: left; width: 167px; height: 116px; background: url(../img/galeria_moldura.png) no-repeat 0 0; margin: 10px; }
div#conteudo div#texto div#galeria a:hover { background-position: 0 -116px;  }
div#conteudo div#texto div#galeria a img { margin-left: 3px; margin-top: 3px; border: 0; width: 150px; height: 99px; }

div#conteudo div#texto ul.lista { list-style: none; }
div#conteudo div#texto ul.lista li { background: url(../img/marcador.gif) left no-repeat; padding-left: 10px;  }

div#conteudo div#texto.diarias, { }
div#conteudo div#texto.diarias table,
div#conteudo div#texto.conteudo table { position: relative; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding: 10px; }

div#conteudo div#texto.diarias table tr.bg,
div#conteudo div#texto.conteudo table tr.bg { background: url(../img/diarias_table_bg.gif) repeat; }

div#conteudo div#texto.diarias table th,
div#conteudo div#texto.diarias table td,
div#conteudo div#texto.conteudo table th,
div#conteudo div#texto.conteudo table td { text-align: center; padding: 5px; }

div#conteudo div#texto.diarias table th,
div#conteudo div#texto.diarias table td { width: 50%; }

div#conteudo div#texto.conteudo table th,
div#conteudo div#texto.conteudo table td { width: 25%; }

div#conteudo div#texto.diarias table th,
div#conteudo div#texto.conteudo table th { font-family: "Charlemagne Std", Georgia; font-size: 15px; color: #060e40; text-align: center; text-transform: uppercase; }

div#conteudo div#texto.diarias table td,
div#conteudo div#texto.conteudo table td { color: #9e6337; font-weight: bold; }

div#conteudo div#texto.conteudo table tr.subth td { font-weight: bold; text-transform: uppercase; }

div#conteudo div#texto.conteudo table td.bordal { border-left: solid 1px #9e6337; }

/* CONTEÚDO */

div#conteudo div#texto.conteudo h1 { font-size: 23px; font-weight: bold; color: #002b54; margin-top: 10px; }

/* PAGINAÇÃO */

div#conteudo div#texto ul.paginacao { clear: both; text-align: center ; }
div#conteudo div#texto ul.paginacao li { display: inline;}
div#conteudo div#texto ul.paginacao li.paginas { font-weight: bold; text-transform: uppercase; }
div#conteudo div#texto ul.paginacao li a { padding: 2px 5px; margin: 0 5px; color: black; text-decoration: none;  }
div#conteudo div#texto ul.paginacao li a:hover,
div#conteudo div#texto ul.paginacao li.atual { background: #7c97a1; color: white; }
div#conteudo div#texto ul.paginacao li.atual { padding: 2px 5px; margin: 0 5px; }

/* FORMULÁRIO */

div.valida_errors,
div.sucesso {
	display: none;
	position: relative;
	width: 370px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 10px;
	background: #a7bac1;
	border: solid 1px #7c97a1;
} div.valida_errors strong.msg { 
	display: block;
	text-transform: uppercase;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin-bottom: 8px;
	text-align: center;
} div.valida_errors li { background:url(../img/marcador2.gif) no-repeat left; padding-left: 10px;  }

div.sucesso {
	display: block;
	width: 90%;
	text-align: center;
	margin-top: 20px;
}

form#formulario { position: relative;  width: 390px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
form#formulario label { display: block; width: 100%; padding: 10px 0; font-weight: bold }
form#formulario label input,
form#formulario label textarea,
form#formulario label select { float: right; border: solid 1px #7c97a1; padding: 5px; background: 0; width: 60%; font-weight: normal; }
form#formulario label input.half { width: 30%; margin-right: 117px; }
form#formulario label input.datepick { width: 30%; margin-right: 92px; }
form#formulario label select { width: 15%; margin-right: 189px; }
form#formulario label select.motivo { width: 25%; margin-right: 150px; }
form#formulario label select.estado { width: 34%; margin-right: 115px; }
form#formulario label input.apartamento { width: 15%; margin-right: 175px; }
form#formulario label textarea { height: 100px; }
form#formulario div.areaBotao { float: none; clear: both; text-align: right; padding-top: 10px; }
form#formulario div.areaBotao button { width: 78px; height: 24px; border: 0; cursor: pointer; color: #2a2a2a; text-align: center; background: url(../img/bt_enviar_bg.png) no-repeat 0 0; font-weight: bold; font-size: 12px; }
form#formulario div.areaBotao button:hover { background-position: 0 -24px; }

/* RODAPÉ */

div#rodape {
	position: relative;
	width: 972px;
	height: 61px;
	margin: 0 auto;
	background: url(../img/rodape_bg.jpg) repeat-y;
	margin-top: 20px;
}
div#rodape address { position: absolute; top: 12px; left: 10px; color: white; font-size: 11px; }
div#rodape .agw { position: absolute; top: 15px; right: 10px; }

/* LINK VER TODOS */

a.vertodos { color: #003e6c; font-weight: bold; background: url(../img/a_vertodos_bg.gif) left no-repeat; padding-left: 18px; }
a.vertodos:hover { text-decoration: underline }

/* TÓPICO */

.topico {
	font-family: "Charlemagne Std", Georgia;
	color: white;
	font-size: 14px;
	padding-left: 10px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	height: 21px; padding-top: 10px;
}
.tp_azulclaro { background: url(../img/tp_bg_azulclaro.gif); }
.tp_azulescuro { background: url(../img/tp_bg_azulescuro.gif); }
.tp_azulescuro.full { background: url(../img/tp_bg_azulescuro_full.gif); }

/* GERAL CLASSES */

.txtalerta { font-weight: bold; text-align: center; text-transform: uppercase; }

.hide { visibility: hidden }
.txtr { text-align: right; }
.txtl { text-align: left; }
.txtc { text-align: center; }
.txtu { text-transform: uppercase; }
.flol { float: left; }
.flor { float: right; }
.floclear { clear: both; }