/* ESTRUTURA
*****************************************************************************************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

body {
	position: relative;
	height: 100%;
	width: 100%;
	background: #f5f5f5 url(../images/page_bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.2%; /* Reseta 1em para 12px */
	color: #333;
	}
	
	#container {
		position: relative;
		width: 770px;
		background: #fff;
		margin: 0 auto;
		}

		#header {
			position: relative;
			height: 256px;
			background: #fff url(../images/header_bg.jpg) repeat-x;
			/*margin-bottom: -35px; */
			}
			
			#pagecantos {
				position: absolute;
				width: 770px;
				height: 67px;
				background:url(../images/pagecantos_bg.jpg) no-repeat;
				left: 0;
				bottom: 0;
				}
				
		#content {
			position: relative;
			padding: 0 30px;
			margin: -30px 0 0 0;
			min-height: 450px;
			}
			
		.content_bg {
			background: url(../images/lateral_bg.jpg) repeat-y 196px 0;
			}
			
			#maincontent {
				position: relative;
				float: left;
				width: 505px;
				padding-left: 30px;
				}



/*CONFIGURA TAGS
*****************************************************************************************/
/*gerais*/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label, table, tr, th, td { position: relative; }

h1, h2, h3, h4 {
	position: relative;
	padding: 0;
	margin: 0 0 15px 0;
	color: #933;
	font: normal 1.8em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
	}
	
h1 {
	margin: 0;
	}	
	
h3 {
	font-size: 1.3em;
	margin: 30px 0 10px 0;
	}
	
h4 {
	font-size: 1.3em;
	margin: 30px 0 10px 0;
	color: #333;
	}		
	
p {
	position: relative;
	line-height: 1.65em;
	margin-bottom: 20px;
	}
	
#content a {
	color: #336699;
	text-decoration: underline;
	}	

input, select, textarea {
	position: relative;
	padding: 3px 0 3px 4px;
	border: 1px solid #999;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
	
hr {
	display: none;
	height: 1px;
	font-size: 1px;
	}
	
ul {
	list-style: none;
	}
	
ol {
	list-style: decimal inside;
	}
	
address {
	font-style: normal;
	}
	
form {
	position: relative;
	padding: 0;
	margin: 0;
	}


/*CABECALHOS 
*****************************************************************************************/
#header h1 a {
	position: absolute;
	display: block;
	width: 304px;
	height: 57px;
	left: 27px;
	top: 26px;
	text-indent: -9000px;
	background: url(../images/sindcon_logo.jpg) no-repeat;
	}
	
#slog {	
	position: absolute;
	right: 10px;
	top: 20px;
	width: 300px;
	height: 53px;
	text-align: right;
	}

#slog p {
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bolder;
	}
	
#slog select {
	width: 274px;
	}
	

/*RODAPE
*****************************************************************************************/
#rodape {
	position: relative;
	clear: both;
	height: 156px;
	background: #622 url(../images/pagecantosbase_bg.jpg) no-repeat;
	}
	
	.backtop {
		position: absolute;
		color: #666666;
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		right: 30px;
		top: 35px;
		background: url(../images/seta_topo.gif) no-repeat;
		padding-left: 18px; 
		}
	
	.copyright {
		position: absolute;
		color: #ccc;
		top: 110px;
		left: 30px;
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		}

	.rodape_links {
		position: absolute;
		right: 30px;
		top: 110px;
		}
		
		.rodape_links li {
			position: relative;
			float: left;
			margin-left: 15px;
			}
		
		.rodape_links a {
			color: #fff;
			text-transform: lowercase;
			text-decoration: underline;
			font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
			}


