/* CSS Document */
/* criado por: razz.comunicação+tecnologia */
/* site: SINDUSCON-MG.ORG.BR */

/* ------------------------- Tags da estrutura da pagina ------------------------- */

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
body {
	/*background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: left top;*/
	background-color: #e4e4e4;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
}

/* ------------------------- DIVs da estrutura ------------------------- */

/* Fundo Branco */

.bggeral {
	width: 750px;
	margin: auto;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	background-color: #FFFFFF;
	display: table
}

/* Classes dos DIVs que seguram a estrutura */

.wrapper {
	margin: 0 auto;
	width: 750px;
	w\idth: 750px;  /* C + L + R */
	text-align: left;
	background-color: #ededed; /* L */
	border: 0px solid #000;
}
.outer1 {
	margin-left: 180px;
	background-color: #fff; /* R */
}
.outer2 {
	margin-right: 170px;
	background-color: #fff; /* C */
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}
.outer0 {
	position: relative;
	margin-left: -180px;
	margin-right: -170px;
	word-wrap: break-word;
}


/* Classes dos DIVs com data, mapa e acesso */

.top {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 32px;
	max-height: 32px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
}

.topcolumns {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8e8e8e;
	padding: 7px 0px 0px 0px;
}

.header {
	border-bottom: 1px solid #d60000;
	height: 78px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	min-width: 750px;
	max-height: 78px;
}

/* Classes dos DIVs da logo, banner e pbqp */

.headerleft {
	margin: 0px;
	width: 196px;
	padding: 7px 0px 0px 0px;
}

.headercenter {
	margin: 0px;
	width: 394px;
	padding: 10px 10px 0px 20px;
}

.headerright {
	width: 130px;
	padding: 7px 0px 0px 0px;
}

/* Classes dos DIVs do menu horizontal e da busca */

.menuhorizontal {
	height: 30px;
	margin: 0px;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	border-left: 0;
	border-right: 0;
	background-image: url(../images/bgmenuover.gif);
	background-repeat: repeat;
}
.menuhleft {
	width: 526px;
	padding: 0 0 0 14px;
	height: 30px
}
.menuhleft ul {
	margin: 0;
	padding: 0;
	height: 30px;
}
.menuhleft ul li {
	display: inline;
	margin: 0;
	padding: 0;
	height: 30px;
	list-style-type: none;
}
.menuhleft ul li a:link, .menuhleft ul li a:active, .menuhleft ul li a:visited {
	float: left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 15px 0px 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	display: block;
	white-space: nowrap
}
.menuhleft ul li a:hover {
	background: url(../images/bgmenu.gif) repeat-X;
}
.menuhright {
	width: 152px;
	padding: 7px 29px 0 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menuhright a:link, .menuhright a:active, .menuhright a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menuhright a:hover {
	color: #d60000;
	text-decoration: none;
}

.to-right {
	float: right;
}
.to-left {
	float: left;
}
.clear {
	clear: both;
}
.block {
	display: block
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.testfloat {
	width: 50px;
	border: 2px solid #f90;
	background-color: #ffd;
	font-size: .8em;
}

/* Centro e Barra da Esquerda Holder */

.wrap-cl {
	float: left;
	width: 580px; /* C + L */
}

/* Classes dos DIVs do conteúdo principal */

.center {
	float: right;
	width: 400px;  /* C */
	border-top: 1px solid #E0E0E0;
}
#meio {
	width: 370px;
	margin: 0px;
	padding: 10px 5px 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: .95em; 
	color: #666666; 
	float: left;
}
#meio h1 {
	font-size: 11px; 
	color: #434343; 
	border-bottom: 1px solid #E0E0E0; 
	border-right: 1px solid #E0E0E0; 
	padding: 10px 0;
	margin: 0px 0px 10px 0px;
	clear: both;
}
#meio h2 {
	font-size: 11px; 
	color: #434343; 
	height: 22px;
	line-height: 22px; 
	padding: 7px 0;
	margin: 0px 0px 10px 0px;
	border-left: 1px solid #E0E0E0; 
	clear: both;
}
#meio #destaquea {
	display: block;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#meio #destaquea p {
	margin:0 0 10px 0;
	line-height: 20px
}
#meio #destaquea ul {
	line-height: 20px;
	text-indent: 0;
	list-style: disc;
}
#meio #destaquea ul li {
	padding-bottom: 10px;
	padding-right: 20px;
}
#meio #destaquea ol {
	line-height: 20px;
	text-indent: 0;
}
#meio #destaquea ol li {
	padding-bottom: 10px;
	padding-right: 20px;
}
#meio #destaquea h3 {
	font-size: 10px; 
	color: #666666; 
	border-bottom: 1px solid #E0E0E0; 
	height: 20px;
	line-height: 20px; 
	padding: 0px;
	margin: 0px 0px 6px 0px;
	clear: both;
	text-align: right
}
#destaquea #destaque1 {
	float: left;
	width: 180px;
	padding: 0;
	line-height: 1.8em;
}
#destaquea #destaque2 {
	float: right;
	width: 180px;
	padding: 0;
	line-height: 1.8em;
}
#destaqueb {
	display: block;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#meio #destaqueb p {
	margin:0 0 10px 0;
	line-height: 20px
}
#destaquec {
	display: table;
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: right;
	width: 370px;
}
#listagem {
	display: table;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 20px;
}
#paginacao,#paginacaobottom {
	display: table;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
}
#paginacao #paginacaoesq, #paginacaobottom #paginacaobottomesq {
	float:left;
	text-align:right;
}
#paginacao #paginacaomeio, #paginacaobottom #paginacaobottommeio {
	float:left;
	color:#d60000;
	text-align:center;
}
#paginacao #paginacaodir, #paginacaobottom #paginacaobottomdir {
	float:left;
	text-align:left;
}

