* {margin:0;padding:0;}
body {
  font: 62.5%/1.6 Arial, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  text-align: center; 
}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h1,h2,h3,h4{color:#0C4B7B;font-weight:bolder;}
p {font-size: 1.2em;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear: both;}
.fsFocus{border: 0.2em solid #FE8400;*border: 0.15em solid #FE8400;}
.frBody input:focus{background-color:#E0FCF8;} /* Janelas */
body#panel #respContainer input:focus{background-color:#E0FCF8;} /* Painel */
.page #centred{
  width:89%;
  margin:0 auto;
  text-align:left;  
  margin-bottom:3em;
  padding-bottom:1em;
  max-width:900px;
  min-width:770px;
  min-height:30em;
  _width: expression(document.body.clientWidth > 1200 ? "900px" : "89%"); /* IE6 */
   background:url(../img/bg_dkgreen.png) repeat-x;
}
.page #centred #outer{width:100%;background:url(../img/shdw_left.jpg) repeat-y left top;}
.page #centred #inner{width:100%;background:url(../img/shdw_right.jpg) repeat-y right top;}
.page #centred #center{margin:0em 2em 0em 2em;padding:0em 1em 1em 1em;border-bottom:0.1em solid #eee;}
.page img{margin:0 1em}
.page p,ol{margin:1em;}
.page h1,h2{margin:0.2em 0.6em;}
.page h1{color:#fff; line-height:1.6em;height:1.6em;}
.page h3{margin:1em 0em 0em 0.8em; font:bolder 1.3em Arial,Tahoma;}
.page p,li,div.navHelp{  
  font-family:Tahoma,Arial;
  font-size:1.1em;
  letter-spacing:0.1em;
}
.page div.navHelp{font-weight:normal;margin:0.5em;letter-spacing:0;text-align:center;background:url(../img/arrow.png) no-repeat 100% 50%;width:10em;}
.page div.navHelp a{float:left;font:1.2em Arial,"Lucida Grande",Verdana;color:#fff;}
.page code{font-size:1.3em; *font-size:1.1em; color:#0C4B7B;}
.page ol{font-weight:bold;}
.page ol li h3{margin:0em; font-size:1.1em;}
.page ol li{margin:0em 0em 1em 2em;}
.page li span{font-weight:normal;}
.page li ol{list-style-type:decimal; margin:0;}
.page li ol li ol{list-style-type:lower-alpha;}
.page ol.termos li ol{list-style-type:lower-alpha; margin:0;}
.page ol.termos li ol li ol{list-style-type:lower-roman;}
.page li ol li{font-size:1em; margin:0em 0em 0.7em 2em;}
#container {
  background-color:#fff;
  width:100%;     
  text-align:left;
}
#header {
  font-size: 1.2em;  
  padding:0;
  margin-bottom:0em;
  *margin-bottom:2em;
}
#headerTopLinks,#footer{
    font:0.9em Tahoma,Arial; color: #686b6c;
    padding: 0em 3em; height:2.1em; line-height:2.1em;
    border:0.1em solid #eee;
    margin-bottom:1em;
    background:url(../img/bg_top.png) repeat-x;
}
#headerTopLinks .right{float:right;}
#headerTopLinks .left{float:left;}
#headerTopLinks a,#footer a{color: #686b6c;}
#header #subHeader{
    margin:0 auto; text-align:center;
    max-width: 1000px;    
    _width:expression(document.body.clientWidth > 1200? "1000px" : "100%");
}
#logotipo {padding:0 0 1em 1em; float:left;}
.home #logotipo {padding:0em;float:none;}
#logotipo img,#topbanner img{border: none;}
#topbanner{float:left; margin-left:7em;width:400px; height:45px;}
#content {
  padding:1em 2em; 
  _padding:0em 2em; /* P/ IE6 */
}
#footer {
  font-size: 1.1em;
  height:3em; line-height:3em;
  background:url(../img/bg_foot.png) repeat-x;
  border:none;
  border-top:0.1em solid #eee;
  margin-bottom:0em;
}
#home{text-align:center;*margin-bottom:2em;margin-top:2em;}
#home #centred{
  width:90%;  
  margin:0 auto;
  text-align:center;
  max-width:900px;
}
#home #frBusca {  
  height:1%; width:55em;
  margin:0 auto;
  position:relative;
  font-size: 1.2em;  
  text-align:left;
}
#frBusca div.rdt{
  display:inline;
  margin:0.3em;
  *margin:0;  
  font-size:0.9em;
}
#frBusca div.rdt input{height:1em; width:1em;margin:0.3em;}
#home #frBusca p{font-size: 1em;}
#frBusca label{margin:0em 0.6em 0em 0.2em;*margin-left:0;}
#frBusca input{font-size: 1.1em;padding: 0.1em;}
#frBusca #txBusca{
  width: 30em;  float:left;
  margin:0em 0.5em 0.2em 0em;
  letter-spacing:0.1em;
  padding-left:0.1em;
}
#frBusca #btBusca{  
  font-size:1.1em; border:none; font-weight:bold;
  margin-bottom:0.25em;
  background-color:transparent;
  width:8em;
  height:1.3em; line-height:1.3em;
}
#containerBtBusca{
  float:left;  
  border:0.1em solid #3E91B8;
  background-image:url(../img/bg_bt.jpg);
}
#frBusca #frSpacer{height:10em;*height:8em;}
#home .info{
  z-index:-1;
  height:24em; padding:0em;  
  background: url(../img/shadow.gif) no-repeat 99% 100%;
  border-left:0.1em solid #EEE; border-top:0.1em solid #EEE;
}
#home .info div{
  float:left;
  height:23em; width:33%;
  color:#000; border-right:0.1em solid #EEE;
}
#home .info div.last{border-right:none;}  
#home .info div div{
  width:90%; height:12em; border:none;
  font: 0.95em Tahoma,Arial,"Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
  padding:0.5em; line-height:1.4em;
  _padding:0.7em; _line-height:1.5em;
   background-color:#fff;
  }