/*NAVEGACAO 
*****************************************************************************************/
/*navega��o principal*/
#navmain {
	position: absolute;
	top: 116px;	
	}
	
	.ul_navmain {
		position: relative;
		margin-left: 30px;
		}
	
		.ul_navmain li {
			position: relative;
			float: left;
			margin: 0 5px 0 0;
			height: 33px;
			}
			
			.abacentro {
				position: relative;
				float: left;
				height: 24px;
				background:url(../images/abacentro_OFF.jpg) repeat-x;
				padding: 9px 3px 0 3px;
				font: normal 1em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
				text-transform:uppercase;
				color: #333;
				}
				
			.abacentro:hover { color: #993333; }	
			
			.abaesq, .abadir {
				position: relative;
				float: left;
				font-size: 1px;
				background: url(../images/abaesq_OFF.jpg) no-repeat;
				width: 7px;
				height: 33px;
				}
				
			.abadir { background: url(../images/abadir_OFF.jpg) no-repeat; }
			
			.abaatual .abacentro { background-image: url(../images/abacentro_ON.jpg); color: #993333; }
			.abaatual .abaesq { background-image: url(../images/abaesq_ON.jpg) }
			.abaatual .abadir { background-image: url(../images/abadir_ON.jpg) }


/* navegacao secundaria */
#navsec {
	position: relative;
	float: left;
	width: 175px;
	min-height: 30px;
	}
	
	.ul_navsec {
		position: relative;
		margin-bottom: 40px;
		}
		
		.ul_navsec li {
			position: relative;
			display: block;
			float: none;
			margin-bottom: 2px;
			}
			
		.ul_navsec li .abaesq, .ul_navsec li .abadir {
			position: relative;
			float: none;
			width: 175px;
			height: 5px;
			font-size: 1px;
			background: url(../images/submenu_sup.jpg) no-repeat; 
			}
		.ul_navsec li .abadir { background: url(../images/submenu_inf.jpg) no-repeat; }
			
			#container .ul_navsec li a.abacentro {
				position: relative;
				float: none;
				display: block;
				height: auto;
				color: #333;
				text-decoration: none;
				padding: 4px 5px 4px 10px;
				font: normal 1em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
				text-transform: none;
				background: url(../images/submenusombra_bg.jpg) repeat-y top right;
				line-height: inherit;
				}

			#container .ul_navsec li a:hover, #container .ul_navsec li.abaatual a { color: #933; }
			
			#container .ul_navsec_sub {
				position: relative;
				margin: -42px 0 6px 0;
				padding-top: 42px;
				background: url(../images/icone_subitens.gif) no-repeat 160px 22px;
				}
				
				#container .ul_navsec_sub li {
					position: relative;
					background: none;
					background: url(../images/sub_submenu_bg.jpg) repeat-y right top;
					}
					
					#container .ul_navsec_sub li a.abacentro {
						position: relative;
						display: block;
						background: url(../images/sub_submenudivide.jpg) no-repeat right bottom;
						padding: 6px 5px 6px 10px;
						line-height: normal;
						color: #666;
						height: auto;
						}
						
					#container .ul_navsec_sub li.abaatual a.abacentro { color: #933; }
						
/* adaptacao da navega�ao terciaria */
#container .ul_navsec_sub div {
	display: none;
	}


/* breadcrumb */			
#breadcrumb {
	position: absolute;
	left: 30px;
	top: 149px;
	width: 450px;
	height: 40px;
	padding-top: 12px;
	font: normal 0.8em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
	color: #666;
	}
	
	#breadcrumb a {
		color: #999;
		text-decoration: underline;
		}
	

/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/



/*FORMUL�RIOS 		
*****************************************************************************************/
/* busca */
#busca {
	position: absolute;
	width: 280px;
	height: 36px;
	right: 0;
	top: 149px;
	}
	
	#busca label {
		position: relative;
		font: normal 1em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
		top: 8px;
		left: -4px;
		color: #666;
		}
		
	#buscaform {
		position: relative;
		top: 8px;
		width: 132px;
		height: 15px;
		background:url(../images/buscaform_bg.jpg) repeat-x;
		}
		
	#buscaok {
		position: relative;
		left: 2px;
		top: 7px;
		width: 41px;
		height: 25px;
		border: 0;
		padding: 0;
		background: url(../images/botao_ok.gif) no-repeat;
		text-indent: -9000px;
		font-size: 1px;
		cursor: pointer;
		color: #fff;
		}


