@charset "utf-8";
/* -------------------------------------------------------------- 
	Screen | Sets up site.
-------------------------------------------------------------- */
body		{ background: #131313 url(../img/bg_body.png) repeat top left; }
#container	{ width: 760px; margin: 0 auto; background: #303030 url(../img/bg_container.png) no-repeat top center; }


/* Header and contents
-------------------------------------------------------------- */
#header		{ width: 100%; display: block; height: 120px; position: relative; }
#header-wrp	{ width: 760px; margin: 0 auto; display: block; height: 120px; position: relative; }
#logo		{ width: 218px; height: 55px; position: absolute; bottom: 15px; left: 15px; }


/* Main / Content and Sidebar / Footer
-------------------------------------------------------------- */
#main			{ width: auto; display: block; padding: 15px 15px 0 15px; overflow: hidden; }
#content		{ width: 500px; float: left; margin: 0 15px 0 0; display: inline; overflow: hidden; }
#sidebar		{ width: 215px;	float: left; display: inline; overflow: hidden; background: #1a1a1a url(../img/border-top.png) no-repeat 0 0; margin: 0 0 10px 0; }
#sidebar .inside{ padding: 12px 15px 1px 15px; background: transparent url(../img/border-bottom.png) no-repeat bottom center; }
#sidebar .list	{ padding: 12px 0 6px 0; background: transparent url(../img/border-bottom.png) no-repeat bottom center; }
div.spacer		{ clear: both; height: 7px; display: block; background: transparent url(../img/bg_spacer.png) no-repeat bottom center; }
#footer			{ width: 730px; height: 50px; margin: 0 auto; padding: 0 15px; line-height: 30px; display: block; position: relative; }
#footer a, a:visited	{ color: #999; border-bottom: 1px solid #333; text-decoration: none; }
#footer a:hover			{ color: #fff; border-bottom: 1px solid #999; }
#footer span			{ position: absolute; top: 0; right: 15px; }


/* -------------------------------------------------------------- 
	Typography | Sets up some sensible default typography.
-------------------------------------------------------------- */
body		{ color: #999; font-size: 12px; font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.4em; }


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4 { color: #fff; margin-bottom: 0.75em; line-height: 1.2em; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; }
h4 { font-size: 1em; margin-bottom: 0.25em; }

h1 img, h2 img, h3 img, h4 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */
p			{ margin: 0 0 1em; }
p img		{ float: left; margin: 1.2em 1.2em 1.2em 0; padding: 0; }
p img.right { float: right; margin: 1.2em 0 1.2em 1.2em; }

#content a:hover		{ color: #fff; text-decoration: underline; }
#content a, a:visited	{ color: #ccc; text-decoration: underline; }

#sidebar a:hover		{ color: #fff; text-decoration: underline; }
#sidebar a, a:visited	{ color: #ccc; text-decoration: underline; }

b			{ color: #ccc; font-weight: bold; }

blockquote  { margin: 1.5em; color: #7a7e86; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #7a7e86; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color: #7a7e86; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr			{ height: 1px; border-width: 0; border-bottom: 1px dashed #444; margin: 30px 0; padding-top: 15px; clear: both; }

.tip {
	background: #1a1a1a;
	color: #eee;
	font: 11px/1.3em Verdana, Arial, sans-serif;
	padding: 5px 8px;
	text-align: center;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 3px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 3px rgba(0,0,0,.5);
	     -o-box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 3px rgba(0,0,0,.5);
	        box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 3px rgba(0,0,0,.5); }
.tip:hover { background: #1f1f1f; color: #fff; }


/* Lists
-------------------------------------------------------------- */
#content li ul, li ol	{ margin: 0 1.5em; }
#content ul, ol      	{ margin: 0 1.5em 1.5em 1.5em; }

#content ul	{ list-style-type: disc; list-style-position: inside; }
#content ol	{ list-style-type: decimal; list-style-position: inside; }

#sidebar ul { font: 11px Verdana, Helvetica, Arial, sans-serif; list-style-type: none; line-height: 1.8em; width: 215px; }
#sidebar li { background: none; width: 100%; list-style-position: outside; border-top: 1px solid #202020; }
#sidebar ul li a 		{ color: #ccc; display: block; padding: 2px 0 2px 15px; text-decoration: none; }
* html #sidebar li a	{ width: 200px; } /* Necessario para que funcione o 'efeito bloco' no IE6 */
#sidebar ul li a:hover	{ color: #fff; text-decoration: underline; background: #1d1d1d; }
#sidebar ul li a:focus,
#sidebar ul li a:active	{ color: #fff; text-decoration: none; font-weight: bold; background: #1d1d1d; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#sidebar .lancamentos		{ background: #111 url(../img/forward.gif) no-repeat 3px 4px; font-weight: bold; color: #fff; padding-left: 20px; }
#sidebar .lancamentos:hover	{ background: #1d1d1d url(../img/forward.gif) no-repeat 4px 4px; }


/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #c3d9ff; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes and ID's
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.hidelink	{ text-decoration: none; color: #313131; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background: #ff0; padding: 1px 3px; }
.added      { background: #060; color: #fff; padding: 1px 3px; }
.removed    { background: #900; color: #fff; padding: 1px 3px; }

.esgotado	{ background: url(../img/esgotado.png) no-repeat 0 0; position: absolute; top: 2px; right: 2px; width: 64px; height: 64px; }

.first      { margin-left: 0; padding-left: 0; }
.last		{ border-bottom: 0; }
.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }

#banner		{ width: 760px; height: 210px; background: url(../img/ajax-loader.gif) no-repeat center center; }
.transition	{ width: 760px; height: 210px; overflow: hidden; }

#address, #phone, #mail { width: 160px; padding: 0 0 0 25px; margin: 0 0 10px 0; border-bottom: 1px dashed #111; }

#address h4, #phone h4, #mail h4 { margin: 0 0 5px 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#address	{ background: url(../img/ico-address.png) top left no-repeat; margin: 25px 0 10px 0; }
#phone		{ background: url(../img/ico-phone.png) top left no-repeat; }
#mail		{ background: url(../img/ico-mail.png) top left no-repeat; }


/* Navigation
-------------------------------------------------------------- */
.nav {
	width: 273px;
	height: 30px;
	position: absolute;
	bottom: 10px;
	right: 5px;
	background: url(../img/nav_main.gif) no-repeat;
	margin: 0;
	padding: 0;
	}
.nav li	{
	float: left;
	width: 100%;
	list-style-type: none;
	}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 30px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer;
	border: none;
	}
.nav .empresa a:link, .nav .empresa a:visited {
	left: 0;
	width: 93px;
	}
.nav .empresa a:hover, .nav .empresa a:focus {
	background: url(../img/nav_main.gif) no-repeat 0 -35px;
	}
.nav .empresa a:active {
	background: url(../img/nav_main.gif) no-repeat 0 -70px;
	}
.current-empresa .empresa a:link, .current-empresa .empresa a:visited {
	background: url(../img/nav_main.gif) no-repeat 0 -70px;
	}
.nav-empresa, .nav-empresa-click {
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 30px;
	background: url(../img/nav_main.gif) no-repeat 0 -35px;
	}
.nav-empresa-click {
	background: url(../img/nav_main.gif) no-repeat 0 -35px;
	}
.nav .produtos a:link, .nav .produtos a:visited {
	left: 93px;
	width: 96px;
	background-position: -93px 0;
	}
.nav .produtos a:hover, .nav .produtos a:focus {
	background: url(../img/nav_main.gif) no-repeat -93px -35px;
	}
.nav .produtos a:active {
	background: url(../img/nav_main.gif) no-repeat -93px -70px;
	}
.current-produtos .produtos a:link, .current-produtos .produtos a:visited {
	background: url(../img/nav_main.gif) no-repeat -93px -70px;
	}
.nav-produtos, .nav-produtos-click {
	position: absolute;
	top: 0;
	left: 93px;
	width: 96px;
	height: 30px;
	background: url(../img/nav_main.gif) no-repeat -93px -35px;
	}
.nav-produtos-click {
	background: url(../img/nav_main.gif) no-repeat -93px -35px;
	}
.nav .contato a:link, .nav .contato a:visited {
	left: 189px;
	width: 84px;
	background-position: -189px 0;
	}
.nav .contato a:hover, .nav .contato a:focus {
	background: url(../img/nav_main.gif) no-repeat -189px -35px;
	}
.nav .contato a:active {
	background: url(../img/nav_main.gif) no-repeat -189px -70px;
	}
.current-contato .contato a:link, .current-contato .contato a:visited {
	background: url(../img/nav_main.gif) no-repeat -189px -70px;
	}
.nav-contato, .nav-contato-click {
	position: absolute;
	top: 0;
	left: 189px;
	width: 84px;
	height: 30px;
	background: url(../img/nav_main.gif) no-repeat -189px -35px;
	}
.nav-contato-click {
	background: url(../img/nav_main.gif) no-repeat -189px -35px;
	}


/* Gallery
-------------------------------------------------------------- */
.gallery {
	margin: 0 0 10px 10px !important;
	padding: 0;
	width: 500px;
	float: left; }
.gallery li {
	padding: 7px;
	margin: 0;
	float: left;
	position: relative;
	width: 145px;
	height: 100px;
	list-style: none; }
.gallery li a:hover img { background: #ccc; }
.gallery img {
	background: #fff;
	padding: 5px;
	position: relative;
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
	        border-radius: 1px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	   -moz-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	     -o-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	        box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease; }

#canecas, #cafezinho_12, #cafezinho_15, #cha_04, #cha_12, #cha_15, #cha_22, #diversos, #butterfly, #cisne, #copo_de_leite, #green, #hibiscus, #lirios, #oceano, #orquideas, #passaros, #provance, #rosas, #strelitzia, #pratos, #vasos, #lancamentos, #relancamentos, #beach, #gingerlily, #poppy, #rose, #conjunto_1, #conjunto_2, #conjunto_3 { display: none; }


/* -------------------------------------------------------------- 
	Forms - forms.css (For text fields, use class .title or .text)
-------------------------------------------------------------- */
label       { font-weight: bold; color: #999; }
fieldset    { padding: 0; padding: 20px 0 20px 20px; }
legend      { font-weight: bold; font-size: 1.2em; }
form br		{ clear: left; }
form hr		{ height: 1px; border-width: 0; border-top: 1px solid #1a1a1a; margin: 10px 0 10px -20px; }


/* Form fields
-------------------------------------------------------------- */
input, textarea, select	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; font-size: 11px; background: #1a1a1a; float: left; display: block; }
input.text, input.title, textarea, select		{ margin: 0.5em 0; border: 1px solid #111; }
input:hover, textarea:hover, select:hover		{ border: 1px solid #666; }
input:active, textarea:active, select:active	{ border: 1px solid #666; }

input.text, 
input.title	{ width: 275px; padding: 5px; margin: 3px 5px 10px 0; }
input.title	{ font-size: 1.0em; }
textarea	{ width: 275px; height: 100px; padding: 5px; margin: 3px 5px 10px 0; }
select		{ padding: 4px 4px 0 2px; margin: 3px 5px 10px 0; }
option		{ padding: 2px 0px 2px 3px; border-bottom: 1px solid #303030; background: #1a1a1a; }

.labelleft	{ margin: 2px 3px; display: block; float: left; width: auto; }

.submit,
.clean		{ font-weight: bold; border: 1px solid; border-color: #444 #000 #000 #444; cursor: pointer; padding: 5px 15px; margin: -5px 5px 0 0; background: #1a1a1a; color: #999; }
.submit:hover,
.clean:hover { border: 1px solid; border-color: #000 #333 #333 #000; position: relative; top: 1px; left: 1px; background: #111; }

.LV_validation_message	{ font-weight: bold; margin: 8px 0 0 0; float: left; display: block; width: auto; }
.LV_valid				{ color: #3c6; }
.LV_invalid				{ color: #c33; }
.LV_valid_field, 
input.LV_valid_field:hover, 
input.LV_valid_field:active, 
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active		{ border: 1px solid #000; }
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active, 
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active	{ border: 1px solid #000; }