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

body
{
	font-size:16px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/fundo_topo.png) repeat-x;
	padding:0;
}
a {
	text-decoration:none;
	color:#008000;
}
ul, ol
{	list-style:none;
	margin:0;
	padding:0;}
#principal
{
	width:1024px;
	height:100%;
	margin:0 auto 5px;
	padding:0;}
#menu-principal{
	height:135px;
	width:100%;
	text-align:center;
	padding:0 0 7px 0;
}
#logo
{
	float:left;
	width:250px;
	height:125px;}
#logo img{
	height:95px;}
#link
{
	float:left;
	width:720px;
	margin-left:300px;
	margin-top:-20px;
	color:#CDEF65;
}
#link ul
{
	list-style:none;
	padding:0;
	margin:0;}
#link ul li
{
	display:block;
	float:left;
	padding:0 7%;
	line-height:35px;
}
#link ul li a
{
	text-decoration:none;
	color:#fff;
}
#link ul li a:hover
{
	color:#FF0;
}
.whatsapp{
	width:680px;
	text-align:right;
	float:right;
	font-size:20px;
	padding-top:5px;
	padding-right:50px;
	height:70px;
	color:#008000;
	}
.whatsapp img{
	vertical-align:-10px;
	height:30px;}
#conteudo
{
	margin-bottom:15px;
	margin-top:10px;
	text-align:center;
}
.dorp {	display:block; float:left; position:relative; z-index:5; border-radius:5px;}
.dorp:hover ul {	display:block; background:#008000; width:220px; left:0; right:0; top:35px;}
.dorp a {	display:block;}
.dorp ul {	margin:0; padding:0; list-style:none; display:none; position:absolute; width:220px;}
.dorp ul li {	width:86%;}
.dorp ul li a {	display:block; float:left; text-decoration:none; text-align:left; font-size:12px; line-height:25px;}
#empresa
{
	width:100%;
	height:auto;
	background:url(../img/empresa.jpg) no-repeat;
	margin-top:10px;
	margin-bottom:210px;
	overflow:auto;
	color:#060;}
#promocao
{
	width:100%;
	margin-top:10px;
	text-align:center;
	height:510px;}
#texto
{
	width:700px;
	margin:0 0 0 30px;
	text-align:justify;
	padding:5px 0 10px 0;}
#texto p
{
	text-indent:30px;
}
#cartoes
{
	width:100%;
	height:800px;
	margin-top:20px;
	color:#060;
	text-align:center;
}
#cartoes ul
{
	list-style:none;
	margin:0;
	padding:0;}
#cartoes ul li{
	width:48%;
	display:block;
	float:left;
	margin:1% 1%;}	
#cartoes ul li img {
	width:100%;
	box-shadow:2px 2px 5px #666;}
#maes{
	width:100%;
	height:480px;
	margin:20px auto 0;
	text-align:center;}
#tag{
	width:100%;
	height:520px;
	margin:20px auto 0;
	text-align:center;
	color:#060;}
#tag ul{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;}
#tag ul li
{
	width:49%;
	display:block;
	float:left;
	margin-left:0.6%;
}
#tag ul li table{
	width:98%;
	text-align:center;
	}
#tag table tr td, th{
  border-right: 1px solid black;
  border-left: 1px solid black;
}
#tag thead tr td{
	border-top: 1px solid black;}
#postais
{
	text-align:center;
	border-bottom: 1px solid #006000;
}
#postais h2{
	color:#060;
}
#postais ul
{
	list-style:none;
	padding:0;
	margin:0 auto;
}
#postais ul li
{
	width:100%;
	display:block;
	margin:2% 0;}
#postais ul li table
{
	width:900px;
	text-align:center;
	margin:0 auto;
}
#folhetos, #receituario, #caderno, #envelope, #pastas, #marcador, #cardapio{ width:100%; text-align:center; color:#060;}
#folhetos table, #receituario table, #caderno table, #envelope table, #pastas table, #marcador table, #cardapio table{
	width:900px;
	text-align:center;
	margin:10px auto 2px;
	color:#000;}
