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;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* 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 {margin:0 auto;font-size:8pt;font-family:Arial, Helvetica, sans-serif;background-color:#fefff3;}
html, body {height:100%;}
img {border:none;}
p{font-size:1.1em;color:#515151;line-height:17px;}
a {text-decoration:none;color:#515151;}
a:hover {text-decoration:underline;}
.clear{clear:both;}



/**//**//**//**//**//*HEADER*//**//**//**//**//**/
div#header{width:100%;height:465px;background:url(imagens/site/bg-header.jpg) top repeat-x;}
div.header-center{width:960px;height:465px;margin:0 auto 0 auto;background:url(imagens/site/bg-banner.png) top right no-repeat;}
div.logo{width:363px;height:188px;float:left;margin:0 0 0 0;}
div#menu-header{width:590px;height:36px;float:right;margin:62px 0 0 0;}
ul#topnav {margin: 0; padding: 0;float:left;width: 100%;list-style: none;font-size: 1.1em;}
ul#topnav li {float: left;margin: 0; padding: 0;position: relative;}
ul#topnav li a {float: left; text-indent: -9999px;height: 36px;margin:0 35px 0 0;}
ul#topnav a.products {background: url(imagens/site/nav_products.png) no-repeat;width: 108px;}
ul#topnav a.sale {background: url(imagens/site/nav_sale.png) no-repeat;width: 97px; }
ul#topnav a.dicas {background: url(imagens/site/nav_dicas.png) no-repeat;width: 66px; }
ul#topnav a.store {background: url(imagens/site/nav_store.png) no-repeat;width: 59px; }
ul#topnav a.contato {background: url(imagens/site/nav_contato.png) no-repeat;width: 75px; }
ul#topnav li .sub {
position: absolute;	top: 44px; left: 0;background: #78dd59 url(sub_bg.png) repeat-x;padding: 20px 20px 20px;float: left;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;display: none;width:400px;}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none;margin: 0; padding: 0;width: 150px;float: left;}
ul#topnav .sub ul li {width: 100%;color: #fff;}
ul#topnav .sub ul li h2 {padding: 0;  margin: 0;font-size: 1.3em;font-weight: normal;}
ul#topnav .sub ul li h2 a {padding: 5px 0;background-image: none;color: #9F0;}
ul#topnav .sub ul li h2 a:hover {color: #fff;}
ul#topnav .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/height: auto;background: url(navlist_arrow.png) no-repeat 5px 12px;padding: 7px 5px 7px 15px;display: block;text-decoration: none;color: #fff;}
ul#topnav .sub ul li a:hover {color: #9F0; background-position: 5px 12px ;}
div#banner{width:100%;height:270px;clear:both; margin:0 0 0 0;}

/**//**//**//**//**//*CONTAINER*//**//**//**//**//**/
div#container{width:960px;min-height:800px;margin:0 auto 0 auto;}

/**//**//**//**//**//*LEFT*//**//**//**//**//**/
div#left{width:188px;min-height:800px;float:left;margin:0 0 0 0;background:url(imagens/site/line1.png) top no-repeat;}
div#menu{width:150px;min-height:350px;margin:10px 0 0 0;}
div#menu ul li{text-transform:uppercase;font-size:1.1em;}
div#menu ul li a{color:#4c4c4c;width:145px;height:24px;display:block;padding:8px 0 0 3px;}
div#menu ul li a:hover{color:#fff;background:url(imagens/site/bg-menu.png);width:145px;height:24px;text-decoration:none;}
div.viso{width:188px;height:90px;margin:0 0 0 0;background:url(imagens/site/line1.png) top no-repeat;padding:10px 0 0 0;}

/**//**//**//**//**//*CONTENT*//**//**//**//**//**/
div#content{width:711px;min-height:800px;float:right;margin:0 0 0 0;background:url(imagens/site/line2.png) top no-repeat;}

/**//**//**//**//**//*FOOTER*//**//**//**//**//**/
div#footer{width:100%;height:160px;clear:both;background-color:#78dd59;}
div.logo-footer{width:215px;height:117px;float:left;margin:10px 0 0 0;;}
div.menu-footer{width:720px;height:35px;float:right;margin:30px 0 0 0;border-bottom:2px dotted #FFF;}
div.menu-footer ul li{font-weight:bold;display:inline;font-size:2.0em;padding:0 45px 0 0}
div.menu-footer ul li a{color:#FFF;}
div.endereco{width:720px;height:50px;float:right;margin:10px 0 0 0;color:#FFF;font-size:1.2em;}

/**//**//**//**//**//*EXTRAS*//**//**//**//**//**/
div.paginacao {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000;}
a.paginacao {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000;}
a.paginacao:hover {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #06C;}
font.paginacao_color {font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000;}
div.assinatura a {background:url(imagens/site/ubis.png) no-repeat scroll left center transparent;color:#fff;display:inline-block;line-height:16px;padding-left:20px;margin:5px 0 0 0;}


/*Home*/
div.boo-box{width:220px;height:230px;float:left;margin:10px 13px 15px 4px;}
div.img-boo-box{width:220px;height:142px;margin:0 0 0 0;}
div.boo-box h1{font-size:1.2em;color:#000;font-weight:bold; margin:15px 0 10px 3px;}
div.boo-box h2{font-size:1.1em;font-weight:normal;color:#70ab5d;margin:5px 0 10px 3px;}
div.box-hulk{width:337px;height:260px;float:left;margin:10px 15px 20px 0;}
div.img-box-hulk{width:337px;height:82px;margin:0 0 0 0;border-top:20px solid #78dd59;}
div.box-hulk h1{font-size:2.5em;text-transform:uppercase;font-weight:bold;color:#4c4c4c;margin:15px 0 15px 0;height:50px;}

/*Dicas*/
div.dicas{width:500px;margin:0 0 0 5px;}
div.dicas h1{font-size:2.5em;text-transform:uppercase;font-weight:bold;color:#4c4c4c;margin:15px 0 15px 0;}
div.img-dicas{width:120px;height:120px;float:left;margin:0 10px 10px 0;}

/*Produtos*/
div.box-img-produtos{width:223px;min-height:150px;float:left;margin:0 0 0 0;}
div.img-maior-produtos{width:223px;height:127px;margin:0 0 0 0;border:1px solid #999;background-color:#FFF;padding:15px 0 0 0; text-align: center;}
div.img-menor-produtos{width: 109px; height: 63px; float: left; margin: 3px 2px 0 0; padding:10px 0 0 0; background-color: #FFF; border: 1px solid #999; text-align: center;}
div.box-txt-produtos{width:450px;min-height:100px;float:left;margin:0 0 0 10px;}
div.box-txt-produtos h1{font-size:2.5em;font-weight:bold;color:#4c4c4c;margin:0 0 5px 0;}
div.box-txt-produtos h2{font-size:1.2em;color:#78dd59;margin:0 0 5px 0;}
div.box-txt-produtos p{margin:0 0 5px 0;}
ul.menu-produtos{width:100%;height:20px;margin:15px 0 0 3px;}
.menu-produtos li{display:inline;text-transform:uppercase;font-weight:bold;margin:0 2px 0 0;}
.menu-produtos li a:hover{color:#0C0;}


/*Lojas*/
div.loja{width:100%;min-height:150px;margin:0 0 20px 0;}
div.txt-loja{width:320px;min-height:150px;float:left;margin:0 0 0 0;}
div.txt-loja h2{font-size:1.5em;text-transform:uppercase;color:#787878;}
div.mapa-loja{width:349px;min-height:139px;float:right;margin:0 0 0 0;}

/*Contato*/
.dado{text-align:right;font-size:1.1em;color:#4c4c4c;}
select{width:205px;height:25px;color:#4c4c4c;margin-left:5px;}
input.formulario{width:200px;height:20px;color:#4c4c4c;margin-left:5px;}
textarea{width:200px;height:120px;color:#4c4c4c;margin-left:5px;}
input.botao{margin:10px 0 0 238px;}


/* Produtos Detalhe Link Gravuras */

a.link-gravura {
	width: 57px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding-top: 3px;
}

a.link-gravura:hover {
	width: 57px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(imagens/site/bg_submenu.jpg);
	background-repeat: no-repeat;
	display: inline-block;
}

div.sub-gravuras {
	width: 57px;
	height: 25px;
	float: left;
	text-align: center;
}
