@import url('reset.css');

/*	
	Structural CSS
		
	Content(Flags)
	=Elementos Gerais
	=Container
	=Header
	=Menu
	=Footer
	=Login Page

*/

/*	=Elementos Gerais
===================================*/


body {}


.inner {margin: auto; /* padding:10pt 60pt; */}

.clear {clear: both;}
span.clear {display: block;}

.noclear {clear:none;}

.reservas .desativado { }

a {}
a:hover {}

h1 {}
h2 {}
h3 {}
/* h4 {padding: 1em 2.6em;} */
h5 {}
h6 {}

h1 a {}
h2 a {}
h3 a {}
h4 a {}
h5 a {}
h6 a {}

strong {font-weight: bold;}

.ocupa-um-terco { float: left; width: 33%; }
.ocupa-metade { float: left; width: 49.9%; }
.primeiro { float: left; clear: left; }
.segundo { float: left; }
.terceiro { float: left; }
.segundo.ocupa-um-terco,
.primeiro.ocupa-metade { clear:right; }

.aviso, .sucesso, .erro { /* padding: 1em 1.25em; alterei para página de login para: */ padding: 1em 2.25em; margin: 0 0 5px 0;}

.left {float: left;}
.right {float: right;}

.full {width:100%;}

textarea { resize: none; }

input, textarea, select, a {outline: none;}

.marginT{margin-top:	10pt;}
.marginB{margin-bottom:	10pt;}
.marginL{margin-left:	10pt;}
.marginR{margin-right:	10pt;}

.span1 {width:5%;}
.span2 {width:15%;}
.span3 {width:25%;}
.span4 {width:35%;}
.span5 {width:45%;}

.alignTop {vertical-align:top;}


/* =Container
===================================*/
#container { width: 96%; margin: auto; /* margin: 0 20px; */ /* position: relative; */ padding-top: 1px; overflow: hidden;}
.home #container { width: auto; margin: auto; /* margin: 0 20px; */ /* position: relative; */ padding-top: 1px; overflow: hidden;}

#mainBox { /* width: 960px;  width: 95%; max-width: 1280px;*/ margin:auto;}

#page-content {position: absolute; width: 100%; bottom: 0; top:0px; overflow: auto;}



/*	=Header
===================================*/
#topo .inner {position: relative; width:96%; margin: auto; /* margin: 0 20px; */ padding: 1em 0;}

#header 	{height: 30px; line-height: 30px; margin-top:35px; float: right;}

/*
#header form,
#header form label { display: inline-block;}
*/
#header form input { padding: 0px; }
#header .loginInfo { float: right; padding:0 .5em;}

#topo 		{ position: relative;}
#topo h1 	{ padding: 0.2em 0 0 0; margin:0 20px 0 11px; }
#topo h1 a	{ text-decoration: none;}

#topo div.busca {display: none;}
#topo div.busca .busca {font-size: 12px; height: 30px; margin-right: 5px; float: left;}
#topo div.busca .busca {font-size: 12px; height: 30px; margin-right: 5px; width: 185px; float: left;}


/*	=Menu
===================================*/

.menu-principal { text-align: left;}
.menu-principal ul { margin: 0; display: inline-block;}
.menu-principal ul li {display: inline-block; position: relative; margin: 0 5px;}
.menu-principal ul li a { text-decoration: none; display: inline-block; padding:15px 0.7em 17px; margin-top: 8px; position: relative; font-size: 14px;}
.menu-principal ul li a:hover {}

.menu-principal ul li.current a { padding: 15px 0.7em 14px; }
.menu-principal ul li.current a:hover {}


.menu-principal .activity {display: none;}

#loading {display: none;}


/*	=Footer
===================================*/

.footer {clear: both; text-align: center; /* position: fixed; bottom:0; */ margin-top: 80px; width:100%;}



/*	=Login Page
===================================*/


/*
	=Formulários

	Classes de formulário
	.form-default: Formulário simples padrão
	.form-tabs: Formulário com abas
===================================*/

