/****************************************************
	Documento CSS 
	Autor: Felipe Erbereli (felipe@somnio.com.br)
	Copyright: Somnio Media Design (www.somnio.com.br)
	Versao 1.0
****************************************************/

/****************************************************
RESET CSS
****************************************************/
* {
	border: none;
	list-style: none;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/****************************************************
GERAL
****************************************************/
body {
	background: #262626 url(../images/bg_body.gif) repeat-x top;
	color: #e0e5cf;
	font: normal normal normal 13px/16px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
	color: #6b9999;
	text-decoration: none;
}

p {
	line-height: 16px;
	margin: 0 0 15px;
	text-align: justify;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

acronym {
	border-bottom: 1px solid #595959;
	cursor: help;
}

img, img a {
	border: none;
}

html>body hr {
	margin: 25px auto 20px;
}

hr {
	background: #29330a;
	border-top-width: 1px;
	border-width: 0;
	color: #29330a;
	height: 1px;
	margin: 5px auto 0;
	text-align: center;
	width: 90%;
}

/****************************************************
CLASSES
****************************************************/
img.b {
	border: none;
	margin: 0 auto;
	text-align: center;
}

img.e {
	border: 1px solid #29330a;
	float: left;
	margin: 3px 10px 3px 0;
}

img.m {
	border: 1px solid #29330a;
	margin: 0 auto;
	text-align: center;
}

p.m {
	margin: 0 auto;
	text-align: center;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.button {
	float: left;
	margin: 0 20px 0 0;
}

.button a {
	background: url(../images/button_stretch.jpg) no-repeat 0 0;
	display: block;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	height: 21px;
	padding: 5px 10px 0 32px;
}

.button a:hover {
	background: url(../images/button_stretch.jpg) no-repeat 0 -26px;
	text-decoration: none;
}

.button span {
	background: url(../images/button_cap.jpg) no-repeat 100% 0;
	float: left;
	height: 26px;
	width: 7px;
}

/****************************************************
DIVS PRINCIPAIS
****************************************************/
#container {
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 920px;
}

/****************************************************
TOPO
****************************************************/
#header {
	clear: both;
	display: block;
	float: left;
	height: 130px;
	position: relative;
	width: 920px;
}

#header h1 {
	display: inline;
	float: left;
	overflow: hidden;
	padding: 25px 0 0 50px;
	text-indent: -9999px;
}

#header h1 a {
	background: url(../images/logo.png) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 80px;
	overflow: hidden;
	width: 204px;
}

#ico_language {
	width: 22px;
	background: url(../images/ico_language.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden;
	top: 15px;
	right: 20px;
	height: 22px;
}

/****************************************************
AREA DO CLIENTE
****************************************************/
#cliente {
	display: inline;
	float: right;
	margin: 50px 10px 0 auto;
	position: relative;
	width: 230px;
}

#cliente h2 {
	color: #86b300;
	font: normal bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 3px 60px;
}

#cliente form fieldset {
	border: none;
	font: normal normal 12px/15px Arial, Helvetica, sans-serif;
}

#cliente form fieldset div {
	clear: both;
}

#cliente form fieldset label {
	color: #7c8073;
	display: inline;
	float: left;
	margin: 0 5px 5px 0;
	position: relative;
	text-align: right;
	text-transform: lowercase;
	width: 55px;
}

#cliente form fieldset input {
	background: #333 url(../images/bg_input_sistema.gif) repeat-x;
	border: 1px solid #333333;
	color: #c7ccb8;
	font: normal normal 11px/14px Arial, Helvetica, sans-serif;
	height: 15px;
	padding: 0 3px;
	width: 115px;
}

#cliente form fieldset input:focus {
	border: 1px solid #4d4d4d;
}

#cliente form fieldset input.but_sistema {
	background: #86b300 url(../images/input_but_sistema.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: inline;
	height: 14px;
	margin-left: 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 26px;
}

/****************************************************
MENU
****************************************************/
#navigation {
	clear: both;
	display: block;
	height: 30px;
	margin: 0 auto;
	position: relative;
	width: 920px;
}

