/* GERAIS E ESTRUTURA */
.clr{clear:both;}
a{outline:none;color:#ee3024;text-decoration:none;}
a:hover{text-decoration:underline;color:#c00;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}

body{background:#d1d1d1 url("../img/deg.jpg") repeat-x 0 0;font:12px "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-Serif;color:#777777;text-align:center;}
#tudo{width:958px;text-align:left;margin:0 auto;}
#tudo #backgrounds{width:958px;height:494px;overflow:hidden;}
#tudo #backgrounds .item{width:958px;height:494px;overflow:hidden;position:absolute;}
#tudo #corpo{width:958px;height:494px;margin-top:-494px;}
#tudo #rodape{font:100% Arial, Tahoma, Sans-Serif;color:#808080;height:40px;margin-top:-13px;text-align:center;}
#tudo #rodape #rodapebyflex{text-align:left;float:left;width:30%;}
#tudo #rodape #rodapenav{float:right;}
#tudo #rodape #rodapenav ul{overflow:hidden;margin-right:-16px;}
#tudo #rodape #rodapenav ul li{margin-right:-1px;border-right:1px solid #808080;float:right;}
#tudo #rodape #rodapenav ul li a{color:#454545;display:block;float:right;padding:0 16px 0 14px;font-size:90%;text-decoration:none;}

/* TOPO */
#tudo #topo{height:80px;clear:both;}
#tudo #topo h1{float:left;}
#tudo #topo h1 a{display:block;height:80px;width:204px;text-indent:-9999px;overflow:hidden;}
#tudo #topo h1.logoworkwear a{background:url("../img/logosantista.gif") no-repeat 0 0;}
#tudo #topo h1.logoinstitucional a{background:url("../img/logoinstitucional.gif") no-repeat 0 0;}

#tudo #topo #cxselectportal{float:right;clear:right;margin:15px 0 0 0;}
#tudo #topo #cxselectportal p{float:right;}
#tudo #topo #cxselectportal select{float:left;}
#tudo #topo #cxselectportal label{float:left;margin:1px 6px 0 15px;width:18px;height:18px;overflow:hidden;display:block;}
#tudo #topo #cxselectportal label#labelSelectLoca{text-indent:-9999px;background:url("../img/icoportais.gif") no-repeat 0 0;}
#tudo #topo #cxselectportal label#labelSelectIdio{background:#ccc;color:#fff;text-transform:uppercase;font:10px "Trebuchet Ms", Verdana, Arial, Tahoma, Sans-Serif;text-align:center;line-height:18px;}
#tudo #topo #cxselectportal label#labelSelectLoca.br{background:url("../img/icobr.gif") no-repeat 0 0;}

#tudo #topo #topobarranavaux{float:right;clear:right;margin-top:10px;height:25px;width:700px;}
#tudo #topo #topobarranavaux ul{display:block;height:25px;float:right;}
#tudo #topo #topobarranavaux ul li{display:block;float:left;margin-top:8px;clear:none;}
#tudo #topo #topobarranavaux ul li a{overflow:hidden;height:14px;display:block;float:left;color:#454545;font:90% Arial, Tahoma, Sans-Serif;text-decoration:none;padding:0 16px 0 0;}
#tudo #topo #topobarranavaux ul li.ativo a{color:#ee3024;}
#tudo #topo #topobarranavaux ul li a img{margin-right:5px;margin-bottom:-3px;float:left;}
#tudo #topo #topobarranavaux ul li a:hover img{margin-top:-24px;}
#tudo #topo #topobarranavaux #topobusca{float:right;margin-top:4px;padding-right:3px;width:167px;}
#tudo #topo #topobarranavaux #topobusca input{float:right;border:1px solid #d3d3d3;height:17px;width:139px;font-size:110%;color:#888888;padding:0;padding-top:2px;}
#tudo #topo #topobarranavaux #topobusca a.bt{float:right;background:url("../img/icobusca.gif") no-repeat center 3px;width:23px;height:21px;text-indent:-9999px;overflow:hidden;}
#tudo #topo #topobarranavaux #topobusca a.bt:hover{background-position:center -20px;}

/* LISTADOR ESPECIAL */
#tudo #corpo ul.lista{width:200px;position:absolute;top:115px;left:50%;margin-left:118px;}
#tudo #corpo ul.lista li{overflow:hidden;background:url("../img/box.gif") no-repeat right 15px;padding:15px 0 8px 0;}
#tudo #corpo ul.lista li:hover,
#tudo #corpo ul.lista li.over{background-position:left 15px;}
#tudo #corpo ul.lista li:hover a.tit_cont,
#tudo #corpo ul.lista li.over a.tit_cont{color:#ee3024;}
#tudo #corpo ul.lista li a.tit_cont{height:20px;padding:10px 0 10px 57px;color:#ee3024;font:130% Arial, Tahoma, Sans-Serif;text-decoration:none;display:block;}
#tudo #corpo ul.lista li .subbloco{padding:12px 6px;height:242px;}
#tudo #corpo ul.lista li .subbloco .img_cont{}
#tudo #corpo ul.lista li .subbloco ul{margin:10px 0 0 6px;overflow:hidden;}
#tudo #corpo ul.lista li .subbloco ul li{background:none;padding:0;margin:-2px 0 0 0;height:auto;border-top:2px solid #e4e4e4;}
#tudo #corpo ul.lista li .subbloco ul li a{line-height:20px;display:block;color:#333333;font-size:110%;font-weight:bold;text-decoration:none;padding:0 0 0 9px;background:url("../img/blt.gif") no-repeat 0 center;}
#tudo #corpo ul.lista li .subbloco ul li a:hover{background:url("../img/bltactive.gif") no-repeat 0 center;}