body { font-family: Arial; background:#FFFFCC; font-size: 13px; margin:0; padding:0; }

img { border:0; }
p.paragraph { text-indent: 3em; text-align:justify; }
.clear { clear: both; }

a { color:#0000CC; }
a:hover, a:active {	color:#0000CC; text-decoration:none; }

h1 { font-family: arial; font-size:25px; padding:0 0 10px 0; margin:0; color:#000; }
h2 { font: 12px Arial; color:#666; }
h2 a { color:#0000CC; text-decoration:underline; }
h2 a:hover, a:active {	color:#0000CC; text-decoration:underline; }
h3 { font-family: arial; font-size: 18px; padding:0; margin:0; color:#000; }
h4 { font-family: arial; font-size: 20px; padding:0; margin:0; }

#error { border: #FF0000 1px dashed; height: 25px; background: #FFECEC; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }
#success { border: #333333 1px dashed; height: 25px; background: #F0FAFF; padding-top: 4px; padding-left: 5px; font-weight: bold; font-size:12px; }

#website { background:#FFF; margin:0 auto; padding:0; }
#header { height:80px; background:#FFFFCC; }
#header #topo { width:900px; margin:auto; padding-top:10px; }
#header #topo #logotipo { float:left; padding-left:15px; }
#header #topo #menu-topo { float:right; }
#header #topo #menu-topo ul { list-style:none; float:left;}
#header #topo #menu-topo li { float:left;}
#header #topo #menu-topo li a {
	display: block;
	background: #FFF191;
	padding: 0.2em 0.5em;
	text-decoration: none;
	color: #000;
	margin-right: 0.4em;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}
#header #topo #menu-topo li a:hover, 
#header #topo #menu-topo li a:active { color: #000000; background: #FFFFFF; }

#meio { height:300px; width:100%; background-image: url(../images/meio.jpg); background-position:center; border-top:#FFEC64 3px solid; }

#menu { width:900px; margin:auto; }
#menu ul { float:left; list-style:none; }
#menu li { float:left; }
#menu li a:link, #menu li a:visited {
	display: block;
	background: #FFF191;
	padding: 0.2em 0.5em;
	text-decoration: none;
	color: #000;
	margin-right: 0.4em;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}

#menu li a.ativo { background: #FFFFCC; }
#menu li a:hover, #menu li a:active { color: #000000; background: #FFFFFF; }

#conteudo { width:900px; background:#FFF; margin:auto; padding:40px 10px 20px 10px; }
#rodape { width:100%; height:80px; background:#FFEC64; }
#rodape #rodape-header { width:900px; margin:auto; }
#rodape #rodape-header #desenvolvedor { padding:20px 0 0 15px; width:250px; float:left; }
#rodape #rodape-header #rodape-conteudo { width:450px; float:left; }
#rodape #rodape-header #rodape-conteudo #menu-rodape ul { list-style:none; margin:15px 0 -10px -40px; }
#rodape #rodape-header #rodape-conteudo #menu-rodape ul li { display:inline; margin-right:10px; }

#rodape #rodape-header #w3c { width:150px; float:right; }
#rodape #rodape-header #w3c ul { list-style:none; }
#rodape #rodape-header #w3c li a:link, #rodape #rodape-header #w3c li a:visited {
	display: block;
	background: #FFF191;
	padding: 5px;
	text-decoration: none;
	color: #666;
	margin-top: 2px;
	font-family: Arial;
	font-size: 11px;
	line-height: 1em;
	font-weight: bold;
}

/* PÁGINA INICIAL */
#home { text-align:left; }
#home #noticias { width:380px; float:left; }
#home #noticias ul#destaque { list-style:none; margin:0; padding:15px 0 0 0; }
#home #noticias ul#destaque li p { padding:0; }
#home #produtos { width:500px; float:right; }
#home #produtos p a img { padding:2px; border:#FFEC64 1px solid; }
#home #produtos p a img:hover { padding:2px; border:#999 1px solid; }

/* A EMPRESA */
#empresa #coluna1 { width:270px; margin-right:30px; float:left; }
#empresa #coluna2 { width:270px; margin-right:30px; float:left; }
#empresa #coluna3 { width:270px; float:left; }
#empresa #imagens { padding-top:50px; }
#empresa #imagens ul { list-style:none; margin:0; }
#empresa #imagens ul li { float:left; padding: 0 0 0 5px; }
#empresa #haobao-container #haobao-menu { float:left; width:600px; }
#empresa #haobao-container #haobao-logo { position:absolute; margin-top:-120px; margin-left:620px; }

/* PRODUTOS */
#produtos #produto1 { float:left; }
#produtos #produto2 { float:left; }
#produtos #produto3 { float:left; }
#produtos #produto4 { float:left; }

#produtos .thumb ul { height:90px; padding-left:20px; }
#produtos .thumb { width:400px; height:350px; margin:0 45px 10px 0; }
#produtos .thumb .mais { text-align:center; }
#produtos .thumb  a.mais:link, #produtos .thumb  a.mais:visited {
	display: block;
	background: #FFF191;
	padding: 0.2em 0.5em;
	text-decoration: none;
	color: #000;
	margin-right: 0.4em;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}
#produtos .thumb a.mais:hover,
#produtos .thumb a.mais:active { color: #000000; background: #FFFFCC; }

#produtos #destaque #foto { float:left; width:550px; height:400px; }
#produtos #destaque #cores { float:left; }
#produtos #destaque #cores ul { list-style:none; margin:0; padding:0; }

#produtos #descricao { margin-bottom:20px; }
#produtos #descricao p.title { background: #FFF191; padding: 0.2em 0.5em; font-weight: bold; margin:0; }

#produtos #especificacoes { height:180px; }
#produtos #especificacoes p { background: #FFF191; padding: 0.2em 0.5em; font-weight: bold; margin:0; }
#produtos #especificacoes #coluna1 { float:left; width:480px; }
#produtos #especificacoes #coluna2 { float:left; width:420px; }
#produtos #especificacoes div dl { display:block; }
#produtos #especificacoes div dl dt { clear:left; display:block; font-weight:bold; float:left; width:200px; }
#produtos #especificacoes div dd { clear:right; display:block; white-space:nowrap; }
#produtos p.info { font-size:10px; color:#666; }

#produtos #galeria p { background: #FFF191; padding: 0.2em 0.5em; font-weight: bold; margin:0 0 10px 0; }
#produtos #galeria a, a:hover, a:active { padding:0; }
#produtos #galeria a img { padding: 5px; border: 1px solid #ccc; margin: 2px; }
#produtos #galeria a img:hover { border-color: #FFEC64; }

/* NOTÍCIAS */
#noticias .date { padding:0 0 10px 0; margin:0;}

/* CONTATO */
fieldset#contato { border:0; margin:0; padding:0; width:400px;}
fieldset#contato label { display:block; font-size:12px; }
fieldset#contato input, textarea { width:100%; border:solid #ccc 1px; font-size:12px; font-family:Arial; }
fieldset#contato #enviar { margin-top:5px; width:150px; border:0; padding:2px; cursor:pointer; }

/* PAGINAÇÃO */
#pagination { padding-top:10px;	text-align: center; }
#pagination ul { padding:0px; margin:0px; width: 100%; list-style: none; }
#pagination ul li { display: inline; padding-left:2px; }
#pagination ul li.pagination-left { padding-right:8px; }
#pagination ul li.pagination-right { padding-left:10px; }
#pagination ul li.current { font-weight: bold; }