/* Css Hoteis */

/** Elementos IndiviDUAIS **/

select{
	/*border: 1px solid #cccccc;*/
	font-size: 12px;
}
img{
	border: 0;
}

/** IDs HTML Genéricas **/
#system-message{
	border-width: 3px 0;
	border-style: double;
	border-color: navy;
	background-color: #E6E6FA;
	padding: 5px;
	color: red;
}
#system-message dt{
	display: none;
}
#system-message ul li{
	margin: 0;
	list-style: none;
}
#com_left{
	float:left;
	width:49%;
	background-color : #f9f9f9;
	border: 1px double #cccccc;
}
#com_right{
	float:right;
	width:49%;
	background-color : #f9f9f9;
	border: 1px double #cccccc;
}



/** Classes Genéricas **/
.com_titulo{
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
	padding:0 0 5px;
}
.com_botao{
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 1px double #cccccc;
  width: 130px;
  background: url(../images/button_bg.png) repeat;
  padding: 0px 2px;
  line-height: 15px;
}
.com_esgotado{
	color:red;
	font-size:12px;
	font-weight:bold;
}
.com_row1{
	background-color: #F7F8F2;
}
.com_row0 td{
	padding: 5px 2px;
}
.com_row1 td{
	padding: 5px 2px;
	/*
	border-width: 1px 0;
	border-style: double;
	border-color: silver;*/
}
.com_valores{
	color: black;
	font-weight: bold;
	padding: 8px;
}
.obrig{
	color: red;
}
.sim{
	font-weight: bold;
	color: green;
}
.nao{
	font-weight: bold;
	color: red;
}
.valor{
	text-align: right;
}
.tdcenter{
	text-align: center;
}
.valortotal{
	font-size:12px;
	font-weight: bold;
	color: black;
	text-align: right;
}

div.sumido{
	display: none;
}


/** IDs HTML Hotel1 **/
#com1_hint{
	font-size: 10px;
	font-weight: normal;
}
#com1_disponivel{
	font-size: 10px;
}
/** Classes HTML Hotel1 **/



/** IDs HTML Hotel2 **/
#com2_containerdata{
	padding: 5px;
	background-color : #f9f9f9;
	border: 3px double #cccccc;
	font-size:10px;
	color: black;
	margin-bottom: 10px;
}
#com2_containerdata input{
	font-size: 13px;
	font-weight: bold;
	color: black;
	width: 80px;
}
#com2_containerdata img{
	cursor: pointer;
}
/** Classes HTML Hotel2 **/
.com2_descricao{
	padding: 5px;
	background-color : #f9f9f9;
	border: 1px double #cccccc;
	font-size:12px;
	margin-top: 15px;
}
.com2_informacoes{
	padding: 5px;
	background-color : #f9f9f9;
	border: 3px double #cccccc;
	font-size:12px;
}

/** IDs HTML Hotel3 **/
/** Classes HTML Hotel3 **/
.com3_reservas{
	text-align: center;
	color: black;
	margin-bottom: 15px;
}
.com3_reservas ul li{
	margin: 0;
}
.com3_formheader{
  background: #efefef;
  padding: 5px;
  font-size: 11px;
  border-bottom: 1px solid #cccccc;
  text-align:center;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
}
.com3_formbody{
  padding: 15px 5px;
}
.com3_formfooter{
  background: #efefef;
  padding: 5px;
  font-size: 9px;
  border-bottom: 1px solid #cccccc;
  text-align:center;
  color: black;
}

/** IDs HTML Hotel4 **/
#com4_toolbar{
	float: right;
}
/** Classes HTML Hotel4 **/
.com4_form input{
	color: black;
	font-family: Verdana;
	font-size: 10px;
}





















/* Hoteis Pagina 1 */
#container1{
	float:left;
	padding:5px;
	background-color : #f9f9f9;
	font-size:12px;
	font-family:Verdana;
}

#container form td{
	padding: 5px;
	vertical-align: top;
}

#lista_hoteis td{
	padding:2px;
}
#lista_hoteis td.row_titulo{
  	background: url(../images/subhead_bg.png) repeat-x;
	font-weight: bold;
	font-size:11px;
	padding:5px;
}

#component_outer input{
	font-size:10px;
	border:1px solid #cccccc;
}
.linhalistagem td{
	border-bottom:1px solid silver;
}






div.toolleft{
	float:left;
	/*padding: 2px;*/
}
div.toolright{
	float:right;
	/*padding: 2px;*/
}
div.toolleft li{
	list-style: none;
	float: left;
	padding: 0 4px;
	text-align: center;
}
div.toolright li{
	list-style: none;
	float: right;
	padding: 0 4px;
	text-align: center;
}







