@charset "utf-8";

/*..... Structure .....*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { margin:0 auto; background:url(../imagens/bg_body.jpg) fixed repeat-x; font:12px Georgia, Verdana, Tahoma; color:#666; }
.wrap { width:1008px; background:#FFF url(../imagens/bg_wrap.gif) repeat-y; margin:0 auto; }

.header .name a { width:210px; height:91px; background:url(../imagens/logo_sinprodf.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; margin-left:15px; }
.header { width:1008px; height:87px; background:url(../imagens/bg_header.jpg) no-repeat; padding-top:15px; border-bottom:10px solid #0076A8; display:block; clear:both; }

.content_login { width:1005px; background:#FFF; float:right; }
.content_internas_login { width:980px; padding:0 10px; margin-bottom:30px; float:left; }

.column { width:190px; background:#EEEEEE; float:left; }
.content { width:818px; background:#FFF; float:right; }


.caixaLogin{background-color:#fff; float:right; width:200px;height:auto; font:13px Arial;border:1px solid #000; padding:5px 10px 5px 5px}
.footer { width:988px; height:25px; background:url(../imagens/bg_footer.gif) repeat-x; display:block; clear:both; padding:10px; }
/*...................................................*/

/*..... Comuns .....*/
.content_internas p { margin:15px 0 !important; line-height:18px;}
.content_internas .bt_mais_informacoes { clear:both; }
.content p, .column p { margin:10px 0; }

