@font-face {font-family: 'CityDMedRegular'; src: url('../fontes/citym-webfont.eot'); src: url('../fontes/citym-webfont.eot?#iefix') format('embedded-opentype'), url('../fontes/citym-webfont.woff') format('woff'), url('../fontes/citym-webfont.ttf') format('truetype'), url('../fontes/citym-webfont.svg#CityDMedRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'CityDLigRegular'; src: url('../fontes/cityl-webfont.eot'); src: url('../fontes/cityl-webfont.eot?#iefix') format('embedded-opentype'), url('../fontes/cityl-webfont.woff') format('woff'), url('../fontes/cityl-webfont.ttf') format('truetype'), url('../fontes/cityl-webfont.svg#CityDLigRegular') format('svg'); font-weight: normal; font-style: normal;}

html, body {width:100%; height:100%; position:relative;}
* {margin:0; padding:0; border:0; font-family:Arial,Helvetica,Verdana; font-size:14px; color:#333; outline:none;}
table {border-collapse:collapse;border-spacing:0;}
body {background:#000;}
ul {list-style:square; margin:10px 0px 20px 15px;}
ol {margin:10px 0px 20px 25px;}
ol li {margin: 20px 0px 20px 0px; line-height:22px;}
ol li b {color:#000; font-size:16px;}
p {margin-top:10px; margin-bottom:10px; line-height:18px;}
a {color:#059; text-decoration:none; border-bottom:1px dotted #059;}
a:hover {border-bottom:1px dotted #af2a30;}

h1, h2, h3 {margin:20px 0px 20px 0px;}
h1, h2 {font-family:"CityDMedRegular"; font-size:22px; color:#059; border-bottom:1px solid #ddd;}
h3 {font-size:15px; color:#555; text-transform:uppercase; border-bottom:1px solid #ccc;}

#botoes_redes_espaco {height:35px; display:block;}
#botoes_redes {position:absolute; height:25px; top:0px; right:0px; padding-top:5px; background:#f4f4f4; width:100%; text-align:right; border-bottom:1px solid #ddd; z-index:1000;}
#botoes_redes > div {float:right; margin-left:20px;}
#box_twitter {margin-left:0px !important;}
#topo, #box_email a {font-size:11px; padding:5px; border:0px; border-radius:7px;}
#topo {position:absolute; top:4px; left:20px; background:url("../img/icones/seta-cima.png") no-repeat left #f5f5f5; padding-left:15px;}
#box_email {margin-top:-2px;}
#box_email a {margin-right:20px; line-height:24px; padding:3px 7px 3px 27px; background:url("../img/icones/email.png") 6px no-repeat #f5f5f5; display:inline; border:1px solid #ddd;}
#box_texto {position:absolute; top:-7px; left:325px;}
#box_texto p {font-size:11px; color:#555; line-height:24px;}

.clearfix {clear:both;}
.dir {float:right; margin:0px 0px 10px 10px;}
.esq {float:left; margin:0px 10px 10px 0px;}
.menor {font-size:11px;}
.centro {margin:auto; width:960px; position:relative;}
.semborda {border:0px !important;}
.erro {color:#af2a30; font-weight:bold;}
.confirma {color:#7C971A; font-weight:bold;}
.miniatura img {position:absolute; left:50%; top:50%;}

#redes_topo {width:29px; height:131px; float:left; position:relative; margin-top:255px;}
#redes_topo a img {margin-top:5px;}
*:first-child+html #header {margin-bottom:-40px;} /* IE 7 and below */
#formiga {float:left;}
#formiga a {background:url("../img/formiga.gif") no-repeat; width:279px; margin-right:10px;}
#banner {float:right; width:635px; height:340px; background:#657982; margin-top:20px;}

.item_ferramentas {display:block;}
.item_ferramentas a {font-size:11px; color:#000; border:0px; padding:0px 7px 0px 30px; border-radius:7px; display:inline-block; margin-left:5px; line-height: 24px;}
.baixar_pdf {background:url("../img/icones/pdf.png") 10% no-repeat #eee;}
.visualizar {background:url("../img/icones/visualizar.png") 10% no-repeat #eee;}
.imprimir {background:url("../img/icones/imprimir.png") 10% no-repeat #eee;}

/* banner home */
#slidebox{position:relative;}
#slidebox * {font-size:12px;}
#slidebox, #slidebox .content {width:635px; padding:0px !important;}
#slidebox, #slidebox .container, #slidebox .content{width:635px; height:340px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:#ddd; float:left;}
#slidebox .content div{height:100%;}
#slidebox .content div img {width:645px; height:340px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; border-radius:10px; text-decoration:none; background:#fff; padding:0px; width:10px; height:10px; border:2px solid #7C971A;}
#slidebox .thumbs .thumb:hover{background:#000;}
#slidebox .selected_thumb {background:#000; display:block; margin-left:5px; float:left; text-decoration:none; padding:0px; border-radius:10px; width:10px; height:10px; border:2px solid #7C971A;}

#header a, #rodape a, #linha3 a {border:0px;}
.coluna {float:left; margin-left:20px; position:relative;}
.coluna, .coluna > div {width:293px;}
.dupla, .dupla > div {width:607px;}
.tripla, .tripla > div {width:915px;}
#linha1 .coluna:first-child, #linha2 .coluna:first-child, #linha3 .coluna:first-child, #linha4 .coluna:first-child {margin-left:0px !important;}

#form_busca {float:right; margin-top:11px;}
.form_txt {padding:5px 10px; border-radius:7px; background:#f4f4f4; border:1px solid #ddd;}
.form_btn {padding:5px 15px; border-radius:7px; background:#059; color:#fff; text-transform:uppercase;}
#txt_busca {padding-left:33px; font-size:11px; padding-top:7px;}
label {margin:5px;}
select.form_txt option {padding-right:10px;}

.ver_todas {float:right; font-weight:normal; border:0px;}
.link_botao {font-size:12px; text-decoration:none; color:#333; background-color:#e5e5e5; padding:3px 8px; border-radius:5px; border:0px;}
.link_botao:hover {background:#059; color:#fff;}

#ico_lupa {position:relative; top:3px; left:30px;}
*:first-child+html #ico_lupa {top:0px !important;} /* IE 7 e anteriores */

#fundo_menu {width:100%; background:#64645e; margin:-8px 0px -10px 0px; border-top:1px solid #fff;}
#menu_sup {list-style:none; width:auto; margin:5px 0px 10px 0px; padding:15px 0px; height:22px;}
#menu_sup li {display:inline; margin-left:20px;}
#menu_sup li:first-child {margin-left:0px;}
#menu_sup li a {color:#fff; text-decoration:none; text-transform:uppercase; font-size: 13px;}
#menu_sup li a:hover, #menu_sup li a.ativo {color:#FF8000; border-bottom:3px solid #FF8000;}

#conteudo {background:#808075; position:relative; border-top:5px solid #fff;}
#conteudo .centro {background:#fff; padding:15px 20px; width:920px; min-height:300px;}

#rodape * {color:#fff;}
.coluna_rodape {width:auto; margin:23px; float:left;}
#rodape_home {margin-left:110px;} /* temporario enquanto estiver sem a coluna de apps mobile */
#rodape p {color:#ffcb09; font-weight:bold; text-transform:uppercase; padding:30px 0px 0px 40px;}
#rodape_home p {background:url("../img/rodape-home.gif") top left no-repeat;}
#rodape_campanha p {background:url("../img/rodape-campanha.gif") top left no-repeat;}
#rodape_redes p {background:url("../img/rodape-redes.gif") top left no-repeat;}
#rodape_app p {background:url("../img/rodape-app.gif") top left no-repeat;}
#rodape_contato {margin-right:0px;}
#rodape_contato p {background:url("../img/rodape-contato.gif") top left no-repeat;}
#rodape ul {margin-left:55px; list-style:disc;}
#rodape ul li {margin-bottom:10px;}
#rodape ul li a {text-transform:uppercase; font-size:12px; text-decoration:none;}
#rodape ul li a:hover {text-decoration:underline;}
#linha4 p {color:#fff !important; font-weight:normal !important; font-size:12px; padding:0px;}
#linha4 .coluna {width:313px; margin-bottom:20px;}
#linha4 .dupla, #linha4 .dupla > div {width:627px !important;}
#sinprofaz {float:right; width:auto;}
#colaboradores img {margin:0px 6px 5px 0px !important;}

#rodape_print {display:none;}

.data {font-size:11px !important; color:#059; font-weight:normal;}

#tabs-redes, .ui-tabs-nav {border-width:0px !important;}
.ui-tabs-nav {margin-left:-2px !important;}
.ui-tabs-panel {padding:0px !important;}
#tabs-redes-twitter, #tabs-redes-facebook {position:relative; min-height:392px;}
#tabs-redes-twitter a, #tabs-redes-facebook a {border:0px;}
.twitter-timeline {height:392px; width:292px;}
.twtr-tweets * {font-size:12px;}
.twtr-tweets em a {font-size:11px;}
.twtr-ft {background:#ddd;}
.twtr-doc {height:320px !important;}
*:first-child+html .twtr-doc {height:319px !important;} /* IE 7 e anteriores */
.twtr-bd {height:233px !important;}
@-moz-document url-prefix() { #redes_home h2 {margin-bottom:11px;} }

.fancybox, .fancybox:hover {text-decoration:none; border:0px;}
.fancybox-nav, .fancybox-nav:hover {border:0px;}


/* cabecalho sonegometro */
#barra_superior {display:block; height:70px; background:#242424; border-bottom:2px solid #454545;}
.logoquanto {
	float: left;
	height: 70px;
	width: 421px;
}
.redetwitter {
	display: block;
	float: right;
	height: 24px;
	width: 24px;
	margin-top: 29px;
	margin-left: 10px;
}
.redeface {
	display: block;
	float: right;
	height: 24px;
	width: 24px;
	margin-top: 29px;
}
.redeyoutube {
	display: block;
	float: right;
	height: 24px;
	width: 48px;
	margin-top: 29px;
	margin-left: 10px;
	margin-right: 25px;
}

/* ~~ Sonegometro- CONTADOR ~~ */
.sonegometro {
	background-color: #000;
	height: 360px;
	width: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-image: url(../img/Logo_fundo_contador.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}
.contador01 {
	background-color: #FFF;
	height: 150px;
	width: 820px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top: 3px;
}
.frase {
	display: block;
	height: 25px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	font-size: 0.85em;
	padding-top: 10px;
}

/* ~~ Letreiro - Textos din�micos ~~ */
.letreiro {
	background-color: #FF8000;
	height: 34px;
	width: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 20px;
}
.letreiro p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	text-align: center;
}
#mensagem {font-size:18px;}
button {background:#ADADAD !important; font-size:16px !important;}
.ui-state-hover, .ui-state-focus {background:#eee !important;}