@charset "iso-8859-1";

/**************** GLOBAIS ******************/
body {
	height: 100%;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size:12px;
	margin: 0;
	padding: 0;
	line-height:150%;
	text-align:justify;
	background:transparent url(../img/spacer.gif) top center;
}
img, img a, form, div, ul, li, p, h1, h2, h3 {margin:0; padding:0; border:0;}

/********** VISUAL DO SITE **********/
.detalhe_externo { background:transparent  url(../img/spacer.gif) repeat-x right top; }
.fundo_site { background:transparent url(../img/spacer.gif) top center;}
.top  { background:transparent url(../img/spacer.gif) no-repeat center top; }
.detalhe_top { background:transparent  url(../img/spacer.gif) no-repeat right top; }
.bottom { background:transparent url(../img/spacer.gif) repeat-x bottom; }
.detalhe_bottom { background:transparent  url(../img/spacer.gif) no-repeat right bottom; }

/********** LINKS **********/
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.leiamais, .voltar { display:block; width:100%; text-decoration:none}
.leiamais:hover, .voltar:hover{ text-decoration:underline;}

/******* textos e títulos ********/
h1 { font-weight:normal; font-size:14px}
h3 { font-weight:normal; font-size:12px}

/******Áreas e itens********/
.conteiner_itens { padding:5px 5px 5px 5px }
.container_iten0, .container_iten1, .container_iten2, .container_iten3, .container_iten4, .container_iten5, .container_area {
height:1%;
}
.bloco_texto {padding:5px;}
.container_iten0 .img {float:left; margin:0 8px 8px 0; display:inline; clear:left;}
.container_iten1 .img {float:right; margin:0 0 8px 8px; display:inline; clear:right;}
.container_iten2 .img {margin:0 3px 4px 3px;}
.container_iten3 .img {margin:8px 3px 0 3px;}
.container_iten4 .img {float:left; margin:0 8px 8px 0;}
.container_iten5 .img {float:right; margin:0 0 8px 8px;}

/********** margens e paddings **********/
.bottom5 {margin-bottom:5px;}
.bottom8 {margin-bottom:8px;}
.top5{ margin-top:5px;}
.padding15 {padding:15px;}

/********** CONTEINERS **********/
.externo {
	width:100%; 
	height:100%;
	padding:0; 
	margin:0; 
}
.container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.conteiner_formulario { width:580px}

#barrado {
	width: 100%;
	background:transparent url(../img/spacer.gif);
}
#barrado .bloco_texto {padding:0;}

/****** animação ***********/
#anima {
	width: 100%;
	padding:0;
	margin: 0;
}

/****** colunas ***********/
.conteiner_colunas { width:780px;}
.coluna1 { width:160px ;}
.coluna2 { width:460px ;}
.coluna3 { width:160px ;}
.coluna2a { width:620px ;}



/************************* MENUS ****************************/

/********** menu de canais **********/
#menu_canais {
		font: 11px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
		width:100%;
		height: 22px;
		line-height:normal;
}

/* Fix IE. Hide from IE Mac \*/ 
* html #menu_canais {
		font: 11px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
		width:100%;
		height: 18px;
		line-height:normal;
} 
/* End */  

#menu_canais ul {
text-align: right;
margin: 0;
padding-bottom: 2px;
padding-top: 4px;
}
#menu_canais ul li {
display: inline;
margin-left: -4px;
}
#menu_canais ul li a {
padding: 4px 12px 2px 12px;
text-decoration: none;
border:0;
}
#menu_canais ul li a:hover {
background:transparent url(../img/spacer.gif);
}
#menu_canais ul li a.ativa {
padding: 4px 12px 2px 12px;
text-decoration: none;
background:transparent url(../img/spacer.gif);
}

/********** menu de plugins **********/
#menu_plugins {
	width: 100%;
	font: 11px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	background-color:#CCFFCC;
	height:22px;
	padding:0;
}

#menu_plugins ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style-type:none;
}

#menu_plugins ul li a {
	display: block;
	width: 130px;
	text-align: center;
	text-decoration: none;
	padding: 3px 0;
}
#menu_plugins ul li a:hover {
	background-color:#33CCFF;
}

#menu_plugins li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
}

#menu_plugins li ul { /* second-level lists */
	position: absolute;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu_plugins li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 130px;
}

