@charset "utf-8";
/* CSS Document */

body { font-size:16px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;}
a {	text-decoration:none; color:#3b8e53;}
ul, ol {list-style:none; margin:0; padding:0;}
#topo {width:100%; border-bottom:#CCC 1px solid; position:fixed; background:#FFF; top:0; z-index:25;}
#cabecalho {width:1200px; height:auto; margin:0 auto; text-align:center;}
#logo { float:left; width:20%;}
#logo img{ width:80%;}
#link {	float:left; width:79%; margin-left:21%; margin-top:-40px; color:#3b8e53;}
#link ul {	list-style:none; padding:0; margin:0;}
#link ul li {	display:block; float:left; padding:0.5% 7%; height:30px;}
#link ul li:hover { border-radius:5px;}
#link ul li a {	text-decoration:none; color:#3b8e53;}
#link ul li a:hover {	color:#000;}
.dorp {	display:block; float:left; position:relative; z-index:5; border-radius:5px;}
.dorp:hover ul {	display:block; background:#E0FEC2; width:220px; left:0; right:0; top:42px;}
.dorp a {	display:block; color:#FFF;}
.dorp ul {	margin:0; padding:0; list-style:none; display:none; position:absolute; width:220px;}
.dorp ul li {	width:86%;}
.dorp ul li:hover { background:#F0FFDD;}
.dorp ul li a {	display:block; float:left; text-decoration:none; text-align:left; font-size:14px; line-height:25px;}
.dorp ul li a:hover {	color:#CCC;}
.arrow {
	position: absolute;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	z-index: 1000;
	border: solid transparent;
	left: 131px;
	top: 0px;
}
.up { left:40%; border-width:15px; top:-15px; margin-left:0px; border-bottom-color:#E0FEC2; border-top-width:0;} 
#whatsapp{ width:80%; height:70px; text-align:right; float:right; font-size:16px; padding-top:5px; color:#3b8e53;}
#whatsapp img{ vertical-align:-10px; height:30px;}
#whatsapp a { color:#3b8e53;}
#produtos{ width:100%; background:#D5EAFF; padding:2% 0; margin-top:125px;}
#quem { width:100%;}
#texto{ width:70%; margin:0 auto; padding:1% 0;}
#conteudo { width:100%; background:#CDFEF0; padding:1% 0; height:auto; }
#cartao, #folheto, #tag, #envelope, #calendario, #receituario {width:1200px; margin:0 auto; text-align:center;}
#cartao ul { width:100%; text-align:left; height:280px;}
#cartao ul p, #folheto ul p, #tag ul p, #envelope ul p, #calendario ul p, #receituario ul p { padding:0 1%;}
#cartao ul li { width:24%; display:block; float:left; padding-right:1%;}
#cartao ul li img { width:100%; padding-top:5px;}
#folheto ul { width:100%; text-align:left; height:560px;}
#folheto ul li {width:24%; display:block; float:left; padding:0 1% 1% 0;}
#folheto ul li img { width:100%; padding-top:5px;}
#tag ul { width:100%; text-align:left; height:280px;}
#tag ul li { width:24%; display:block; float:left; padding-right:1%;}
#tag ul li img { width:100%; padding-top:5px;}
#envelope ul { width:100%; text-align:left; height:300px;}
#envelope ul li { width:24%; display:block; float:left; padding-right:1%;}
#envelope ul li img { width:100%; padding-top:5px;}
#calendario ul { width:100%; text-align:left; height:320px;}
#calendario ul li { width:49%; display:block; float:left; padding-right:1%;}
#calendario ul li img { width:70%; padding-top:5px;}
#receituario ul { width:100%; text-align:left; height:300px;}
#receituario ul li { width:24%; display:block; float:left; padding-right:1%;}
#receituario ul li img { width:100%; padding-top:5px;}
#preco{width:100%; background:#F0FFDD; padding:1% 0; margin-bottom:5px;}
#orcamento{width:1200px; margin:0 auto; text-align:center;}
#orcamento table{color:#000;}
.style1 {color: #FF0000; font-size:12px;}
.style3 {color: #0000FF; font-size: x-small;}
.table{	width:1000px;}
.right{	text-align:right; width:25%;}
.left{	text-align:left; width:75%;}
#cadastro, .table{
	margin: 1% auto;
	text-align: center;
	font-size: 18px;
}
#nome, #email, #prod, #outro2, #outro3, #quantidade, #tamanho, #ddd, #celular {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	height:25px;}
#nome, #email, #prod, #obs { width:70%;}
#ddd { width:10%;}
#celular, #outro2, #outro3, #quantidade, #tamanho { width:20%;}
#obs{border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;}
#enviar, #limpar { width: 10%; border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:16px; width:80px; height:30px;
	background:#069;
	color:#FFF;}
input:hover#enviar, input:hover#limpar { background:#09F;}
input#limpar{ margin-left: 50%;}
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
        }
@keyframes jssorl-009-spin {
	from { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}
	.jssorb053 .i {position:absolute;cursor:pointer;}
	.jssorb053 .i .b {fill:#666;fill-opacity:0.5;}
	.jssorb053 .i:hover .b {fill-opacity:.7;}
	.jssorb053 .iav .b {fill-opacity: 1;}
	.jssorb053 .i.idn {opacity:.3;}
	.jssora093 {display:block;position:absolute;cursor:pointer;}
	.jssora093 .c {fill:none;stroke:#000;stroke-width:400;stroke-miterlimit:10;}
	.jssora093 .a {fill:none;stroke:#000;stroke-width:400;stroke-miterlimit:10;}
	.jssora093:hover {opacity:.8;}
	.jssora093.jssora093dn {opacity:.6;}
	.jssora093.jssora093ds {opacity:.3;pointer-events:none;}
	
.seta-baixo:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 0; 
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #3b8e53;
}
#rodape
{
	position:absolute;
	background: #efefef;
	width: 100%;
	height:210px;
	left:0;
	font-size: 12px;
}
#center
{
	width:1024px;
	margin:10px auto 10px;
}
#nav
{
	display:block;
	float:left;
	width:16%;
	line-height:19px;
	border-right:#CCC solid 1px;}
#nav ul li a:hover{
	color:#000;}
#relacionados
{
	float:left;
	margin-left:9px;
	width:22%;
	line-height:22px;}
#relacionados ul li a:hover{
	color:#000;}
#contact
{
	float:left;
	font-size:12px;
	width:60%;
	color:#000;
	text-align:center;
	margin-left:9px;
	border-left:#CCC solid 1px;
}
#contact ul
{
	display:block;
	width:45%;
	float:left;
	margin-top:5px;
}
#contact ul li
{
	display:block;
	width:100%;
	float:left;
	text-decoration:none;
	line-height:16px;
	color:#008000;
}
#contact ul li a
{	text-decoration:none;
	color:#008000;}
#contact ul li img
{	width:50px;
	border:none;}
#contact ol
{
	display:block;
	float:left;
	width:55%;
	list-style:none;
	margin-top:5px;
	padding:0;
}
#contact ol li
{
	display:block;
	width:320px;
	text-decoration:none;
	line-height:16px;
	text-align:left;
	color:#008000;
}
#contact ol li font
{
	padding-left:20px;
	line-height:16px;
}
#contact ol li a
{
	text-decoration:none;
	color:#008000;
}
#contact ol li a:hover
{
	color:#000;
}
#contact ol li img
{
	width:50px;
	border:none;
}
#direitos
{
	width:100%;
	height:50px;
	padding:5px 0;
	margin-top:5px;
	float:left;
	text-align:center;
	border-top:#CCC solid 1px;
}
#contato2, #dropdown, #conteudo2, #calendariowireo, .whatsappcel
{
	display:none;}	
@media screen and (min-width: 767px) and (max-width: 1199px) {
	#cabecalho {width:100%; height:125px; margin:0 auto; text-align:center;}
	#link {	float:left; width:79%; margin-left:1%; margin-top:1%;}
	#whatsapp { width:78%; padding-right:2%;}
	#texto{ width:100%;}
	#conteudo { width:100%; height:auto; display:block; float:left;}
	#cartao, #tag, #envelope, #calendario, #receituario {width:100%; height:auto; display:block; float:left; background:none; font-size:20px;}
	#folheto {width:100%; height:auto; display:block; float:left; font-size:20px; }
	#cartao ul, #folheto ul, #tag ul, #envelope ul, #calendario ul, #receituario ul {height:auto;}
	#cartao ul li, #folheto ul li, #tag ul li, #envelope ul li, #receituario ul li {width:49%; height:310px;}
	#cartao ul li.image, #folheto ul li.image, #tag ul li.image, #envelope ul li.image, #calendario ul li.image, #receituario ul li.image { padding-left:1%; padding-right:0;}
	#calendario ul li {width:49%; height:300px;}
	#calendario ul li img {width:95%;}
	#preco { display:block; float:left;}
	#orcamento {width:100%; height:auto;}
	.table {width:100%;}
	.right, .left { font-size:20px;}
	#enviar, #limpar { font-size:20px; width:100px; height:40px;}
	input#limpar{ margin-left: 40%;}
	#contato2 {	display:inline-block; float:left; width:100%; text-align:center; font-size:28px;}
	#contato2 ul {	padding:0 5px; list-style:none;}
	#contato2 ul li {	text-align:center; float:left; width:100%; margin:5px 0; height:100%; font-size:30px; color:#060; line-height:75px; border-radius:7px hidden; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; background-image: linear-gradient(white, #CCC)}
	#contato2 ul li a {	text-decoration:none; color:#060;}
	#contato2 ul li img {	margin-top:10px; width:80px;}
	#rodape {display:none;}
}
@media screen and (max-width: 768px) {
	html, body { height: 100%;}
	#cabecalho {width:100%; height:125px; margin:0 auto; text-align:center;}
	#whatsapp { width:68%; padding-right:2%;}
	#logo {width:28%;}
	#logo img{ width:90%;}
	#link {	float:left; width:70%; margin-left:2%; margin-top:1%;}
	#link ul li { padding:0.5% 6%;}
	#texto{ width:100%;}
	#conteudo { width:100%; height:auto; display:block; float:left;}
	#cartao, #tag, #envelope, #calendario, #receituario {width:100%; height:auto; display:block; float:left; background:none; font-size:18px;}
	#folheto {width:100%; height:auto; display:block; float:left; font-size:18px; }
	#cartao ul, #folheto ul, #tag ul, #envelope ul, #calendario ul, #receituario ul {height:auto;}
	#cartao ul li, #folheto ul li, #tag ul li, #envelope ul li, #receituario ul li {width:49%; height:260px;}
	#calendario ul li {width:49%; height:280px;}
	#calendario ul li img {width:100%;}
	#orcamento {width:100%;}
	.table {width:100%;}
	#contato2 {	display:inline-block; float:left; width:100%; text-align:center; font-size:28px;}
	#contato2 ul {	padding:0 5px; list-style:none;}
	#contato2 ul li {	text-align:center; float:left; width:100%; margin:5px 0; height:100%; font-size:30px; color:#060; line-height:75px;
		border-radius:7px hidden; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; 
		background-image: linear-gradient(white, #CCC)}
	#contato2 ul li a {	text-decoration:none; color:#060;}
	#contato2 ul li img {	margin-top:10px; width:80px;}
	#rodape {display:none;}
}
@media screen and (max-width: 480px) {
	#cabecalho {width:100%; height:125px; margin:0 auto; text-align:center;}
	#logo { float:left; width:30%;}
	#logo img{ width:100%;}
	#whatsapp { width:68%; padding-right:2%; font-size:14px;}
	#link { width:100%; margin-left:0; margin-top:5px; font-size:14px;}
	#link ul li { padding:0.5% 3%;}
	#conteudo { width:100%; height:auto; display:block; float:left;}
	#preco { display:block; float:left;}
	#cartao, #tag, #envelope, #receituario {width:100%; height:auto; display:block; float:left;}
	#cartao ul { width:100%; height:auto; text-align:left;}
	#cartao ul li, #tag ul li, #envelope ul li, #receituario ul li { width:99%; display:block; float:left; line-height:normal; font-size:14px;}
	#cartao ul li.image, #folheto ul li.image, #tag ul li.image, #envelope ul li.image, #receituario ul li.image, #calendario ul li.image { height:290px;}
	#cartao ul li.descricao, #folheto ul li.descricao, #tag ul li.descricao, #envelope ul li.descricao, #calendario ul li.descricao, #envelope ul li.descricao, #receituario ul li.descricao {height:165px; border-bottom:#CCC solid 2px;}
	#cartao ul li img, #folheto ul li img, #tag ul li img, #envelope ul li img, #receituario ul li img, #calendario ul li img { width:100%; text-align:center;}
	#folheto {width:100%; height:auto; display:block; float:left;}
	#folheto ul { margin:0; padding:0;}
	#folheto ul li { width:100%; display:block; float:left; font-size:14px; padding:0;}
	#calendario {width:100%; margin:0; padding:0; height:auto; display:block; float:left;}
	#calendario ul li {width:100%; font-size:14px; line-height:normal; margin:0; padding:0;}
	#orcamento {width:100%; font-size:12px;}
	#cadastro{width:100%;}
	.table {width:100%;}
	.left { width:300px;}
	.table tr td.right { width:20%;}
	#nome, #email, #obs, #prod { width:100%;}
	input#limpar{ margin-left:30%;}
	input#enviar, input#limpar {font-size:14px; width:80px; height:30px;}
	#contato2 ul li {	font-size:16px; line-height:30px;}
}