/* reset start */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* body */


body{
	background:url(images/body.jpg) repeat;
	font-family: Verdana, 'Lucida Grande','Lucida Sans Unicode',Tahoma,Verdana,sans-serif;
	font-size:100.01%;
	margin-left:auto;
	margin-right:auto;
}

/* header */

#header{
	width:888px;
	height:271px;
	margin-left:auto;
	margin-right:auto;
}

/* container */

#container{
	background:url(images/content.png) repeat-y;
	min-height:300px;
	width:866px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}

/* menu */

#menu{
	width:866;
	margin-left:auto;
	margin-right:auto;
}

#menu li{
	float:left;
	color:#333;
	font-size:10pt;
	padding:10px 0 0 60px;
}

#menu li a{
	color:#333;
	text-decoration:none;
}

#menu li a:hover, #menu li .is_active{
	color:#000;
	text-decoration:underline;
}

.is_active{
	font-weight:bold;
}

/* footer */

#footer{
	padding-top:75px;
	width:888px;
	height:268px;
	font-size:0.7em;
	color:#fff;
	text-align:center;
	background:url(images/footer.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
}

.copyright a{
	text-decoration:underline;
	color:#f3edcb;
}

.copyright a:hover{
	text-decoration:underline;
	color:#fff;
}

.copyright{
	text-align:center;
	margin-top:20px;
	padding-bottom:20px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.7em;
	color:#fff;
}

/* content */

#content{
	width:820px;
	margin-left:auto;
	margin-right:auto;
	color:#333;
	font-size:0.8em;
	padding-top:50px;
	padding-bottom:20px;
	line-height:1.5em;
}

h1{
	color:#333;
	font-size:1.8em;
	padding-left:6px;
	margin-bottom:15px;
	line-height:1.6em;
	font-weight:normal;
	font-family: Verdana;
	text-decoration:underline;
}

h2{
	color:#333;
	font-size:1.5em;
	padding-left:6px;
	margin-bottom:15px;
	line-height:1.6em;
	font-weight:normal;
	font-family: Verdana;
	text-decoration:underline;
}

h3{
	color:#333;
	font-size:1.3em;
	padding-left:6px;
	margin-bottom:15px;
	line-height:1.6em;
	font-weight:normal;
	font-family: Verdana;
	text-decoration:underline;
}

/* language */

#lang_flag{
	float:right;
	padding-right:20px;
	padding-top:100px;
}

#lang_flag a{
	text-decoration:none;
}

#lang_flag a:hover{
	text-decoration:none;
}

/* produtos */

.produtos{
	float:left;
	margin-bottom:40px;
	font-size:0.8em;
}

.produtos tr .title{
	background:#a5edb8;
}

.produtos tr td{
	border:1px #aeaeae solid;
	padding:10px;
}

.codes{
	background:#ddd;
	font-weight:bold;
}

.codes td{
	color:#dc5d5d;
}

#catalogo{
	height:200px;
	font-size:0.9em;
}

#catalogo li{
	float:left;
	margin-left:10px;
	text-align:center;	
	width:150px;
	height:180px;
}

#catalogo li a{
	color:#333;
	text-decoration:none;
}

#catalogo li a:hover{
	text-decoration:none;
	color:#f33;
}

#catalogo .cat_active{
	font-weight:bold;
	border-bottom:1px #000 dashed;
	color:#000;
}

.produtos_catalogo{
	float:left;
	margin-bottom:20px;
	font-size:0.8em;
	width:380px;
	margin-top:30px;
	margin-left:20px;
}

.produtos_catalogo tr .title{
	background:#6da5df;
}

.produtos_catalogo tr td{
	border:1px #aeaeae solid;
	padding:10px;
}

.codes{
	background:#ddd;
}

.codes td{
	color:#333;
}

.td_img{
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	width:100%;
}

.nov{
	font-size:1.5em;
	color:#f33;
	font-weight:bold;
}

.contactos{
	width:340px;
	float:left;
}

.contactos_left{
	font-weight:bold;
	float:left;
	width:75px;
}

.contactos_right{
	float:left;
	width:220px;
}

.contactos h3{
	padding:0;
	line-height:1.1em;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	text-decoration:none;
}

.contactos small{
	font-weight:bold;
	font-size:0.8em;
	color:#000;
}

.map{
	float:left;
	border:1px #333 solid;
	margin-bottom:40px;
	margin-top:30px;
}

.fields{
	width:70px;
	float:left;
}

#formulario textarea{
	border:1px #999 solid;
	width:550px;
	height:200px;
	padding:3px;
	font-family: 'Lucida Grande';
	font-size:0.9em;
}

#formulario input{
	border:1px #999 solid;
	padding:3px;
	cursor:pointer;
	cursor:hand;
}

.got_hover:hover{
	background:#f3edcb;
}

.smallcaps{
	font-weight:bold;
}