#home .info div img{margin:0.8em 0em 0em 0.3em; _margin:0;}  
#home .info div a{
  width:4.3em; background:url(../img/arrow.png) no-repeat 100% 50%;
  color:#133891; text-decoration:underline; float:right;
  }
#home .info div a:hover{text-decoration:none;}
#home .info h4{
  font-size:1em; letter-spacing:0.2em; text-align:center; color:#FFF;
  height:1.8em; line-height:1.8em; 
  width:100%; margin:0em; padding:0em; 
  border-bottom:1px solid #EEE;
  background:url(../img/bg_dkgreen.png) repeat-x;
}
#home .subnav{margin:3em 0em;*margin:2.8em 0em 1.4em 0em;}
#home .subnav a,#home .lkSeparator{font-size:1.2em;margin:0 0.5em;}
body#show #file, body#show #text{float:left;}
body#show #file a{font-size:1.1em; letter-spacing:0.1em;}
body#show #file{text-align:center;width:19%;}
body#show #text{width:78%;min-height:30em;}
body#show p{margin-top:0.3em;}
body#show h3,body#show h4{
  font-size:1.2em;  
  margin:0em 0em 0em 1em;  
  color:#0C4B7B;
}
body#show h4{font-size:1.1em; margin-bottom:1em;}
body#show #text.empty{height:30em;}
body#show #logo{ /* Logo da empresa */
  float:left;
  margin:1em;
  border:none;
}                                                             
#panel #centred{
  min-width:800px;
  _width:expression(document.body.clientWidth > 1200 ? "900px" : "92%");
  _width:expression(document.body.clientWidth < 900  ? "800px" : "900px");
}
#panel #centred #center{margin:0em 1em 0em 1em;padding:0em 1em 1em 1em;border-bottom:0.1em solid #eee;}
#panel #main{
  font-size: 1.2em;
  margin: 0em 0.5em 1em 0.5em;
  padding:1em;  
  min-height:25em;
  _height:25em;  
}
#nav{float:left; width:12em; margin-left:0; background: url(../img/bot-left.gif) no-repeat left bottom;}
#nav #bot-right{width:12em; background: url(../img/bot-right.gif) no-repeat right bottom;}
#nav #top-left{width:12em; background: url(../img/top-left.gif) no-repeat left top;}
#nav #top-right{padding:0.5em; width:11em; background: url(../img/top-right.gif) no-repeat right top;}
#nav .nav{
    width:11em;    
    font:0.9em Tahoma,Arial; text-align:left;    
    padding:0.4em 0em 0.4em 0em; margin:0.5em;    
    border-bottom:0.1em solid #ddd;
    background-color:#F3F3F3;
}
#nav .nav a{color:#686B6C; text-decoration:none;}
#nav .nav a:hover, #nav .selected a{
  color:#0C4B7B; font-weight:normal; padding-left:1em; 
  background:url(../img/arrow.png) no-repeat 0% 50%;
}
body#panel #respContainer{float:left;margin: 0em 0em 0em 2em;}
body#panel #respContainer #start{width:45em;}
body#panel #respContainer #start h2{font-size:1.2em;}
body#panel #respContainer #start p{margin-left:0;font-size:0.9em;}
body#panel #respContainer #start img{float:left; margin:1em 1em 1em 0;}
body#panel #respContainer #start span{color:#0C4B7B;}
body#panel #respContainer #frUser{_width:22em;} /* IE 5.5/6 */
body#panel #respContainer #frSupp, body#panel #respContainer #frProd, body#panel #respContainer #frServ{_width:44em;} /* IE 5.5/6 */                                                                                                                        
body#panel #respContainer #help h3{font-size:1em;height:1.5em;margin:1em 0em;background:url(../img/icons/help.jpg) 0% 50% no-repeat;padding-left:2em;}
body#panel #respContainer #help a{font-size:0.8em; margin:1em 0em;}
body#panel #respContainer #help ul{margin-left:1.5em;}
body#panel #respContainer fieldset{padding:0em 1em 1em 1em;}
body#panel #respContainer fieldset legend{  
  padding:0.2em 1em;
  margin-left: 1.5em;  
  font: 0.95em Tahoma,Arial,"Lucida Sans","Lucida Sans Unicode",Verdana, sans-serif;  
  font-weight:bolder;  
  color:#686B6C;
  background:url(../img/bg_blue.png) repeat-x;
}
body#panel #respContainer fieldset legend{border:0.1em solid #ddd;}
body#panel #respContainer fieldset{border:0.1em solid #DDE7EB;}
body#panel #respContainer fieldset#fsSupp legend {background-color:#d5f2f9;}
body#panel #respContainer fieldset#fsProd legend {background-color:#F9F4BB;}
body#panel #respContainer fieldset#fsServ legend {background-color:#caffcb;}
body#panel #respContainer fieldset .left{float:left;margin-right:1em;}
body#panel #respContainer fieldset .right{float:left;}  
body#panel #respContainer .text, body#panel #respContainer textarea{  /* Propriedades comuns p/ campos text e textarea. */
    font-family:Tahoma,Arial;
    letter-spacing:0.15em;
    font-size:0.9em;    
    padding: 0.1em 0.3em;
    margin-bottom:0.5em;
}
body#panel #respContainer .text{  /* Campos de texto */      
    width:20em;    
    heig\ht:1.3em; /* Barra invertida - hack p/ IE5 */
}
body#panel #respContainer textarea{width:44em;}
body#panel #respContainer .select{  /* Selects */
    height:1.8em;
    *height:2em; /* IE's */
    width:21em;
    letter-spacing:0em;    
}
body#panel #respContainer .select#cp1, body#panel #respContainer .select#cp2, body#panel #respContainer .select#cp3{ /* Fundo dos selects de cat. de produtos */
    background-color:#FDF3D8;
    border:0.1em solid #7F9DB9;
}
body#panel #respContainer .select#cs1, body#panel #respContainer .select#cs2, body#panel #respContainer .select#cs3{ /* Fundo dos selects de cat. de serviços */
    background-color:#E0FCF8;
    border:0.1em solid #7F9DB9;
}
body#panel #respContainer fieldset label,body#panel #respContainer fieldset .buttons span{ /* labels e texto de data de alteração do registro */
    font-family:Tahoma,Arial;
    font-size:0.95em;
    margin:0em 0.6em 0em 0.2em;
}
body#panel #respContainer fieldset input.button{ /* Botões */    
    width:6em;
    float:right;
    *float:none; /* Evitar bug IE7 */
    _float:right; /* Não afetar IE6 */
    font-size:0.95em;
    padding:0.1em 0em;    
    letter-spacing:0em; /* Op */
}
body#panel #respContainer fieldset input.save, body#panel #respContainer fieldset input.del{width:10em;}
body#panel #respContainer fieldset input.del {font-weight:bolder;}
body#panel #respContainer fieldset .buttons{  /* Faz o papel do float:right acima nos IE's */
  *text-align:right;  
  _margin-right:1em; /* IE 5.5/6 */
}
body#panel #respContainer fieldset label.agree, body#panel #respContainer fieldset input#agree, body#panel #respContainer fieldset .buttons span{
    margin-left:0.4em;
    *margin-left:0.2em;
    float:left;
}
body#panel #respContainer #panelList *{font-family:Arial;font-size:1em;}
body#panel #respContainer #panelList h3{    
    color:#46474C;
    font-size:1.1em;
    text-align:center;
    font-weight:bolder;
    border:0.1em solid #ddd;
    margin:0em 0em 1em 0em;
    height:1.5em; line-height:1.5em;
}
body#panel #respContainer #panelList, body#panel #respContainer #panelList h3{width:43em;}
body#panel #respContainer #panelList h3{width:42em;}
body#panel #respContainer #panelList p{
    margin-bottom:0.8em;
    padding:0em;
    line-height:1.3em;
}
body#panel #respContainer #panelList p span{font-family:Tahoma,Arial;font-size:0.9em;}
body#panel #respContainer #panelList h3#hdProd{background:url(../img/bg_yellow.png) repeat-x;}
body#panel #respContainer #panelList h3#hdServ{background:url(../img/bg_green.png) repeat-x;}
body#panel #respContainer #panelList ul.pagination{font-size: 0.9em;}
body#list #header{
    height: 8em;
    _height: 9em;
    margin:0;
}
body#list #headerContainer{width: 65em;}
body#list #header #logotipo{
    margin-top:1em;
    width:15em;
    height:2em;
    float:left;
}
body#list #respContainer{
    width:100%;
    margin:0 auto; text-align:left;
    max-width:1200px;
    _width:expression(document.body.clientWidth > 1200? "1200px" : "100%"); /* IE6 */
}
body#list #searchInfo{ /* Informações da busca */
    font-size: 1.2em;
    text-align: right;
    padding-right:1.5em;
    margin:0em;
    background:url(../img/bg_green.png) repeat-x;
    border:0.1em solid #ddd;
}
body#list #searchInfo span{ /* Destaque do termo da busca */
    font-weight: bolder;
    color: #133891;
}
body#list #mainBlock{
    float:left;
    width:85%;
    margin:0em;
}
body#list #rightBlock{
    float:right;
    height:38em;
    width:10%;
    margin: 0em;
    border:none;
}
body#list #mainBlock p{width:95%;margin: 1em 0em;}
body#list #mainBlock p span{
    width:auto;
    padding-left:1.1em;
    margin-right:0.8em;
    text-align:right;   
}
body#list #mainBlock p span.folder{
  padding-left:1.2em;
  background:url(../img/icons/folder.jpg) no-repeat 0% 50%; 
}
body#list #mainBlock p span.image{  
  padding-left:1.4em;
  background:url(../img/icons/image.jpg) no-repeat 0% 50%; 
}
body#list #mainBlock p span.site{
  padding-left:1.4em;
  *padding-left:1.3em;
  background:url(../img/icons/site.jpg) no-repeat 0% 50%; 
}
body#list #frBusca{width:45em;float:left;}
body#list #frBusca #txBusca{width: 30em;}
body#list #lupa{margin-right:0.5em;*margin-right:1em;}
body#list h2{font-size:1.7em; margin:0.5em 0em 0.3em 0em;}
body#list h3{  
  font-size:1.2em;
  line-height:2em; 
  font-weight:normal;
}
body#list h3 b{  
  color:#0C4B7B;
  border:1px solid #FE8400;
  background-color:#eee; /*#F0F0F0;*/
  padding:0 0.3em;
}   
.aTitle {font-size:1.25em;}
a.aTitle:visited{color:#663399;}

body#panel .aTitle {    /* Links dos resultados no painel de controle */
    font-size:1.0em;
    font-weight:bolder;
}                      /* Dicas de formulário */
.tip{
  font-family:Tahoma,Arial;
  letter-spacing:0;
  font-size:0.9em;  
  color:#133891;
}
.tip a{color:#AA190F;}
.frBox{
  position:absolute; 
  background-color:#FAFAFA;  
  border:0.1em solid #0055EA;
  font-size:1.1em; 
}
.frBody{
  font-family:Tahoma,Arial;
  padding:1em;
  letter-spacing:0.15em;
}
.frBody input.text,.frBody select{
  font-family:Tahoma,Arial;
  font-size:1em;
  letter-spacing:0.15em;
  margin-bottom:0.5em;
  padding: 0.1em 0.3em;
  width:17em;
  heig\ht:1.3em; /* Barra invertida - hack p/ IE5 */
}
.frBody select{height:2em;width:26em;}
.frBody input.show{width:25em;}
.frBody div{text-align:right;padding-top:1em;}
.frBody input{ /* Botões */
    font-family:Tahoma,Arial;
    width:6em;
    padding:0.1em 0em;
    font-size:1em;
    letter-spacing:0em; /* Op */
}
.frHeader{    
    background-image:url(../img/dialog/bg_hd.gif);
    color:#46474C;
    border-bottom:0.1em solid #0055EA;
    font-weight:bolder;
    padding:0.3em 0.5em 0.2em 0.5em;
    _width:100%;
    cursor:move;
    height:1.5em;
    line-height:1.5em;
}
.frTitle{float:left;}
.xClose{float:right;cursor:default;}
#frLoginBox, #frRecoverBox{                /* Formulário de Login */
  left:32%;
  top:31%;
  width:20em;
  _width:19em;
}
#frRegistBox{
  left:34%;
  top:28%;
  width:20em;
  _width:19em;
}   
#frSuppRecBox, #frSuppMailBox, #frIndexMailBox, #frIndexRecBox,#frProdRecBox, #frServRecBox{                
  left:25%;
  top:25%;
  width:29em;
  _width:28em;
}   
.frSearch{left:70%; top:15%; *top:16%;font-size:0.9em;}
#home .frSearch{z-index:2;}
body#list .frSearch{left:60%; top:16%; *top:17%;}
body#list #frSuppCategBox.frSearch, body#list #frProdCategBox.frSearch, body#list #frServCategBox.frSearch{
  left:15%;
  _left:13%; /* IE6 */
  top:23%;
  *top:24%;
  width:55em;
}
#home #frSuppCategBox.frSearch, #home #frProdCategBox.frSearch, #home #frServCategBox.frSearch{
  left:0%;  
  top:20%;
  *top:22%;
  width:55em;  
}
#optionBox,#categBox{float:left;}
#categBox .frBody{
  padding:0.2em;
  padding-left:0.5em;
  letter-spacing:0.1em;
}
#categBox .sel2{float:left;width:auto;}
#categBox .sel{display:inline;padding:1em;}
#categBox .spacer{height:0.2em;}
#categBox .sel a{padding:0.3em 0.3em;}
#categBox .frBody p{margin:0; padding:0;}
#categBox p{    
  float:left;
  width:18em; height:2em;
  font-size:1em;
  text-align:left;
}
#categBox input,#categBox label{  
  width:auto;
  margin:0.2em;
  *margin:0em;
  padding:0em;
}
#categBox .buttons{text-align:right;padding:0.5em;}
#categBox .buttons input{  
  width:6em;
  padding:0.1em 0em;
  font-size:1em;
  letter-spacing:0em; /* Op */  
}
#searchContainer{position:absolute;display:inline;}
#opContainer,#catContainer{
  width:7em;  
  float:left;  
  *padding-top:0.2em;
}
#catContainer{width:6.3em;margin-right:0.5em;}
.checked{background:url(../img/checked.gif) no-repeat 100% 50%;}
#frSuppOptionBox,#frProdOptionBox,#frServOptionBox{width:17em;*width:18em;}
#frSuppOptionBox input, #frSuppOptionBox input.text,#frProdOptionBox input, #frProdOptionBox input.text,
#frServOptionBox input, #frServOptionBox input.text{  
  font-size:1em;
}
#frSuppOptionBox input.text,#frProdOptionBox input.text,#frServOptionBox input.text{  
  letter-spacing:0.15em;
  margin-bottom:0.5em;   
  width:14em;
  heig\ht:1.3em; /* Barra invertida - hack p/ IE5 */
}
#frSuppOptionBox select,#frServOptionBox select{
  height:1.8em;
  *height:2em; /* IE's */
  font-size:1em;
  width:14.5em;
  letter-spacing:0em; /* Op */
  margin-bottom:0.4em;
}
#frSuppOptionBox .ck, #frProdOptionBox .ck, #frServOptionBox .ck{width:auto;}
#frSuppOptionBox .frBody p, #frProdOptionBox .frBody p, #frServOptionBox .frBody p{  
  margin-top:0.5em;
  *margin-top:0;
  font-size:1em;
}
#imgBox{                   /* Caixa de imagem de produto */
  position:absolute;  
  border:none;  
  background-color:transparent;  
  width:5em; /* Só p/ evitar erro nos IE's */
  cursor:move;
}
#imgBox img{cursor:default;}
#imgHeader{
    font-size:1.1em;
    border:0.1em solid #0055EA;
    border-bottom:none;
    padding:0.2em 0.5em 0.2em 0.5em;    
    width:7em;
}
#imgBox #img{border:0.1em solid #0055EA;}
#p1 #panel1{
  font-family:Tahoma,Arial;
  font-size:1.1em;  
  border:0.1em solid #0055EA;  
}
#p1 #panel1 #hd{
  background-image:url(../img/dialog/bg_hd.gif);
  border-bottom:0.1em solid #0055EA;
  color:#46474C;
}
#p1 #panel1 #bd #ic, #p1 #panel1 #bd #tx{  
  line-height:1.5em;
  float:left;
}
#p1 #panel1 #bd #ic{
  margin-left:1em;
  _margin-left:0.5em;
  width:8%;
}
#p1 #panel1 #bd #tx{width:88%;_width:83%;}
#p1 #panel1 #bd #bt{text-align:right;}
#p1 #panel1 #bd #bt input{font-size:1em;width:6em;}
a {text-decoration: underline;color: #133891;}
a:hover {text-decoration: none;}
a.selected {
  text-decoration:none;
  font-weight:bolder;
  color:#133891;
  cursor:text;
}
#frBusca a.selected {  
  padding-left:1em;
  *padding-left:0.9em;
  background:url(../img/arrow.png) no-repeat 0% 50%;
}
span.lkSeparator{margin:0em 0.3em;}
ul.tab {float:left;list-style:none;}
ul.tab li {
  float: left;
  background: url(../img/tab-right.gif) no-repeat top right;
  margin-right: 1em;  
}
ul.tab li a {
  padding: 0 0.6em 0 1.2em;
  line-height: 2em;
  background: url(../img/tab-left.gif) no-repeat top left;
  text-decoration: none;
  color: #fff;
  display: block;
  float: left;  
}
ul.tab a:hover {color: #333;}
ul.pagination{
    list-style: none;
    font-size:1em; font-family:Tahoma,Arial;
    letter-spacing:0;
}
ul.pagination li{float: left;margin:3em 0em;}
ul.pagination li a{
    float: left;
    border:0.1em solid #ddd;
    padding:0em 0.5em;
    display: block;
    margin:0em 0.2em;
    text-decoration:none;
}
ul.pagination a:hover,ul.pagination li.current a{
    border:0.1em solid #FE8400;
    font-weight:bolder;
    background-color:#f0f0f0;
}

ul.pagination li.current a{text-decoration:none;cursor: text;}