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

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a.jScrollArrowUp {
	background: url(../../img/conteudos/brscroll.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../../img/conteudos/brscroll.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.holder h1{
	margin-top:-3px;
	margin-left:25px;
	margin-bottom:-20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
	background:url(../../img/conteudos/titulo_termodeuso.gif) no-repeat ;
	height: 23px;
}

.holder_sustentabilidade h1{
	margin-top:-3px;
	margin-left:25px;
	margin-bottom:-20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
	background:url(../../img/conteudos/titulo_sustentabilidade.gif) no-repeat ;
	height: 23px;
}

.holder_busca h1{
	margin-top:-8px;
	margin-left:60px;
	margin-bottom:-20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
	background:url(../../img/conteudos/titulo_buscar.gif) no-repeat ;
	height: 23px;
}

h2{
	margin-top:30px;
	margin-left:25px;
	margin-bottom:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
}
h3{
	margin-top:45px;
	margin-left:55px;
	margin-bottom:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
	height:20px;
}
p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
}

.orange-bar .jScrollPaneTrack {
	background: #F00;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../../img/conteudos/btscroll.gif) no-repeat 100% 100%;
}
.orange-bar .scroll-pane {
	background: #F00;
}
			
.holder {	
	width: 877px;
	height:370px;
	background-image:url(../../img/conteudos/fundo_termodeuso.gif);
	float: left;
	margin:20px auto auto 40px;
	*margin:10px auto auto 19px;
}

.holder_sustentabilidade {	
	width: 877px;
	height:372px;
	background-image:url(../../img/conteudos/guia_sustentabilidade.jpg);
	float: left;
	margin:20px auto auto 49px;
	*margin:10px auto auto 49px;
}

.holder_busca	{
	width: 877px;
	height:372px;
	background-image:url(../../img/conteudos/resultado_busca.jpg);
	float: left;
}

.scroll-busca {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	
	width /*\**/: 820px;
	*width: 765px;
	_width: 765px;
	
	margin-left /*\**/: 50px;
	*margin-left: 0px;
	_margin-left: 0px;
	
	height: 250px;
	overflow: auto;
	float:left;
}
	.scroll-busca *	{
		color:#000000;
		padding-right:20px;
	}
	
.busca-resultado	{
	width:700px;
	background:#1a2816;
	padding:5px 10px;
	margin-bottom:10px;
	color:#d2ed3f !important;
	font-size:13px;
}
.busca-resultado *	{
	color:#d2ed3f !important;
	font-size:13px;
}
			
.sustentabilidade_dica_bg	{
	background:url(../../img/conteudos/dica-bg.gif) no-repeat ;
	width:504px;
	height:260px;
}

.sustentabilidade_dica_null	{
	background:url(../../img/conteudos/dica-bg_vazia.gif) no-repeat ;
	width:504px;
	height:260px;
}

#dicaresposta	{
	display:none;
}

.sustentabilidade_dica	{
background:url(../../img/conteudos/dica-bg_vazia.gif) no-repeat ;

	width:504px;
	height:260px;
}

.dica-input	{
	border:0px;
	background:transparent;
	color:#1a2816;
}
			
.holder_campanha {	
	width: 695px;
	height:340px;
	background-image:url(../../img/conteudos/campanhas_impressos.jpg);
	float: left;
	margin:20px auto auto 140px;
	/**margin:10px auto auto 19px;*/
}

.iframe	{
	border:0px;
	width:490px;
	height:260px;
	margin-left:7px;
}

.scroll-pane {
	/*background: #b2cb38;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	width: 850px;
	height: 270px;
	overflow: auto;
	margin:-12px auto auto 30px;
	*margin:10px auto auto 20px;
}

.sustentabilidade_form	{
	width /*\**/: 460px;
	*width: 430px;
	_width: 430px;
	float:left;
}
	.sustentabilidade_form .formareautil	{
		width:375px;
		margin-left /*\**/: 35px;
		*margin-left: 35px;
		_margin-left: 20px;
		float:left;
		text-align:left;
		color:#ffffff;
		font-size:11px;
	}
		.sustentabilidade_form .formareautil form label	{
			color:#d2ed3f;
			font-size:13px;
			font-weight:bold;
		}
		
		.sustentabilidade_form .formareautil form select	{
			color:#1a2816;
			font-size:11px;
			font-weight:bold;
			background:#d2ed3f;
		}

		.guia-input	{
			width:246px;
			height:25px;
			background: url(../../img/conteudos/input-bg.gif) no-repeat;
		}
			.guia-input input	{
				width:230px;
				background:transparent;
				color:#1a2816;
				border:0px;
				margin-top:3px;
				margin-left:5px;
			}
			
			.text-info	{
				font-size:10px;
				color:#d2ed3f;
			}
			
			.tipo-claro	{
				width:360px;
				background:#ff0000;
			}
			
			.tipo-dica	{
				height:;
			}
	
		.sustentabilidade_form .formareautil .titulo_area	{
			color:#d2ed3f;
			font-size:14px;
			font-weight:bold;
		}
	
	.guia-space	{
		height:40px;
		clear:both;
		visibility:hidden;
	}
	
	.height-2	{
		height:2px;
		clear:both;
		visibility:hidden;
		font-size:0px;
	}
	.height-5	{
		height:5px;
		clear:both;
		visibility:hidden;
		font-size:0px;
	}
	.height-10	{
		height:10px;
		clear:both;
		visibility:hidden;
		font-size:0px;
	}

.sustentabilidade_lista {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	`margin-top:10px;
	width: 380px;
	height: 270px;
}
.ultimasatualizacoes	{
	text-align:left;
	height:18px;
	font-weight:bold;
}
.dica-escuro	{
	background:#b0c637 !important;
}
.dica-claro	{
	background:#c8d93f;
}

.dica-nome	{
	font-size:12px;
	font-weight:bold;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}
#pane2 {
	height: 150px;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}