* { margin:0; padding:0 }

a {
	outline:none;
	color:#CB9525 }

a:hover {  color:#666 }

p { margin-bottom:15px }

body {
	background:url(img/bgbody-header.jpg) repeat-x top;
	color:#000;
	font:13px Arial }

#body {
	width:100%;
	background:url(img/bgbody-footer.jpg) repeat-x bottom }

#all {
	width:1000px;
	margin:0 auto }

#header {
	position:relative;
	background:url(img/bgheader.jpg) no-repeat center 116px;
	height:290px }

	#header h1 {
		position:absolute;
		/*top:30px;*/ top:25px; left:15px }

	/*#header h1 a {
		background:url(img/logotipo-gattiboni.gif);
		text-indent:-1000px;
		overflow:hidden;
		width:415px;
		height:35px;
		display:block }*/

	#header h1 a {
		background:url(img/logotipo-gattiboni.gif) no-repeat;
		text-indent:-1000px;
		overflow:hidden;
		width:350px;
		height:50px;
		display:block }

#header #destaque {
	position:absolute;
	bottom:0; left:3px }

#menu {
	position:absolute;
	right:15px; top:40px }

#menu ul { list-style:none }

#menu ul li {
	border-right:1px solid #DDD;
	float:left;
	padding:0 2px }

#menu ul li.last {
	border-right:0;
	padding:0 0 0 5px }

#menu ul li a {
	text-decoration:none;
	font:bold 14px Arial;
	letter-spacing:-1px;
	text-transform:uppercase;
	color:#999;
	padding:7px }

#menu ul li a:hover {
	background:#F6F6F6;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	color:#CB9525;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px; }

#container { padding:15px }

#content {	}

h2 {
	position:relative;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:-1px;
	font:bold 20px Arial;
	color:#F0A817 }

h2 a.mais {
	margin:0 !important;
	position:absolute;
	top:-5px; right:0;
	letter-spacing:normal }

.detail h2 {
	text-shadow:1px 1px 1px #333;
	letter-spacing:-2px;
	color:#999;
	font:bold 40px Arial }

.detail h3 {
	letter-spacing:-1px;
	margin-bottom:5px;
	color:#F0A817;
	font:bold 20px Arial }

#usados h3 {
	letter-spacing:-1px;
	margin-bottom:5px;
	color:#666;
	font:normal 18px Arial }

hr {
	width:100%;
	float:left;
	margin:10px 0;
	height:0;
	border:0 }

a.mais {
	float:left;
	line-height:normal;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #999;
	background:#666;
	padding:5px 7px }

a.mais:hover { background:#333 }

.home #empresa {
	position:relative;
	margin-right:30px;
	float:left;
	width:350px }

.home #empresa p{
	font-style:italic;
	color:#666 }

.home #empresa a.mais{
	background:#FFF;
	border:1px solid #CB9525;
	color:#CB9525;
	position:absolute;
	bottom:10px; right:10px }

.home #empresa a.mais:hover{
	background:#F0A817;
	border:1px solid #333;
	color:#333 }

.detail p,
.detail ul {
	margin-bottom:15px;
	line-height:20px;
	font-size:14px }

.detail #empresa img { margin:0 0 20px 20px }

#empresa img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px }

.home #usados,
.home #servicos {
	position:relative;
	float:left;
	width:590px;}

#usados img.ico {
	position:absolute;
	top:-3px; left:142px }

#usados form {
	background:#EEE;
	float:left;
	width:590px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top:10px }

.detail #usados form { background:none }

#usados form fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(img/bgfieldset.jpg) no-repeat bottom left;
	float:left;
	border:0;
	padding:0 10px 10px 10px }

#usados form fieldset.categoria { width:95px }
#usados form fieldset.modelo { width:80px }
#usados form fieldset.ano { width:117px }
#usados form fieldset.preco { width:143px }