#navigation li {
	display: inline;
}

#navigation li a {
	background: url(../images/bg_menu.jpg) no-repeat;
	border: 0px;
	float: left;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
}

#navigation li .but_home {
	background-position:0 0; 
	width: 76px;
}

#navigation li .but_home:hover {
	background-position:0 -30px; 
}

#navigation li .but_somnio {
	background-position:-76px 0; 
	width: 83px;
}

#navigation li .but_somnio:hover {
	background-position:-76px -30px; 
}

#navigation li .but_sites {
	background-position:-159px 0; 
	width: 127px;
}

#navigation li .but_sites:hover {
	background-position:-159px -30px; 
}

#navigation li .but_sistemas {
	background-position:-286px 0; 
	width: 124px;
}

#navigation li .but_sistemas:hover {
	background-position:-286px -30px;
}

#navigation li .but_design_grafico {
	background-position:-410px 0; 
	width: 128px;
}

#navigation li .but_design_grafico:hover {
	background-position:-410px -30px;
}

#navigation li .but_3d_design {
	background-position:-538px 0; 
	width: 99px;
}

#navigation li .but_3d_design:hover {
	background-position:-538px -30px;
}

#navigation li .but_fotografia {
	background-position:-637px 0; 
	width: 101px;
}

#navigation li .but_fotografia:hover {
	background-position:-637px -30px;
}

#navigation li .but_portfolio {
	background-position:-738px 0;
	width: 91px;
}

#navigation li .but_portfolio:hover {
	background-position:-738px -30px; 
}

#navigation li .but_contato {
	background-position:-829px 0;
	width: 91px;
}

#navigation li .but_contato:hover {
	background-position:-829px -30px; 
}

/****************************************************
FLASH
****************************************************/
#flash_container {
	clear: both;
	display: block;
	height: 200px;
	margin-top: 20px;
	position: relative;
	width: 920px;
}

#flash {
	background: url(../images/bg_flash.jpg) no-repeat;
	height: 200px;
	width: 920px;
}

/****************************************************
RODAPE
****************************************************/
html>body #footer {
	margin: 0;
}

#footer {
	background: url(../images/bg_footer.gif) repeat-x;
	clear: both;
	float: left;
	font-size: 11px;
	height: 80px;
	margin-top: -20px;
	width: 100%;
}

#footer_box {
	background: url(../images/bg_footer_box.jpg) no-repeat 0 20px;
	height: 80px;
	margin: 0 auto;
	width: 920px;
}

#footer p {
	color: #595959;
	padding: 27px 20px 0 20px;
}

#footer a {
	color: #86b300;
}

#legal {
	float: left;
}

html>body #valid {
	margin-right: 0;
}

#valid {
	float: right;
	margin-right: -20px;
}

#valid li {
	float: right;
	margin-right: 20px;
	margin-top: 27px;
}

/****************************************************
CONTATO
****************************************************/
#contact {
	display: none;
	width: 920px;
}

#contact #contact_titulo {
	clear: both;
	display: block;
	width: 920px;
}

#contact #contact_titulo h1 {
	color: #698026;
	display: block;
	font: normal normal normal 24px/28px Arial, Helvetica, sans-serif;
	padding: 16px 30px 12px;
}

#contact a.close {
	background: url(../images/fecha_contato.png) 0 0 no-repeat;
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 875px;
	text-indent: -9999px;
	top: 400px;
	width: 24px;
}

#contact a.close:hover {
	background-position: 0 -25px;
}

#contact_intro {
	background: transparent url(../images/bg_big_txt.jpg) no-repeat;
	height: 130px;
	width: 920px;
}

#contact_intro p {
	float: left;
	font-size: 15px;
	line-height: 20px;
	padding: 20px 20px 0;
}

#contact #contact_left {
	background: url(../images/bg_box_570.gif) #1a1a1a no-repeat;
	display: inline;
	float: left;
	height: 380px;
	margin: 20px 0 0;
	width: 570px;
}

