/*********************************************************** TAGS */
{padding:			0px;
margin:				0px;
}
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:    	Arial, Helvetica, sans-serif; 
font-size:			13px;
color:				#A4A59F;
background:			#1C4560 url(../../images/bg_body.jpg) center top repeat-x;
text-align:        left;
}
#site{
width:				940px;
height:				auto;
margin:				auto;
padding:            0px;
text-align:			left;
}
/****************************************O PALCO*************************/
#palco{
width:				auto;
height:				auto;
background:			url(../../images/bg_palco.jpg) left top repeat-y;
margin:				0px;
padding:            20px 15px;
}
#palco_home{
width:				auto;
height:				auto;
background:			url(../../images/bg_palco_home.jpg) left top repeat-y;
margin:				0px;
padding:            20px 0;
}
h1,h2,h3,h4,h5,h6 {
  font-weight:400;
}

h1 {
  color:#C5CBDA;
}

h2,h3 {
  color:#949FBA;
}
h3{
font-weight:   bold;
border-bottom: #949FBA solid 2px;}

a {
   color:		  #A4A59F;
  text-decoration:none;
}

a.editar{
color:            #000;
}
img {
  border:none;
}

blockquote {

	background:#004763;
	border-top:8px solid #00394F;
	opacity:			.5;
	padding: 10px;
	margin:  0 0 40px 10px;

}
.clear{
clear:				both;
font-size:			1px;
background:			transparent;
overflow:			hidden;
visibility:			hidden;
}
/*********************************************************** ESTRUTURA */
#header {
  background:   url(../../images/topo_reservas.jpg) no-repeat left top;
  color:        #254360;
  height:       272px;
  margin:       0;
  width:        100%;
}

#page {
  background-color:#fff;
  margin:0 auto;
  width:940px;
  background: url(../../images/bg_palco.jpg) left top repeat-y;
}

#footer {
  background: url(../images/footer.jpg) no-repeat center bottom;
  height:40px;
  width:auto;
}


/*********************************************************** TAGS FORMULARIO */
label {
  border:0 solid red;
  color:#000;
  display:block;
  font-size:12px;
  font-weight:700;
  text-align:left;
  vertical-align:middle;
}

input,form select,.select {
  background-color:#ccc;
  border:1px solid #696F72;
  color:#442;
  height:20px;
  margin-bottom:10px;
  width:250px;
}

input {
  text-align:left;
}

.checkbox {
  background:#000;
  border:none;
  width:30px;
}

fieldset {
  border:       2px solid #333;
  height:       200px;
  padding-top:  20px;
}

fieldset a{
font-weight:    bold;
color:         #949FBA;
}

legend {
  color:#949FBA;
  font-size:16px;
}


/*********************************************************** CLASSES */
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:300px;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:300px;
}

.paginacao {
  color:#000;
  padding-top:20px;
  text-align:center;
}

.paginacao a {
  background-color:#eee;
  border:0 solid #000;
  color:#666;
  margin:2px 5px;
  padding:1px 3px;
  text-align:center;
  text-decoration:none;
}

.paginacao a:hover {
  background:#666;
  color:#f2f2f2;
  font-weight:700;
  text-decoration:none;
}

.paginacao span.atual {
  background:#fff;
  margin:2px;
  padding:1px 3px;
}

.time-picker {
  background-color:#FFF;
  border:1px solid #696F72;
  color:#442;
  height:20px;
  margin-bottom:10px;
  width:250px;
}

.botao {
  border:1px solid #696F72;
  color:#000;
  cursor:pointer;
  font-weight:700;
  height:25px;
  text-align:center;
  width:130px;
}

.ui-tabs-panel {
  background:#004763;
  border-top:8px solid #00394F;
  padding:1em 8px;
  margin-left: 7px;
  color:#FFF;
  opacity:			.4;
}

.ui-tabs-nav a {
  color:#004763;
  font-weight:700;
  line-height:1.2;
  margin:1px 0 0;
  outline:0;
  padding-left:0;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}

.ui-tabs-nav a:hover {
  color:#fff;
}


.ui-tabs-nav .ui-tabs-selected a {
  color:#fff;
  margin-top:0;
  position:relative;
  top:1px;
  z-index:2;
}
.busca input{
width:      210px;
}
/*********************************************************** FORMATACAO */
#header h1 {
  display:none;
}

