/* CSS Site Institucional Rythmos */

/*
ESTRUTURA (ESQUELETO)
*************************************/

div#popup {
	width:300px;
	height:160px;
	top:130px;
	left:310px;
	position:absolute;
	background:url(../img/bg_banner.gif) repeat-x;
	border:1px solid #084987;
	color:#084987;
	padding:10px;
}

div#popup a {
	float:left;
	margin:0 0 0 280px;
	color:#084987;
}


body {
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}

#all {
	width:970px;
	margin:12px auto 0px auto;
	text-align:left;
	position:relative;
}



/*
GERAIS
*************************************/

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

a:hover {
	text-decoration:none;
	color:#555555;
}

a.veja {
	background:url(../img/seta1.gif) 0 6px no-repeat;
	padding:0 3px 0 12px;
	float:right;
	color:#666;
}

a.veja:hover {
	color:#999;
}

h2 {
	margin:0 0 30px 0;
}

h3 {
	height:13px;
	margin:5px 0 20px 0;
	color:#555;
	font-size:14px;
	font-weight:bold;
}


h2 span, h3 span {
	display:none;
}

p {
	margin:0px;
}


ol.form {
	margin:0;
	padding:0;
	list-style:none;
}


/*
TOPO
*************************************/

li#paginacao {
	text-align:center;
	margin-top:20px;
}

li#paginacao span {
	background:none !important;
	margin-top:4px !important;
	border:none !important;
	font-weight:bold;
	color:#666;
}

li#paginacao a {
	float:left;
	padding:4px;
	margin:2px;
}

li#paginacao a.numbers:hover {
	border:2px solid #FF6600;
	padding:2px;
}

li#paginacao a.checked {
	padding:2px;
	margin:2px;
	border:2px solid #CCC;
}


/*
TOPO
*************************************/

#topo {
	height:120px;
	background:url(../img/trilho.gif) no-repeat 0 113px;
} 

#topo_print { display:none; }

#topo h1 {
	margin:0px;
	padding:0px 15px;
	float:left;
}

#topo h1 a {
	background:url(../img/gc_logo.jpg) no-repeat center;
	display:block;
	padding:0px;
	width:107px;
	height:113px;
}

#topo h1 a span {
	display:none;
}

#topo #menu-flash {
	float:left;
}

#topo #login {
	float:left;
	border:1px solid #d0d0d0;
	padding:3px;
	margin:0 15px;
}

#topo #nav_login {
	padding-top:12px;
}

#topo #nav_login a {
	clear:both;
	float:left;
	white-space:nowrap;
	font-weight:bold;
	color:#666666;
	padding:1px;
	margin:1px;
}

#topo #login span.msg {
	float:left;
	width:165px;
	text-align:center;
	margin-top:2px;
	font-size:9px;
	color:#FF6F6F;
}

#topo #login h3 {
	margin:3px 0 0 0;
}

#topo #nav {
	background:url(../img/bt_sec.gif) no-repeat;
	float:left;
	width:42px;
	height:100px;
}


/*
CENTRO
*************************************/

#centro {  }

#esquerda {
	width:754px;
	float:left;
}

#direita {
	float:left;
	width:216px;
}

#esquerda_direita {
	float:left;
	width:968px;
}

#direita #bem-vindos {
	border-bottom:10px solid #eb7e00;
	padding:10px 0 5px 10px;
	line-height:16px;
}

#direita #bem-vindos p {
	margin-bottom:3px;
}

#direita #bem-vindos h3 {
	background:url(../img/title_bemvindos.gif) no-repeat;
	width:154px;
	margin-bottom:5px;
}

#conteudo {
	padding-top:15px;
}

#banner-sec {
	float:left;
	width:344px;
	text-align:center;
}

#clientes h3 {
	background:url(../img/title_clientes.gif) no-repeat;
	width:98px;
}

#destaques {
	padding:15px 0 0 5px;
}

#destaques div img {
	margin-top:20px;
}



/*
NOTÍCIAS
*************************************/

#lisnoticia {
	width:680px;
	float:left;
}

div#noticia {
	width:395px;
	float:left;
}

#noticia h3 {
	background:url(../img/title_noticias.gif) no-repeat;
	width:98px;
	height:15px;
}

ul#noticia {
	padding:15px 0 0 15px;
	margin:0px;
	list-style:none;
}

ul#noticia li {
	padding:0 0 15px 0;
	margin:0 0 20px 0;
	background:url(../img/border1.gif) repeat-x bottom;
	border:1px solid #FFF;
}

