/* = = = = = = = = = = = = = = = = = =
	# Site Cacau Brasil #
= = = = = = = = = = = = = = = = = = = */


@charset "utf-8";

* {
	font-family:Arial, Helvetica, sans-serif;
}

body{
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	padding:0 10px;
}

/* links */
a:link, a:visited {
	color:#625F00;
	text-decoration:underline;
}
a:hover, a:focus, a:active {
	text-decoration:none;
}

/* headlines */
h1, h2 {
	clear:both;
	color:#625F00;
	float:none !important;
}
h1 {
	background:none;
	font-size:20px;
	text-indent:0;
	height:auto;
	width:auto;
	font-weight:normal;
	font-style:normal;
	margin:30px 0 0 0;
	text-transform:uppercase;
}
h2 {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #333;
	margin:12px 0 8px 0;
	line-height:140%;
	padding:16px 0 0 0;
}

/* paragrafo */
p {
	margin:8px 0;
	font-size:0.97em;
	letter-spacing:-0.03em;
	line-height:155%;
}

/* listas */
ul {
	font-size:13px;
	line-height:160%;
	text-align:justify;
}
li {
	list-style:disc inside;
}
li.servico {
	display:block;
	float:left;
	height:80px;
	list-style:none;
	margin:0pt 20px 20px 0pt;
	padding:0 0 0 25px; 
	width:130px;
}

li#google		{ background:url(../images/icones_share/google.gif)  no-repeat; background-position: 0 -24px;}
li#facebook		{ background:url(../images/icones_share/facebook.gif) top left no-repeat; background-position: 0 -24px;}
li#myspace			{ background:url(../images/icones_share/myspace.gif) top left no-repeat; background-position: 0 -24px;}
li#delicious	{ background:url(../images/icones_share/delicious.gif) top left no-repeat; background-position: 0 -24px;}
li#stumble		{ background:url(../images/icones_share/stumble_upon.gif) top left no-repeat; background-position: 0 -24px; }
li#live			{ background:url(../images/icones_share/windows_live.gif) top left no-repeat;background-position: 0 -24px; }

li.servico ul {
	margin:0 0 0 -38px;
}

/* formularios */
form {
	width:95%;
}

fieldset {
	border:none;
	margin:2px 0pt;
	height:auto;
}
fieldset label {
	clear:both;
	color:#053047;
	display:block;
	float:left;
	font-size:13px;
	width:100px;
}
fieldset input {
	height:22px;
}
fieldset input, fieldset textarea {
	background:#006EA8 none repeat scroll 0%;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:13px;
	width:220px;
}
fieldset input:focus, fieldset textarea:focus {
	background:#1487C3 none repeat-x scroll center top;
	color:#fff;
}

input.enviar {
	clear:both;
	float:right;
	font-size:14px;
	height:30px;
	margin:0pt 45px 0pt 0pt;
	background:#006EA8 none repeat scroll 0%;
	color:#FFFFFF;
	width:auto;
}

/* formulario de contato -------------- */
#contato {
	margin-bottom:30px;
	margin-top:30px;
}

#contato label {
	clear:both;
	color:#585858;
	display:block;
	float:left;
	font-size:13px;
	margin:12px 10px 10px 0pt;
	width:135px;
}

	#contato input { float:left; font-size:13px; padding:2px 3px; width:220px; font-weight: normal; background-color: #f8f8f8; color:#1D5895; border: 1px solid #c0c0c0; letter-spacing:0.06em; margin: 5px 0pt; }
	#contato textarea:focus, #contato textarea:hover, #contato input:focus, #contato input:hover  { background-color: #f4f3f3; border: 1px solid #595959; }

#contato textarea {
	background:#fff none repeat scroll 0%;
	float:left;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.06em;
	margin:5px 0pt;
	padding:3px 2px 3px 4px;
	width:300px;
	height:100px;
	color:#898585;
}
#contato input:focus, #formContato textarea:focus {
	color:#20174c;
}
#contato fieldset {
	background:#eeeeee;
	margin:0px 0px 0pt 2px;
	padding:8px 5px 12px;
	width:370px;
	clear:both;
	border-bottom:1px solid #fff;
	display:block;

	
}

#contato button { display:block; clear: both; width:56px; height: 26px; font-size:12px; color:#000; text-align:center; float:right; margin-top: 10px;}

#contato input.erro {
	border:2px solid #869ce5;
}
#contatoNome.msgErro {
	color:#fff;
	display:block;
	font-size:11px;
	margin-left:20px;
	font-weight:bold;
	margin:0pt 0 0 105px;
	_margin:0pt 0 0 108px;
	
}
/* formulario de contato -------------- */

/* envie para um amigo -------------- */
form.envie {
	overflow: auto;
	position:relative;
	width: 390px;
	}
	form.envie input {
		width:70%;
	}
	form.envie span {
		clear:both;
		color:#c90000;
		font-weight: bold;
		display:block;
		font-size:12px;
		padding:0pt 0pt 0pt 145px;
	}
	form.envie button {
		margin:0 !important;
	}
span.mais a {
	clear:none !important;
	display:inline;
	width:90px;
	cursor:pointer;
	padding:0 !important;
	position:absolute;
	margin-top: 20px;
	bottom:6px;
	right:70px;
}
#aviso { text-align: center; font-weight: bold; margin-top: 40px; color:#c90000; }