/*--------------------------------------------------------------------
LAYOUT "buy&try" Style - WMPI(IE7+ FF1.5+ Opera9+)

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

/*-------------------------------------------------------------------------
=CONTENT DIREITA (content wrapper faz o clear)
-------------------------------------------------------------------------*/
.twocol #contentDta{position: relative; float: left; width: 390px; padding: 75px 30px 0 0;}
.twocol #contentDta h2, .twocol #contentDta h3, .twocol #contentDta h4, 
.twocol #contentDta h5, .twocol #contentDta h6 {padding-right: 0;}
.twocol #contentDta p, .twocol #contentDta ul, .twocol dl.acordeao{padding: 0 0 15px 0;}
table{width: 380px;}
#contentDta p.destaque{color: #1e4a69; font-size: 15px; padding-bottom: 5px;}
#contentDta p.destaque2{color: #1e4a69; font-size: 12px; padding-bottom: 5px; font-weight: bold;}
#contentDta p.nota{font-size: 11px; line-height: 14px; color: #5d6a6b;}
#contentDta form p.nota{font-size: 11px; padding: 0 0 10px 0; line-height: 12px; margin-bottom: 10px; color:#8d9293;}
form em{font-weight: bold; color: #b71234;	font-style: normal;}
#contentDta h3.big{color:#2a2f32; font-size: 24px; font-weight: bold;}
#contentDta h3.big span{font-weight: normal;}
#contentDta h3.big + dl.acordeao{margin-top: -10px;}

/*-------------------------------------------------------------------------
=CONTENT EXTRA - 2 colunas
-------------------------------------------------------------------------*/
#contentExtra{
	position: relative; float: left; width: 210px; padding: 75px 0 0 0;
}

/*-------------------------------------------------------------------------
=BUY
-------------------------------------------------------------------------*/
/* FORM COTACAO*/
#formQuote{position: relative; margin: 0 0 30px 0; font-size: 12px; padding: 0;}
#formQuote p{margin-bottom: 0px;	padding:0;	overflow: hidden; height: 1%; /* :INFO: Clear Floats */}
#formQuote p.quote{color: #1e4a69; font-size: 13px; font-weight: bold; color: #b71234; background-color: #fcfad8; margin: 0 0 15px 0; padding: 5px 0;}
#formQuote label{
	float:left; padding-right:8px; color: #1e4a69; text-transform: uppercase;
	vertical-align: middle; line-height: 17px; font-size: 11px; font-weight: bold; 
}
#formQuote select, #formQuote input{
	margin: 0; padding: 0;  height: 17px; vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif; color:#61696b;
	border: 1px solid #b6b6b8; background-color: #f8fcfd; 
}
#formQuote input{width: 40px;}
#formQuote input:hover, #formQuote select:hover{background-color: #ffffff;border: 1px solid #33cccc; }

#formQuote p.botao{ padding: 0; margin: 0;}
#formQuote button.btnGet{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; float: left;
	width: 77px; height: 27px; margin:0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/form-btn-quote.png) no-repeat left top;
}
#formQuote button.btnGet:hover, #formQuote button.btnGet:focus{background-position:left bottom;}

#formQuote a.print{	
	display: block;	text-indent: -5555px; overflow: hidden; vertical-align: middle; float: left;
	width: 85px; height: 27px; margin: 0; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/form-btn-print.png) no-repeat left top;
}
#formQuote a.print:hover, #formQuote a.print:focus{background-position:left bottom;}