ul#noticia li.ultimo {
	background:none;
	margin-top:-10px;
}

ul#noticia li .aimg {
	border:2px solid #ff9900;
	padding:2px;
	margin:0 5px 5px 0;
	float:left;
}

ul#noticia li a.aimg:hover {
	border:2px solid #ffcc66;
}

ul#noticia li a.aimg img {
	border:none;
	float:left;
}

ul#noticia li p {
	margin:0 0 5px 0;
}

div.texto_noticia {
	float:left;
	width:450px;
	line-height:16px;
	margin:0 0 20px 0;
}

div.galeria_noticia {
	float:right;
	width:216px;
}

div.galeria_noticia a.ampliar {
	float:left;
	width:45px;
	height:15px;
	background:url(../img/bt_ampliar.gif) no-repeat;
	margin:4px 0 8px 0;
	padding:3px 0 0 20px;
	font-size:10px;
}

div.subtitulo_noticia {
	background:#f0f0f0;
	padding:8px;
	margin:0 0 15px 0;
}

ul.botoes_uteis {
	clear:both;
	list-style:none;
}

ul.botoes_uteis li {
	float:left;
}

a.imprimir {
	float:left;
	height:20px;
	background:url(../img/ico_imprimir_noticia.gif) no-repeat;
	padding:3px 0 0 23px;
}

a.enviar_noticia {
	float:left;
	height:20px;
	background:url(../img/ico_enviar_noticia.gif) no-repeat;
	padding:3px 0 0 23px;
	margin:0 0 0 30px;
}


/*
FORMS
*************************************/

form#form1 {
	margin:0px;
	background:#f2f2f2;
	padding:6px;
	width:165px;
	height:80px;
}

form#form1 h3 {
	width:130px;
	height:9px;
	background:url(../img/title_login.gif) no-repeat
}

form#form1 label {
	color:#666666;
	font-weight:bold;
	margin:4px 4px 0 5px;
	float:left;
}

form#form1 input {
	border:1px solid #dbdbdb;
	background:#dbdbdb;
	margin-top:2px;
}

form#form1 ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

form#form1 ol li {
	height:22px;
}

form#form1 ol li.input1 {
	margin-top:9px;
	background:url(../img/form_bg-input1.gif) no-repeat;
}

form#form1 ol li.input1 input {
	width:87px;
}

form#form1 ol li.input2 {
	margin-top:4px;
	background:url(../img/form_bg-input2.gif) no-repeat;
}

form#form1 ol li.input2 input {
	width:72px;
}

form#form1 ol li button {
	width:22px;
	height:22px;
	float:right;
	background:url(../img/bt_ir.gif) no-repeat;
	border:none;
	cursor:pointer;
}

form#form1 ol li button span {
	display:none;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	float:left;
}


/*
FORMS CONTATO E CURRÍCULO
*************************************/

#sisbusca.formSite { margin-left:140px; }

#sisbusca form#formBusca ol li input {
	width:130px;
}

#sisbusca form#formSite {
	width:450px;
}

#sisbusca form#formSite ol li {
	clear:both;
	width:400px;
}

#sisbusca form#formSite ol li label {
	float:left;
	width:80px;
	text-align:right;
	margin-right:4px;
}

#box_envia_noticia #sisbusca.formSite { margin:20px 0; }
#box_envia_noticia #sisbusca form#formSite ol li label { width:160px; }
#box_envia_noticia #sisbusca form#formSite ol li input { width:230px; }

#sisbusca form#formSite ol li input {
	width:280px;
	border:1px solid #666;
}

#sisbusca form#formSite ol li textarea {
	width:280px;
	border:1px solid #666;
}

#sisbusca form#formSite ol li select {
	border:1px solid #666;
}

#sisbusca form#formSite ol li button {
	margin-left:84px;
}

div.msgok {
	font-weight:bold;
	color:#009900;
}

div.msgerro {
	font-weight:bold;
	color:#FF0000;
}


/*
DESTAQUES
*************************************/

#destaques div {
	margin:0 0 15px 0;
}

#destaques div form {
	margin:0px;
	padding:0px;
}

#destaques p {
	margin:5px 0;
}

#destaques #busca h3 {
	background:url(../img/title_busca.gif) no-repeat;
	width:67px;
	margin:0 0 8px 0;
}

#destaques #newsletter h3 {
	background:url(../img/title_newsletter.gif) no-repeat;
	width:142px;
	margin:0 0 8px 0;
}

