/* CSS CBCD Sisstema */
/* Criado por Marcos Vinicius - Groupweb - 08/10/2009 */

*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}
body{
	background-image:url(../imagens/bg_main.png);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
img{
	border:0;
}

#container{
	position:relative;
	min-height:100%;
	min-width:1000px;
}


/* Cabeçalho */
#container #header{
	background-image:url(../imagens/bg_header.png);
	background-repeat:no-repeat;
	padding:0px 26px 24px 0px;
	height:105px;
}
#container #header h1 a{
	padding:105px 89px 0px 0px;
	display:block;
	overflow:hidden;
	width:0;
	height:0;
	font-size:12px;
	color:#333;
	float:left;
}

/* Cabeçalho - Menu */
#container #header #nav_principal{
	padding:0px 0px 0px 28px;
	margin-top:77px;
	background-image:url(../imagens/bg_menu_esq.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#container #header #nav_dados{
	padding:0px 0px 0px 28px;
	margin-top:77px;
	background-image:url(../imagens/bg_menu_esq.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:right;
}

#container #header #nav_principal div.bg, #container #header #nav_dados div.bg{
	padding:0px 28px 0px 0px;
	background-image:url(../imagens/bg_menu_dir.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#container #header #nav_principal div.bg ul.menu, #container #header #nav_dados div.bg ul.menu{
	background-image:url(../imagens/bg_menu.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:8px;
	height:20px;
	list-style:none;
	font-size:11px;
}
#container #header #nav_principal div.bg ul.menu li, #container #header #nav_dados div.bg ul.menu li{
	float:left;
	padding-right:5px;
	border-right:1px solid #bbb;
	margin-right:5px;
}
#container #header #nav_principal div.bg ul.menu li.ultimo, #container #header #nav_dados div.bg ul.menu li.ultimo{
	padding-right:0px;
	border-right:0px;
	margin-right:0px;
}
#container #header #nav_principal div.bg ul.menu li a, #container #header #nav_dados div.bg ul.menu li a{
	text-decoration:none;
	color:#333;
}

#container p.icones{
	float:right;
	padding-right:30px;
	z-index:99;
}
#container p.icones a{
	text-decoration:none;
	color:#0c826b;
	font-size:14px;
	font-weight:bold;
	display:block;
	float:left;
	background-repeat:no-repeat;
	padding:20px 0px 5px 42px;
	margin-left:10px;
}
#container p.icones a.tit{
	background-image:url(../../sistema/img/icone_titulo.jpg);
}
#container p.icones a.anu{
	background-image:url(../../sistema/img/icone_anuidade.jpg);
}

/* Conteúdo */
#container #content{
	padding:20px 30px;
	position:relative;
	padding-bottom:40px;
}
#container #content #novo{
	float:right;
	margin-top:3px;
}
#container #content #novo a{
	background-image:url(../imagens/ico_novo.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:10px 25px 0px 0px;
	font-size:15px;
	font-weight:bold;
	color:#0c826b;
	text-decoration:none;
}
#container #content #impressao{
	float:right;
	background-image:url(../../../img/ico_impressao.png);
	background-repeat:no-repeat;
}
#container #content #impressao a{
	display:block;
	overflow:hidden;
	width:0;
	height:0;
	padding:43px 50px 0px 0px;
}

#container #content form.pesquisar{
	float:right;
	padding:2px 130px 0px 0px;
}
#container #content form.pesquisar label{
	float:left;
	color:#666;
	padding-right:5px;
}
#container #content form.pesquisar input.txt{
	float:left;
	color:#666;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	width:200px;
	padding:1px;
	font-size:12px;
	margin-right:5px;
}
#container #content form.pesquisar select{
	float:left;
	color:#666;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:1px;
	font-size:11px;
	margin-right:5px;
}
#container #content form.pesquisar input.bt{
	float:left;
}

#container #content h2{
	font-size:20px;
	color:#019b4b;
}

/* Conteúdo - Tabela lista */
#container #content table.lista tr th{
	background-color:#00a7e8;
	color:#FFF;
	padding:5px 2px 2px 2px;
}
#container #content table.lista tr td{
	background-color:#fff;
	padding:2px;
}
#container #content table.lista tr td.centro{
	text-align:center;
}
#container #content table.lista tr.cor td{
	background-color:#f3f3f3;
}

