/*
	Autor: Anderson Triacca
	Empresa: Guife Multicom
	Data de Início: 15/10/2009
	Última Modificação: 21/01/2010
*/

/*----------------------------------------
	- Partes Comuns a todas páginas
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cfc7aa;
	clear: both;
}
body, html{
	min_height: 100%;
}
html{	
	background: url(../imagens/html.png) left top repeat-x;
}
#global{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}
#global:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#mensagem_navegador{
	display: none;
}
label, input, select, textarea{
	display: block;
	border: none;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
p{
	line-height: 13px;
}
img{
	border: none;
}
fieldset{
	border: none;
}
/*----------------------------------------
	- Topo
---------------------------------------*/
#topo{
	height: 90px;
	position: relative;
	background:url(../imagens/topo.png) left bottom no-repeat;
}
#topo h1, #topo h2{
	display: block;
	text-indent: -20000px;
}
#topo_identificacao{
	width: 345px;
	height: 40px;
	background: url(../imagens/identificacao_topo.png) left bottom no-repeat;
	margin-left: 30px;
	padding-top: 20px;
}
#topo_navegacao{
	width: 102px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 26px;
}
#topo_navegacao a{
	display: block;
	width: 51px;
	height: 25px;
	text-indent: -20000px;
}
#topo_navegacao a.bt_home{
	background: url(../imagens/bt_home.png) left top no-repeat;
	float: left;
}
#topo_navegacao a.bt_sair{
	background: url(../imagens/bt_sair.png) left top no-repeat;
	float: left;
	clear: none;
}
#topo_navegacao a:hover{
	background-position: left bottom;
}
/*----------------------------------------
	- Conteúdo
---------------------------------------*/
#conteudo{
	background: url(../imagens/conteudo.png) left top repeat-y;
	min-height: 313px;
	padding: 20px 10px;
	position: relative;
}
#conteudo:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.arredondamento_inferior{
	display: block;
	width: 980px;
	height: 20px;
	position: absolute;
	bottom: -20px;
	left: 0;
	background: url(../imagens/arredondamento_inferior.png) left top no-repeat;
}
#conteudo div#menu_lateral, #conteudo div#explicativo, #conteudo div#gerenciamento{
	background: #898369;
	position: relative;
	padding-bottom: 20px;
}
#conteudo div span.arr_esq, #conteudo div span.arr_dir{
	display: block;
	width: 9px;
	height: 10px;
	position: absolute;
	bottom: 0;
}
#conteudo div span.arr_esq{
	background: url(../imagens/conteudo_div_arr_esquerdo.png) left top no-repeat;
	left: 0;
}
#conteudo div span.arr_dir{
	background: url(../imagens/conteudo_div_arr_direito.png) left top no-repeat;
	right: 0;
}
#conteudo div h2{
	display: block;
	width: 100%;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	color: #cfd0ca;
	font-size: 16px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
	background: #373326 url(../imagens/conteudo_div_h2.png) center top no-repeat;
}
#conteudo div h2 span.linha{
	display: block;
	position: absolute;
	bottom: 0;
	height: 8px;
	width: 100%;
	background: #898369;
}
#conteudo div h2 span.arr_esq, #conteudo div h2 span.arr_dir{
	display: block;
	position: absolute;
	top: 0;
	width: 29px;
	height: 42px;
}
#conteudo div h2 span.arr_esq{
	left: 0;
	background: url(../imagens/conteudo_div_h2_span_arr_esq.png) left top no-repeat;
}
#conteudo div h2 span.arr_dir{
	right: 0;
	background: url(../imagens/conteudo_div_h2_span_arr_dir.png) left top no-repeat;
}
#conteudo div h3{
	display: block;
	width: 83%;
	margin: 0 auto;
	background: #756f58;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 4px 0 5px 0;
	margin-top: 10px;
}
#conteudo div p{
	width: 90%;
	margin: 13px auto;
}
/*----------------------------------------
	- Tela de Login
---------------------------------------*/
#login{
	width: 434px;
	height: 213px;
	position: absolute;
	left: 274px;
	top: 50px;
	background: #898369;
}
.form_login{
	width: 324px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}
