/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; }
td { vertical-align:middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

hr { height:1px; color:#CD5257; background-color:#CD5257; border:0; }
hr.separador_titulo { background:#ccc; color:#ccc; height:4px; border:0; }

/*--- Menu default ---*/
a:link { color: #00558D; }
a:visited { color: #00558D; }
a:hover { color: #C1272D; }
a:active { color: #00558D; }


/*--- Menu Principal Topo ---*/
ul.menu { margin:0; padding:0; list-style:none; font-family:Calibri; font-size:15px;  }
ul.menu li { float:right; }
ul.menu li a { color:#EEE; text-decoration:none; padding:16px; border-right:1px #1B708F solid; display:block; }
ul.menu li a:hover { color:#FFF; text-decoration:underline; background:#2397C2; }
ul.menu li a.menuSelecionado { color:#333; background:#FFF; cursor:default; }

/*--- Menu Lateral ---*/
ul.menuLateral { margin:0; padding:0; list-style:none; font-family:Calibri; font-size:15px;  }
ul.menuLateral li { float:left; width:170px; }
ul.menuLateral li a { color:#2087AF; text-decoration:none; padding:4px 0 4px 5px; display:block; }
ul.menuLateral li a:hover { color:#FFF; background:#2087AF; }

/* ESTRUTURA */
body { font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:14px; color:#333; } 

#tudo { float:left; width:100%; }
#menu { float:left; width:100%; margin:0; background:#2087AF; border-bottom:1px #0E5F7F solid; }
#menu #menuCenter { width:1000px; height:50px; margin:0 auto; }
#topo { float:left; width:100%; margin:0; background:#F2F2F2; }
#topo #topoCenter { width:1000px; height:160px; margin:0 auto; }
#topoEscrita { float:left; width:810px; height:160px; background:url(imagens/bhTopo.png) no-repeat; }
#rodape { float:left; width:100%; margin:0; background:#F2F2F2; border-top:1px #E4E4E4 solid; }
#rodapeCenter { width:1000px; height:80px; margin:0 auto; }
#conteudo { float:left; width:100%; }
#conteudoCenter { width:1000px; margin:20px auto; overflow:hidden; }
#conteudoRigth { float:right; width:770px; margin:0; background:#F9F9F9; border:1px #E6E6E6 solid; }
#menuLateral { float:left; width:170px; margin:0 20px 0 0; background:#F9F9F9; border:1px #E6E6E6 solid; padding:15px; }

.logo { float:left; width:190px; height:190px; margin:-40px 0 0 0; background:url(imagens/logoSindicato.png) no-repeat; }
.logo a h1 { width:190px; height:190px; display:block; text-indent:-9999px; }
.div510Left { float:left; width:510px; margin:30px 0 0 0; padding-left:15px; }
.div200Rigth { float:right; width:185px; margin:30px 0 0 0; padding-right:15px; }
.div740Center { float:left; width:740px; margin:40px 15px; }
.divSeparador { float:left; width:245px; height:110px; margin:40px 0 0 0; }
.fotoPresidente { float:left; width:200px; height:130px; margin:0 15px 0 0; }
.divTitulo { float:left; width:730px; padding:15px 0; margin:0 20px; }
.conteudoSeparandoTudo { float:left; width:730px; padding:20px 0; margin:0 20px; border-top:1px #CCC solid; }
.diretoriaFoto { float:left; width:150px; height:200px; margin-right:20px; border:1px #CCC solid; }
.galeriaImgPri { float:left; width:355px; height:237px; margin:0 20px 10px 0; border:1px #CCC solid; }
.galeriaSeparando { float:left; width:203px; height:230px; margin:12px; padding:7px; border:1px #CCC solid; }
.galeriaSeparando:hover { border:1px #C00 solid; }
.conveniosSeparaEmpresa { float:left; width:700px; background:#F4F4F4; border:1px #E0E0E0 solid; padding:10px; margin-top:10px; }
.conveniosTitulos { float:left; width:680px; background:#EBEBEB url(imagens/imgBaixo.png) no-repeat right; border:1px #CCC solid; padding:10px 20px; margin-top:20px; }
.conveniosTitulos:hover { border:1px #C00 solid; }
.agradecimento { float:left; width:100%; background:#d5edd4; color:#003d00; margin-bottom:15px; padding:25px 0; }
.facebookCurtir { float:left; width:710px; border:1px #CCC solid; border-radius:10px; margin:0 15px 40px 15px; padding:15px; }

/* FONTES */
.fonteMenuTitulo { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:18px; color:#333; }
.fonteTituloConteudo { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:22px; color:#2087AF; }
.fonteTituloConteudo1 { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:25px; color:#999; }
.fonteSubTituloConteudo { font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:18px; color:#5B5B5B; }
.txtRodape { font-size:12px; color:#333; margin:0; }

/* Status */
.statusAtivo { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -557px -61px; }
.statusAtivoPB { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -520px -61px; }
.statusPendente { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -557px -93px; }
.statusPendentePB { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -520px -93px; }
.statusDesativado { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -557px -128px; }
.statusDesativadoPB { float:left; width:23px; height:23px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -520px -128px; }
.iconeCliente { float:left; width:90px; height:27px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -595px -94px; }
.iconeClientePB { float:left; width:90px; height:27px; background: url("imagens/vinhetas/elementos.png") no-repeat scroll -595px -61px; }



/* DIVERSOS */

.floatRight { float:right; }
.floatNone { float:none; }
.colorLaranjaPE { color:#F58634; }
.colorVermelho { color:#C1272D; }
.colorCinza666 { color:#666; }
.bold { font-weight:bold; }
.border0 { border:0; }
.fontSize26 { font-size:26px; }
.fontSize16 { font-size:18px; }
.fontSize15 { font-size:15px; }
.fontSize14 { font-size:14px; }
.fontSize13 { font-size:13px; }
.fontSize12 { font-size:12px; }
.margin0 { margin:0; }
.marginButtom20 { margin-bottom:20px; }
.marginButtom10 { margin-bottom:10px; }
.width300 { width:300px; }
.width415 { width:415px; }
.textUnderline { text-decoration:underline; }
.textAlignRight { text-align:right; }
.textAlignJustify { text-align:justify; }
.textAlignCenter { text-align:center; }


.colonia-ferias { float:left; width:100%; margin-top:30px; }
.colonia-ferias img { float:left; width:48%; margin:1%; }


/* CAIXAS FORM */

.caixa01 { width:200px; padding:6px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#F5F5F5; border:1px #E9E9E9 solid; }
.caixa01:focus { background:#f7f6f6; border:1px #ccc solid; }
.caixa02 { float:left; width:400px; padding:8px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:20px; color:#333; background:#F5F5F5; border:1px #E9E9E9 solid; }
.caixa03 { width:330px; padding:12px 8px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:15px; color:#333; background:#F5F5F5; border:1px #E9E9E9 solid; margin:15px 0 0 0; }
.caixa03:focus { background:#f7f6f6; border:1px #ccc solid; }
.caixaMsg { width:710px; height:80px; padding:12px 8px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:15px; color:#333; background:#F5F5F5; border:1px #E9E9E9 solid; margin:15px 0 0 0; }
.caixaMsg:focus { background:#f7f6f6; border:1px #ccc solid; }

.cxFormularios { float:left; width:424px; padding:6px 8px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:15px; color:#333; background:#FFF; border:1px #d4d4d4 solid; margin:0 5px 4px 0; }


.facebook { float:left; width:38px; height:38px; background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -662px -173px; }
.facebook:hover { background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -662px -235px; }
.twitter { float:left; width:38px; height:38px; background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -724px -173px; }
.twitter:hover { background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -724px -235px; }
.blog { float:left; width:38px; height:38px; background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -598px -172px; }
.blog:hover { background: url("sistema/imagens/vinhetas/elementos.png") no-repeat scroll -598px -235px; }


.botao { padding:10px; background:#F58634; border:1px #F58634 solid; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; cursor:pointer; }
.botao:hover { background:#e26e19; border:1px #e26e19 solid; }
.botaoVer { padding:4px 8px; background:#AD0F1E; border:1px #910003 solid; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; cursor:pointer; }
.botaoVer:hover { background:#D31225; }

.btn { float:left; padding:10px 12px; font-family:Calibri, Arial, Helvetica, sans-serif; background:#16ad65; border:1px #16ad65 solid;  font-size:18px; color:#FFF; cursor:pointer; }
.btn:hover { background:#44dd93; border:1px #44dd93 solid; }