/*LISTAS
*****************************************************************************************/
.ul_bullet li {
	background: url(../images/bullet_seta.gif) no-repeat 0 4px;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	height: 20px;
	line-height: 20px;
	}
	
.ol_faq ul li {
	font-weight: normal;
	padding: 4px 0 4px 16px;
	background: url(../images/bullet_check.gif) no-repeat left 8px;
	}


/*TABELAS
*****************************************************************************************/



/*TIPOGRAFIA
*****************************************************************************************/
.small { font-size: 0.9em; }


/*EFEITOS
*****************************************************************************************/
.clear {
    position: relative;
    clear: both;
    height: 1px;
    font-size: 1px;
    }
	
.link {
	position: relative;
	color: #336699;
	text-decoration: underline;
	font: normal 1em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
	}
	
.keyword {
	color: #333;
	font-style:italic;
	}
	
.hide {
	display: none;
	}
	
.center {
	text-align: center;
	}

.big {
	font-size: 1.2em;
	}

.bullet {
	background: url(../images/bullet_seta.gif) no-repeat 0 4px;
	padding: 2px 0 3px 20px;
}
    
	
/*ELEMENTOS COMPARTILHADOS
*****************************************************************************************/
.txtdestaque {
	position: relative;
	width: 465px;
	background: url(../images/txtdestaque_bg.gif) repeat-y;
	padding: 20px 20px;
	}
	
	.txtdestaque strong {
		font: normal 1.2em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
		color: white;
		}
	
	.txtdestaque_sup {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1px;
		width: 505px;
		height: 7px;
		background: url(../images/txtdestaque_sup.gif) no-repeat;
		}
		
	.txtdestaque_inf {
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 1px;
		width: 505px;
		height: 7px;
		background: url(../images/txtdestaque_inf.gif) no-repeat;
		}
		

/* conteudo secundario - lateral */
.contentsec {
	position: relative;
	padding-right: 10px;
	}
	
#container .contentsec a {
	text-decoration: none;
	}

.contentsec h4 {
	margin-bottom: 5px;
	}
	
	#container .contentsec h4 a {
		color: #333;
		}
		
	#container .contentsec p a, #container .contentsec address a, .contentsec p  {
		color: #999;
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em;
		font-size: 0.95em;
		}
		


/*PAGES
*****************************************************************************************/
/*index*/
#homedestaque {
	position: relative;
	background: #f7f7f7;
	height: 224px;
	}
	
	#homedestaque h2 {
		position: relative;
		padding: 20px 0 0 20px;
		}
	
	#homedestaque p {
		position: relative;
		width: 314px;
		padding: 0 0 0 20px;
		}
	
	.botao_contrato, .botao_fotosagenda {
		position: absolute;
		display: block;
		width: 206px;
		height: 42px;
		left: 20px;
		top: 165px;
		text-indent: -9000px;
		background: url(../images/botao_contrato.jpg) no-repeat;
		margin: 0 0 0 -6px;
		overflow: hidden;
		}
		
	.botao_fotosagenda {	
		width: 162px;
		height: 76px;
		background: url(../images/botao_fotosagenda.jpg) no-repeat;
		left: 230px;
		top: 130px;
		z-index: 200;
		}
		
	.homedetaque_ilustra {
		position: absolute;
		right: 0;
		bottom: 2px;
		width: 355px;
		height: 243px;
		background: url(../images/destaqueilustra.jpg) no-repeat;
		z-index: 100;
		}
		
	.destaquesec_esq, .destaquesec_dir {
		position: relative;
		float: left;
		width: 340px;
		}
		
	.destaquesec_dir {
		float: right;
		}
		
		
/*pages internas*/
.rel_fotos {
	background:url(../images/icone_fotos.jpg) no-repeat 10px top;
	padding: 75px 0 0 0;
	}
	
		