#destaques #newsletter p {
	font-weight:bold;
}

#destaques form ol {
	margin:0px;
	padding:0px;
	list-style:none;
}

#destaques form ol li input {
	width:175px;
	margin:2px 5px 0 0;
}

#destaques form ol li button {
	width:22px;
	height:22px;
	float:left;
	background:url(../img/bt_ir2.gif) no-repeat;
	border:none;
	cursor:pointer;
}

#destaques form ol li button span {
	display:none;
}

form#formularioSite {

}

/*
RODAPÉ
*************************************/

#rodape {
	background:url(../img/trilho.gif) no-repeat;
	width:100%;
	height:30px;
	padding:15px 0 0 0;
	margin:15px 0 0 0;
	text-align:center;
	font-size:10px;
}



/*
SISTEMA
*************************************/

h2 {
	width:227px;
	height:17px;
}
h2.clienteonline {
	background:url(../img/title_clientes_on-line.gif) no-repeat;
}
h2.aetc {
	background:url(../img/title_aetc_int.gif) no-repeat;
}
h2.servicos {
	background:url(../img/title_servicos_int.gif) no-repeat;
}
h2.clientes {
	background:url(../img/title_clientes_int.gif) no-repeat;
}
h2.noticias {
	background:url(../img/title_noticias_int.gif) no-repeat;
}
h2.trabalhe {
	background:url(../img/title_trabalheetc_int.gif) no-repeat;
}
h2.contato {
	background:url(../img/title_contato_int.gif) no-repeat;
}
h2.busca {
	background:url(../img/title_resultadobusca_int.gif) no-repeat;
}
h2.produtos {
	background:url(../img/title_produtosetc_int.gif) no-repeat;
}

/*
busca do sistema
*/

.box {
	float:left;
	border:1px solid #d0d0d0;
	padding:3px;
	margin:0 15px 0 0;
}

#sisbusca form, .box div.conteudo {
	margin:0px;
	background:#f2f2f2;
	padding:6px;
	width:950px;
	overflow:hidden;
}

#sisbusca form ol {
	margin:12px 0 0 0;
}

#sisbusca form li {
	margin:0 12px 10px 0;
	_margin:0 6px 10px 0;
	float:left;
}

#sisbusca form li label {
	font-weight:bold;
	margin-bottom:2px;
	display:block;
}

#sisbusca form li input {
	width:147px;
}

#sisbusca form li button {
	border:none;
	width:26px;
	height:26px;
	margin-top:13px;
	background:url(../img/bt_ir.gif) no-repeat;
	float:left;
}

#sisbusca form li button span {
	display:none;
}

/*
listagem do sistema
*/

#listagem_os {
	float:left;
	margin-top:20px;
	width:970px;
}

#listagem_os ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#listagem_os ul li a {
	cursor:pointer;
}

#listagem_os ul li a:hover span {
	background:#ffd28e;
	border-bottom:1px solid #ffae35;
}

#listagem_os ul li span {
	float:left;
	height:18px;
	margin:1px;
	padding:2px 2px 0 2px;
	background:#F2F2F2;
	border-bottom:1px solid #DEDEDE;
}

#listagem_os ul li.titulo span {
	background:#CCC;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

#listagem_os ul li span.os          { width:50px; text-align:center; }
#listagem_os ul li span.dtentrada   { width:115px; text-align:center; }
#listagem_os ul li span.setor       { width:110px; }
#listagem_os ul li span.tag         { width:80px; text-align:center;}
#listagem_os ul li span.motor       { width:245px; }
#listagem_os ul li span.status      { width:130px; }
#listagem_os ul li span.obs         { width:198px; }

/*
	DETALHAMENTO DA OS
******************************/

ol.detalhaOS {
	list-style:none;
	margin:14px;
	padding:0px;
	width:500px;
	float:left;
}

ol.detalhaOS li {
	margin:6px 0;
}

ol.detalhaOS li span.label {
	font-weight:bold;
}


/* table */
ol.table {
	list-style:none;
	margin:14px;
	padding:0px;
	clear:both;
}

ol.table li span {
	float:left;
	margin:1px;
	padding:2px;
	background:#e0e0e0;
	text-align:center;
	height:16px;
	padding:3px 10px 0 10px;
}

ol.table li.cabecalho span {
	background:#BDBDBD;
	font-weight:bold;
	height:18px;
	padding-top:4px;
}

ol.table li.total span {
	background:#d3d3d3;
	font-weight:bold;
	margin:0px;
	height:18px;
	padding:4px 10px 0 74px;
}