#usados form fieldset legend {
	font-weight:bold;
	font-size:11px;
	color:#666 }

#usados form input.text,
#usados form select {
	font-size:11px;
	color:#000 }

.detail #usados form input.text,
.detail #usados form select {
	font-size:16px;
	color:#000 }

#usados form fieldset.preco select{ width:62px }

#usados input.button {
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:8px 5px;
	font-weight:bold;
	font-family:Arial;
	color:#FFF;
	background:#F0A817;
	border:1px outset #F0A817 }

input.button:hover {
	background:#CB9525 !important;
	border:1px outset #CB9525 !important }

input.button:active {
	background:#666 !important;
	border:1px outset #666 !important }

#usados table {  border-left:1px dotted #CCC } 

#usados table tr td { 
	text-align:center;
	border-right:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:10px } 

.home #usados .item,
#usados #semelhantes ul li {
	margin:0 auto;
	width:170px;
	position:relative }

#usados .nome {
	font:bold 12px Arial;
	color:#333 }

#usados a.detalhes {
	display:block;
	position:absolute;
	top:104px; right:2px;
	text-indent:-1000000px;
	width:65px; height:19px;
	background:url(img/btn-detalhes.gif) no-repeat top right }

#usados a.detalhes:hover { background:url(img/btn-detalhes.gif) no-repeat bottom right }

table tr td a.img, 
ul li a.img { 
	height:118px; 
	display:block;
	overflow:hidden;
	margin-bottom:10px  } 

#usados table#lista {
	border-left:1px solid #DDD; }

#usados table#lista tr.header td {
	font-weight:bold;
	font-size:13px;
	border-bottom:3px solid #888;
	border-right:1px solid #999;
	border-top:1px solid #999;
	color:#333;
	background:#BBB }

#usados table#lista tr td {
	font-size:16px;
	border-top:0;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	padding:5px }

#usados table#lista tr.alt td {background:#EEE }

#usados table#lista tr td.foto { width:80px; padding:3px }
#usados table#lista tr td.modelo { font-weight:bold }

#usados table#lista tr td img {margin:0 }

#usados #entry {
	float:left;
	width:765px;
	padding-right:15px;
	border-right:1px dotted #CCC;
	margin-right:15px;
	position:relative }

#usados #semelhantes {
	float:left;
	width:170px }

#usados #entry .titulo {
	display:inline;
	background:#F0A817;
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	padding:5px 10px }

#usados #entry .images {
	width:430px;
	float:left;
	margin:5px 15px 0 0 }

#usados #entry .data {
	position:absolute;
	top:-20px;
	right:0;
	color:#666;
	font-size:10px }

#usados #entry .images { position:relative }

#usados #entry .images .big {
	margin-bottom:10px;
	height:320px;
	overflow:hidden }

#usados #entry .images .thumbs img{ cursor:pointer }

#usados #entry .detalhes {
	width:320px;
	float:left;
	margin-bottom:15px }

#usados #entry .detalhes ul { 
	float:left;
	margin-bottom:10px }

#usados #entry .detalhes ul li {
	line-height:15px;
	margin-bottom:5px;
	width:145px;
	float:left;
	font-size:13px;
	list-style:none;
	background:url(img/ico-losango.jpg) no-repeat left 2px;
	padding-left:15px }
	
#usados #entry .local {
	float:left;
	width:295px;
	border:1px solid #DDD;
	padding:10px;
	background:#EEE }

#usados #entry .valor {
	position:relative;
	width:295px;
	float:left;
	border:1px solid #F0A817;
	padding:10px;
	margin-bottom:15px }

#usados #entry .valor strong {
	font-size:18px;
	letter-spacing:-1px;
	color:#990000 }

#usados #entry .valor strong span  { font-size:16px }

#usados #entry .valor input.button {
	padding:17px 5px;
	top:-5px; right:7px;
	position:absolute }

#usados #entry .info p {
	line-height:14px;
	font-size:11px }