/*FAQ*/
.ol_faq {
	list-style: decimal outside;
	padding: 0 0 0 35px;
	font-weight: bold;
	}

	.perg {
		font-weight: bold;
		margin: 35px 0 5px 0;
		}
		
	.resp {
		margin: 0 0 13px 0;
		font-weight: normal;
		}
		
.legislacao h4 {
	background: url(../images/icone_legislacao.jpg) no-repeat 15px 0;
	padding: 145px 0 0 0;
	}
	
/*resultados da busca*/
.faq {
	background:url(../images/icone_faq.jpg) no-repeat 20px 0;
	padding: 93px 0 0 0;
	}
	
.resultbusca {
	background: url(../images/resultbusca_bg.jpg) no-repeat center 65px;
	min-height: 429px;
	}
	
.ul_resultbusca li {
	margin: 45px 0;
	}
	
	.ul_resultbusca li h3 {
		margin: 0;
		}

		#container .ul_resultbusca a {
			color: #933;
			padding: 0 0 0 10px;
			}
			

/*contato*/
.rel_contato {
	background:url(../images/icone_contato.jpg) no-repeat;
	padding: 110px 0 0 0;
	}
	
	.rel_contato address {
		color: #666;
		font-size: 0.9em;
		line-height: 1.5em;
		}
	
	.rel_contato .link {
		display: block;
		margin-top: 16px;
		padding-left: 23px;
		background: url(../images/bullet_setacinza.jpg) no-repeat;
		}
		
.contato input, .contato select, .contato textarea  {
	border: 1px solid #BCCAD8;
	margin: 7px 0;
	width: 330px;
	height: 17px;
	padding: 4px 0 2px 4px;
	}
	
.contato label {
	position: relative;
	float: left;
	width: 90px;
	text-align: right;
	font: normal 1em "Trebuchet MS", "Lucida Grande", Verdana, Arial;
	color: #666;
	padding-top: 4px;
	margin: 7px 15px 7px 0;
	}
	
.contato select {
	width: 336px;
	height: 20px;
	padding: 2px;
	margin: 7px 0 10px 0;
	}
	
.contato textarea {
	border: 1px solid #BCCAD8;
	width: 330px;
	height: 80px;
	}
	
	#c_foneddd { width: 25px; margin-right: 5px; }
	#c_fone { width: 290px; }
	#c_cidade { position: relative; float: left; width: 225px; }
	#label_estado { width: 60px; margin: 7px 10px 7px 0;}
	#c_estado { width: 25px; }
	#c_enviar {
		width: 146px;
		height: 42px;
		border: none;
		margin: 0 0 0 275px;
		background: url(../images/botao_enviar.jpg) no-repeat;
		text-indent: -9000px;
		font-size: 1px;
		cursor: pointer;
		}
		
/* mapa do site */
.ddsg-sitemap {
	position: relative;
	}

.ddsg-sitemap ul li {
	padding: 4px 0;
	background: url(../images/sitemap_page.gif) no-repeat 0 7px;
	text-indent: 14px;
	}			

.ddsg-sitemap ul li ul {
	padding-left: 25px;
	}

.ddsg-sitemap ul li ul li, .ddsg-sitemap ul li ul li ul li {
	background:url(../images/sitemap_subpage.gif) no-repeat 0 5px;
	text-indent: 20px;
	}

/*manual*/
.manual ul li {
	padding: 6px 0 10px 16px;
	background: url(../images/bullet_check.gif) no-repeat left 10px;
	}

.manual ol li {
	background: none; padding: 6px 0 10px 0;
	}
	
.manual_block {
	position: absolute; left: 0; top: 0; width: 535px; height: 9175px; z-index: 80; background: #fff; filter: Alpha(opacity=0); opacity: 0;
	}
	


/*contrato*/
.contrato_block {
	position: absolute; left: 0; top: 0; width: 535px; height: 2276px; z-index: 80; background: #fff; filter: Alpha(opacity=0); opacity: 0;
	}