.bt_mais_informacoes a { background:url(../imagens/bullet_mais_informacoes.gif) 0 4px no-repeat; color:#006595; text-decoration:underline; padding-left:8px; display:block; float:left; }
.bt_mais_informacoes a:hover { color:#A9A952; }
/*...................................................*/

/*..... Títulos .....*/
h1, h2, h3, h4, h5, h6 { clear:both; }
h1 {}
.content h2 { background:#999999; font:21px Georgia; color:#FFF; margin:5px 0 10px 0; padding:10px; }

.content_login h2 { background:#1286B9; font:21px Georgia; color:#FFF; margin:10px 0; font-weight:bold; padding:10px;text-align:center; }
.content_internas_login h3 { width:778px; border-bottom:1px solid #CCC; padding:10px; font:21px Georgia; color:#FFF; background:#006699; margin:15px 0; display:block; }
.content_internas_login h4 { font:12px Georgia; color:#006699; margin:10px 0; font-weight:bold; border-bottom:1px solid #DDD; display:block; clear:both; }

.column h3 { font:13px Georgia; color:#333; margin:2px 0 10px 0px; font-weight:bold; text-align:center; }
.column h4 { font:11px Georgia; color:#006595; font-weight:bold; }

.content_internas h3 { width:778px; border-bottom:1px solid #CCC; padding:10px; font:21px Georgia; color:#FFF; background:#006699; margin:15px 0; display:block; }
.content_internas h4 { font:12px Georgia; color:#006699; margin:10px 0; font-weight:bold; border-bottom:1px solid #DDD; display:block; clear:both; }
/*...................................................*/

/*..... Header .....*/
.header .site a { width:192px; height:79px; background:url(../../imagens/logo_sinprodf.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; margin-top:31px; float:left; }
.header .name { width:606px; font:53px/0.5em Georgia; color:#FFF; margin-left:210px; margin-top:48px; display:block; float:left; }
.header .name span { font:14px Georgia; font-weight:bold; margin-left:60px; clear:both; }
/*...................................................*/

/*..... Column .....*/
.menu li { border-bottom:1px solid #CCCCCC; display:block; }
.menu li a { width:182px; height:23px; padding:8px 0 0 8px; color:#333333; background:#DFE1E2; text-decoration:none; font:14px Georgia; display:block; }
.menu li a:hover { background:#FFF; color:#0C6D98; }
.menu .ativo a { background:#FFF; color:#0C6D98; }

.column .descricao_titulo { font-size:11px; margin-left:10px; }
.column .bloco { float:left; margin:5px 0; }
.column .bt_mais_informacoes { margin-left:10px; }
/*.........................................blo..........*/

/*..... Content .....*/
.listagem_padrao { margin:10px 0; }
.listagem_padrao li { margin-left:15px; list-style-type:disc; }
.listagem_padrao li a { color:#666; text-decoration:none; }
.listagem_padrao li a:hover { color:#006699; text-decoration:underline; }

.breadcrumbs { width:798px; margin:5px 0; float:left; }
.breadcrumbs li { display:block; float:left; margin:10px 0 20px 0; margin-left:4px; font-size:11px; }
.breadcrumbs li span { background:#666; color:#FFF; padding:5px; margin-right:5px; }
.breadcrumbs li a { color:#006699; text-decoration:none; font-weight:bold; }
.breadcrumbs li a:hover { color:#006699; text-decoration:underline; font-weight:bold; }

/* .................Formulario de Login..................................*/
.login { width:480px; height:200px; margin-left: auto; margin-right: auto; }
.login fieldset {border:1px dashed #CCC;padding:10px; margin-top:5px; margin-bottom:5px; height:125px; }
.login h3 { font:20px Georgia; color:#003cff; margin:2px 0 10px 0px; text-align:center; }
.login h4 { font:14px Georgia; color:#003cff; margin:2px 0 10px 0px; text-align:center; }
.login legend {font-family:Georgia, Helvetica, sans-serif;font-size: 90%;letter-spacing: -1px;font-weight: bold; line-height: 1.1; color:#fff; background: #666;    border: 1px solid #333;    padding: 2px 6px;}
.login label {width:70px; font-weight:bold; height:32px; margin-top:3px; margin-right:2px; padding-top:11px; padding-right:6px; background-color:#bfceff; color:#111e49; float:left; display: block; font-family:Georgia, Helvetica, sans-serif; font-size: 18px; letter-spacing: -1px; font-weight: normal; line-height: 1.1; text-align:right;}

.login .div_texbox {width:375px; float:right; background-color:#bfceff; height:35px; margin-top:3px; padding-top:5px; padding-bottom:3px;padding-left:5px;}

.login .textbox {background-image: url(../imagens/indica_input.png); background-color:#FFFFFF; background-repeat: no-repeat;background-position:left; width:150px;    font:normal 18px Georgia;    color: #999999; padding:3px 5px 3px 19px;}
.login .textbox:focus, .textbox:hover { background-color:#f1f8ff;}

.login .username {background-color:#FFFFFF; font:normal 18px Arial; color: #999999; padding:3px 5px 3px 19px;}
.login .username:focus, .username:hover { background-color:#f1f8ff;}

.login .password { font:normal 18px Arial;    color: #999999;    padding:3px 5px 3px 19px;}
.login .password:focus, .password:hover { background-color:#f1f8ff;}
.botao {background:url(../imagens/bg_botao.jpg) repeat-x;font:15px Arial;color:#FFF;font-weight:bold;padding:1px 6px;border:1px solid #5DA7EA;cursor:pointer;}
/* ...................................................*/

.form {margin:0;padding:0;}
.button_div { float:right; background-color:#fff; text-align:left; height:30px; margin-top:3px; padding:5px 32px 3px;}

/* ...................................................*/
.login2 { width:480px; height:240px; float:left; margin-right:15px;}
.login2 fieldset {border:1px dashed #CCC;padding:10px; margin-top:5px; margin-bottom:5px; height:125px;}
.login2 h3 { font:20px Georgia; color:#858585; margin:2px 0 10px 0px; text-align:center; }
.login2 h4 { font:14px Georgia; color:#858585; margin:2px 0 10px 0px; text-align:center; }
.login2 legend {font-family:Georgia, Helvetica, sans-serif;font-size: 90%;letter-spacing: -1px;font-weight: bold; line-height: 1.1; color:#fff; background: #666;    border: 1px solid #333;    padding: 2px 6px;}
.login2 label {width:70px; font-weight:bold; height:32px; margin-top:3px; margin-right:2px; padding-top:11px; padding-right:6px; background-color:#d5d5d5; color:#000; float:left; display: block; font-family:Georgia, Helvetica, sans-serif; font-size: 18px; letter-spacing: -1px; font-weight: normal; line-height: 1.1; text-align:right;}

.login2 .div_texbox {width:375px; float:right; background-color:#d5d5d5; height:35px; margin-top:3px; padding-top:5px; padding-bottom:3px;padding-left:5px;}

.login2 .textbox {background-color:#FFFFFF; background-repeat: no-repeat;background-position:left; width:150px;    font:normal 18px Arial;    color: #999999; padding:3px 5px 3px 19px;}
.login2 .textbox:focus, .textbox:hover { background-color:#f1f8ff;}
/* ...................................................*/

.focus_in {background:#fff; border-left:1px solid #000; padding:3px; font:15px Arial; color:#666;  margin:2px 3px 0px 5px; border:1px solid red;display:block;}

/*.............Etapa 1 .............*/
.formEtapa { width:780px; float:left; padding-left:5px;}
.formEtapa h2 { background:#999999; font:21px Georgia; color:#FFF; margin:10px 0 5px 0; padding:10px; }
.formEtapa h2 b { color:#335899; font-family:sans-serif; }
.formEtapa fieldset{ border:1px solid #000;padding:5px; margin-top:5px; margin-bottom:5px}
.formEtapa p{font-size:11pt; color:#611717; text-align:left}
.formEtapa textarea { border:1px solid #9ca3b0; padding:3px; font:15px Arial; color:#141414; margin:2px 3px 6px 5px; background:#f4f4f4;text-transform:uppercase; }

.formEtapa input {border:1px solid #9ca3b0; padding:3px; font:15px Arial; color:#141414; margin:2px 3px 6px 5px; background:#f4f4f4;text-transform:uppercase;}
.formEtapa select { font:15px Arial; color:#141414; margin:2px 3px 6px 5px; height:25px; border:1px solid #9ca3b0;background:#f4f4f4;}
.formEtapa .txtfield { display:block; }

.formEtapa label {margin-top:2px; font-family:Verdana;font-weight:bold; }
.formEtapa .texto_labelBlock {width:inherit; display:block; font-size:14px; padding: 4px 7px 0px 7px; color:#000061;}
.formEtapa .texto_label {width:inherit;font-size:14px; padding: 4px 7px 0px 7px; color:#000061;}

.formEtapa .campo{width:inherit;float:left;margin-right:15px;}
.formEtapa .campoBlock{margin:3px 0 3px 0; display:block;margin-right:15px;}
.formEtapa .proxEtapa{width:inherit;float:right;margin-right:15px;}

.formEtapa .bt   {background:url(../imagens/bg_botao.jpg) repeat-x;font-weight:bold;padding:1px 6px;border:1px solid #5DA7EA;cursor:pointer;font:15px Arial;color:#FFF;}
.formEtapa .btPeq   {background:url(../imagens/bg_botao.jpg) repeat-x;font-weight:bold;padding:1px 6px;border:1px solid #5DA7EA;cursor:pointer;font:12px Arial;color:#FFF;}
.formEtapa .btBlock {background:url(../imagens/bg_botao.jpg) repeat-x;font-weight:bold;padding:1px 6px;border:1px solid #5DA7EA;cursor:pointer;font:12px Arial;color:#FFF; display:block;}

.formEtapa .visualizaImg { float:right; margin-right:50px;}
.formEtapa .foto {float:right;margin:10px 5px 10px 5px; width:120px; height:130px;}
.formEtapa .foto img {height:100px;}
.formEtapa .EditarImg{display:block;}

.formEtapa .desconto{font:12px Arial;color:#a0a0a0;font-weight:bold;text-align:left;padding-top:8px;}
.formEtapa .obrigatorio{font-size:12px;color:#8f5a5a;margin-left:25px;margin-bottom:10px;text-align:left;}

.formEtapa .caixa{border: 1px solid #000; margin-top:15px; margin:2px; height:80px; width:383px; float:left;}
.formEtapa .campoAtualizarGravar{border: 1px solid #000; margin-top:15px; margin:2px; height:50px; width:770px; float:left;}
/*...................................................*/

em.error {background:transparent url(../imagens/excluirPeq.png) no-repeat scroll 0 0; color:#d71717; font-size:11px;text-decoration:underline;font-style:oblique; font-family:Georgia, Helvetica, sans-serif;font-weight:bold; width:auto; margin:2px 0 5px 0; padding: 5px 0 3px 18px;}
em.sucesso {background:transparent url(../imagens/sucesso_peq.jpg) no-repeat scroll 0 0; margin:2px 0 5px 0; padding: 5px 0 3px 18px;}

/*...................................................*/
.fotoCarteira {background:transparent url(../imagens/carteira.jpg) no-repeat scroll 0 0; width:290px; height:185px;border:solid 1px #000;display:block;}
.fotoCarteira img{float: right;}
.fotosDados{margin-top:100px; font-family:arial; text-align:left;font-weight:bold;color:#fff;}
.fotosDados .genero{color:#000; font-size:15px;}
.fotosDados .nome{font-size:15px;margin-bottom:3px;}
.fotosDados .dados{font-size:12px;}

.foto{border:none;margin:10px;}
#mascara {position:absolute;background:#000;z-index:1;top:0;}
.foto-ampliada { width: 700px; height: 500px; position:absolute; z-index:2; cursor:pointer;border:5px solid #999;}
/*...................................................*/

/*..............Caixa.....................................*/
.lista 	{height:250px; overflow-y:auto; display:block;}
.lista .tabela {width:100%; font-size:15px;}
.lista .tabela td {border:1px solid #999999; padding:2px;}
.lista .tabela .status {text-align: center;}
.lista .tabela .titulo {font-weight: bold;color:#3b4d82;background:#c9c9c9;text-align: center;}
.tabela img {cursor:pointer;display:block;}
/*...................................................*/

/*..... Filie .....*/
.filie { width:798px; padding:10px; clear:both; }
.filie h2 { background:#999999; font:21px Georgia; color:#FFF; margin:5px 0 5px 0; padding:10px; }

.filie .block { width:700px; font:14px Georgia; margin:0 8px; float:left; text-align:justify; }
.filie .block h3 { font:21px Georgia; color:#006699; }
.filie .block a { color:#666; text-decoration:none; }
.filie .block a:hover { color:#666; text-decoration:underline; }
/*...................................................*/

/*..... Etapa .....*/
.etapa { width:816px; float:left;}
.etapa li { display:block; float:left; margin:8px 0 5px 0; margin-left:1px; font:14px Arial; }
.etapa li .na { background:#dcdcdc; color:#4b4b4b; padding:8px; margin-right:2px; }

.etapa li a { background:#313131; color:#FFF; padding:8px; margin-right:10px; text-decoration:none; font-weight:bold; }
.etapa li a:hover { background:#d9ebff;  color:#006699; text-decoration:underline; font-weight:bold; }
/*...................................................*/

/*..... Mensagens .....*/
div.reportaSucesso { background: url(../imagens/check.png) no-repeat 10px 10px; min-height:75px; }
div.reportaSucesso h1, div.reportaSucesso h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left;
    font-family:sans-serif;
}

div.reportaErro { background: url(../imagens/excluir.png) no-repeat 10px 10px; min-height:75px;}
div.reportaErro h1, div.reportaErro h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left;
    font-family:sans-serif;
}

.mensagem{display:none; cursor:default;}
.mensagem .tituloMsg{font:16px Verdana; color:#152063; margin:10px 0 0 0; font-weight:bold; padding:10px;text-align:center;}
.mensagem .btSim {background:url(../imagens/bg_btSim.jpg) repeat-x;font:12px Arial;color:#FFF;font-weight:bold;padding:1px 6px;border:1px solid #5DA7EA;cursor:pointer;margin:10px 5px 10px 5px;}
.mensagem .btNao {background:url(../imagens/bg_btNao.jpg) repeat-x;font:12px Arial;color:#FFF;font-weight:bold;padding:1px 6px;border:1px solid #ff0000;cursor:pointer;margin:10px 5px 10px 5px;}

.mensagem .sucesso{background:#FFF; display:block; clear:both; padding:10px;font-size:14pt;text-align:center;color:blue;}
.mensagem .erro{background:#FFF; display:block; clear:both; padding:10px;font-size:14pt;text-align:center;color:red;}
/*...................................................*/


/*..... Footer .....*/
.footer .copyright { float:left; color:#FFF; font:11px Georgia; font-weight:bold; margin-top:5px; }
.footer ul { float:right; margin-top:5px; }
.footer li { display:block; float:left; }
.footer li a { font:11px Georgia; margin:0 10px; text-decoration:none; font-weight:bold; color:#FFF; }
.footer li a:hover { color:#FFFF00; }
.footer_site a { color:#FFFF00 !important; }
/*...................................................*/

/*............ Etapa2 ..................*/
#imgEtapa2 { float:left; }
#ajuda{ position:absolute; margin:55px 0 0 0; _margin-left: -785px; _margin-top:3px; width:820px; }
.txtInfor { color:red; font-family:sans-serif; }

/*......................................*/

/*............ Etapas ..................*/

.leg_etapas { font-family:arial, helvetica,sans-serif;	border: solid 1px #999999;	background-color: #ebebeb;    color:#211b44;	padding-left: 5px;	padding-right: 5px;	text-align: center;	font-weight:bold; }

/*......................................*/

/*............ Fivhas ..................*/
.confInscricao {
    font-family:arial;
    height:100px;
}