#nucleo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#nucleo p {
	margin:0 0 10px 0;
	line-height: 20px
}
.imagemvideo {
	float: left; 
	margin: 0 10px 10px 0; 
	width: 100px; 
	padding: 2px; 
	border: 1px solid #CCCCCC; 
	background-color:#FFFFFF
}

/* Barra da esquerda */

.left {
	float: left;
	width: 180px;  /* L */
	margin: 0px;
	border-top: 1px solid #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#loadingelement
{
	padding:6px 0px 6px 0px;
	text-align:center;
	visibility:hidden;
	display:block;
	margin-bottom:12px;
	line-height:20px;
	vertical-align:middle;
}
/* Barra da direita */

.right {
	float: right;
	width: 170px;  /* R */
	margin: 0px;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 
	line-height: 1.3em; 
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-top: 1px solid #E0E0E0;
}

.right h1 {
	font-size: 11px; 
	color: #434343; 
	border-bottom: 1px solid #E0E0E0; 
	border-right: 1px solid #E0E0E0;
	line-height: 22px; 
	padding: 7px 0;
	margin: 0px 0px 10px 0px;
}


/* Conteudo da Barra lateral direita */

.rightholder {
	background-color:#ededed;
}
.rightholder h1 {
	font-size: 11px; 
	color: #434343; 
	border-bottom: 1px solid #E0E0E0; 
	border-right: 1px solid #E0E0E0;
	line-height: 22px; 
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 10px 0px;
	color: #FFFFFF;
	background-image: url('../images/bgmenuover.gif'); 
	background-repeat:repeat-x; 
	background-position: top; 
	background-color:#d1d0d0
}

/* Base: pratocinio */

#patrocinio {
	height: 105px;
	min-width: 750px;
	max-height: 105px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #8e8e8e;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 1px solid #d60000;
}
.titlepatrocinio {
	padding-top: 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #8e8e8e;
	background-color: #FFFFFF;
	clear: both
}
.logopatrocinio {
	padding: 5px 0px 10px 0px;
	background-color: #FFFFFF; 
}

/* Base: endereco */

#address {
	height: 25px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #666666;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	background-color: #FFFFFF
}

/* Base: politicas e assinatura */

#rodape {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 2em;
	color: #9c9c9c;
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px 0px 5px 0px;
}

/* tags com margens zeradas */

p, h1, h2, h3 {
	margin: 0 0 0 0;
}

/* ------------------------- Links ------------------------- */

a:link {
	color: #d60000;
	text-decoration: none;
}
a:active {
	color: #d60000;
	text-decoration: none;
}
a:visited {
	color: #d60000;
	text-decoration: none;
}
a:hover {
	color: #d60000;
	text-decoration: underline;
}