#contact #details_right {
	background: url(../images/bg_box_330.gif) #1a1a1a no-repeat;
	display: inline;
	float: right;
	height: 380px;
	margin: 20px 0 0;
	margin-left: 20px;
	width: 330px;
}

#contact #contact_left form {
	margin: 30px 20px 0;
}

#contact_left .left{
	float: left;
	width: 260px;
}

#contact_left .right{
	float: right;
	width: 260px;
}

#contact_left form .text {
	background: #333 url(../images/text.png) 0 0 repeat-x;
	border: 1px solid #333;
	color: #c7ccb8;
	height: 20px;
	margin: 0 0 15px 0;
	padding: 4px 0 0 4px;
	width: 160px;
}

#contact_left form label {
	clear: both;
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 5px 20px 0;
	text-align: right;
	width: 80px;
}

#contact_left form textarea.text {
	background: url(../images/textarea.png) #333333 0 0 repeat-x;
	height: 120px;
	overflow: auto;
	width: 430px;
}

#contact_left form .text:focus, #contact_left form textarea:focus {
	border: 1px solid #4d4d4d;
}

html>body #contact_left form input.submit {
	margin-left: 85px;
}

#contact_left form input.submit {
	background: transparent url(../images/button_submit.png) repeat-x;
	border: none;
	clear: both;
	color: #e0e5cf;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	height: 34px;
	margin-left: 70px;
	width: 90px;
}

#contact_left form input.submit:hover {
	color: #fff;
}

#details_right p.address {
	padding: 0 15px;
	margin-left: 20px;
	margin-top: 10px
}

/****************************************************
CONTEUDO
****************************************************/
html>body #conteudo {
	height: auto;
}

#conteudo {
	clear: both;
	display: block;
	height: 400px;
	margin: 0 auto;
	margin-bottom: 20px !important;
	min-height: 400px;
	width: 920px;
}

#conteudo #titulo {
	clear: both;
	width: 920px;
}

#conteudo #titulo h1 {
	color: #698026;
	display: block;
	font: normal normal normal 24px/28px Arial, Helvetica, sans-serif;
	padding: 16px 30px 12px;
}

/****************************************************
CAIXAS
****************************************************/
#box_570 {
	background: #1a1a1a url(../images/bg_box_570.gif) no-repeat;
	display: inline;
	float: left;
	height: 380px;
	width: 570px;
}

#box_330 {
	background: #1a1a1a url(../images/bg_box_330.gif) no-repeat;
	display: inline;
	float: right;
	height: 380px;
	margin-left: 20px;
	width: 330px;
}

#box_240 {
	background: #1a1a1a url(../images/bg_box_240.gif) no-repeat;
	display: inline;
	float: left;
	height: 340px;
	margin: 20px 0 0 0;
	width: 240px;
}

#box_bike_400 {
	background: #1a1a1a url(../images/bg_box_bike_400.jpg) no-repeat;
	display: inline;
	float: left;
	height: 340px;
	margin: 20px 0 0 20px;
	width: 400px;
}

#box_bike_240 {
	background: #1a1a1a url(../images/bg_box_bike_240.jpg) no-repeat;
	display: inline;
	float: left;
	height: 340px;
	margin: 20px 0 0 20px;
	width: 240px;
}

/****************************************************
CLASS BOX
****************************************************/
.box p {
	margin: 0 20px 15px;
}

.box h2 {
	color: #86b300;
	font: normal bold 18px/24px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 25px 20px 15px;
}

.box h3 {
	color: #698026;
	font: normal bold 14px/18px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 20px;
}

.box ul {
	list-style: none;
	margin: 20px 0 20px 30px;
}

.box li {
	background: transparent url(../images/seta.gif) no-repeat 12px 5px;
	padding: 0 0 10px 30px;
}

.box p.more {
	background: transparent url(../images/bg_mais.gif) repeat-x;
	clear: both;
	margin: 10px 20px -5px;
	text-align: right;
}