#latest_stuff{
	float:left;
	width:750px;
	height:250px;
	text-align:left;
	color:#006090;
	margin-left:80px;

}

#latest_stuff .latest_camp{
	width:195px;
	float:left;
	height:220px;
	padding:10px;
	margin-left:20px;
	border:2px #fff solid;
	background:url(images/1px.png) repeat;
}

#latest_stuff .latest_camp h3{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

#latest_stuff .latest_camp ul li{
	margin-top:10px;
	line-height:1.3em;
	color:#000;
}

#latest_stuff .latest_camp ul li a{
	color:#000;
	text-decoration:none;
	padding:2px;
	background:#ede0c7;
}

#latest_stuff .latest_camp ul li a:hover{
	background:#ddd;
}

#latest_stuff .latest_camp ul{
	list-style:circle;
	margin-left:13px;
}

#latest_stuff .latest_camp .ver_mais{
	color:#000;
	padding:2px;
	background:#ede0c7;
	text-decoration:none;
	float:right;
	margin-top:20px;
}

#latest_stuff .latest_camp .ver_mais:hover{
	background:#999;
	color:#fff;
}

#latest_stuff .latest_camp .latest_arrow{
	margin-left:5px;
	margin-top:19px;
	float:right;
}


/* catalogo */

.pintura{
	background:url(images/pintura.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.pintura:hover{
	background:url(images/pintura_hover.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.mecanica{
	background:url(images/mecanica.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.mecanica:hover{
	background:url(images/mecanica_hover.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.ferramentas{
	background:url(images/ferramentas.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.ferramentas:hover{
	background:url(images/ferramentas_hover.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.civil{
	background:url(images/civil.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.civil:hover{
	background:url(images/civil_hover.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.agricultura{
	background:url(images/agricultura.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}

.agricultura:hover{
	background:url(images/agricultura_hover.png) no-repeat;
	display:block;
	width:150px;
	height:150px;
}


/* campanhas */

.campanhas_vista{
	border:1px #c7c7c7 solid;
	width:360px;
	height:190px;
	padding:15px;
	float:left;
	margin-left:15px;
}

.campanhas_vista img{
	width:140px;
	height:186px;
}

.details{
	float:left;
	margin-top:40px;
	font-size:0.9em;
	margin-left:15px;
}

.details small{
	font-size:0.9em;
}

.details a{
	color:#333;
	border-bottom:1px #333 dashed;
	text-decoration:none;
}

.details a:hover{
	border-bottom:1px #333 solid;
}

#exemplo_2{
	margin-left:50px;
	font-size:0.8em;
	list-style:circle;
	float:left;
}

#exemplo_2 li{
	margin-top:8px;
}

#exemplo_2 li a{
	color:#333;
	text-decoration:none;
	border-bottom:1px #333 dashed;
}

#exemplo_2 li a:hover{
	color:#000;
	border-bottom:1px #000 solid;
}

.campanhas_div{
	margin-bottom:20px;
	float:left;
	width:340px;
	padding:20px;
	margin-left:20px;
	border:1px #d3d3d3 solid;
	color:#333;
	font-size:0.8em;
	line-height:1.7em;
}

.campanhas_div h2{
	font-size:1.8em;
	font-weight:bold;
}

.campanhas_div img{
	float:left;
	width:138px;
	padding-right:15px;
}

.campanhas_div a{
	color:#333;
	border-bottom:1px #333 dashed;
	text-decoration:none;
}

.proposta_suc{
	font-size:0.9em;
	color:#333;
	padding:31px;
	text-align:center;
	background:#9cdc9c;
}

.proposta_fail{
	font-size:0.9em;
	color:#333;
	padding:31px;
	text-align:center;
	background:#e17878;
}

.showProducts{
	width:760px;
	padding:10px;
	margin:5px;
	font-size:0.9em;
	background:#fff;
	border:1px #ccc solid;	
}

.showProducts h3{
	text-decoration:none;
	padding:0;
	margin:0;
}

.artigos_codigos_wrapper{
	width:360px;
	float:left;
}
.artigos_image_wrapper{
	width:320px;
	margin:15px;
	float:right;
}

.novidadesDiv{
	float:left;
	width:370px;
	padding:10px;
	margin:5px;
	font-size:0.9em;
	background:#fff;
	border:1px #ccc solid;
}

.novidadesDiv h3{
	text-decoration:none;
	padding:0;
	margin:0;
}

.letterStrong{
	background:#f7f7f7;
}

.letterStrong td{
	font-weight:bold;
}

.artigos_codigos{
	width:100%;
	background:#fff;
}

.artigos_codigos tr td{
	padding:7px;
	border:1px #ccc solid;
}

.familyColor{
	width:120px;
	height:3px;
	border:1px #999 solid;
}

#catalogoDiv{
	background:url(images/familias_ul_bg.png) no-repeat;
	width:800px;
	height:148px;
}

#produtosDiv{
	float:left;
	width:690px;
	height:135px;
	margin-top:8px;
	overflow:hidden;
}

#produtosDiv ul li{
	margin-top:7px;
	width:145px;
	height:135px;
	float:left;
	margin-left:20px;
	text-align:center;
}

#produtosDiv ul li h3{
	font-family: 'Lucida Grande';
	text-decoration:none;
	font-size:0.9em;
}

#produtosDiv ul li img{
	height:100px;
}

.familia_title{
	margin-top:20px;
	margin-left:20px;
}

.familyTitle a{
	color:#333;
	text-decoration:none;
}

.familyTitle a:hover{
	color:#000;
}

.showProducts{
	margin-left:20px;
	margin-top:20px;
}

.familia_selected{
	padding-top:3px;
	background:url(images/selected_bg.png) 0 -5px no-repeat;
}

/* arrows */

#left_arrow{
	float:left;
	width:40px;
	height:90px;
	background:url(images/leftArrowOpacity.png) 20px 35px no-repeat;
	padding-top:35px;
	padding-left:20px;
}

#left_arrow a, #right_arrow a{
	display:none;
}

#right_arrow{
	float:left;
	width:45px;
	height:90px;
	background:url(images/rightArrowOpacity.png) 0 35px no-repeat;
	padding-top:35px;
}


#familias_scroll{
	clear:both;
	width:730px;
	margin-left:36px;
	padding-top:15px;
	height:40px;
}

#familias_scroll ul{
	width:730px;
}

#familias_scroll ul li{
	float:left;
	margin:0;
	padding:0;
	background-color:#eee;
	cursor:pointer;
	cursor:hand;
}

#familias_scroll_move{
	width:10px;
	height:10px;
	background:url(images/yes.png) no-repeat;
	clear:both;
	position:relative;
	top:-15px;
	left:0px;
}

#my_account_form label{
	display:block;
	float:left;
	width:170px;
	font-weight:bold;
	padding:10px 0;
}