a.associado:link {
	color: #666666;
	text-decoration: underline;
}
a.associado:active {
	color: #666666;
	text-decoration: underline;
}
a.associado:visited {
	color: #666666;
	text-decoration: underline;
}
a.associado:hover {
	color: #d60000;
	text-decoration: none;
}

a.saibamais:link {
	color: #d60000;
	text-decoration: none;
	line-height: 24px;
}
a.saibamais:active {
	color: #d60000;
	text-decoration: none;
	line-height: 24px;
}
a.saibamais:visited {
	color: #d60000;
	text-decoration: none;
	line-height: 24px;
}
a.saibamais:hover {
	color: #d60000;
	text-decoration: underline;
	line-height: 24px;
}
a.gray:link {
	color: #666666;
	text-decoration: none;
}
a.gray:active {
	color: #666666;
	text-decoration: none;
}
a.gray:visited {
	color: #666666;
	text-decoration: none;
}
a.gray:hover {
	color: #666666;
	text-decoration: underline;
}
a.graytored:link {
	color: #666666;
	text-decoration: none;
}
a.graytored:active {
	color: #666666;
	text-decoration: none;
}
a.graytored:visited {
	color: #666666;
	text-decoration: none;
}
a.graytored:hover {
	color: #d60000;
	text-decoration: none;
}
a.graytored2:link {
	color: #454545;
	text-decoration: none;
}
a.graytored2:active {
	color: #454545;
	text-decoration: none;
}
a.graytored2:visited {
	color: #454545;
	text-decoration: none;
}
a.graytored2:hover {
	color: #d60000;
	text-decoration: none;
}
.graytoredsmall {
	font-size: 9px;	
	font-weight: normal;
}
.graytoredsmall a:link {
	font-size: 9px;	
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.graytoredsmall a:active {
	font-size: 9px;	
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.graytoredsmall a:visited {
	font-size: 9px;	
	font-weight: normal;
	color: #d60000;
	text-decoration: none;

}
.graytoredsmall a:hover {
	font-size: 9px;	
	font-weight: normal;
	color: #d60000;
	text-decoration: none;
}
a.graytopbottom:link {
	color: #8e8e8e;
	text-decoration: none;
}
a.graytopbottom:active {
	color: #8e8e8e;
	text-decoration: none;
}
a.graytopbottom:visited {
	color: #8e8e8e;
	text-decoration: none;
}
a.graytopbottom:hover {
	color: #434343;
	text-decoration: underline;
}
a.razz:link {
	color: #c0c0c0;
	text-decoration: none;
}
a.razz:active {
	color: #c0c0c0;
	text-decoration: none;
}
a.razz:visited {
	color: #c0c0c0;
	text-decoration: none;
}
a.razz:hover {
	color: #434343;
	text-decoration: none;
}
a.whitetogray:link {
	color: #ffffff;
	text-decoration: none;
}
a.whitetogray:active {
	color: #ffffff;
	text-decoration: none;
}
a.whitetogray:visited {
	color: #ffffff;
	text-decoration: none;
}
a.whitetogray:hover {
	color: #787878;
	text-decoration: none;
}
a.itemmenudireita:link, a.itemmenudireita:active, a.itemmenudireita:visited {
	padding: 4px 10px 4px 10px;
	margin: 0px;
	background-color: #ffffff;
	width: 150px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
	color: #666666;
	
}
a.itemmenudireita:hover {
	padding: 4px 10px 4px 10px;
	margin: 0px;
	background-color: #f0f0f0;
	width: 150px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
	color: #666666;
}
a.menuprincipal:link, a.menuprincipal:active, a.menuprincipal:visited {
	padding: 2px 5px 2px 5px;
	margin: 0px 10px 0px 10px;
	line-height: 20px;
	width: 150px;
	display: block;
	/*border-top: 1px solid #f4f4f4;*/
	border-bottom: 1px solid #cfcfcf;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	text-indent: 0px
}
a.menuprincipal:hover {
	padding: 2px 5px 2px 5px;
	margin: 0px 10px 0px 10px;
	line-height: 20px;
	width: 150px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
	text-decoration: none;
	font-size: 10px;
	background-color: #bababa;
	color: #FFFFFF;
	text-indent: 0px
}
.submenu {
	margin: 0px 10px 0px 10px;
}
.submenu a:link, .submenu a:active, .submenu a:visited {
	text-decoration: none;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
	display: block;
	padding-left:20px;
	text-indent:-8px;
}
.submenu a:hover {
	text-decoration: none;
	line-height: 20px;
	font-size: 10px;
	background-color: #bababa;
	color: #FFFFFF;
	display: block;
	padding-left:20px;
	text-indent:-8px;
}

/* ------------------------- Campos ------------------------- */
input.inputfields
{
	color:#8e8e8e;
	display:inline;
	font-size:10px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
}
textarea.inputfields
{
	color:#8e8e8e;
	display:inline;
	font-size:10px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
}
.useraccess
{
	color: #8e8e8e;
	background-color: #EAEAEA;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 71px;
	border : 0px;
}
.useraccessbot
{
	color: #8e8e8e;
	background-color: #FFFFFF;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 71px;
	border: 0px;
	cursor: pointer;
}
.search
{
	color: #787878;
	background-color: #ffffff;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90px;
	border: 1px solid #cccdce;
	display: inline;
}
/* ------------------------- Enquete ------------------------- */
.enquete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 
	line-height: 1.3em; 

}
.enquete_titulo {
	font-weight:bold;
	text-align:left;
}
.enquete_resultado_barra
{
	background-color: #EDEDED;
	border-bottom:1px solid #BABABA;
	border-right:1px solid #BABABA;
	display:block;
	float:left;
	height:8px;
}
.enquete_resultado_alternativa
{
	width:100%;
	display:block;
	clear:both;
	background-color:#FFFFFF;
}
.enquete_resultado_titulo
{
	font-weight:bold;
	text-align:left;
}
.enquete_resultado_pergunta
{
	padding-bottom:6px;
}
.enquete_resultado_votos
{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	width:30%;
	display:block;
}
.botaoenquete
{
	color: #8e8e8e;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 74px;
	border: 0px;
	cursor: pointer;
}
/* ------------------------- Comissoes ------------------------- */
div.convencao
{
	text-align:justify;
	margin-top:8px;
	margin-bottom:8px;
	padding:16px;
	border-bottom:1px solid #CCCCCC;
	background-color:#ededed;
	clear: both
}
/* ------------------------- Diretoria ------------------------- */
div.diretoria 
{
	margin-top:10px;
	margin-bottom:10px;
	display:table;
	width:370px;
}
/* ------------------------- Tabelas ------------------------- */
div.table
{
	text-indent:0px;
	border:2px solid #CCCCCC;
}
div.row
{
	padding-left:4px;
	padding-right:4px;
	text-align:left;
}
div.rowtitle
{
	text-align:center;
	border-bottom:1px solid #CCCCCC;
}
.tablesconteudo td {
	padding: 5px
}

table.bordasimples {
	border-collapse: collapse !important;
}
table.bordasimples tr td {
	border: 1px solid #CCCCCC !important;
	padding:5px !important; 
	text-indent: 0 !important;
	text-align: left !important; 
}
table.bordasimples tr.dif td {
	border: 1px solid #CCCCCC !important;
	background-color: #f2f2f2;
	padding:5px !important; 
	text-indent: 0 !important;
	text-align: left !important; 
}
table#alter tr td {
	background-color: #ffffff;
	text-indent:7px;
} 
table#alter tr.dif td {
	background-color: #f2f2f2;
	text-indent:7px;
}
table#alter1 tr td {
	background-color: #ffffff;
	text-indent:7px;
} 
table#alter1 tr.dif td {
	background-color: #f2f2f2;
	text-indent:7px;
}
table#alter2 tr td {
	background-color: #ffffff;
	text-indent: 0px;
	text-align: center
} 
table#alter2 tr.dif td {
	background-color: #f2f2f2;
	text-indent: 0px;
	text-align: center
}
table#alter2 tr.dif2 td {
	background-color: #000066;
	text-indent: 0px;
	text-align: center;
	color: #FFFFFF
}

/* ------------------------- Paragrafos ------------------------- */
p.listagem {
	padding-left:40px;
	text-indent:-8px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
}

.textbold {
	font-weight: bold;
}

div.paragrafo p {
	padding: 5px 0 5px 40px !important;
	margin: 0 !important;
	border-bottom: 1px dotted #cccccc;
}

h3.anos {
	font-size: 12px;
	padding-top: 10px;
}