@charset "utf-8";
/* CSS Document */

/************************************
DOT.LIB
Criado em: Fevereiro/2009                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* { margin:0; padding:0; border:none; text-decoration:none; list-style-type:none; }

body {
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #59751b;
}
.desktop {
	width: 100%; 
}

ul
{
	line-height: 18px;
	text-align: left;
}
	ul li a {
		line-height: 20px;
		font-size: 12px;
		text-decoration: none;
		color: #59751b;
		cursor: pointer;
		}
	ul li a:hover { text-decoration: underline; color: #999999; }



/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.center { text-align: center; }
	.clear { clear: both; }
	.right { text-align: right; }
	.left { float: left; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	p { line-height: 14px; }
	a { color: #666; cursor: pointer; }
	a:hover { color: #999; text-decoration: none;}
	
	.linha { width: 100%; height: 1px; background: #cdd6c1; margin: 10px 0; clear: both; overflow: hidden; }
	
	.espaco10 { width: 100%; height: 10px; clear: both; }
	
	
	h2 { font-size: 14px; color: #6997be; text-transform: uppercase; margin: 20px 0; }
	h3 { font-size: 14px; color: #59751b; margin: 20px 0; }
	h4 { font-size: 12px; color: #59751b; margin: 20px 0; }
	
/************************************
	ESTRUTURA 
************************************/

/* DEFAULT */

.headerDefault {
	margin: 0 auto; padding: 33px 0 40px 0;
	width: 755px;
}
	.headerDefault .logoDefault { float: left; margin-top: 10px; }
	.headerDefault .selecionaPais {
		float: right;
		padding: 21px 0 0 354px;
		width: 214px; height: 39px;
		background: #c9e096 url(../imgs/boasvindas.gif) no-repeat 32px center;
	}
.contentDefault {
	clear: both;
	width: 100%; height: 539px;
	/* background: url(../imgs/mapa_default.gif) no-repeat center top; */
}
.contentDefault .ssp { margin: 0 auto; width: 930px;}

/* HEADER */	

.header {
	height: 136px;
	text-align: center;
}
.headerMeio {
	margin: 0 auto;
	width: 780px;
}
	
	.headerMeio h1 { 
		float: left;
		margin: 15px 0 14px 25px;
		width: 126px; height: 37px;
		background: url(../imgs/logo.gif) no-repeat;
	}
	.headerMeio h1 span { display: none; }
	
	.headerMeio .destaque { margin-bottom: 25px; }