#my_account_form input{
	float:left; padding:6px 3px;
	font-size:12px;
	width:300px;
}

#listing_carrinho_lines{
	width:100%;
	font-size:12px;
}

#listing_carrinho_lines th{
	background:#ddd;
	padding:4px;
	text-align:left;
	border:1px #ccc solid;
}

#listing_carrinho_lines td{
	padding:4px;
	text-align:left;
	border:1px #ddd solid;
	height:20px;
	vertical-align:top;
}

#listing_carrinho_lines tr:hover td{
	background:#ffffcc;
}

#listing_minhas_encomendas{
	width:100%;
	font-size:12px;
}

#listing_minhas_encomendas th{
	background:#ddd;
	padding:4px;
	text-align:left;
	border:1px #ccc solid;
}

#listing_minhas_encomendas td{
	padding:4px;
	text-align:left;
	border:1px #ddd solid;
	height:20px;
	vertical-align:top;
}

#listing_minhas_encomendas tr:hover td{
	background:#ffffcc;
}

#listing_minhas_encomendas tr td img{
	width:15px;
	vertical-align:top;
	margin-top:2px;
	margin-left:5px;
}

.login_clients_a{
	padding:5px;
	background:darkblue;
	text-decoration:none;
	color:#bbb;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

.login_clients_a:hover{
	background:black;
	color:white;
}


.fancy-button{
	width:auto !important;
	cursor:pointer;
	cursor:hand;
	background:#eee url(images/fancy-button.gif) 0 1px repeat-x;
	border:1px #999 solid !important;
	font-weight:bold;
	color:black !important;
	padding:5px !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
	font-size: 11px;
}

.fancy-button:hover{
	border-color:#333;
	background-position:0 50%;
}



#top-user-bar{
	padding:10px;
	background:#333;
	border-bottom:2px #ddd solid;
	position:fixed;
	top:0;
	width:100%;
	color:white;
	font-size:12px;
	text-align:center;
	z-index:3;
}

#top-user-bar a{
	color:orange;
	text-decoration:none;
}

#top-user-bar a:hover{
	color:darkorange;
	border-bottom:2px darkorange solid;
}


/* fancy gray button */
.fancy-grey-button{
	width:auto !important;
	cursor:pointer;
	cursor:hand;
	background:#eee url(images/fancy-button.gif) 0 1px repeat-x;
	border:1px #888 solid !important;
	font-weight:bold;
	color:black !important;
	padding:4px !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
	font-size: 11px;
	height:auto !important;
}

.fancy-grey-button:hover{
	border-color:#333;
	background-position:0 50%;
}



/* fancy-green-button */
.fancy-green-button{
	padding:4px !important;
	font-weight:bold;
	color:white;
	border:1px #46762f solid !important;
	background: #72ac58 url(images/green-button-1px.png) top repeat-x;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}