body, html{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:100%;
text-align:center; /* hack para o IE */	
background-color:#000000;

}


/*********************************************************    TOPO   **************************************************************/
#topo{
margin:0 auto;
width:100%;
height:90px;
background-color:#222307;
background-image:url(../img/bg_topo.jpg);
background-repeat:no-repeat;
background-position:center;
}

#topo2
{
margin:0 auto;
position:absolute;
width:100%;
height:90px;
z-index:7;

}

#conttopo{
margin:0 auto;	
width:955px;
text-align:left; /* "remédio" para o hack do IE */	
z-index:9999;
}

#logosotex
{
width:190px;
height:51px;
float:left;
margin-top:10px;
}
#colmeias
{
margin:0 auto;	
float:right;
right:3px;
z-index:2;
width:540px;
height:90px;
}

#areabusca
{
width:201px;
height:33px;
float:right;
background-image:url(../img/bg_areabusca.gif);
background-repeat:no-repeat;
margin-top:25px;
padding-top:2px;
z-index:5;
}

.input_arestrita {
	color: #FFFFFF;
	border: #FFFFFF 1px solid;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #666666;
	padding-left:3px;
}


/*********************************************************    menu   **************************************************************/
#menu{
width:100%;
background-image:url(../img/fundo_barra.jpg);
background-repeat:repeat-x;
background-color: #393c03;
height:61px;
padding-left:0px;
padding-top:0px;
z-index:6;
}

#menu2{
width:100%;
position: absolute;
display: block;
background-image:url(../img/fundo_barra.jpg);
background-repeat:repeat-x;
height:62px;
padding-left:2px;
padding-top:0px;
z-index:10;
}

#contmenu{
margin:0 auto;	
width:995px;
text-align:left; /* "remédio" para o hack do IE */	
z-index:9999;
}

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
 .menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top }
 .menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em }
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
 /* características horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv li { float: left; }  
 .menu-hv li ul li { float: none; }
 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0;}
 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv li { width: 142px;  }
 .menu-hv li a { 
 	text-align:center;
	height:24px;
	padding-top:7px;
 	font-family:  verdana;
	font-size: 10px;
	font-style: normal;
	font-weight:bolder;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none; 
	
	}
/* .sub a:hover { background-image:url(../img/bg_menu_sub_over.gif); background-repeat:repeat-x; } */
 a.sub:hover {background-image:url(../bg_menu_over2.gif); background-repeat:repeat-x;} 
 
 a.sob:hover {background-image:url(../img/bg_menu_over.gif); background-repeat:repeat-x;} 

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }


/* menu horizontal by micox */
.menu-hh { display: table; }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block; }
.menu-hh li { list-style: none; float: left; height: 1%; }
.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 100%; }
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}
/* visual */
.menu-hh { width: 520px; margin: 0 0 0 12px; height: 31px;}
.menu-hh li { width: 142px;  }
.menu-hh a {
 	text-align:center;
	height:24px;
	padding-top:7px;
 	font-family:  verdana;
	font-size: 10px;
	font-style: normal;
	font-weight:bolder;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none; 
}

/*********************************************************    Conteudo   ************************************************************/

#meio{
width:100%;
min-height:710px;
height:auto !important;
height: 710px;/*altura*/
padding-top: 30px;

}


#conteudo{
margin:0 auto;	
width:955px;
min-height:710px;
height:auto !important;
height: 710px;/*altura*/
text-align:left; /* "remédio" para o hack do IE */	
padding-top:10px;
}

#comentarios
{
width:285px;
float:left;
margin-top:30px;
}

#noticias
{
width:285px;

}

#direita
{
width:285px;
float:right;
margin-top:30px;
}

#newsletter
{
width:285px;
margin-top:30px;
}

.inputnews{
	width:166px;
	height:17px;
	color: #FFFFFF;
	border: #FFFFFF 1px solid;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #666666;
	padding-left:3px;
}


#destaques
{
width:285px;
float:left;
margin-left:50px;
margin-top:30px;
}

#logos
{
clear:both;
text-align:center;
padding-top:45px;
*padding-top:20px;
_padding-top:45px;
padding-bottom:20px;
}

.titdivs
{
height:25px;
background-image:url(../img/fundo_barra.jpg);
background-repeat:repeat-x;
padding-left:22px;
padding-top:5px;
}

.contdivs a 
{
font-family:  Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}

.borderbranca{
	border: 1px solid #939393;
	text-align:left; /* "remédio" para o hack do IE */	
	font-family:  Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding-right:3px;
	padding-top:2px;
}
.imgborderbranca{
	border: 1px solid #939393;
	text-align:left; /* "remédio" para o hack do IE */	
	font-family:  Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	
}

.fontverde{
	font-family:  Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #666B03;
	text-decoration: none;
	font-weight:bold;
	padding-right:3px;
	padding-top:2px;
}
/********************************************************    Rodape   **********************************************************/
#rodape{
	width:100%;
	height:19px;
	clear:both;
	margin-top:20px;
}
#controdape{
	margin:0 auto;
	width:960px;
	height:19px;
	background-image:url(../img/bg_rodape.gif);
	background-repeat:repeat-x;
	text-align:left; /* "remédio" para o hack do IE */	
	font-family:  Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	padding-right:23px;
	padding-top:2px;
	}

/*******************************tool tip***********************/
a.dcontexto {
	position: relative;
	font: 12px arial, verdana, helvetica, sans-serif;
	padding: 0;
	color: #039;
	text-decoration: none;
	cursor: pointer;
	z-index: 24;
}
a.dcontexto:hover {
	background: transparent;
	z-index: 25;
}
a.dcontexto span {
	display: none;
}
a.dcontexto:hover span {
	display: block;
	position: absolute;
	width: 80px; 
	top: 20px;
	left:-20px;
	text-align: center;
	font: 10px Verdana, arial, helvetica, sans-serif; 
	padding: 5px 10px;
	border: 1px solid #717433;
	background: #4f5300;
	color: #FFFFFF;
	filter:opacity(alpha=60); /* para o IE */
     -moz-opacity:0.6; /* para o FireFox */
     opacity:0.6;
}