#container #content table.lista table.end{
	margin:10px auto;
	width:80%;
	display:none; 
}

#container #content table.lista table.end tr th.th_left{
	background-color:#6cd0f7;
	border-bottom:1px solid #ece9d8;
	border-left:1px solid #ece9d8;
}

#container #content table.lista table.end tr th.th_right{
	background-color:#6cd0f7;
	border-bottom:1px solid #ece9d8;
	border-left:1px solid #ece9d8;
	border-right:1px solid #ece9d8;
}

#container #content table.lista table.end tr td.left{
	border-bottom:1px solid #ece9d8;
	border-left:1px solid #ece9d8;
}

#container #content table.lista table.end tr td.right{
	border-bottom:1px solid #ece9d8;
	border-left:1px solid #ece9d8;
	border-right:1px solid #ece9d8;
}



/* Conteúdo - Paginação */
#container #content #paginacao{
	text-align:center;
	margin:0 auto;
	width:400px;
	padding-top:15px;
}
#container #content #paginacao a:link, #container #content #paginacao a:visited{
	text-decoration:none;
	color:#333;
}
#container #content #paginacao a:active, #container #content #paginacao a:hover{
	text-decoration:underline;
	color:#00a7e8;
}
#container #content #paginacao a.atual{
	text-decoration:underline;
	color:#00a7e8;
	font-weight:bold;
}
#container #content #paginacao div#anterior{
	float:left;
	padding-right:15px;
}
#container #content #paginacao div#proximo{
	float:right;
	padding-left:15px;
}

/* Conteúdo - Formulários */
#container #content div.box{
	clear:both;
	padding:20px 30px;
	background-color:#f2f2f2;
}
#container #content div.box h3{
	padding:0px 0px 3px 0px;
	font-size:16px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
#container #content div.box h4{
	padding:10px 0px 2px 0px;
	font-size:12px;
}

#container #content div.box form.login{
	width:250px;
	margin:0 auto;
}
#container #content div.box form.login h2{
	text-align:center;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	margin-bottom:12px;
}
#container #content div.box form.login p label{
	float:left;
	width:60px;
	font-weight:bold;
}
#container #content div.box form.login p input.campos{
	width:188px;
	border:1px solid #ddd;
}

#container #content div.box form{
	width:500px;
	margin:0 auto;
}
#container #content div.box form p{
	padding-bottom:2px;
}
#container #content div.box form p label{
	float:left;
	width:98px;
	font-weight:bold;
}
#container #content div.box form p input.txt{
	width:400px;
	border:1px solid #ddd;
}
#container #content div.box form p input.crm{
	width:309px;
	border:1px solid #ddd;
	margin-right:5px;
}
#container #content div.box form p select.uf{
	width:50px;
	border:1px solid #ddd;
	margin-left:5px;
}
#container #content div.box form p input.nome{
	width:161px;
	border:1px solid #ddd;
	margin-right:5px;
}
#container #content div.box form p#pais{
	display:none;
}
#container #content div.box form p input.codnome{
	width:170px;
	border:1px solid #ddd;
	margin-left:5px;
}
#container #content div.box form p input.cpf{
	width:199px;
	border:1px solid #ddd;
	margin-right:5px;
}
#container #content div.box form p input.rg{
	width:170px;
	border:1px solid #ddd;
	margin-left:5px;
}
#container #content div.box form p input.data{
	width:73px;
	border:1px solid #ddd;
}
#container #content div.box form p input.data2{
	width:73px;
	border:1px solid #ddd;
}
#container #content div.box form p input.hosp_facu{
	width:335px;
	border:1px solid #ddd;
}
#container #content div.box form p input.medio{
	width:108px;
	border:1px solid #ddd;
	margin-right:5px;
}
#container #content div.box form p span{
	font-size:10px;
	margin:0px 10px 0px 3px;
}
#container #content div.box form p input.radio, #container #content div.box form p input.check{
	width:20px;
	text-align:center;
}
#container #content div.box form p select.combo{
	width:402px;
	border:1px solid #ddd;
}
#container #content div.box form p textarea{
	border:1px solid #ddd;
}
#container #content div.box form p textarea.txt_area{
	width:500px;
	height:50px;
	margin-bottom:15px;
}
#container #content div.box form fieldset{
	padding:10px;
	background-color:#fff;
	border:1px solid #ddd;
	margin-bottom:10px;
}
#container #content div.box form fieldset p input{
	background-color:#eee;
}
#container #content div.box form fieldset p input.txt{
	width:378px;
}
#container #content div.box form fieldset p select{
	width:380px;
	border:1px solid #ddd;
	background-color:#eee;
}