#folhetos, #receituario, #envelope, #tag {border-bottom: 1px solid #006000;}
#orcamento
{
	width:100%;
	text-align:center;
	color:#060;
}
#orcamento table
{
	color:#000;
}
.style1 {
	color: #FF0000;
	font-size:12px;
}
.style3 {color: #0000FF; font-size: x-small;
}
table{
	width:100%;
	margin:0 auto;
  	border: 0px solid black;
 	border-spacing: 0px;
}
table thead tr{
  font-family: Arial, monospace;
}
table tr {
  font-family: arial, monospace;
  color: black;
}
table tr td, th{
  border-bottom: 1px solid black;
  padding: 2px;
}
.table{
	width:900px;}
.right{
	text-align:right;
	width:200px;}
.left{
	text-align:left;
	width:500px;}
#contato
{
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:10px 0;
	font-size:16px;
	width:100%;
	height:200px;
	color:#060;
	text-align:center;
	background:#FFF;
}
#contato ul
{
	list-style:none;
	margin:0;
	margin-top:10px;
	padding:0;
}
#contato ul li
{
	display:block;
	width:450px;
	margin-left:25px;
	text-decoration:none;
	line-height:30px;
	color:#060;
}
#contato ul li a
{
	text-decoration:none;
	color:#900;
}
#contato ul li a:hover
{
	color:#900;
}
#contato ul li img
{
	width:70px;
	border:none;
}
#contato ol
{
	list-style:none;
	margin:0;
	margin-top:-150px;
	padding:0;
}
#contato ol li
{
	display:block;
	width:500px;
	margin-left:500px;
	padding-left:5px;
	text-decoration:none;
	line-height:30px;
	text-align:left;
	color:#060;
}
#contato ol li font
{
	padding-left:20px;
	line-height:16px;
}
#contato ol li a
{
	text-decoration:none;
	color:#060;
}
#contato ol li a:hover
{
	color:#000;
}
#contato ol li img
{
	width:70px;
	border:none;
}
#rodape
{
	position:absolute;
	background: #efefef;
	width: 100%;
	height:210px;
	left:0;
	font-size: 12px;
}
#rodape2
{
	position:fixed;
	bottom:0;
	background: #efefef;
	width: 100%;
	height:210px;
	left:0;
	font-size: 12px;
}
#center
{
	width:1024px;
	margin:10px auto 10px;
}
#nav
{
	display:block;
	float:left;
	width:35%;
	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:40%;
	color:#000;
	text-align:center;
	margin-left:9px;
	border-left:#CCC solid 1px;
}
#contact ul
{
	margin-top:10px;
	display:block;
	float:left;
	width:100%;
}
#contact ul li
{
	display:block;
	text-decoration:none;
	line-height:16px;
	color:#008000;
	text-align:left;
}
#contact ul li a
{
	text-decoration:none;
	color:#008000;
}
#contact ul li img
{
	width:50px;
	border:none;
}
#contact ol
{
	width:50%;
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#contact ol li
{
	display:block;
	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:30px;
	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: 1000px) {
	body
	{
		font-size:18px;
		color:#060;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../img/body_cell.png) repeat-x;
	}
	#principal
	{
		width:100%;
		margin:0 auto;}
	#logo
	{
		width:150px;
		height:95px;
		text-align:left;}
	#logo img
	{
		height:90px;}
	.whatsappcel{display:block; float:left; width:50%; height:85px; padding-top:4px; padding-right:2%; margin-top:2px; margin-left:10px; color:#FFF;  text-align:center; background:#008000;}
	.whatsappcel a {color:#FFF; }
	.whatsappcel img{vertical-align:-8px; height:35px;}
	#dropdown{
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width:200px;
		height: 35px;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		z-index: 999;
		text-align:left;
	}
	#dropdown a
	{
		display:block;
	}
	#dropdown:hover { 
		background-color:#090; 
	}
	#dropdown.open {
		background-position: center center;
		background-repeat: no-repeat;
	}
	.primary-nav {
		width: 100%;
		float: none;
		background-color: #008000; /* change the menu color */
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
		color:#FFF;
		font-size:30px;
		line-height:50px;
		text-align:center;
		border-radius:5px;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding:10px 3%;
		font-size: 20px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
		line-height:20px;
		text-align:left;
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);}
	.primary-nav.open { 
		height: auto;
		color:#FFF;}
	.primary-nav.open li { 
		display: block;}
	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	#conteudo2
	{
		display:block;
		width:95%;
		margin:30px auto 0;
	}
	#conteudo2 img{
		width:100%;}
	#empresa
	{
		width:100%;
		background:none;
		margin-top:20px;
		margin-bottom:0;}
	#texto
	{
		width:95%;
		margin:0 0 0 20px;
		text-align:justify;
		padding:5px 0 10px 0;
		font-size:30px;}
	#texto p
	{
		text-indent:20px;
	}
	#cartoes
	{
		width:100%;
		margin-top:10px;
	}
	#cartoes ul
	{
		list-style:none;
		margin:0;
		padding:0;}
	#cartoes ul li
	{
		width:100%;
		display:block;
		margin:5px 0;
		box-shadow:2px 2px 5px #666;
	}
	#cartoes ul li img
	{
		width:100%;}
	#folhetos{
		width:100%;
		text-align:center;
		color:#060;}
	#folhetos table{
		width:100%;
		text-align:center;
		margin:10px auto 0;
		color:#000;}
	#folhetos img{
		width:100%;}
	#orcamento
	{
		width:100%;
		text-align:center;
		font-size:30px;
		line-height:40px;
	}
	#calendariowireo{display:block; width:98%; height:auto; margin:0 auto; text-align:center;}
	#calendariowireo ul li{ width:50%;display:block; float:left; text-align:center; margin:0.5% 0;}
	#calendariowireo img {width:98%;}
	.table{
		width:100%;}
	.right{
		text-align:right;
		width:30%;}
	.left{
		text-align:left;
		width:70%;}
	#nome,#email,#obs{
		width:80%;}
	#postais{color:#000;
		font-size:20px;}
	#postais img
	{	
		width:100%;}
	#postais ul li
	{
		width:100%;
		display:block;
		margin:10px 0;}
	#postais ul li table
	{
		width:98%;
		text-align:center;
		margin:0 auto;
	}
	#tag{
		width:100%;
		margin:20px auto 0;
		padding-left:0;
		text-align:center;
		color:#000;
		font-size:30px;}
	#tag img{
		width:100%;}
	#tag ul{
		list-style:none;
		padding:0;
		margin:5px auto 0;
		text-align:center;}
	#tag ul li
	{
		width:100%;
		display:block;
		margin:5px 0;
		text-align:center;
	}
	#tag ul li table{
		width:99%;
		text-align:center;
	}
	#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:98%;
		margin:5px;
		height:100%;
		border-radius:7px hidden;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		-o-border-radius:7px;
		-ms-border-radius:7px;
		background:url(../img/body_cell.png) repeat-x;
	}
	#contato2 ul li a
	{
		text-decoration:none;
		font-size:30px;
		color:#060;
		line-height:75px;
	}
	#contato2 ul li img
	{
		margin-top:10px;
		width:80px;
	}
	#sliderFrame,#menu,#contato,#direitos, #rodape, #center, #nav, #relacionados, #contact, #direitos, #rodape2, #sliderFrame, .whatsapp, #link, #maes
	{	display:none;}
}
@media screen and (max-width: 768px) {
	body
	{
		font-size:16px;
		color:#060;
		font-family:Arial, Helvetica, sans-serif;
		background:url(../img/body_cell.png) repeat-x;
	}
	#principal
	{
		width:100%;
		margin:0 auto;}
	#logo
	{
		width:150px;
		height:95px;
		text-align:left;}
	#logo img
	{
		height:90px;}
	.whatsappcel{display:block; float:left; width:40%; font-size:14px; height:60px; color:#FFF; padding-top:4px; margin-top:10px; padding-right:2%; text-align:center; background:#008000;}
	.whatsappcel a {color:#FFF; }
	.whatsappcel img{vertical-align:-8px; height:25px;}
	#dropdown{
		display: block;
		position: absolute;
		top: 7px;
		right: 7px;
		width:140px;
		height: 35px;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-align:left;
	}
	#dropdown a
	{
		display:block;
	}
	#dropdown img
	{
		display: block;
		width:100px;
	}
	#dropdown:hover { 
		background-color:#090; 
	}
	#dropdown.open {
		background-position: center center;
		background-repeat: no-repeat;
	}
	.primary-nav {
		width: 100%;
		float: none;
		background-color: #008000; /* change the menu color */
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
		color:#FFF;
		font-size:25px;
		line-height:50px;
		text-align:center;
		border-radius:5px;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 3%;
		font-size: 17px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
		line-height:20px;
		text-align:left;
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);}
	.primary-nav.open { 
		height: auto;
		color:#FFF;}
	.primary-nav.open li { 
		display: block;}
	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	#conteudo2
	{
		display:block;
		width:95%;
		margin:30px auto 0;
		font-size:18px;}
	#conteudo2 img{
		width:100%;}
	#contato2 ul li a
	{
		color:#fff;
		font-size:30px;
		line-height:50px;
	}
	#empresa
	{
		width:100%;
		background:none;
		margin-top:20px;
		margin-bottom:0;}
	#texto
	{
		width:96%;
		margin:0 0 0 10px;
		text-align:justify;
		padding:5px 0 10px 0;
		font-size:28px;}
	#texto p
	{
		text-indent:20px;
	}
	#cartoes
	{
		width:100%;
		margin-top:10px;
	}
	#cartoes ul
	{
		list-style:none;
		margin:0;
		padding:0;}
	#cartoes ul li{
		width:100%;
		display:block;
		margin:5px 0;
		box-shadow:2px 2px 5px #666;}
	#cartoes ul li img
	{
		width:100%;}
	#folhetos{
		width:100%;
		text-align:center;
		color:#060;}
	#folhetos table{
		width:100%;
		text-align:center;
		margin:10px auto 0;
		color:#000;
		font-size:16px;}
	#folhetos img{
		width:100%;}
	#orcamento
	{
		width:100%;
		text-align:center;
		font-size:20px;
		line-height:30px;
	}
	#orcamento h2
	{
		font-size:16px;}
	#calendariowireo{display:block; width:98%; height:auto; margin:0 auto; text-align:center;}
	#calendariowireo ul li{ width:50%;display:block; float:left; text-align:center; margin:0.5% 0;}
	#calendariowireo img {width:98%;}
	.table{
		width:90%;
		font-size:20px;}
	.right{
		text-align:right;
		width:30%;}
	.left{
		text-align:left;
		width:70%;}
	#nome,#email,#obs{
		width:80%;}
	#postais{
		font-size:18px;
		color:#000;
	}
	#postais h2{
		font-size:16px;
	}
	#postais img
	{
		width:100%;
	}
	#postais ul li
	{
		width:100%;
		display:block;
		margin:10px 0;}
	#postais ul li table
	{
		width:98%;
		text-align:center;
		margin:0 auto;
	}
	#tag{
		width:100%;
		margin:20px auto 0;
		padding-left:0;
		text-align:center;
		color:#000;
		font-size:18px;}
	#tag img{
		width:100%;}
	#tag ul{
		list-style:none;
		padding:0;
		margin:5px auto 0;
		text-align:center;}
	#tag ul li
	{
		width:100%;
		display:block;
		margin:5px 0;
		text-align:center;
	}
	#tag ul li table{
		width:99%;
		text-align:center;
	}
	#contato2
	{
		display:inline-block;
		float:left;
		width:100%;
		text-align:center;
	}
	#contato2 ul
	{	
		padding:0 5px;
		list-style:none;
	}
	#contato2 ul li
	{
		text-align:center;
		float:left;
		width:98%;
		margin:5px;
		height:100%;
		border-radius:7px hidden;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		-o-border-radius:7px;
		-ms-border-radius:7px;
		background:url(../img/body_cell.png) repeat-x;
	}
	#contato2 ul li a
	{
		text-decoration:none;
		color:#060;
		font-size:25px;
		line-height:50px;
	}
	#contato2 ul li img
	{
		margin-top:10px;
		width:80px;
	}
	#sliderFrame,#menu,#contato,#direitos, #rodape, #center, #nav, #relacionados, #contact, #direitos, #rodape2,#sliderFrame, #maes,.whatsapp, #link
	{	display:none;}
}
@media screen and (max-width: 480px) {
	#tag{
		font-size:15px;}
	#postais{
		font-size:17px;}
	.whatsappcel{ font-size:12px; margin-top:20px; height:60px; line-height:25px; width:40%;}
	.whatsappcel img{vertical-align:-5px; height:20px;}
	#dropdown{
		width:100px;}
	.primary-nav{
		border-radius:5px;}
	.primary-nav li a {
		padding: 10px 3%;
		font-size: 13px;}
	#contato2 ul li a
	{
		text-decoration:none;
		color:#060;
		font-size:20px;
		line-height:40px;
	}
	#orcamento{
		font-size:20px;
		line-height:30px;}
	#email, #nome, #obs{
		width:70%;}
	#cadastro {
		width:90%;}
	#texto
	{
		font-size:20px;}
}