.box p.more a.more {
	background: url(../images/seta.gif) #1a1a1a no-repeat 75px 6px;
	line-height: 15px;
	padding: 0 20px 0 10px;
}

.box p.poe {
	background: transparent url(../images/bg_poe.gif) no-repeat 2px 32px;
	color: #7c8073;
	font: normal 15px/20px Arial, Helvetica, sans-serif;
	padding: 50px 25px 0;
}

.box cite.poe {
	clear: both;
	color: #698026;
	display: block;
	font: normal normal 13px/0 Arial, Helvetica, sans-serif;
	padding: 0 30px;
	position: relative;
	text-align: right;
}

.box p.big {
	font: normal bold 18px/24px Arial, Helvetica, sans-serif;
	padding: 0 10px;
}

.box p.address, .box p.skype {
	margin: 0 30px 18px;
}

.box p a.email {
	margin: 0 10px 18px;
}

.box p.quote {
	color: #aab38f;
}

span.quote_big {
	font-size: 18px;
	font-weight: bold;
	margin: 0 2px;
}

.box p.quote_site {
	color: #c7ccb8;
	font-size: 12px;
	margin-top: -15px;
}

/****************************************************
NEWS
****************************************************/
#news {
	background: #1a1a1a url(../images/bg_noticias.gif) no-repeat;
	clear: both;
	display: block;
	float: left;
	height: 35px;
	margin: 20px 0;
	width: 920px;
}

#news h2 {
	background: transparent url(../images/ultimas_noticias.jpg) no-repeat;
	display: block;
	float: left;
	height: 35px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 120px;
}

#news p {
	background: transparent url(../images/seta_noticias.gif) no-repeat 20px 13px;
	display: inline;
	float: left;
	height: 26px;
	padding: 9px 0 0 40px;
	position: relative;
}

#news p a {
	color: #e0e5cf;
}

/****************************************************
HOME SISTEMAS
****************************************************/
#box_azul, #box_verde, #box_amarelo, #box_laranja {
	color: #fff;
	display: inline;
	float: left;
	height: 165px;
	margin-left: 20px;
	margin-top: 20px;
	width: 215px;
}

#box_azul {
	background: url(../images/bg_box_azul.jpg) no-repeat;
	margin: 20px 0 0 0;
}

#box_verde {
	background: url(../images/bg_box_verde.jpg) no-repeat;
}

#box_amarelo {
	background: url(../images/bg_box_amarelo.jpg) no-repeat;
}

#box_laranja {
	background: url(../images/bg_box_laranja.jpg) no-repeat;
}

#box_azul h3, #box_verde h3, #box_amarelo h3, #box_laranja h3 {
	display: block;
	font-size: 18px;
	margin: 20px 20px 10px;
}

#box_azul h3 {
	color: #39a4e5;
}

#box_verde h3 {
	color: #c6e539;
}

#box_amarelo h3 {
	color: #e59539;
}

#box_laranja h3 {
	color: #e54b39;
}

#box_azul p, #box_verde p, #box_amarelo p, #box_laranja p {
	color: #fff;
	font: normal 12px/16px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 20px 20px;
}

a.color {
	background: url(../images/but_veja_mais.png) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 22px;
	margin: -5px 20px 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 100px;
}

/****************************************************
TEXTO INTRO
****************************************************/
#text_intro {
	background: transparent url(../images/bg_big_txt.jpg) no-repeat;
	height: 130px;
	width: 920px;
}

#text_intro p {
	float: left;
	font-size: 15px;
	line-height: 20px;
	padding: 20px 20px 0;
}

/****************************************************
PÁGINAS SECUNDÁRIAS
****************************************************/
.content {
	margin-bottom: -20px;
}

.content h2 {
	color: #86b300;
	font: normal normal 20px/24px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 20px 15px;
}

.content h3 {
	color: #698026;
	font: normal normal 16px/18px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 20px;
}

.content p {
	margin: 0 20px 15px;
}

.content p.space {
	margin: 20px 20px 15px;
}

.content ul {
	list-style: none;
	margin: 20px 0 10px 30px;
}