#container #content div.box form p.bts{
	text-align:center;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
#container #content div.box form p input.bt{
	background-image:url(../imagens/bg_bt.png);
	background-repeat:repeat-x;
	background-color:#009c49;
	padding:3px 10px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border:0;
	margin:0px 2px;
}

/* Rodapé */
#container #footer{
	background-image:url(../imagens/bg_footer.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	height:40px;
	width:100%;
}
#container #footer #footer_esq{
	background-image:url(../imagens/bg_footer_esq.png);
	background-repeat:no-repeat;
	background-position:left;
	height:40px;
	width:71px;
	display:block;
	float:left;
}
#container #footer #footer_dir{
	background-image:url(../imagens/bg_footer_dir.png);
	background-repeat:no-repeat;
	background-position:right;
	height:40px;
	width:71px;
	display:block;
	float:right;
}

p#mensagem{
	color:#FF0000;
	text-align:center;
	padding:5px;
}

/*Edição do status do associado*/
#containerEdicaoStatus{
	position:fixed;
	top:40%;
	left:50%;
	margin-left:-150px;
	margin-top:-100px;				
	width:300px;
	height:auto;
	padding:10px;
}

#containerEdicaoStatus div.boxEditarStatus{
	background-image:url(../imagens/fundoEditarStatus.png);
	background-repeat:repeat-x;
	border:#8b8b8b 1px solid;
	padding:10px;
	min-height:240px;
	height:auto;
	width:270px;
	display:block;
}

#containerEdicaoStatus div.boxEditarStatus .statusAtivo{
	background:#5ac62d;
	padding:15px;
	margin:6px;
	display:block;
}

#containerEdicaoStatus div.boxEditarStatus .statusInativo{
	background:#d3d3d3;
	padding:15px;
	margin:6px;
	display:block;
}

#containerEdicaoStatus div.boxEditarStatus .botoes{
	margin-top:-15px;
	text-align:center;
}

#containerEdicaoStatus div.boxEditarStatus form input.btRepouso{
	background-color:#009c49;
	padding:3px 10px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border:#17561a solid 2px;
	margin:0px 2px;
}

#containerEdicaoStatus div.boxEditarStatus form input.btPressionado{
	background-color:#004d24;
	padding:3px 10px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border:#0c2b0d solid 2px;
	margin:0px 2px;
}

#containerEdicaoStatus div.boxEditarStatus form input.btSelecionado{
	background-color:#00e86b;
	padding:3px 10px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border:#30b036 solid 2px;
	margin:0px 2px;
}

.neutro{
	background-image:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a.padrao:visited{
	text-decoration:none;
	color:#333;
}
a.padrao:link{
	text-decoration:none;
	color:#333;
}
a.padrao:active{
	text-decoration:none;
	color:#333;
}
a.padrao:hover{
	text-decoration:underline;
	color:#00a7e8;
}

#reimprimirSelo{
	display:none;
}
#container #content form.imprimirMalaDireta{
	margin-bottom:5px;
	margin-top:-20px;
	padding-right:0px;
	width:1070px;
	
}
#container #content form.imprimirMalaDireta select,input{
	/*margin-top:-16px;*/
}
#container #content h2.imprimirMalaDireta{
	width:220px;
}
#container #content a.imprimirMalaDireta{
	display:block;
	float:right;
	margin-top:-15px;
}

#container #content strong.imprimirMalaDireta{
	display:block;
	float:left;
}

#container #content #impressaoConfirmada{
	display:block;
	position:absolute;
	float:right;
	border:1px solid BLACK;
	margin:0 auto;
	width:300px;
	height:300px;
}