.content {
	clear: both;
	margin: 0 auto; padding-top: 9px;
	width: 780px;
	background: #ffffff;
}
.content a { color: #59751b; }
.content a:hover { text-decoration: underline; color: #999999; }
	.bar { 
		position: relative;
		margin: 10px 0 15px 0; padding: 6px 0 0 25px;
		height: 22px;
		font-size: 12px; text-transform: uppercase;
		background: #96b6d1; color: #FFFFFF;
	}
	
	div.flag {width:42px; float:left;}
	
		.bar_new {
			float:left;
		margin: 0 0 15px 0; padding: 0 0 0 5px;
		height: 28px;
		line-height:28px;
		font-weight:bold;
		font-size: 12px; text-transform: uppercase;
		background: #96b6d1; color: #FFFFFF;
		width:93%;
	}
	.bar .cetaBar {
		position: absolute;
		top: 28px; left: 10px;
		background: url(../imgs/img_cetabar.gif) no-repeat; 
		height: 9px; width: 17px; 
	}
	.bar a { color: #fff; }
	.bar a:hover { color: #fff; }
	/* cor do background da barra de areas */
	.cor_bbd51a { 
		background: #bbd51a;  padding: 6px 0 0 51px; margin-top: 25px; 
	}
	
	.bar .areasBar {
		position: absolute;
		top: -10px; left: 10px;
		height: 38px; width: 38px;
	}
		.contBar {
			clear:both;
			padding: 0 20px 0 20px; 
		}
		.contBar .bloco3 { width: 245px; float: left; margin: 5px 0; }
		.contBar .bloco3 img { float: left; margin-right: 25px; }
		.contBar .bloco3 p { margin-top: 12px; }
		
		.contBar .bloco4 { width: 175px; float: left; text-align: center;  margin: 5px; }
	
		.contBar .bloco5 { width: 148px; float: left; text-align: center;  margin: 5px 0; }
	
/* Internas */

.descricao { padding: 0 20px; font-weight: normal; color: #000000; line-height: 18px; }
.descricao p { font-weight: normal; color: #000000; line-height: 18px; margin-bottom: 15px; }

.contLeft { float: left; width: 500px; }
.contLeft p { font-weight: normal; color: #000000; line-height: 18px; margin-bottom: 15px; padding: 0 25px;  }
.contLeft h2 { padding: 0 25px; }
.contLeft p.comandos { background: #c2d8eb; padding: 20px; } 

.contLeft .bar { margin-top: 0; }
.contBar p { padding: 0;  font-weight: normal; color: #000000; line-height: 18px; margin-bottom: 15px;  }
.contBar a { font-size: 12px; font-weight: normal; color: #59751b; }
.contBar a:hover { color: #999; }
.contBar h4 { margin: 0 0 5px 0; }

ul.int
{
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	padding-left: 25px;
	margin: 10px 0;
}
ul.int li { 
	list-style-type: square;
	font-size: 12px;
	color: #666;
}
ul.uroman
{
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	padding-left: 25px;
	margin: 10px 0;
}

ul.uroman li { 
	list-style-type: upper-roman; 
	font-size: 12px;
	color: #666;

}

.contRight { float: right; width: 258px; }

.contRight .boxRight { background: #eaeee5; padding: 20px 25px;  }

.contRight .boxRight p { font-weight: normal; color: #000000; line-height: 18px; margin-bottom: 2px; }
.contRight .boxRight p.data { font-size: 10px; }
.contRight .boxRight h2 { margin-top: 0; }
.contRight .boxRight h3 { margin: 0 0 5px 0; }
.contRight .boxRight h4 { margin: 10px 0 5px 0; font-size: 11px; }

.contRight .boxRight .blocoMarca { clear: both; width: 200px; margin: 10px 0; }
.contRight .boxRight .blocoMarca img { float: left; margin-right: 25px; }
.contRight .boxRight .blocoMarca p { float: left; padding-top: 12px; }

	.content a.right {
		padding-left: 20px; 
		font-size: 11px; font-weight: bold; color: #59751b; 
		background: url(../imgs/bullet_noticias.gif) no-repeat; 
	}
	.content a:hover.right { color: #999; }

	.content a.acessar {
		padding-left: 20px;
		font-size: 12px; font-weight: bold; color: #59751b; 
		background: url(../imgs/bullet_link.gif) no-repeat; 
		}
	.content a:hover.acessar { color: #999; }
	

/* Editoras / areas */
	
	.barEditoras { 
		background: #eff4e3; height: 35px; padding: 20px 0 0 150px; position: relative;
		margin: 0 0 15px 0; 
		font: 15px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; 
		color: #59751b; 
	}
	.editorasProdutos ul li { 
		font: 10px Arial, Helvetica, sans-serif; font-weight: bold;
		color: #000000; margin-left: 150px;
	}
	.editorasProdutos ul li a { 
		font: 10px Arial, Helvetica, sans-serif; font-weight: bold;
		color: #000000; 
	}
	.editorasProdutos ul li a:hover { color: #59751b; }
	
	.logoEditoras { 
		height: 53px; width: 135px; top: 0px; left: 0; position: absolute; padding-top: 2px; 
		background:url(../imgs/bg_logoEditoras.gif) no-repeat;
		text-align: center; 
	}
	.logoEditoras img { height: 50px; }
	.spaceEditora { margin-bottom: 20px; }
	
		

/* FOOTER */
	.footerMeio { margin: 0 auto; width: 780px; }
	
	.barFooter { 
		background: #eef1ea; padding: 0; color: #59751b; height: 28px;
		overflow: hidden;
	}
	.copy {
		float: right;
		padding: 8px 20px 0 0;
		color: #737373; text-align: right;
		font: 10px Arial, Helvetica, sans-serif;
	 }
		.copy p a { color: #c7cbc2; }
		.copy p a:hover { color: #737373; }
		
	.barPaises { 
		float: left; display: block;
		padding: 8px 20px 0 20px;
		height: 20px;
		font: 12px Arial, Helvetica, sans-serif; color: #59751b;
		border-right: 5px solid #FFFFFF;
	}
	
	.trocarPaises {
		float: left;
		padding: 5px 20px 0 20px;
		text-transform: none; font-weight: bold;
		font: 12px Arial, Helvetica, sans-serif; color: #59751b;  
	}
	.trocarPaises select, .selecionaPais select {
		width: 140px; margin: 0 5px; 
		background-color: #ffffff;
		border: 1px solid #999;
		font:10px verdana, arial, helvetica, sans-serif;
		color:#333333;
	}
	.trocarPaises .botao, .selecionaPais .botao {
		padding: 0 5px;
		font: 12px Arial, sans-serif;
		color: #FFFFFF;
		background: #59751b;
	}
	.trocarPaises img { padding-right: 5px; }
			

/*************************************
	ACORDION
*************************************/	
	
#accordion { padding: 0; }
#accordion .element p { padding-left: 5px; }



h3.toggler {
	margin: 0 0 4px 0;  padding: 0 5px 2px 20px; 
	cursor: pointer;
	/* border-bottom: solid 1px #CCC; */
	font-size: 10px;
	/* background: #f0f0f0; */
			
	font-size: 12px; font-weight: bold; color: #59751b; 
	background: url(../imgs/bullet_link.gif) no-repeat; 
	
}
h3.toggler {
	margin: 0;  padding: 0 5px 2px 20px; 
	cursor: pointer;
	/* border-bottom: solid 1px #CCC; */
	font-size: 10px;
	/* background: #f0f0f0; */
		
	font-size: 12px; font-weight: bold; color: #59751b; 
	background: url(../imgs/bullet_link.gif) no-repeat;}

.element .spacer { width: 100%; height: 5px; }	


div.topo {position:absolute; top:75px;}