.content li {
	background: transparent url(../images/seta.gif) no-repeat 12px 5px;
	padding: 0 0 10px 30px;
}

/****************************************************
SOMNIO
****************************************************/
#text_somnio {
	background: transparent url(../images/bg_big_somnio.jpg) no-repeat;
	height: 280px;
	width: 920px;
}

#text_somnio p {
	float: left;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 15px 20px 0;
}

#text_somnio p.first {
	padding: 20px 20px 0;
}

html>body #missao {
	margin-bottom: -20px;
}

#missao {
	margin-bottom: 10px;
	width: 920px;
}

#missao h2 {
	padding-top: 20px;
}

/****************************************************
SOMNIO SERVIÇOS
****************************************************/
#somnio_servicos {
	background: transparent url(../images/bg_somnio_servicos.jpg) no-repeat;
	clear: both;
	display: block;
	height: 400px;
	margin: 20px auto 0;
	padding: 20px 0;
	width: 920px;
}

#somnio_servicos h2.indent {
	display: none;
	text-indent: -9999px;
}

#somnio_servicos .service {
	float: left;
	margin-right: 55px;
}

html>body #somnio_servicos .service_first {
	margin-left: 40px;
}

#somnio_servicos .service_first {
	margin-left: 20px;
}

#somnio_servicos .service_last {
	margin-right: 0;
}

#somnio_servicos h3 {
	color: #86b300;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

#somnio_servicos h3 a, #somnio_servicos h3 a:hover {
	color: #86b300;
}

#somnio_servicos ul {
	font-family: Arial, Helvetica, sans-serif;
}

#somnio_servicos li {
	background: transparent url(../images/seta_servicos.gif) no-repeat 5px 7px;
	font-size: 13px;
	margin-bottom: 5px;
	padding-left: 20px;
}

/****************************************************
PORTFOLIO
****************************************************/
h2.folio {
	color: #86b300;
	font: normal bold 18px/24px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 25px 20px 15px;
}

.portfolio_row {
	margin-top: 20px;
	width: 920px;
}

html>body .portfolio_row_last {
	margin-bottom: -20px;
}

.portfolio_row_last {
	margin-bottom: 0;
	margin-top: 20px;
	width: 920px;
}

.portfolio_img {
	float: left;
	height: 240px;
	overflow: hidden;
	width: 550px;
}

.work_frame {
	background: url(../images/bg_work_frame.jpg) no-repeat;
	height: 240px;
	position: relative;
	width: 550px;
}

.work_frame a {
	color: #79848d;
	display: block;
	height: 220px;
	padding: 10px;
	width: 530px;
}

.portfolio_details {
	float: right;
	margin: 15px 20px 0 20px;
	width: 330px;
}

.portfolio_details h3 {
	color: #86b300;
	margin-bottom: 10px;
}

.portfolio_details h4 {
	color: #698026;
	font-size: 13px;
}

.portfolio_details p {
	color: #c7ccb8;
}

.portfolio_details .services {
	color: #7c8073;
	font: italic 12px italic Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 20px;
}

/****************************************************
FOTOGRAFIA
****************************************************/
#foto {
	background-color: #262626;
	clear: both;
	display: block;
	height: 455px;
	margin: 30px auto;
	position: relative;
	width: 815px;
	text-align: center;
}

/****************************************************
3D
****************************************************/
#atuacao {
	background: transparent url(../images/bg_3d.jpg) no-repeat;
	clear: both;
	display: block;
	height: 450px;
	margin: 30px 0 20px;
}

html>body #atuacao h2 {
	padding: 20px 0 0 10px;
}

#atuacao h2 {
	margin-top: 20px;
	padding: 0 0 0 20px;
}

#t_left {
	background: #1a1a1a;
	display: block;
	float: left;
	margin-left: 10px;
	width: 300px;
}

#t_right {
	background: #1a1a1a;
	display: inline;
	float: left;
	margin-left: 10px;
	position: relative;
	width: 300px;
}

#atuacao h3 {
	margin-bottom: -5px;
	margin-left: 30px;
}

