/*--------------------------------------------------------------------
LAYOUT "ambientes" Style - ECODIMULTI(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2009
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*----------------------------------------------------------------------*/
#wrapper{
	background: #ffffff url(../imgs/wrapper-bg-folha.gif) no-repeat top right;
}


/*-------------------------------------------------------------------------
=CONTENT 
-------------------------------------------------------------------------*/
#content h2{margin-top: 20px;}
#content h3{width: 580px; font: bold 16px Arial, Helvetica, sans-serif; color: #b7d432; padding: 20px 0 5px 0;}
#content p{width: 580px; font: 13px/18px Arial, Helvetica, sans-serif; padding-bottom: 6px;}
*:first-child+html #content p{width: auto; padding-right: 80px;} /* :BUG: IE7, quebra o txt com a img com width=px */
*:first-child+html #content h3{width: auto; padding-right: 80px;} /* :BUG: IE7, quebra o txt com a img com width=px */
#content img{float: right; margin: 2px 0 20px 50px;}

/*-------------------------------------------------------------------------
=CALCULADORA
-------------------------------------------------------------------------*/
.centro{float:left; width: 345px; padding-right: 70px; margin-bottom: 15px;}
.direita{float:left; width: 225px; margin: 3px 0 15px 0;}
#content .centro p, #content .direita p{padding-right: 0;}
#content .centro p.destaque{width: 345px; margin-bottom: 60px;}

/*Form calculadora*/
#content .centro form{
	position: relative; width: 275px; height: 170px; 
	background: transparent url(../imgs/calculadora-bg-verde.gif) no-repeat;
}
.centro legend{display: none;}
#content .centro p.mensagem{
	position: absolute; left: 30px; top: 65px; padding-right: 0; 
	font-size: 13px; font-weight: bold; color: #ffffff;
}
.centro form label, #content .centro p.litros{font: bold 12px/14px Arial, Helvetica, sans-serif; color: #ffffff;}
#content .centro p.litros{position: absolute; left: 30px; top: 102px; padding-right: 0;}
#content .centro form p.valor{
	position: absolute; left: 186px; top: 99px;	text-indent: 3px; padding-right: 0;
	width: 55px; height: 10px; line-height: 15px; font-size: 15px; color : #1b271b; 
	border: 2px solid #99ba51; background-color: #9fbe58; font-weight: normal;
}
#content .centro form p.nota{
	position: absolute; left: 30px; top: 152px;	padding-right: 0;
	font: italic 11px Arial, Helvetica, sans-serif; color: #1b271b;
}
.centro form label{position: absolute; left: 30px; top: 75px;}
.centro form label em{color : #1b271b;}
.centro form input{
	position: absolute; left: 186px; top: 72px;	text-indent: 2px; 
	width: 55px; height: 14px; line-height: 14px; font-size: 12px; color : #8d938d; 
	border: 2px solid #e3e8df; background-color: #ffffff; font-weight: normal;
}
.centro form input:hover,.centro form input:focus{border: 2px solid #b7d432;}
.centro form button.btnCalcular{ 
	position: absolute; left: 186px; top: 130px;
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 60px; height: 20px; margin: 0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/btn-calcular.gif) no-repeat left top;
}
.centro form button.btnCalcular:hover, .centro form button.btnCalcular:focus{background: transparent url(../imgs/btn-calcular.gif) no-repeat left bottom;}

/*Form Escolha*/
#content .direita form{margin: 0; padding: 0;}
#content .direita legend{display: none;}
.direita form label{
	display: block; font: bold 16px Arial, Helvetica, sans-serif; 
	color: #b7d432; margin-bottom: 4px; 
}
.direita  form select{
	width: 225px; border: 2px solid #e3e8df; line-height: 16px; 
	font-size: 12px; color : #8d938d; margin-bottom: 18px; 
}

#dadosP{margin-top: 25px;}
#dadosP img{
	float: left; width: 86px; height: 104px; margin: 0; padding: 0;
}
#dadosP div{float: left; width: 127px; padding-left: 12px;}
#dadosP h4{color: #1b271b; font-size: 15px; font-weight: bold; text-transform: uppercase;}
#dadosP h4 span{display: block; text-transform: none; font-size: 10px; font-style: italic;}
#dadosP h4 span em{color: #b7d432;}
#content #dadosP p{font-size: 15px; margin-top: 10px; padding: 0;}
#content #dadosP p strong{color: #1b271b;}
#content #dadosP p.btnFicha{margin: 15px 0 0 0; padding: 0;}
#content #dadosP p.btnFicha a{
	display: block; width: 110px; height: 20px;	text-indent: -5555px; border: 0;
	background: transparent url(../imgs/btn-verFicha.gif) no-repeat left top;
}
#content #dadosP p.btnFicha a:hover,#content #dadosP p.btnFicha a:focus{background: transparent url(../imgs/btn-verFicha.gif) no-repeat left bottom;}
#content #dadosP p.nota{
	clear: both; font: italic 11px Arial, Helvetica, sans-serif;  width: 198px; 
	padding: 10px 0 0 15px; margin: 0;
}
#content #dadosP p.nota em{color: #b7d432;}

/*-------------------------------------------------------------------------
=GLOSSARIO E FAQS
-------------------------------------------------------------------------*/
#content dl{width: 580px; padding-top: 20px;}
#content dl dt{font: bold 14px/20px Arial, Helvetica, sans-serif; color: #b7d432;}
#content dl dd{margin-bottom: 20px; line-height: 18px;}

.faq #content h4{
	font: bold 13px/18px Arial, Helvetica, sans-serif; width: 580px; padding: 8px 0 3px 0;
}
.faq #content h4.first{margin-top: 30px;}
.faq #content h4 a{padding-left: 12px; border-bottom: 0;background: transparent url(../imgs/icon-seta-baixo.gif) no-repeat left center;}
*:first-child+html .faq #content h4 a{background-position: 0px 6px;}
.faq #content h4 a:hover, .faq #content h4 a:focus{border-bottom: 1px dotted #007446;}
.faq #content .txtRestante{width: 580px; line-height: 18px;}




















/*-------------------------------------------------------------------------
=ENGLISH
-------------------------------------------------------------------------*/
.en #content .centro form{
	position: relative; width: 275px; height: 170px; 
	background: transparent url(../imgs/calculadora-bg-verde-en.gif) no-repeat;
}


.en .centro form button.btnCalcular{ 
	position: absolute; left: 186px; top: 130px;
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 60px; height: 20px; margin: 0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/btn-calcular-en.gif) no-repeat left top;
}
.en .centro form button.btnCalcular:hover, .en .centro form button.btnCalcular:focus{background: transparent url(../imgs/btn-calcular-en.gif) no-repeat left bottom;}


.en #content #dadosP p.btnFicha a{
	display: block; width: 110px; height: 20px;	text-indent: -5555px; border: 0;
	background: transparent url(../imgs/btn-verFicha-en.gif) no-repeat left top;
}
.en #content #dadosP p.btnFicha a:hover, .en#content #dadosP p.btnFicha a:focus{background: transparent url(../imgs/btn-verFicha-en.gif) no-repeat left bottom;}