ol.table li.totalzao span {
	background:#BDBDBD;
	font-weight:bold;
	margin:0px;
	height:18px;
	width:715px;
	padding:4px 10px 0 74px;
	text-align:right;
	margin-top:1px;
}

ol.table li.total span { width:715px; text-align:right; margin:1px 0; }

ol.table li span.item { width:250px; text-align:left; }
ol.table li span.quantidade { width:100px; }
ol.table li span.codigo { width:100px; }
ol.table li span.valorunit { width:120px; }
ol.table li span.valortot { width:120px; margin-right:0px; }


a.pdf {
	width:112px;
	height:27px;
	float:left;
	margin-right:15px;
	background:url(../img/bt_pdf.gif) no-repeat;
}

a.laudo {
	width:118px;
	height:27px;
	float:left;
	margin-right:15px;
	background:url(../img/bt_laudo.gif) no-repeat;
}

a.video {
	width:137px;
	height:27px;
	float:left;
	background:url(../img/bt_video.gif) no-repeat;
}

a.pdf span {
	display:none;
}

a.laudo span {
	display:none;
}

a.video span {
	display:none;
}




/*
	ALTERAÇÃO DE USUÁRIO NA ÁREA RESTRITA
************************************************/

ol#formUsuarioSistemaFunc {
	width:550px;
	padding:0px;
	margin:25px 0 0 70px !important;
}

ol#formUsuarioSistemaFunc li {
	height:22px;
	width:550px;
}

ol#formUsuarioSistemaFunc li.cai {
	clear:both;
}

ol#formUsuarioSistemaFunc li.divisao {
	padding:5px 0 0 5px;
	margin:0 0 15px 0;
	border-bottom:1px solid #2155ab;
	color:#2155ab;
}

ol#formUsuarioSistemaFunc li input {
	float:left;
	border:1px solid #666;
}

ol#formUsuarioSistemaFunc li label {
	float:left;
	width:100px;
	display:block;
	text-align:right;
	padding-right:3px;
}

ol#formUsuarioSistemaFunc li input#Nome { width:407px; }

ol#formUsuarioSistemaFunc li input#DataNascimento { width:160px; }
ol#formUsuarioSistemaFunc li input#Telefone { width:160px; }
ol#formUsuarioSistemaFunc li label#lblTelefone { width:79px; }

ol#formUsuarioSistemaFunc li input#Celular { width:174px; }
ol#formUsuarioSistemaFunc li input#Fax { width:175px; }
ol#formUsuarioSistemaFunc li label#lblFax { width:50px;  }

ol#formUsuarioSistemaFunc li input#Email { width:407px; }
ol#formUsuarioSistemaFunc li input#Setor { width:407px; }

ol#formUsuarioSistemaFunc li input#Login { width:166px; }
ol#formUsuarioSistemaFunc li input#SenhaAtual { width:166px; }
ol#formUsuarioSistemaFunc li label#lblSenhaAtual { xwidth:67px; }
ol#formUsuarioSistemaFunc li input#NovaSenha { width:166px; }
ol#formUsuarioSistemaFunc li label#lblNovaSenha { xwidth:67px; }
ol#formUsuarioSistemaFunc li input#ConfSenha { width:166px; }
ol#formUsuarioSistemaFunc li label#lblConfSenha { xwidth:67px; }

ol#formUsuarioSistemaFunc li button { margin:0 0 0 100px; }




/*
ABAS DO SISTEMA DE CLIENTES
************************/

ul#aba {
	list-style:none;
	margin:30px 110px 10px 110px;
	float:left;
}
ul#aba li {
	display:inline;
	margin:auto;
}
ul#aba li a {
	background:url(../img/aba_right.gif) no-repeat top right;
	padding:0px 5px 0 0;
	float:left;
	margin-right:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#333;
	outline:0;
}
ul#aba li a.ultimo {
	margin-right:0px;
}
ul#aba li a span {
	background:url(../img/aba_background.gif) no-repeat top left;
	padding:8px 3px 5px 7px;
	display:block;
	float:none;
}
ul#aba li a:hover, 
ul#aba li a.atual { background-position:bottom right; color:#555; }

ul#aba li a:hover span,
ul#aba li a.atual span { background-position:bottom left; }

ul#aba li a.atual { font-weight:bold;}
















.conserto { display: inline-block; }   
.conserto:after, #container:after, #topo:after, #meio:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .conserto { height: 1%; }
.conserto { display: block; }