#atuacao ul {
	margin-left: 40px;
}

/****************************************************
ACCORDION
****************************************************/
.accordion {
	margin: 50px 0 20px;
	width: 920px;
}

.accordion a {
	background: url(../images/bg_accordion.png) #1a1a1a no-repeat 0 0;
	color: #698026;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 20px;
	padding: 15px 20px;
	text-decoration: none;
}

.accordion a.selected, .accordion a:hover {
	background: #1a1a1a url(../images/bg_accordion.png) no-repeat 0 -50px;
	color: #86b300;
}

html>body .accordion div {
	padding: 20px;
}

.accordion div {
	border: 1px solid #333;
	border-top: none;
	padding: 20px 20px 0 20px;
}

.mightweb {
	background: #1a1a1a url(../images/bg_mightweb.jpg) no-repeat bottom;
	height: 260px;
}

.maxime {
	background: #1a1a1a url(../images/bg_maxime.jpg) no-repeat bottom;
	height: 260px;
}

.vectura {
	background: #1a1a1a url(../images/bg_vectura.jpg) no-repeat bottom;
	height: 260px;
}

.indico {
	background: #1a1a1a url(../images/bg_indico.jpg) no-repeat bottom;
	height: 260px;
}

.sites, .flash_sites, .ecommerce, .seo, .ppc {
	background: #1a1a1a url(../images/bg_sites.jpg) no-repeat bottom;
	height: 160px;
}

.identidade, .logomarca, .editorial, .ilustracoes, .tipografia {
	background: #1a1a1a url(../images/bg_sites.jpg) no-repeat bottom;
	height: 80px;
}

.accordion ul {
	list-style: none;
	margin: 20px 0 20px 30px;
}

.accordion li {
	background: transparent url(../images/seta_box.gif) no-repeat 0 0;
	padding: 0 0 15px 30px;
}

/****************************************************
COTACAO
****************************************************/
html>body #cotacao {
	margin-bottom: -20px;
}

#cotacao {
	clear: both;
	display: block;
	margin-bottom: 0;
	margin: 20px 0 0 0;
	width: 920px;
}

#cotacao form {
	margin: 0;
	padding: 0;
}

#cotacao form fieldset {
	border: none;
	padding: 5px 0 20px;
	margin: 20px 0 0;
}

#cotacao form fieldset legend {
	color: #86b300;
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
}

#cotacao form fieldset div {
	margin: 20px 0 0;
}

#cotacao label {
	clear: both;
	display: block;
	margin: 0 0 5px 20px;
	text-align: left;
	color: #e0e5cf;
}

#cotacao form p.note {
	color: #7c8073;
	font-size: 11px;
	margin: 0 20px;
}

#cotacao form p.note a {
	color: #e0e5cf;
}

#cotacao form .text {
	background: url(../images/text.png) #333333 0 0 repeat-x;
	border: 1px solid #333333;
	color: #7c8073;
	height: 20px;
	margin: 0 20px;
	padding: 4px 0 0 4px;
	width: 420px;
}

#cotacao form textarea.text {
	background: #333 url(../images/textarea.png) 0 0 repeat-x;
	height: 100px;
	overflow: auto;
	width: 878px;
	margin: 0 20px;
}

#cotacao form .text:focus, #cotacao form textarea:focus {
	border: 1px solid #4d4d4d;
	color: #aab38f;
}

#cotacao form fieldset.but {
	background: transparent;
	border: none;
	margin: 0 auto;
	padding: 0;
}

#cotacao form input.submit {
	background: transparent url(../images/button_submit.png) repeat-x;
	border: none;
	clear: both;
	color: #e0e5cf;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	height: 34px;
	margin-left: 20px;
	width: 90px;
}

#cotacao form input.submit:hover {
	color: #fff;
}

#cotacao form #left, #cotacao form #right {
	display: inline;
	float: left;
	margin: 0 0 20px 0;
	width: 460px;
}

#cotacao form #left div, #cotacao form #right div {
	margin: 20px 0 0;
}