/* FORM ORDER*/
#contentDta h3.ordertobuy{color: #1e4a69; font-size: 16px;font-weight: normal;}
#formOrder{position: relative; font-size: 12px;}
#formOrder h4{color: #1e4a69; text-transform: uppercase; font-size: 12px; color: #3e738f; margin-bottom: 5px;}
#formOrder p{margin-bottom: 0;	padding: 0 10px 0 0;	overflow: hidden; height: 1%; /* :INFO: Clear Floats */}
#contentDta #formOrder p.nota{padding: 0; margin: 0 0 10px 0;}
#formOrder em{font-weight: bold; color: #b71234;	font-style: normal;}
#formOrder label{
	float:left; width: 110px; padding-right:8px; color: #1e4a69;
	vertical-align: middle; line-height: 17px; font-size: 12px; 
}
#formOrder input, #formOrder textarea, #formOrder select{
	margin: 0; padding: 0; width: 250px; height: 17px; vertical-align: middle;
	font: 11px Arial, Helvetica, sans-serif; color:#61696b;
	border: 1px solid #b6b6b8; background-color: #f8fcfd; 
}
#formOrder label.subscribe{width: 160px;}
#formOrder input.checkbox{width: 20px; border: 1px solid transparent; background: none;}
#formOrder textarea{height: 90px;}
#formOrder select{height: 20px;}
#formOrder input:hover, #formOrder select:hover,
#formOrder textarea:hover, #formOrder textarea:focus{background-color: #ffffff;border: 1px solid #33cccc; }

#formOrder p.botao{text-align: right; padding: 0; margin: 0;}
#formOrder button.btnBuy{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle;	margin-right: 18px;
	width: 86px; height: 27px; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/form-btn-buy.png) no-repeat left top;
}
#formOrder button.btnBuy:hover, #formOrder button.btnBuy:focus{background-position:left bottom;}
/* =mensagem erro*/
#formOrder .erroBig{
	font-size: 15px; font-weight: bold; color: #ca311e; padding-left: 22px!important; line-height: 18px;
	background: url(../imgs/icon-msg-erro.png) no-repeat; vertical-align: middle;
}
.enviado{
	font-size: 15px; font-weight: normal; color: #129d46; padding-left: 22px!important; line-height: 18px;
	background: url(../imgs/icon-msg-ok.png) no-repeat; vertical-align: middle
}
#formOrder .erroSmall, #formQuote .erroSmall{
	display: block; text-transform: uppercase;
	font-size: 10px; color: #ca311e; 	padding:0 0 0 16px; margin: 2px 2px; line-height: 12px;
	background: url(../imgs/icon-msg-erroS.png) no-repeat;
}


/*-------------------------------------------------------------------------
=TRY
-------------------------------------------------------------------------*/
#contentDta dl.download ul{margin: 0 0 10px 0; padding: 0;}
#contentDta dl.download ul li{
	display: block; position: relative;	margin:0; padding: 10px 10px;	
	background: #ffffff; font-size: 11px; color: #2a2f32; min-height: 30px;
}
#contentDta dl.download ul li h4, #contentDta dl.download ul li p{width: 230px; margin: 0; padding: 0; line-height: 14px;}
#contentDta dl.download ul li h4{font-size:12px; font-weight: bold; color: #007590; text-transform: none; margin-bottom: 3px;}
#contentDta dl.download a{text-transform: uppercase; font-weight: bold; color: #007590;}
#contentDta dl.download a.normal{text-transform: none; color: #5d6a6b; font-weight: normal;}
#contentDta dl.download a:hover, #contentDta dl.download a:focus{color: #33cccc; border-bottom: 1px solid transparent;}
#contentDta dl.download p.botao{position: absolute; left:300px; top: 12px;  width: 78px; height: 23px;}
#contentDta dl.download p.botao a{
	position: relative; display: block; width: 100%; height:100%; text-indent: -5555px;
	background: transparent url(../imgs/btn-download.png) no-repeat; border: none; margin: 0; padding: 0;
}

.try #contentDta #formOrder p.nota{ margin: 0 0 20px 0;}
#formOrder button.btnSend{ 
	text-indent: -5555px; overflow: hidden; vertical-align: middle; 
	width: 79px; height: 25px; margin: 0 auto; padding:0; border: 0; cursor: pointer; 
	background: transparent url(../imgs/form-btn-send.png) no-repeat left top;
}
#formOrder button.btnSend:hover, #formOrder button.btnSend:focus{background-position:left bottom;}