#footer p {
  float:left;
  margin-left:20px;
  margin-top:10px;
  width:690px;
}

#content {
  margin:0 auto;
  padding:10px 0 20px;
  width:910px;  
}


#content ul.menu {
  border-bottom:1px solid #004968;
  height:auto;
  margin:0 0 15px;
  padding:2px;
  text-align:right;
  width:auto;
}

#content ul.menu li {
  background: transparent url(../images/fundo_menu.png) top center no-repeat;
  color:#666;
  display:inline;
  font:12px "Trebuchet MS", Tahoma;
  height:auto;
  list-style:none;
  padding:2px 25px;
  width:auto;
}

#content ul.menu li a {
  color:#fff;
}

#content ul.menu li:hover {
  background: transparent url(../images/fundo_menu.png) top center no-repeat;
    opacity:			.7;
}

#content ul.menu li img {
  border:none;
  vertical-align:baseline;
}


#login {
  margin:0 auto;
  padding-top:10px;
  width:260px;
}

#login2 {
  margin:0 auto;
  padding-top:10px;
  width:450px;
}

#login .btn_login {
  display:block;
  text-align:center;
}

#caixa_login {
  background-color:transparent;
  float:left;
  height:230px;
  width:300px;
  margin-left:1px;
}
.box_500 {
  background-color:transparent;
  float:left;
  height:500px;
  width:450px;
}

.box_500 fieldset {
  border:2px solid #333;
  height:450px;
  padding-top:  20px;
}


.cadastrar {
  border:1px solid red;
  height:14px;
  padding:0 20px;
  width:60px;
}

.cadastrar a {
  color:#000;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
}

#ato {
  float:right;
  margin-right:20px;
  margin-top:10px;
}

.eventos {
  border:0 solid red;
  float:left;
  height:100px;
  margin-bottom:20px;
  margin-right:10px;
  width:300px;
}

.selecione {
  background:#949FBA;
  height:auto;
  padding:5px;
  text-align:right;
  width:100%;
}

.clear {
  clear:both;
}

.opc {
  background:#949FBA;
  border-bottom:1px solid #2B3242;
  font-weight:700;
  padding:5px;
  width:100%;
}

.opc a {
  color:#333;
}

.add {
  margin-bottom:10px;
  margin-right:40px;
  padding:15px 20px;
}


.cancelar{
background:				url(../images/cancel.png) left top no-repeat;
padding-left:           20px;
height:                 25px;
}
.voltar{
background:				url(../images/voltar.png) left top no-repeat;
padding-left:           20px;
height:                 25px;
}
.cancelar a{
color:                  #FFF; 
}
.admin_cliente{
width:              150px;
text-align:         center;
margin:             10px;
float:              left;
}
/*********************************************************** CADASTRAR */
#fmCadastro #dataNascimento { width: 68px; }
#fmCadastro #sexo { width: 90px; }

/*********************************************************** MEUSDADOS */
#fmMeusDados #dataNascimento { width: 68px; }
#fmMeusDados #sexo { width: 90px; }

/*********************************************************** TARIFARIO */
#fmTarifario #tipoQuarto { width: 120px; }
#fmTarifario #quantidadePessoas { width: 50px; }
#fmTarifario #preco { width: 70px; }
#fmTarifario #dataInicial { width: 70px; }
#fmTarifario #dataFinal { width: 70px; }

/************************************************************** QUARTO */
#fmQuarto #tipoQuarto { width: 120px; }
#fmQuarto #quantidadeQuartos { width: 50px; }

/************************************************* QUARTO INDISPONIVEL */
#fmQuartoIndisponivel #quarto { width: 120px; }
#fmQuartoIndisponivel #quantidade { width: 50px; }
#fmQuartoIndisponivel #dataInicial { width: 70px; }
#fmQuartoIndisponivel #dataFinal { width: 70px; }

/************************************************************** EVENTO */
#fmEvento #dataInicial { width: 70px; }
#fmEvento #dataFinal { width: 70px; }

#linha{
	width:auto;
	height:55px;
	z-index:1;
	position:absolute;
	top:229px;
	left:0;
}

/****************************************O MENU**************************/

