#container {}
.content { background:#fff;}

.boxes { background:url(images/boxes-bg.jpg) no-repeat; width:900px; height:242px;}
.box { width:260px; float:left; padding:30px 20px 20px 20px; background:url(images/box-separator.jpg) no-repeat right;}
.box h2 { margin:0; padding:0; color:#fff;}
.box p { margin:0; padding:5px 0 0 0; color:#0b536a; font-size:12px; line-height:normal;}

.content h2 { color:#12637d; font-weight:bold; font-size:24px; margin:0; padding:0;}
.content p { color:#555555; font-size:12px; padding:5px 0 0 0; margin:0; }
.content h3 { font-size:16px; color:#555555; margin:0; padding:0;}
.content h4 { color:#adadad; font-weight:normal; padding:0; margin:0; text-transform:uppercase; font-size:12px;}

.content-left { width:590px; float:left; padding:20px 0 20px 20px;}
.content-left p { line-height:18px; padding:10px 0 0 0; }
.content-box { padding:0 0 20px 0; border-bottom:#ccc dotted 1px; margin:0 0 20px 0;}

.content-planos { width:900px; float:left; padding:20px 0 20px 20px;}
#content-lista-planos { 
	padding:0 20px 0 20px 0; 
	border-bottom:#ccc dotted 1px; 
	margin:0 20px 20px 0;
	}
#content-lista-planos ul {
		list-style:none;
		margin:0;
		padding:0;
}

#content-lista-planos li {
		display:inline;
		margin:12px 12px 12px 0;
}

.margem-superior {
	padding-top:10px;
}

img {
	border:none;	
}

.content-right { width:270px; float:right; padding:10px}
.contact-form { background:#ececec; padding:10px;}
.contact-form table label { color:#636363; font-size:11px; font-weight:bold;}
.contact-form table .contact-textfield { width:240px; border:1px solid #d5d5d5; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; font-size:12px; color:#555;}
.contact-form table .contact-textarea { width:240px; border:1px solid #d5d5d5; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555;}
.contact-form table .submit-btn { width:67px; height:27px; background:url(images/bt-enviar.jpg) no-repeat; border:none; float:right;}


/* Formulário de contato e cotação */

#formValida label {
		display:block;
		font-weight:bold;
		text-align:right;
		float:left;
		margin-top:23px;
		clear:both;
		width:70px;
		}
	
	
#formValida label.error {
		color: red;
		font-size:12px;
	}

#formValida msgerro {
		display:block;
		font-weight:bold;
		text-align:right;
		float:left;
		margin:23px 0 0 10px;
		}
		
#formValida msgerro.error {
		color: red;
		font-size:12px;
}

/* bordas arredondas e sombra nos campos */
#formValida input[type=text],select{
	border-radius:4px;-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 2px #333;
	-moz-box-shadow:1px 1px 2px #333;
	-webkit-box-shadow:1px 1px 2px #333;
	background:#86e1ff;
	border:1px solid #004d66;
	padding:4px 2px;
	outline:0;
	font-weight:bolder;
	width:300px;
	margin:20px 0 0 15px;
	float:left;
	}

#formValida select{
	color:#666;
	padding:3px
	}

#formValida input[type=file]{width:270px;padding:4px 0 4px 0}

#formValida textarea{
	background:#86e1ff;
	border:1px solid #004d66;
	padding:4px;width:465px;
	height:100px;
	font-size:12px;
	font-weight:bolder;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 2px #333;
	-moz-box-shadow:1px 1px 2px #333;
	-webkit-box-shadow:1px 1px 2px #333;
	width:300px;
	margin:20px 0 0 15px;
	float:left;
	}

#formValida input[type=submit]{
	clear:both;
	width:150px;
	height:28px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background-color:#4684ff;
	border:solid 1px #174574;
	cursor:pointer;
	
	border-radius:4px;-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 2px #333;
	-moz-box-shadow:1px 1px 2px #333;
	-webkit-box-shadow:1px 1px 2px #333;
	margin:20px 0 0 85px;
	}

#formValida input.error,.formulario input[id=nome].error,.formulario input[id=email].error,.formulario #formValida input[id=telefone].error{background:#ffe0b7;border:1px dotted #f00}

#formValida input[type=text]:hover {
	background:#dbf6ff;
	border:1px solid #004d66;}
	
#formValida textarea:hover {
	background:#dbf6ff;
	border:1px solid #004d66;}
	
#formValida input.error{background:#fcc;border:#F00 1px dotted}

/* exemplos para formatar campos específicos 
input[id=nome],input[id=email],input[id=empresa],input[id=atividade],input[id=servico],input[id=site],input[id=paginas],input[id=cores],input[id=alvo],input[id=assunto],input[id=endereco],input[id=bairro]{
	width:275px;border:1px solid #360
	}

input[id=cidade],input[id=rg],input[id=cpf],input[id=cnpj]{
	width:217px;background:#f2f2f2;border:1px solid #360
	}

input[id=ddd],input[id=dddb],input[id=dddc]{
	width:35px;background:#f2f2f2;border:1px solid #360
	}

input[id=telefone],input[id=telefoneb],input[id=celular],input[id=cep]{
	width:120px;background:#f2f2f2;border:1px solid #360
	}
*/