.form_login label{
	width: 324px;
	height: 25px;
	margin-bottom: 15px;
}
.form_login label input{
	width: 310px;
	padding-left: 14px;
	height: 21px;
	padding-top: 4px;
	background: url(../imagens/login_input.png) left top no-repeat;
	color: #898369;
}
.form_login input.bt_entrar{
	display: block;
	width: 48px;
	height: 11px;
	background: url(../imagens/bt_entrar.png) left top no-repeat;
	float: right;
	clear: none;
	margin-right: 33px;
	margin-top: 15px;
}
.form_login input.bt_entrar:hover{
	background-position: left bottom;
	cursor: pointer;
}
.form_login a{
	text-decoration: underline;
	position: relative;
	bottom: -10px;
	left: 104px;
}
/*----------------------------------------
	- Menu Lateral
---------------------------------------*/
#menu_lateral{
	width: 240px;
	margin-left: 20px;
	float: left;
}
#menu_lateral ul{
	padding-left: 40px;
	margin-top: 4px;
	padding-bottom: 5px;
}
#menu_lateral ul li a{
	font-size: 13px;
	background: url(../imagens/demarcador_menu.gif) left top no-repeat;
	padding-left: 13px;
}
#menu_lateral ul li a:hover{
	background-position: left bottom;
	color: #cfd0ca;
	text-decoration: underline;
}
/*----------------------------------------
	- Coluna de Gerenciamento
---------------------------------------*/
#explicativo{
	width: 660px;
	margin-left: 20px;
	float: left;
	clear: none;
}
#conteudo div#explicativo p{
	line-height: 16px;
	position: relative;
	top: 10px;
}
#conteudo div#explicativo p cite{
	font-style: normal;
	font-weight: bold;
	display: block;
	text-align: right;
	margin-top: 15px;
}
#conteudo div#gerenciamento{
	width: 660px;
	float: left;
	clear: none;
	margin-left: 20px;
	margin-top: 20px;
}
#conteudo div#gerenciamento span{
	display: none;
}
#conteudo div#gerenciamento h2{
	padding: 0;
	width: 640px;
	height: 29px;
	padding-left: 20px;
	padding-top: 5px;
	text-align: left;
	background: url(../imagens/gerenciamento_h2.jpg) left top no-repeat;
	position: relative;
}
#conteudo div#gerenciamento h2 a{	
	display: block;
	width: 94px;
	height: 11px;
	font-size: 1px;
	text-indent: -20000px;
	background: url(../imagens/bt_adicionar_novo.png) left top no-repeat;
	position: absolute;
	right: 22px;
	top: 11px;
}
#conteudo div#gerenciamento h2 a:hover{
	background-position: left bottom;
}
#conteudo div#gerenciamento table{
	width: 618px;
	margin-left: 20px;
}
#conteudo div#gerenciamento tr th{
	text-transform: uppercase;
	color: #cfd0ca;
	font-weight: normal;
	padding-top: 9px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 3px;
}
#conteudo div#gerenciamento tr th.editar, #conteudo div#gerenciamento tr th.apagar{
	width: 46px;
}
#conteudo div#gerenciamento tr th.apagar{
	width: 51px;
	padding-left: 5px;
}
#conteudo div#gerenciamento tr td.data{
	width: 81px;
	text-align: center;
	padding: 0;
}
#conteudo div#gerenciamento tr td{
	height: 25px;
	padding-left: 10px;
}
#conteudo div#gerenciamento tr.um td{
	background: #756f58;
}
#conteudo div#gerenciamento tr.dois td{
	background: #878066;
}
#conteudo div#gerenciamento tr td.sim{
	background: #0033FF;
	color: #fff;
	width: 70px;
	text-align: center;
	padding: 0;
	text-transform: uppercase;
}
#conteudo div#gerenciamento tr td.nao{
	background: #FF3300;
	color: #fff;
	width: 70px;
	text-align: center;
	padding: 0;
	text-transform: uppercase;
}
#conteudo div#gerenciamento tr td.editar, #conteudo div#gerenciamento tr td.apagar{
	padding: 0;
}
#conteudo div#gerenciamento tr td.editar a{
	display: block;
	width: 14px;
	height: 19px;
	text-indent: -20000px;
	background: url(../imagens/bt_editar.gif) left top no-repeat;
	margin: 0 auto;
}
#conteudo div#gerenciamento tr td.apagar a{
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -20000px;
	background: url(../imagens/bt_apagar.gif) left top no-repeat;
	margin: 0 auto;
}
#conteudo div#gerenciamento tr td.apagar a:hover, #conteudo div#gerenciamento tr td.editar a:hover{
	background-position: left bottom;
}
/*----------------------------------------
	- Formulários
---------------------------------------*/
#form_inserir{
	width: 620px;
	margin-left: 20px;
}
#conteudo div #form_inserir div.separador{
	padding-top: 10px;
}
#conteudo div #form_inserir div.nicEdit-panel *{
	clear: none;
}
#conteudo div #form_inserir div.nicEdit-main{
	background: #fff;
	color: #756f58;
	text-transform: none;
}
#conteudo div #form_inserir div.nicEdit-main span{
	display: inline;
}
#conteudo div #form_inserir h3{
	width: 620px;
	margin-top: 10px;
	display: table;
}
#conteudo div #form_inserir label{
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #cfd0ca;
	padding-top: 6px;
}
#conteudo div #form_inserir label.descricao{
	display: block;
	width: 600px;
	padding-left: 10px;
	float: left;
	clear: none;
	padding-bottom: 30px;
}
#conteudo div #form_inserir label.descricao textarea{
	*display:block;
	width: 600px;
	height: 95px;
	padding: 3px 0;
	margin-top: 2px;
	background: #cfd0ca;
	color: #756f58;
	overflow: auto;
}
#conteudo div #form_inserir label.texto{
	display: block;
	width: 295px;
	padding-left: 10px;
	float: left;
	clear: none;
}
#conteudo div #form_inserir label.texto input{
	display:block;
	width: 295px;
	padding: 3px 0;
	margin-top: 2px;
	background: #cfd0ca;
	color: #756f58;
}
#conteudo div #form_inserir label.texto select{
	display:block;
	width: 295px;
	padding: 2px 0;
	margin-top: 2px;
	background: #cfd0ca;
	color: #756f58;
}
#conteudo div #form_inserir label.texto select option{
	color: #756f58;
}
#conteudo div #form_inserir label.check{
	padding-left: 10px;
}
#conteudo div #form_inserir label.check span{
	display: block;
	width: 130px;
	float: left;
	clear: none;
}
#conteudo div #form_inserir label.check input{
	clear: none;
	float: left;
	position: relative;
	top: 2px;
	margin-right: 3px;
}
#conteudo div #form_inserir input.bt_enviar{
	display: block;
	width: 75px;
	height: 23px;
	background: url(../imagens/bt_gravar.gif) left top no-repeat;
	cursor: pointer;
	position: relative;
	left: 545px;
	margin-top: 10px;
}
#conteudo div #form_inserir input.bt_enviar:hover{
	background-position: left bottom;
}
ul#listagem_imagens{
	margin-left: 72px;
}
ul#listagem_imagens:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
ul#listagem_imagens li{
	display: block;
	width: 151px;
	float: left;
	clear: none;
	margin-right: 11px;
	margin-bottom: 11px;
}
ul#listagem_imagens li a.bt_recortar{
	display: block;
	text-indent: -20000px;
	width: 75px;
	height: 23px;
	background: url(../imagens/bt_recortar.png) left top no-repeat;
	float: left;
	clear: none;
	margin-left: 1px;
}
ul#listagem_imagens li a.bt_apagar{
	display: block;
	text-indent: -20000px;
	width: 75px;
	height: 23px;
	background: url(../imagens/bt_apagar.png) left top no-repeat;
	float: left;
}
ul#listagem_imagens li a:hover{
	background-position: left bottom;
}