div.menu{
  	background: #efefef;
	font-size: 9px;
	border: 1px solid #cccccc;
	text-align:center;
  	text-transform: uppercase;
  	font-weight: bold;
	padding: 3px;
	margin-bottom: 10px;
}
div.menu ul{
	list-style: none;
	margin: 0;
}
div.menu li{
	font-family: Verdana;
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div.menu a{
	color: #505050;
}
div.menu a:visited{
	color: #505050;
}
#saudacao{
	padding: 5px 0;
	text-align: right;
	font-size: 9px;
}
.email{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
a:link    { color: #0B55C4; text-decoration: none; }
a:visited { color: #0B55C4; text-decoration: none; }
a:hover   { text-decoration: underline; }



























legend{
	font-family: Arial;
	font-size: 12px;
	padding: 5px;
	color: black;
}

/** STYLE PARA OS FIELDSSETS **/
fieldset {
    margin-bottom: 10px;
    /*border: 1px #ccc solid;*/
    padding: 5px;
    /*background-color: white;*/
}
fieldset.alerta {
    background-color: #FFC0CB;
}
fieldset p {  margin: 10px 0px;  }
fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }

fieldset.pagamentos table{
	width: 100%;
}
fieldset.pagamentos td{
	text-align: center;
	background-color: #F7F8F2;
	color: black;
	padding: 5px;
}
fieldset.pagamentos legend{
	color: black;
	padding: 0 5px;
}
fieldset.problema{
	color: black;
	font-size: 9px;
}

/** STYLE PARA AS TABELAS **/
table.admintable td.com_caption{
	background: #efefef;
  	color: #666666;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #cccccc;
	padding: 2px 3px;
}
table.admintable span.textoinput{
	font-weight: bold;
	font-size: 12px;
	padding: 1px 5px;
}






/** LISTAGEM **/
table.adminlist {
	width: 100%;
	border-spacing: 1px;
	/*background-color: #e7e7e7;*/
	color: #666;
}

table.adminlist td,
table.adminlist th { padding: 4px; }

table.adminlist thead th {
    text-align: center;
    background: #f0f0f0;
    color: #666;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
}

table.adminlist thead a:hover { text-decoration: none; }
table.adminlist thead tr { background-color: #e7e7e7; }
table.adminlist thead th img { vertical-align: middle; }
table.adminlist thead tr th input { border: 0; }

table.adminlist tbody th { font-weight: bold; }
table.adminlist tbody tr { background-color: #fff;  text-align: left; }

table.adminlist tbody tr.com_row0:hover td,
table.adminlist tbody tr.com_row1:hover td  { background-color: #ffd ; }

table.adminlist tbody tr td { height: 25px; /*background: #fff; /* border: 1px solid #fff;*/ }
table.adminlist tbody tr td input { border: 0; }
table.adminlist tbody tr.com_row1 { background-color: #F7F8F2; } /*#f9f9f9; }/*border-top: 1px solid #fff; }*/
table.adminlist tbody tr.com_row1 td { /*background: #f9f9f9; border-top: 1px solid #FFF;*/ }

table.adminlist tfoot tr { text-align: center;  color: #333; }
table.adminlist tfoot td,
table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; }

table.adminlist td.order { text-align: center; white-space: nowrap; }
table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .list-footer  { display:table; padding:0;  margin:0 auto; }

/** Pagination **/
div.limit {
        float: left;
        height: 22px;
        line-height: 22px;
        margin: 0 10px;
        font-size:12px;
}
div.list-footer {
        float: left;
        font-size:12px;
}

/* Tooltips */
.tool-tip {
        float: left;
        background: #ffc;
        border: 1px solid #D4D5AA;
        padding: 5px;
        max-width: 200px;
        z-index: 50;
}

.tool-title {
        padding: 0;
        margin: 0;
        font-size: 100%;
        font-weight: bold;
        margin-top: -15px;
        padding-top: 15px;
        padding-bottom: 5px;
        background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
        font-size: 100%;
        margin: 0;
}

/* Botao para Pagamento */
.botaopagamento {
    font-weight: bold;
    background-color: #E6E6FA;
    height: 30px;
    border: 1px outset black;
    text-transform: uppercase;
}


/** toolbar **/
/* Icones */
.icon-32-save 			{ background-image: url(../images/icon-28-ok.png); }
.icon-32-reset 			{ background-image: url(../images/icon-28-reset.png); }
.icon-32-cancel 		{ background-image: url(../images/icon-32-delete.png); }
.icon-32-newbutton 		{ background-image: url(../images/icon-32-new.png); }
.icon-32-transfer 		{ background-image: url(../images/icon-28-transportes.png); }


fieldset.toolbar {
	text-align: right;
	padding: 2px;
    background-color: #f6f6f6; /* Mais claro vou deixar para o Conteudo FORM #fbfbfb */
}
fieldset.toolbar li{
	list-style: none;
	float: right;
	padding: 2px 4px;
	text-align: center;
}
fieldset.toolbar a {
    display: block; float: left;
    white-space: nowrap;
    border: 1px solid transparent;
    padding: 1px 5px;
    cursor: pointer;
    /*background-color: #efefef;*/
    font-size: 11px;
}
fieldset.toolbar a:hover {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
    color: #0B55C4;
    font-size: 11px;
    background-color: #f7f7f7;
}

div.toolbar { float: right; text-align: right; padding: 0; }

table.toolbar    		 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 		 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #cccccc; width: 5px; }

table.toolbar span { float: none; width: 28px; height: 28px; margin: 0 auto; display: block; }

table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}