@import url('internas.css');
#servicos {line-height: 23px; }
.img-servico {float: right;  margin: 0 0 30px 10px}

#servicos ul {padding-top: 21px;  width: 458px; min-height: 400px; float: left;}
#servicos ul li {
		border: 1px solid #afafaf; 
		line-height: normal;
		-webkit-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
		margin-bottom: 20px;
		min-height: 45px;
		position: relative;
}

#servicos ul li .ico{width: 52px; height: 52px; background: url(../imagens/fundo-ico.png); float: left; margin:-2px 8px 0 -2px; text-align: center; }
#servicos ul li .ico img {margin-top: 10px;}
#servicos ul li div.item {padding: 8px 8px 8px 0; }
#servicos ul li.info {background: #c9c9c9; border: 0; height: 55px; line-height: 45px;}
#servicos ul li.info .ico {background: url(../imagens/ico-aviso.gif); width: 32px; height: 32px; margin: 10px}
#servicos ul li.info .item {font-family: 'humnst777_cn_btregular'; text-transform: uppercase; font-size: 18px; background: url(../imagens/flecha.gif) 380px center no-repeat;} 
#servicos ul li .linha {position: absolute; width: 42px; right: -37px; top: 0px; background: url(../imagens/linha-servicos.png) right top no-repeat; min-height: 33px  }
#servicos ul li .linha.negativo {position: absolute; top: 20px;  background: url(../imagens/linha-servicos.png) top left no-repeat;}
#servicos ul li .linha div {background: url(../imagens/linha-cresce.png) repeat-y;  }
#orcamento {
	float: right; width: 380px; 
	padding: 15px 23px 20px 23px; 
	background: #c9c9c9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
#orcamento div#cont{
	border: 1px solid #c3c3c3;
	padding: 18px 21px 20px 27px; 
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 10px;
	
}
#orcamento div#cont label {margin-bottom: 7px; display: block;}
#orcamento div#cont input[type=text], 
#orcamento div#cont textarea{
	height: 37px;
	width: 309px;
	padding: 0 0 0 13px;
	border-radius: 5px;
	background: #d4d4d4;	
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;	
	-webkit-box-shadow: inset 4px 6px 3px -5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    inset 4px 6px 3px -5px rgba(50, 50, 50, 0.35);
    box-shadow:         inset 4px 6px 3px -5px rgba(50, 50, 50, 0.35);
}
#orcamento div#cont textarea {padding: 10px; width: 299px; height: 76px; min-height: 76px; min-width: 299px; max-width: 299px;}
#orcamento div#cont input.submit {color: #fff; font-family: 'humnst777_cn_btregular'; font-size: 20px; text-transform: uppercase; background: url(../imagens/bt-orcamento.jpg) no-repeat; width: 310px; height: 41px; cursor: pointer; margin-left: 7px}
#orcamento div#cont input.telefone {width: 190px;}
#orcamento h2 {font-size: 24px; color: #000; font-family: 'humnst777_cn_btregular'; text-transform: uppercase; background: url(../imagens/ico-joia.gif) left top no-repeat; padding:5px 0 0 35px; min-height: 28px}
#orcamento .linha {position: absolute; width: 42px;  left: -37px; top: 130px; background: url(../imagens/linha-orcamento.png) no-repeat; }
#orcamento .linha.negativo {position: absolute;  top:150px; background: url(../imagens/linha-orcamento.png) top right no-repeat; }
#orcamento .linha.negativo div {min-height: inherit !important;}
#orcamento .linha div {background: url(../imagens/linha-cresce-orcamento.png) repeat-y; min-height: 33px;}

#msg {text-align: center; padding-top: 80px;}
#msg strong {font-family: 'humnst777_cn_btregular'; font-size: 20px; font-weight: normal;}
#msg.ok {background: url(../imagens/ico-certo.gif) no-repeat center 25px;}
#msg.erro, #msg.erro strong {color: red;}

.linha div { height: 100%;  margin-top: 33px }
.error { float: none; color: red; padding: 0; vertical-align: bottom; }