#menu_plugins li:hover ul ul, #menu_plugins li:hover ul ul ul, #menu_plugins li.sfhover ul ul, #menu_plugins li.sfhover ul ul ul {
	left: -999em;
}

#menu_plugins li:hover ul, #menu_plugins li li:hover ul, #menu_plugins li li li:hover ul, #menu_plugins li.sfhover ul, #menu_plugins li li.sfhover ul, #menu_plugins li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
}

/**** Inline STYLE-tag style sheet ************/

/********** menu de subpaginas **********/
#menu_subpaginas {
	font: 12px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	width: 160px ;
	padding:0;
	margin-top:15px;
	background:transparent url(../img/spacer.gif);
}
#menu_subpaginas ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 160px; /* Width of Menu Items */
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu_subpaginas ul li { float: left; height: 1%;} 
* html #menu_subpaginas ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 
#menu_subpaginas ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu_subpaginas ul a { 
	display: block; 
	text-decoration: none; 
	background:transparent url(../img/spacer.gif);
	padding: 3px 0 3px 16px;
}

#menu_subpaginas ul a:hover{ padding:3px 0 3px 16px;} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu_subpaginas ul a{ padding:2px 0 3px 16px;} 
* html #menu_subpaginas ul a:hover{ padding:2px 0 3px 16px;} 
/* End */  

/**** Inline STYLE-tag style sheet ************/

/********** FORMULÁRIOS **********/
.formulario { padding-top:5px;}

.formulario label {
	clear: both;
	font-size:11px;
	float: left;
	width: 130px;
	margin: 2px;
	height: 16px;
	line-height: 16px;
	padding-right: 4px;
	text-align: right;
}

.formulario .campoText { height:16px;}