ul#menu {
margin-bottom:		0;
padding-left:       0px;
width:				937px;
height:				67px;
background:			url(../../images/bg_menu.jpg) left top repeat-x;
margin-left:        1px;
}
ul#menu li{
list-style:			none;
display:			inline;
color:				#ECEDE9;
font-size:			14px;
position:			relative;
top:				40px;
margin:     		0!important;
padding:			0!important;
}
ul#menu li a{
color:				#ECEDE9;
text-decoration:	none;
/*padding:			44px 14px 11px 14px;*/
padding:			44px 10px 11px 11px;
}
ul#menu li a:hover{
color:				#f1f1f1;
background:			#192F3D;
text-decoration:	none;
}
ul#menu li.primeiro{
padding-left:	    0px!important;
}
ul#menu li.ultimo{
padding-right:	    0px!important;
}
#liReservas a {
text-decoration:	none;
color:				#f1f1f1;
background:			#192F3D;
}


.tel_home{
background:			#000;
width:				300px;
height:             26px;
font-size:			17px;
float:				right;  
color:				#3883B4;
padding-top:        12px;
text-align:         right;
}

.tel_home span{
color:				#A4A59F;		
}
.end_home{
width:				500px;
height:              25px; 
float:left;
}
/****************************************O RODAPE************************/
#env_rodape{
padding:			0px;
margin:				0px;
text-align:			center;
font-size:			13px;
color:				#A4A59F;
background:			url(../../images/bg_rodape.jpg) left center repeat-x;
height:				115px;
}
#rodape{
width:				940px;
height:				auto;
margin:				auto;
padding:            0px;
text-align:			left;
}
ul#menu_rodape{
width:				auto;
height:				auto;
margin-top:			25px;
float:				left;
margin-left:        0;
}
ul#menu_rodape li{
list-style:			none;
display:			inline;
font-size:			13px;
background:			url(../../images/bg_li_rodape.gif) left center no-repeat;
margin:     		0;
padding:			5px 16px 5px 17px;
vertical-align:		middle;
float:				left;
}
ul#menu_rodape li a{
color:				#747474;
}
ul#menu_rodape li.primeiro{
margin-left:        0px!important; 
padding-left:	    0px!important;
background:			none;
}
#ato{
float:				right;
margin-top:			30px;
}
/****************************************O FORMULARIO************************/
/*label{
width:				80px;
height:				auto;
margin:				2px;
float:				left;
text-align:			right;
color:				#A4A59F;
font-weight:        normal;
}
input,select{
width:				auto;
margin:				2px;
height:				20px;
background-color:	#151515;
border:				1px solid #151515;
padding-left:	    3px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
font: 				12px "Trebuchet MS";
color:				#FFF;
}
textarea{
width:				400px;
margin:				2px;
height:				150px;
background-color:	#151515;
border:				1px solid #151515;
padding-left:	    3px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
font: 				12px "Trebuchet MS";
color:				#FFF;
}
.ok{
border:				none;
color:              #FFF;
font-weight:        normal;
width:              auto;
padding:            2px;
}
*/
label{
width:				180px;
height:				20px;
margin:				2px;
float:				left;
text-align:			right;
color:				#A4A59F;
font-weight:        normal;
}
input, select{
width:				          auto;
margin:				          2px;
height:				          20px;
background-color:	          #151515;
border:				          1px solid #151515;
padding-left:	              3px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:   4px;
-moz-border-radius-topright:  4px;
font: 				          12px "Trebuchet MS";
color:				          #FFF;
}
textarea{
width:				320px;
margin:				2px;
height:				120px;
background-color:	#151515;
border:				1px solid #151515;
padding-left:	    3px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
font: 				12px "Trebuchet MS";
color:				#FFF;
}
.ok, #enviar, #cancelar{
border:				none;
color:              #FFF;
font-weight:        normal;
width:              auto;
padding:            2px;
}

#formLogin label{
width:				80px;
height:				auto;

}
/*********************************************************** TABELA */
table{
font-size:          12px;
}
.right{
margin-right:   30px;
}
td.right{
text-align:    right;
margin-right:   30px;
font-weight:    bold;
width:          250px;
}
#enderecoEstado, #estadoCivil, #sexo, #filhos, #enderecoTipo{
width:           150px;
}
#email{
width:           250px;
}