form.form-default 			{ }
form.form-default fieldset 	{ }
form.form-default label		{ text-align: right; width: 20%; margin-right:5%; display: inline-block; font-size: 13px; }
form.form-default select	{ background: #fff; padding: 5px; font-size: 13px; height: 30px; border: 1px solid #e7e7e7; }
form.form-default input 	{ padding: 3px; width: 73%; height:20px; display: inline-block; font-size: 11pt; }
form.form-default textarea 	{ padding: 3px; width: 73%; }
form.form-default .button 	{ }
form.form-default .submit 	{ }
form.form-default .sep 		{ display: block; width: 100%; height: 0px; border-top:1px solid #e4e1e1;  border-bottom:1px solid #fff; margin:20px 0; }

input.grande {}

.tabs-content p {}

a.removeItem, input.removeItem {}

.button, a.button.main {}
.button:hover, a.button.main:hover {}

	/*	Wrappers	*/
	form.form-default .wrap-input-text 		{/* clear: both; */ margin: 0 0 1em;}
	form.form-default .wrap-input-select 	{/* clear: both; */ margin: 0 0 1em;}
	form.form-default .wrap-multi-input-text{/* clear: both; */ margin: 0 0 1em;}
	form.form-default .wrap-input-textarea	{/* clear: both; */ margin: 0 0 1em;}
	
	form.form-default .wrap-input-checkbox { clear: both; margin: 0 0 .5em;}
	form.form-default .wrap-input-checkbox input {width: auto; height: auto; padding:0; margin:0; margin-right:.5em; float: left;}
	form.form-default .wrap-input-checkbox label {display: inline; vertical-align: top;}
	form.form-default .wrap-input-textarea label {vertical-align: top;}


	form.form-default .wrap-input-tags		 { clear: both; margin: 0 0 1em;}		
	form.form-default .wrap-input-tags label { vertical-align: top;}		
	form.form-default .input-tags			 { display: inline-block; width:74%;}
	form.form-default .input-tags input		 { width:60%; margin-right: 20px; vertical-align: middle;}
	form.form-default .input-tags .button	 { font-size: 11px;}
	form.form-default .input-tags li		 { display:inline-block; margin: 9px 10px 0 0;}
	form.form-default .input-tags li a		 { display:inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; background:url('../img/icon-excluir-tag.gif') no-repeat; width: 10px; height: 10px;}
	form.form-default .input-tags li a:hover { background:url('../img/icon-excluir-tag.gif') no-repeat right;}
	
	
	
	.button {}
	.button-add {}
	
form.form-default .span1 {width:5%;}
form.form-default .span2 {width:15%;}
form.form-default .span3 {width:25%;}
form.form-default .span4 {width:35%;}
form.form-default .span5 {width:45%;}
form.form-default .alignTop {vertical-align:top;}

form.form-top-align 			{}
form.form-top-align fieldset 	{}
form.form-top-align label		{text-align: left; width: auto; margin-right:0; display: inline-block;}
form.form-top-align select		{background: #fff; padding: 5px; height: 37px; border: 1px solid #e7e7e7;}
form.form-top-align input 		{padding: 3px; margin: .3em 0; width: 97%; height:30px; display: inline-block;}
form.form-top-align textarea 	{padding: 3px; margin: .3em 0; width: 97%;}
form.form-top-align .button 	{}
form.form-top-align .submit 	{}

	/* Validação dos formulários */
	form.form-default label.error,
	form.form-default.form-page label.error {display: inline; margin-left: 20px; border-bottom: none; color: #c63030;}
	form.form-default input.error,
	form.form-default.form-page input.error {border: 1px solid #c63030;}
	
	form.form-default .wrap-input-radio label.error,
	form.form-default.form-page .wrap-input-radio label.error {float: right; color: #c63030;}
	
		
	/*	Form alinhado à esquerda	*/
	form.form-left label {text-align: left;}



/*	=Tabelas
	.default-table: Tabela simples padrão
	.blank-table: Tabela minimalista branca
=======================================*/
.default-table {table-layout: fixed; width: 100%; text-align: left; border-spacing: 0; border-collapse: separate;}
.default-table th {padding:8pt 10pt;}
.default-table td {padding:8pt 10pt; vertical-align:middle; }

/*	.blank-table	*/
.blank-table {table-layout: fixed; width: 100%; text-align: left; border-spacing: 0; border-collapse: separate;}
.blank-table th {padding:8pt 10pt;}
.blank-table td {padding:4pt 10pt; vertical-align:middle; }


/*	=Listas
=======================================*/
.default-list {text-align: left; padding: 0 10px;}


/*	=Layout
=======================================*/

	/*	2column layout	*/
	.span1 {}
	.span2 {width:45%;}
	.span3 {}
	.span4 {}
	.span5 {}
	.span6 {}
	
	/*	1column layout	*/
	/* .column-main {width: 97%; padding: 1.5%;} */
	
	/*	2column layout	*/
	.columns2-main {width: 75.5%; padding: 1.5%;}
	.columns2-side {width: 18%; padding: 1.5%; height: 100%; position: absolute;}
	
	
	.columns2-side ul li {margin-bottom: 10px; line-height: 1.3em;}
	
	.sidebox {margin-bottom: 40px;}


/*	=Imprimir
=======================================*/

body.imprimir {background: #fff; padding:6em 10em;}
body.imprimir .imprimir-documento {padding:1em 2.6em;}