.formulario .campoText, .formulario .campoTextArea {border:1px solid #666666; background-color:#FFFFFF; margin: 0 0 8px 2px; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.formulario div.campo_radios {float: left; width: 270px; height:16px; font-size:11px; margin: 0 0 10px 2px;}
.formulario div.campo_radios2 {float: left; width: 270px; height:32px; font-size:11px; margin: 0 0 10px 2px;}
.conteiner_checkbox {float: left; width: 270px; font-size:11px; margin: 0 0 10px 2px;}

.conteiner_checkbox .checkbox{ clear:both; height:14px; width:14px; float:left; padding:2px;}
.conteiner_checkbox label { float:left; width: 130px}

.formulario .campoText.campo_minimo, .campoTextArea.campo_minimo { width: 40px;}
.formulario .campoText.campo_pequeno, .campoTextArea.campo_pequeno { width: 80px;}
.formulario .campoText.campo_medio, .campoTextArea.campo_medio { width: 160px;}
.formulario .campoText.campo_grande, .campoTextArea.campo_grande { width: 400px;}
.formulario .tipo_dos_campos {clear: both; width: 400px; height:18px; font-size:11px; margin-bottom: 8px;}

.formulario .bot_enviar { height:18px; width:79px; border:1px solid #000000; background-color:#FFFFFF;
font-size:10px; color:#39571A; margin: 10px 0 10px 5px;}
.formulario .bot_enviar:focus, .pesquisa .bot_enviar:focus {border:0;}

/******* floats e imagens ********/
.floatright{float:right; clear:right;}
.clear_float {clear:right; clear:left; margin-top:-3px; font-size:0; height:1px; line-height:1%;}
.clear {clear:right; clear:left; clear:both;}
.img { padding:0; border: 0 solid #000000;}

/**************** POP *******************/
#pop .bloco_texto {margin:2px 8px 0 8px; line-height:120%; padding:0 8px 8px 8px;}
#pop .img { margin-bottom:0} 
#sucesso {position:absolute; width:300px; height:100px; left:50%; top:50%; margin-left:-150px; margin-top:-50px;}

body
{
	background-color:transparent;
	background-image:url(../Layout/back3gif);
	background-repeat:repeat;
	background-position:center center;
}

.detalhe_externo
{
}

.intro
{
	background-color:transparent;
}

.fundo_site
{
	background-color:#f0c095;
	background-repeat:repeat-y;
	background-position:center center;
	border-width:2px;
	border-color:#B23D25;
	border-style:solid;
}

.top
{
	background-image:url(../Layout/bannertopjpg);
	background-repeat:repeat-x;
	background-position:top left;
}

.top1
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top2
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top3
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top4
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top5
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top6
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top7
{
	background-repeat:no-repeat;
	background-position:top center;
}

.top8
{
	background-repeat:no-repeat;
	background-position:top center;
}

.detalhe_top
{
	background-repeat:no-repeat;
	background-position:top right;
}

.bottom
{
	background-image:url(../Layout/rodape02jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.detalhe_bottom
{
	background-repeat:repeat;
	background-position:bottom center;
}

#menu_plugins ul li a
{
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#menu_plugins ul li a
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	color:#B23D25;
}

#menu_plugins ul li a:hover
{
	background-color:transparent;
	background-image:url(../Layout/transgif);
	background-repeat:repeat;
	background-position:center center;
	color:#777D7F;
}

#menu_plugins ul a.submenu
{
	background-color:transparent;
	background-repeat:repeat;
	background-position:center center;
	color:#B23D25;
}

#menu_plugins ul a.submenu:hover
{
	background-color:transparent;
	background-image:url(../Layout/transgif);
	background-repeat:repeat;
	background-position:center center;
	color:#777D7F;
}

#menu_plugins ul li a.ativa, #menu_plugins ul a.submenu.ativa
{
	background-color:transparent;
	background-position:center center;
	color:#B23D25;
}

#menu_plugins
{
	background-color:transparent;
	background-image:url(../Layout/backmenujpg);
	background-repeat:no-repeat;
	background-position:center center;
}

#menu_plugins li ul
{
	background-color:transparent;
	background-image:url(../Layout/transgif);
	background-repeat:repeat;
	background-position:center center;
}

#menu_subpaginas ul a
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#menu_subpaginas ul a
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	color:#B23D25;
}

#menu_subpaginas ul a:hover
{
	background-color:transparent;
	background-image:url(../Layout/transgif);
	background-repeat:repeat;
	background-position:top left;
	color:#777D7F;
}

#menu_subpaginas
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center left;
}

body
{
	color:#777D7F;
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
}

h3
{
	color:#B23D25;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.coluna1 .container_iten0,
.coluna1 .container_iten1,
.coluna1 .container_iten2,
.coluna1 .container_iten3,
.coluna1 .container_iten4,
.coluna1 .container_iten5,
.coluna1 .container_area
{
	background-color:transparent;
	background-position:top left;
	color:#B23D25;
	font-family:Verdana, sans-serif;
	font-size:11px;
	border-width:0px;
	border-style:solid;
}

.coluna2 .container_iten0,
.coluna2 .container_iten1,
.coluna2 .container_iten2,
.coluna2 .container_iten3,
.coluna2 .container_iten4,
.coluna2 .container_iten5,
.coluna2 .container_area,
.coluna2a .container_iten0,
.coluna2a .container_iten1,
.coluna2a .container_iten2,
.coluna2a .container_iten3,
.coluna2a .container_iten4,
.coluna2a .container_iten5,
.coluna2a .container_area
{
	background-color:transparent;
	background-position:top left;
	color:#B23D25;
	border-width:0px;
	border-style:solid;
}

#barrado .container_iten0, #barrado .container_iten1, #barrado .container_iten2, #barrado .container_iten3, #barrado .container_iten4, #barrado .container_iten5, #barrado .container_area
{
	background-color:transparent;
	border-width:0px;
	border-style:solid;
}

a
{
	color:#777D7F;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
}

a:hover
{
	color:#B23D25;
}

.leiamais
{
	color:#777D7F;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
}

.leiamais:hover
{
	color:#B23D25;
}

.voltar
{
	color:#777D7F;
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
}

.voltar:hover
{
	color:#B23D25;
}

.img
{
	border-width:2px;
	border-color:#B23D25;
	border-style:solid;
}

#pop h3 p
{
}

#pop p
{
}

.formulario .campoText, .formulario .campoTextArea
{
	background-color:#FFFFFF;
	color:#B23D25;
	border-width:1px;
	border-color:#F0C095;
	border-style:solid;
}

.formulario .bot_enviar
{
	background-color:#B23D25;
	color:#FFFFFF;
	border-width:1px;
	border-color:#F0C095;
	border-style:solid;
}