#usados #semelhantes ul li  {
	margin-bottom:15px;
	list-style:none }

#newsletter,
.home #servicos {
	float:left;
	padding:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#newsletter { 
	font-size:11px;
	margin-right:30px;
	background:#EEE;
	width:320px }

.home #servicos {
	border:1px solid #CCC;
	width:558px }

#newsletter h2 { color:#666 }

#newsletter input.text {
	background:#FFF;
	padding:5px;
	font:13px Arial, sans-serif;
	outline:none;
	border:1px inset #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }

#newsletter input.button {
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	font-weight:bold;
	font-family:Arial;
	color:#FFF;
	background:#F0A817;
	border:1px outset #F0A817 }

.detail #empresa ul {
	list-style:square;
	margin-left:40px }

.detail #empresa table { float:left }

.detail #empresa table tr td {
	padding:10px;
	border-top:1px dotted #999 }

.detail #empresa table tr td.ano {
	padding:0;
	letter-spacing:-1px;
	color:#666;
	font-size:20px;
	font-weight:bold }

.detail #empresa table tr td.ano span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background:#DDD }

.detail #empresa .valores {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px;
	border:1px outset #DDD;
	width:318px;
	float:right }

.detail #empresa .valores p { font-style:italic }

.home #servicos h2 { margin-bottom:20px }

.home #servicos table tr td {
	border:0;
	padding:0 30px 0 0 !important; 
	width:50% }

.home #servicos table tr td p { font-size:11px }

.home #servicos table tr td.last { padding:0}

#produtos table tr td,
#servicos table tr td,
#lojas table tr td {
	width:33%;
	padding:20px 50px 20px 0 } 

#servicos table tr td { border-bottom:1px dotted #CCC }

.home #servicos p { margin:0 !important }

.home #servicos img { margin:0 10px 15px 0 }
.detail #servicos img { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 10px 60px 0 }
	
.detail #servicos p  { margin-bottom:5px }
	
#servicos a.mais { margin-top:5px }

#servicos .thumbs img { margin:0 }

/* PRODUTOS -----------------------------------------*/

#produtos .marca { clear:both }

#produtos h3 { 
	float:left;
	width:100%;
	padding:5px 0 }

#produtos h3 img.logo { 
	float:left;
	margin-right:10px }

#produtos h3 span,
#produtos h3 div {
	float:left;
	padding:20px 0 }

#produtos table {	
	border-bottom:20px solid #DDD;
	margin-bottom:20px;
	clear:both } 

#produtos table tr td {  
	background:#FFF;
	border-bottom:1px solid #DDD;
	text-align:center;
	font-size:13px;
	width:130px;
	padding:15px 10px; 
	list-style:none }
	
#produtos table tr td img { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:5px }

#produtos table tr td a { 
	text-decoration:none;
	font-weight:bold }
	
#produtos .detalhe {
	background:#EEE;
	border:1px solid #DDD;
	clear:both;
	padding:30px }
	
#produtos .detalhe img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:right;
	margin:0 0 20px 20px }

#produtos .detalhe .nome {
	margin-bottom:10px;
	font-size:30px }

#produtos .detalhe ul { margin-left:50px }

/* LOJAS ------------------------------------------*/

#lojas ul li { 
	padding:15px 0;
	border-bottom:1px solid #CCC;
	list-style:none;
	float:left;
	width:100% }
	
#lojas ul li a.verlocal {
	clear:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#EEE;
	padding:5px;
	border:1px solid #DDD;
	cursor:pointer;
	font-weight:bold;
	color:#666;
	float:right }
	
#lojas ul li a.verlocal:hover { background:#DDD }
	
#lojas img.fachada { 
	float:left;
	margin-right:15px }
	
#lojas img.mapa { 
	cursor:pointer;
	float:right;
	margin:0 0 5px 10px }	 

#lojas img { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }	 

/* CONTATO  ----------------------------------*/
#contato .endereco { 
	width:350px; 
	float:left }

#contato .endereco p { 
	padding-left:20px;
	line-height:16px;
	font-size:12px }

#contato form {
	float:right;
	width:590px;
	margin:50px 0 0 30px }

#contato  table tr td { padding:5px 0 }

#contato  table tr td.label {
	padding-right:10px;
	text-align:right }

#contato input.text,
#proposta input.text,
#contato select,
#contato textarea,
#proposta textarea {
	background:#EEE;
	padding:5px;
	font:16px Arial, sans-serif;
	outline:none;
	border:1px inset #CCC }

#contato input.text,
#proposta input.text,
#contato textarea,
#proposta textarea,
#contato select,
#contato input.button {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }

#contato input.button,
#proposta input.button {
	cursor:pointer;
	font:bold 16px Arial, sans-serif;
	color:#FFF;
	border:2px outset #F0A817;
	background:#F0A817;
	padding:5px 15px }

#contato input.button:hover,
#proposta input.button:hover {
	border:2px outset #F0A817 !important ;
	color:#000 !important }

#contato input.button:active,
#proposta input.button:active{
	color:#CCC;
	border:2px outset #666 !important;
	background:#666 }

#contato ul { list-style:none }
	
#paginacao { 
	float:left;
	padding:20px 0;
	width:100%; 
	list-style:none }
	
#paginacao li { 
	float:left;
	margin-right:5px }
	
#paginacao a,
#paginacao span {
	text-decoration:none;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	padding:5px 10px;
	border:1px inset #999 }

#paginacao span {  
	background:#F0A817;
	color:#000 }
	
#paginacao a { color:#000 }
	 
#paginacao a:hover { background:#CCC }
	
#footer {
	color:#666;
	font-size:11px;
	height:40px;
	padding:50px 15px 10px 15px;
	clear:both }

#footer .copy { float:left }

#footer a.dev {
	text-indent:-1000000px;
	margin-top:3px;
	float:right;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left bottom }

#footer a.valtra {
	text-indent:-1000000px;
	margin-right:15px;
	float:left;
	width:65px;
	height:15px;
	background:url(img/logo-valtra.gif) }

#notfound ul {
	list-style:square;
	margin:15px 0 0 35px }

#notfound ul li {  margin-right:40px }

.overlay {
	background-image:img(img/white.jpg);
	display:none;
	width:345px;
	padding:15px;;
}

.overlay .close {
	background:url(img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#proposta {
	background:#FFF url(img/white.jpg);
	color:#000;
}

#proposta h3 span { color:#FDAE00 }

#proposta input.text,
#proposta textarea { margin-bottom:5px }

#alert {
	clear:both;
	margin:0 auto;
	margin-bottom:10px;
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 15px }
	
#alert.default { color:#666 }

#alert.default strong span { color:#000 }

#alert.good { color:#339900 }
#alert.success,
#alert.warning,
#alert.block,
#alert.error,
#alert.cash { padding:15px 15px 15px 75px; }

#alert.success {
	background:#FFF url(img/bgsucess.jpg) no-repeat 15px center;
	border:1px solid #339900;
	color:#339900 }
	
#alert.warning  {
	background:#FFF url(img/bgwarning.jpg) no-repeat 15px center;
	color:#666 }
	
#alert.warning strong span { color:#EF9C12 }

#alert.block  {
	background:#FFF url(img/bgblock.jpg) no-repeat 15px center;
	border:1px solid #B94906;
	color:#B94906 }
	
#alert.error  {
	background:#FFF url(img/bgerror.jpg) no-repeat 15px center;
	border:1px solid #CC0000;
	color:#CC0000 }
	
#alert.cash  {
	float:left;
	width:790px;
	background:#FFF url(img/bgcash.jpg) no-repeat 15px center;
	font-size:16px }
	
#alert.small { font-size:11px }

#alert.big { font-size:15px }