@charset "utf-8";

/* CSS Document */

body{
	padding:0;
	margin:0;
		
	
	
}



/********janelamodal****/


#modal{ 
background-color: rgba(0, 0, 0, 0.8); 
position:fixed; 
top:0; 
left:0; 
width:100%; 
height:100%; 
display:none; 
z-index:101;
}
#modal-iframe{

position:absolute;

/* para a janela modal ocupar 100% da tela coloque 100% nas duas linhas abaixo */
width:100%;
height:100%; 

overflow-y: auto;
margin:0;

/* para a janela modal ocupar 100% da tela coloque 0 nas duas linhas abaixo */
top:0%;
left:0%;

right:0;
bottom:0;
text-align:center;
z-index:112;
}
.modal-fechar{
background:#ccc center center no-repeat;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEXwAABF8B2dhh0gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACRSURBVDiNtZVLCsAgDEQfvUOP0fuvegmP4SWmGy22WJxAKmQTJk/zISIJSQAHcAJ7960M2FvMcfsGWAUEFAfaYKXF1A59w+RAXzCNUNqTNbEp9APW7VwJHlBH6wvNi91Uip1FoD5Wnd0O+k0LjIU1VhvZ59eUA7B1Uxaw2NgYMH+wXWHg4vzlkLu+0hds9hdwAUdCLv91bAeKAAAAAElFTkSuQmCC);
width:35px;
height:35px;
cursor:pointer;
border-color:#ccc;
border-style:solid;
border-width:3px;
border-radius:7px;
position:fixed;
padding:5px;
right:10px;
top:10px;
font-family:arial;
font-style:normal;
font-weight:900;
text-decoration:none;
color:#000;
opacity:.5;
z-index:113;
}
.modal-fechar:hover{opacity:.8}
.modal{cursor:pointer}


/***** CLASSES IMGS *******************/

.img{
	
	with:100;
	
	
}


/****** CLASSE BORDAs *******************/

.border{
	border: 1px solid #000;
	
}
.border_sup{
	border-top:1px solid  #000;
	
}

.border_left{
	border-left:1px solid  #000;
	
}

.border_right{
	border-right:1px solid  #000;
	
}
.border_botton{
	border-botton:1px solid  #000;
	
}


/****** CLASSE OPACOS *******************/



#opaco_2{
	width:100%;
	height:100%;
	background-color: #000;
	margin: 0px;
	position: fixed;
	visibility:hidden;
	opacity: 0.80;
	z-index: 100;	 
	animation: formFade 2s ease-in-out;
-moz-animation: formFade 2s ease-in-out; /* Firefox */
-webkit-animation: formFade 2s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 2s ease-in-out; /* Opera */
	
	
}
.opaco_1{
	width:100%;
	height:100%;
	top:0;
	background-color: #000;
	margin: 0px;
	position: fixed;
	visibility: visible;
	opacity: 0.80;
	z-index: 100;	 
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
	
}

/****** SCRIPT PARA NAIMATION *******************/

@keyframes formFade {
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-moz-keyframes formFade { /* Firefox */
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-webkit-keyframes formFade { /* Safari and Chrome */
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-o-keyframes formFade { /* Opera */
from {
    opacity:0;
}
to {
    opacity: 0.80;
}
}



	
	
/****** CELULAR  *******************/

@media screen and (min-width: 0px){
	
	/****** cabecalho  *******************/
	
	header#cabecalho{

	display:none;
	
	
}


#cabcel {
	top:0px;
	left:0px;
	width:100%;
	height:40px;
		background-image:url(../imgs/jpg/fundo_cab2.jpg);
	background-size:140%;
	border-bottom: 4px solid #7d461d;
	background-repeat: no-repeat;	
	z-index:12;
	position:fixed;
	display:block;
	
	
}

#cabcel  #logo{
	width:28%;
	margin-top:5px;
	position:fixed;
	margin-left:1%;
	z-index:14;
	display:block;

	
	
}
#cabcel  #logo img{
	
	width:90%;
}


/******MENU *******************/
#imgmenu{
	width:30px;
	right:0px;
	margin-right:22%;
	margin-top:3px;
	position:fixed;
	z-index:10;
	padding:3px;
	background-color:#fff;
	opacity:0.7;
	border-radius:5px;
	
	
}

#imgmenu img{
width:100%;
}

#imgmenu:hover{
	
	opacity:0.95;
	
	
	
}

#btfechar{	
font-family:Verdana, Geneva, sans-serif;
font-size:22px;
font-weight:bold;
color:#000;
background-color:#FFF;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
top:0px;
right:0px;
margin-top:20px;
margin-right:10px;
z-index:22112;
display:block;
width:16px;
opacity:0.50;
border-radius: 10px  10px;
position:fixed;
visibility:hidden;

	
}

#btfechar a{
	text-decoration:none;
	color:#000;
	
}

#btfechar a:hover{
	opacity:0.80;
}
 .menu{

	display:none;
	
}
#menucel{
	widht:80%;
	height:100%;
	position:fixed;
	z-index:101;
	display:block;
	padding-left: 10%;
	margin-top:30px;
	visibility:hidden;
	
	
}

#menucel ul{
	list-style-type:none;
	padding-left:0em;
	
	
}

#menucel ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-shadow:3px 3px 3px #000;
	background-image:url(../imgs/jpg/menu.jpg);
	padding:5px;
	margin:8px;
	border-radius:20px;
	border: 1px solid  #FFF;
	text-align:center;
	
}


#menucel ul li a{
	text-decoration:none;
	color:#FFF;
	
	
}

#menucel ul li a:hover{
	text-decoration:none;
	color:#0F0;
	
	
}
#menucel ul li ul{
	list-style-type:none;
	padding-left:0em;
	
	
}
#menucel ul li ul li{
	background-image:url(../imgs/jpg/fundo_madeira_1.jpg);
	opacity:0.80;
	color:#000;
	
	
	
}

#menucel ul li ul li a{

	color:#FF0;
	
}











/* redes sociais */

#face {
	width:25px;
	position:absolute;
	margin-left:28%;
	margin-top: 5px;
	background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
	
}

#face img{
	width:100%;
}


#insta{
	width:25px;
	position:absolute;
	margin-left:41%;
	margin-top: 5px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	display:block;
	
}

#insta img{
	width:100%;
	
}

#youtube{
	width:25px;
	position:absolute;
	margin-left:54%;
	margin-top: 5px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
}
#youtube img{
	width:100%;
}

.papagaio img{
	width:10.5%;
	position:absolute;
	margin-left:3%;
	margin-top:7px;
	z-index:15;
	display:none;
	
}

.passaro img{
position:absolute;
width:27%;
right:0px;
top:0px;
margin-top:5px;
	z-index:14;
	display:block;
	
}


/****** CORPO *******************/

section#corpo{
	
	top:0px;
	left:0px;
	width:100%;
	background-color:#FFF;
	position:relative;
	margin-top:40px;
		background-image: url(../imgs/jpg/fundo.jpg);
	background-repeat: repeat;
	background-size:100%;
	
}


/******LOGO *******************/
sectiion#corpo #logocel{
		width:70%;
	margin-top:100px;
	position:absolute;
	margin-left:9%;
	z-index:14;
	padding-bottom: 100px;
	

	
	
}


sectiion#corpo #logocel img{
	
	width:100%;
}

#musica{
	width: 35px;
	height: 60px;
	position:fixed;
	right:0;
	margin-right:0px;
	top:0px;
	margin-top:100px;
	z-index:200px;
	animation-duration: 1s;
  animation-name: slidout;
	
	
}

#musica img{
height:50%;	
	
}

#musica img:hover{
opacity:0.70;
	
}


/****** SlideShow *******************/
#slide iframe{
	width:100%;
	z-index:1;
	height:110px;
	border-bottom: 2px solid #330;
display:block;
margin-top:0px;
	border-bottom:1px solid #330;
	
}

#slideshow{
	width:100%;
	z-index:1;
	height:120px;
position:absolute;
display:block;
	
	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;

	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
	display:none;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
	display:none;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}



/****** recanto *******************/

#recanto{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
	
}


#recanto .cabtxt img{
	
width: 75%;	
margin-left: 10%;
margin-top:0px;
}



	
	
	
#recanto .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:10%;
		margin-top: 20px;
		width:75%;
		text-align:justify;
		
		
		
		
		
	}
	
	#recanto .txt img{
		width:100%;
		padding:5px;
		box-shadow: 3px 3px 5px #000;
		margin-top:5px;
		margin-left:0px;
		margin-bottom:10px;
		
	}
	
	#recanto .txt h1 img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:0px;
		
		
	}
	#recanto .txt h2 img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:0px;
		
		
	}
	
	#recanto span#mapa img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}


/****** sobre *******************/

#sobre{
	
	left:0;
	margin-left:0%;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
	
}


#sobre .cabtxt img{
	
width: 75%;	
margin-left: 10%;
margin-top:0px;

}



	
	
	
#sobre .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:10%;
		margin-top: -0px;
		width:80%;
		text-align:justify;
		
	}





/****** fotos *******************/


#fotos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;


	
	
}


#fotos .cabtxt img{
	
width: 70%;	
margin-left: 15%;
margin-top:0px;
}



	
	
	
#fotos .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
	

#fotos .ftnav{
	width:80%;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:50px;
	display:none;
}

#fotos #ftcel {
	width:100%;
	display:block;
	
}

#fotos #ftcel ul{
	list-style-type:none;
	padding-left:0em;
	
}


#fotos #ftcel ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:80%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:10%;
	vertical-align:top;
	
	
	
}

#fotos #ftcel ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#fotos #ftcel ul li a{
	text-decoration:none;
	color:#330;
	
}

#fotos #ftcel ul li a:hover{
	
	opacity:0.80;
	
}


.ft{
	width:100%;
	height:100%;
	position:absolute;
	z-index:101;
	top:0px;
	
	
}

.ft iframe{
	width:100%;
	position:absolute;
	height:10000px;
	
	
}

.fx{
	width:20px;
	height:20px;
	position:fixed;
	z-index:122;
	right:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	background-color:#F00;
	text-align:center;
	padding:5px;
	border-radius: 20px 20px;
	top:0px;
	
	
	
	
	
}

.fx a{
	
		color:#Fff;
		text-decoration:none;
}

.fx a:hover{
	
		color:#9F3;
		text-decoration:none;
				
}

#caixa{
display:none;	
	
	
}
#caixacel{
	width:100%;
	position:absolute;
	z-index:1;
	display:block;
	
	
	
	
}
#caixacel ul {
	list-style-type:none;
	padding-left:0em;
	
	
	
}


#caixacel ul li{
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-top:50px;
	display:inline-block;
	
	
	
	
}

#caixacel ul li img{
	
	width:80%;
	background-color:#FFF;
	border: 1px solid #000;
	padding:5px;

	
}


/****** videos *******************/

#videos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#videos .cabtxt img{
	
width: 70%;	
margin-left: 15%;
margin-top:0px;
}



#videos .ftnav{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	margin-bottom:100px;
	
}



#videos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#videos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:100%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	vertical-align:top;
	
	
	
}

#videos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#videos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#videos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#videos .ftnav ul li video{
	width:80%;
	
}
#videos .ftnav ul li .modal{cursor:pointer}


/****** Parceiros*******************/


#parceiros{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#parceiros .cabtxt img{
	
width: 70%;	
margin-left:15%;
margin-top:0px;
}



	
	
	
#parceiros .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:15%;
		margin-top: -0px;
		width:75%;
		
	}

#parceiros .txt h2 img{
	width:70%;
	
}

#parceiros .txt h3 img{
	width:10%;
	
}

/****** orcamento *******************/

#orcamento{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#orcamento .cabtxt img{
	
width: 70%;	
margin-left: 15%;
margin-top:0px;
}



	
	
	
#orcamento .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}


/****** Formulario de Orçamento *******************/

#orcamento #form{
	width:75%;
	margin-left:10%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#orcamento #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:20px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#orcamento #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#orcamento #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-bottom:5px;

}

#orcamento #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#orcamento #form ul li.formbox{

	width:90%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#orcamento #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#orcamento #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#orcamento #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#orcamento #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#orcamento #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:40%;
margin-top:5px;
	
}

#orcamento #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#orcamento #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}
/****** faleconosco *******************/

#faleconosco{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#faleconosco .cabtxt img{
	
width: 70%;	
margin-left: 15%;
margin-top:0px;
}



	
	
	
#faleconosco .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:14px;
		margin-left:10%;
		margin-top: -0px;
		width:80%;
		
	}
#faleconosco .txt #tels{
	font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:18px;
		margin-top: 50px;
		padding-bottom:10px;
		font-weight:bold;
		text-shadow: 1px 1px 3px #990;
	
}
#faleconosco .txt #tels a{
	text-decoration:none;

	
}

#faleconosco .txt #tels span.tel img{
	
	width:10%;
}



/****** Formulario de Fale conosco *******************/

#faleconosco #form{
	width:85%;
	margin-left:2%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#faleconosco #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:18px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#faleconosco #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#faleconosco #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:95%;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#faleconosco #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
	
}
#faleconosco #form ul li.formbox{

	width:90%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:5px;
}

#faleconosco #form ul li.formboxinfo{

	width:95%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
}


#faleconosco #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
	
}

#faleconosco #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:70%;
	
	
}


#faleconosco #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#faleconosco #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#faleconosco #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#faleconosco #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}

#faleconosco #txtmapa{
	wiDth:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
color:#330;
text-shadow:3px 3px 5px #330;
	
	margin-bottom:20px;
}


#faleconosco #mapa iframe{
	width:80%;
	margin-left: 0px;
	
	margin-bottom:20px;
}



#comochegar img{
	
width:70%;	
	
}

.txto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:100%;
	text-align:justify;
	
}

#entrada img{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:100%;
	padding:5px;
	border:1px solid #330;
	
	
}

/****** RODAPE *******************/

footer#rodape{
	
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	background-image:url(../imgs/jpg/rodapefundo.jpg);
	background-size:120%;
	border-top:1px solid #330;
		
	
}

footer#rodape .copy{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
color:#fff;
 text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
	width:95%;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
	
}

footer#rodape .copy a{
	text-decoration:none;
	color:#ffff;
	
	
}


footer#rodape .loro img{

width:5%;	
margin-left:6%;	
	
}

footer#rodape .pato img{

width:25%;	
margin-top:-155.5px;
margin-left: 35%;
	
	
}

footer#rodape .beija img{

width:12%;	
	margin-top:-0px;
margin-left: 70%;
margin-top:-150px;
position:absolute;
	
}


/*MENSAGEM*/

#mensagem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00F;
	font-weight:bold;
	text-align:left;
	margin-left:13%;
	margin-top:50px;
	
	
}
}


/****** 768 PX  *******************/
@media screen and (min-width: 767px){
	/****** cabecalho  *******************/
	
	header#cabecalho{

	display:none;
	
	
}


#cabcel {
	top:0px;
	left:0px;
	width:100%;
	height:40px;
		background-image:url(../imgs/jpg/fundo_cab2.jpg);
	background-size:140%;
	border-bottom: 4px solid #7d461d;
	background-repeat: no-repeat;	
	z-index:12;
	position:fixed;
	display:block;
	
	
}

#cabcel  #logo{
	width:20%;
	margin-top:5px;
	position:fixed;
	margin-left:1%;
	z-index:14;
	display:block;

	
	
}
#cabcel  #logo img{
	
	width:90%;
}


/******MENU *******************/
#imgmenu{
	width:30px;
	right:0px;
	margin-right:32%;
	margin-top:5px;
	position:fixed;
	z-index:10;
	padding:3px;
	background-color:#fff;
	opacity:0.7;
	border-radius:5px;
	
	
}

#imgmenu img{
width:100%;
}

#imgmenu:hover{
	
	opacity:0.95;
	
	
	
}

#btfechar{	
font-family:Verdana, Geneva, sans-serif;
font-size:22px;
font-weight:bold;
color:#000;
background-color:#FFF;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
top:0px;
right:0px;
margin-top:20px;
margin-right:10px;
z-index:22112;
display:block;
width:16px;
opacity:0.50;
border-radius: 10px  10px;
position:fixed;
visibility:hidden;

	
}

#btfechar a{
	text-decoration:none;
	color:#000;
	
}

#btfechar a:hover{
	opacity:0.80;
}
 .menu{

	display:none;
	
}
#menucel{
	widht:80%;
	height:100%;
	position:fixed;
	z-index:101;
	display:block;
	padding-left: 10%;
	margin-top:30px;
	visibility:hidden;
	
	
}

#menucel ul{
	list-style-type:none;
	padding-left:0em;
	
	
}

#menucel ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-shadow:3px 3px 3px #000;
	background-image:url(../imgs/jpg/menu.jpg);
	padding:5px;
	margin:8px;
	border-radius:20px;
	border: 1px solid  #FFF;
	text-align:center;
	
}


#menucel ul li a{
	text-decoration:none;
	color:#FFF;
	
	
}

#menucel ul li a:hover{
	text-decoration:none;
	color:#0F0;
	
	
}
#menucel ul li ul{
	list-style-type:none;
	padding-left:0em;
	
	
}
#menucel ul li ul li{
	background-image:url(../imgs/jpg/fundo_madeira_1.jpg);
	opacity:0.80;
	color:#000;
	
	
	
}

#menucel ul li ul li a{

	color:#FF0;
	
}











/* redes sociais */

#face {
	width:25px;
	position:absolute;
	margin-left:34%;
	margin-top: 5px;
	background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
	
}

#face img{
	width:100%;
}


#insta{
	width:25px;
	position:absolute;
	margin-left:40%;
	margin-top: 5px;
		background-color:#fff;
	border-radius: 15px;
	padding:2px;
	display:block;
	
}

#insta img{
	width:100%;
	
}

#youtube{
	width:25px;
	position:absolute;
	margin-left:46%;
	margin-top: 5px;
		background-color:#fff;
	border-radius: 15px;
	padding:2px;
	
	display:block;
}
#youtube img{
	width:100%;
}

.papagaio img{
	width:10.5%;
	position:absolute;
	margin-left:3%;
	margin-top:7px;
	z-index:15;
	display:none;
	
}

.passaro img{
position:absolute;
width:27%;
right:0px;
top:0px;
margin-top:5px;
	z-index:14;
	display:block;
	
}


/****** CORPO *******************/

section#corpo{
	
	top:0px;
	left:0px;
	width:100%;
	background-color:#FFF;
	position:relative;
	margin-top:40px;
		background-image: url(../imgs/jpg/fundo.jpg);
	background-repeat: repeat;
	background-size:100%;
	
}


/******LOGO *******************/
sectiion#corpo #logocel{
		width:70%;
	margin-top:100px;
	position:absolute;
	margin-left:9%;
	z-index:14;
	padding-bottom: 100px;
	

	
	
}


sectiion#corpo #logocel img{
	
	width:100%;
}

#musica{
	width: 30px;
	height: 60px;
	position:fixed;
	right:0;
	margin-right:0px;
	top:0px;
	margin-top:250px;
	z-index:200px;
	animation-duration: 1s;
  animation-name: slidout;
	
	
}

#musica img{
height:50%;	
	
}

#musica img:hover{
opacity:0.70;
	
}


/****** SlideShow *******************/
#slide iframe{
	width:100%;
	z-index:1;
	height:300px;
	border-bottom: 2px solid #330;
display:block;
margin-top:0px;
	border-bottom:1px solid #330;
	
}

#slideshow{
	width:100%;
	z-index:1;
	height:220px;
position:absolute;
display:block;
	
	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;

	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
	display:none;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
	display:none;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}



/****** recanto *******************/

#recanto{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
	
}


#recanto .cabtxt img{
	
width: 25%;	
margin-left: 20%;
margin-top:0px;
}



	
	
	
#recanto .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: 20px;
		width:70%;
		text-align:justify;
		
		
		
		
		
	}
	
	#recanto .txt img{
		width:100%;
		padding:5px;
		box-shadow: 3px 3px 5px #000;
		margin-top:5px;
		margin-left:0px;
		margin-bottom:10px;
		
	}
	
	#recanto .txt h1 img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:0px;
		
		
	}
	#recanto .txt h2 img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:0px;
		
		
	}
	
	#recanto span#mapa img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}


/****** sobre *******************/

#sobre{
	
	left:0;
	margin-left:0%;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
	
}


#sobre .cabtxt img{
	
width: 25%;	
margin-left: 20%;
margin-top:0px;

}



	
	
	
#sobre .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		width:70%;
		text-align:justify;
		
	}





/****** fotos *******************/


#fotos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;


	
	
}


#fotos .cabtxt img{
	
width: 25%;	
margin-left: 20%;
margin-top:0px;
}



	
	
	
#fotos .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
	

#fotos .ftnav{
	width:80%;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:50px;
	display:none;
}

#fotos #ftcel {
	width:80%;
	display:block;
	margin-left:20%;
	
}

#fotos #ftcel ul{
	list-style-type:none;
	padding-left:0em;
	
}


#fotos #ftcel ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:35%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-right: 2%;
	vertical-align:top;
	
	
	
}

#fotos #ftcel ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#fotos #ftcel ul li a{
	text-decoration:none;
	color:#330;
	
}

#fotos #ftcel ul li a:hover{
	
	opacity:0.80;
	
}


.ft{
	width:100%;
	height:100%;
	position:absolute;
	z-index:101;
	top:0px;
	
	
}

.ft iframe{
	width:60%;
	position:absolute;
	height:10000px;
	margin-left:20%;
	
	
}

.fx{
	width:20px;
	height:20px;
	position:fixed;
	z-index:122;
	right:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	background-color:#F00;
	text-align:center;
	padding:5px;
	border-radius: 20px 20px;
	top:0px;
	
	
	
	
	
}

.fx a{
	
		color:#Fff;
		text-decoration:none;
}

.fx a:hover{
	
		color:#9F3;
		text-decoration:none;
				
}

#caixa{
display:none;	
	
	
}
#caixacel{
	width:100%;
	position:absolute;
	z-index:1;
	display:block;
	
	
	
	
}
#caixacel ul {
	list-style-type:none;
	padding-left:0em;
	
	
	
}


#caixacel ul li{
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-top:50px;
	display:inline-block;
	
	
	
	
}

#caixacel ul li img{
	
	width:50%;
	background-color:#FFF;
	border: 1px solid #000;
	padding:5px;

	
}


/****** videos *******************/

#videos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#videos .cabtxt img{
	
width: 25%;	
margin-left: 20%;
margin-top:0px;
}



#videos .ftnav{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	margin-bottom:100px;
	
}



#videos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#videos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:100%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	vertical-align:top;
	
	
	
}

#videos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#videos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#videos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#videos .ftnav ul li video{
	width:80%;
	
}
#videos .ftnav ul li .modal{cursor:pointer}


/****** Parceiros*******************/


#parceiros{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#parceiros .cabtxt img{
	
width: 25%;	
margin-left:20%;
margin-top:0px;
}



	
	
	
#parceiros .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}

#parceiros .txt h2 img{
	width:60%;
	
}

#parceiros .txt h3 img{
	width:10%;
	
}

/****** orcamento *******************/

#orcamento{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#orcamento .cabtxt img{
	
width: 70%;	
margin-left: 15%;
margin-top:0px;
}



	
	
	
#orcamento .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}


/****** Formulario de Orçamento *******************/

#orcamento #form{
	width:80%;
	margin-left:10%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#orcamento #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:20px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#orcamento #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#orcamento #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-bottom:5px;

}

#orcamento #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#orcamento #form ul li.formbox{

	width:90%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#orcamento #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#orcamento #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#orcamento #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#orcamento #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#orcamento #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:40%;
margin-top:5px;
	
}

#orcamento #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#orcamento #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}
/****** faleconosco *******************/

#faleconosco{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#faleconosco .cabtxt img{
	
width: 25%;	
margin-left: 20%;
margin-top:0px;
}



	
	
	
#faleconosco .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels{
	font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:18px;
		margin-top: 50px;
		padding-bottom:10px;
		font-weight:bold;
		text-shadow: 1px 1px 3px #990;
	
}
#faleconosco .txt #tels a{
	text-decoration:none;

	
}

#faleconosco .txt #tels span.tel img{
	
	width:5%;
}



/****** Formulario de Fale conosco *******************/

#faleconosco #form{
	width:80%;
	margin-left:0%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#faleconosco #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:18px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#faleconosco #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#faleconosco #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:95%;
	text-align:center;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#faleconosco #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
	
}
#faleconosco #form ul li.formbox{

	width:90%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:5px;
}

#faleconosco #form ul li.formboxinfo{

	width:95%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
}


#faleconosco #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:5px;
	
}

#faleconosco #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:70%;
	
	
}


#faleconosco #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#faleconosco #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#faleconosco #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#faleconosco #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}

#faleconosco #txtmapa{
	wiDth:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
color:#330;
text-shadow:3px 3px 5px #330;
	
	margin-bottom:20px;
}


#faleconosco #mapa iframe{
	width:80%;
	margin-left: 0px;
	
	margin-bottom:20px;
}



#comochegar img{
	
width:30%;	
	
}

.txto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:80%;
	text-align:justify;
	
}

#entrada img{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:100%;
	padding:5px;
	border:1px solid #330;
	
	
}

/****** RODAPE *******************/

footer#rodape{
	
	top:0px;
	left:0px;
	width:100%;
	height:110px;
	background-image:url(../imgs/jpg/rodapefundo.jpg);
	background-size:100%;
	border-top:1px solid #330;
		
	
}

footer#rodape .copy{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
color:#fff;
 text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
	width:95%;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
	
}

footer#rodape .copy a{
	text-decoration:none;
	color:#ffff;
	
	
}


footer#rodape .loro img{

width:5%;	
margin-left:6%;	
	
}

footer#rodape .pato img{

width:25%;	
margin-top:-155.5px;
margin-left: 35%;
	
	
}

footer#rodape .beija img{

width:12%;	
	margin-top:-0px;
margin-left: 70%;
margin-top:-150px;
position:absolute;
	
}


/*MENSAGEM*/

#mensagem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00F;
	font-weight:bold;
	text-align:left;
	margin-left:13%;
	margin-top:50px;
	
	
}
}





































/****** 1024 PX  *******************/

@media screen and (min-width: 1023px){
	
	






/****** CABECALHO  *******************/

header#cabecalho{
	top:0px;
	left:0px;
	width:100%;
	height:100px;
	background-image:url(../imgs/jpg/fundo_cab2.jpg);
	background-size:100%;
	border-bottom: 4px solid #7d461d;
	background-repeat: no-repeat;	
	z-index:13;
	position:fixed;
	display:block;
	
	
}

/******LOGO *******************/

header#cabecalho #logo{
	width:20%;
	margin-top:10px;
	position:fixed;
	margin-left:5%;
	z-index:14;

	
	
}

header#cabecalho #logo img{
	
	width:80%;
}

#cabcel{
display:none;	
}

/******MENU *******************/
.menucel{
	display:none;
	
}
#btfechar{
	dsiplay:none;
	
	
}
.menu ul li.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9C0;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	
}
.menu ul ul {
 display: none;
}
 
.menu ul li:hover > ul {
 display: block;
 transition: all 0.5s linear;
 }
 .menu{
	text-align: left;
	width: 50%;
	margin-top:75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 35%;
	z-index:14;
	display: block;
	position:absolute;
	
}
.menu ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu ul:after {
	content: "";
	clear: both;
	display: inline-block;
 }
.menu ul li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-image:url(../imgs/jpg/menu.jpg);
	background-size:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
		border-right:1px solid #fff;
	border-top-left-radius:   10px;
    border-top-right-radius:   10px;
	margin-left: 5px;
	text-shadow: 3px 3px 3px #000;
	
 }
.menu ul li:hover {
	color: #9F6;
	text-shadow: 1px 1px 1px #000;
opacity: 0.95;
 }
.menu ul li:hover a {
	color: #9F6;
		transition: all 0.5s linear;
 }
 
.menu ul li a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
 }
.menu ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	
	
 }
.menu ul ul li {
	float: none;

	border-radius: 20px;
	border-bottom: 4px solid #330;
	border-left: 1px solid #330;
	border-right: 1px solid #330;
	border-top: 1px solid #330;
	margin-top:5px;
	margin-left:-30px;
	margin-bottom:5px;
	width:140%;
	text-align:center;
 }
.menu ul ul li a {
 padding: 5px 40px;
 color: #fff;
 } 
#menu ul ul li a:hover {
color: #fff;
	
 }
 
.menu ul ul ul {
 position: absolute; left: 100%; top:0;
 }
 

/****** imagens *******************/


.passaro img{
position:absolute;
width:20%;
right:0px;
top:0px;
margin-top:10px;
	z-index:14;
	display:block;
	
}



#face {
	width:25px;
	position:absolute;
	margin-left:73%;
	margin-top: 10px;
	background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
	
}

#face img{
	width:100%;
}


#insta{
	width:25px;
	position:absolute;
	margin-left:76%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	display:block;
	
}

#insta img{
	width:100%;
	
}

#youtube{
	width:25px;
	position:absolute;
	margin-left:79%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
}
#youtube img{
	width:100%;
}

.papagaio img{
	width:7.5%;
	position:absolute;
	margin-left:23%;
	margin-top:2px;
	z-index:15;
	display:block;
	
}
 
/****** CORPO *******************/

section#corpo{
	
	top:0px;
	left:0px;
	width:100%;
	background-color:#FFF;
	position:relative;
	margin-top:100px;
		background-image: url(../imgs/jpg/fundo.jpg);
	background-repeat: repeat;
	background-size:100%;
	
}

#top{
	display:none;
	height:41px;
	
}

/****** CORPO / logo/cel none *******************/

#logocel{
	display:none;
	
	
}

/****** CORPO MUSICA *******************/

#musica{
	width: 30px;
	height: 60px;
	position:fixed;
	right:0;
	margin-right:0px;
	top:0px;
	margin-top:250px;
	z-index:200px;
	animation-duration: 1s;
  animation-name: slidout;
	
	
}

#musica img{
height:50%;	
	
}

#musica img:hover{
opacity:0.70;
	
}



#musica:hover{
	width:30px;
	hight: 30px;

	
}
@keyframes slidein {
from {
    margin-right: 0%;
    width:30px;
  }

  to {
    margin-left: 5%;
    width: 203px;
  }
  
}

@keyframes slidout {
from {
    margin-left: 0%;
    width:200px;
  }

  to {
    margin-right: 0%;
    width: 30px;
  }
  
}

/****** slideshow *******************/
#slide iframe{
	width:100%;
	z-index:1;
	height:550px;
	border-bottom: 2px solid #330;
display:block;
margin-top:-11.7px;
	
	
}

#slideshow{
	width:100%;
	z-index:1;
	height:550px;
position:absolute;
display:block;
	
	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;
	
	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}


/****** recanto *******************/

#recanto{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#recanto .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#recanto .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: 20px;
		width:65%;
		text-align:justify;
		
		
		
		
		
	}
	
	#recanto .txt img{
		width:30%;
		padding:10px;
		box-shadow: 3px 3px 5px #000;
		margin:10px;
		
	}
	
	#recanto .txt h1 img{
		width:60%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	#recanto .txt h2 img{
		width:40%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	
	#recanto span#mapa img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}


/****** sobre *******************/

#sobre{
	
	left:0;
	margin-left:0%;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
	
}


#sobre .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;

}



	
	
	
#sobre .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		width:65%;
		text-align:justify;
		
	}





/****** fotos *******************/


#fotos{
	
	left:0;
	margin-left:0px;
	width:100%;
	border-bottom: 4px solid #7d461d;


	
	
}


#fotos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#fotos .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
	
#fotos #ftcel {
	
	display:none;
	
}

#fotos .ftnav{
	width:65%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	display:block;
}



#fotos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#fotos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:27%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#fotos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#fotos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#fotos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#fotos .ftnav ul li .modal{cursor:pointer;}


 #caixa{
	width:80%;
	height:620px;
	margin-top:40px;
	margin-left: 9.5%;
	position:fixed;
	z-index:1;
	display:block;
	
	
	
	
}
#caixa ul#fts {
	list-style-type:none;
	padding-left:0em;
	
	
	
}


#caixa ul#fts li{
	width:100%;
	text-align:center;
	margin-left:1%;
	margin-top:50px;
	display:inline-block;
	
	
	
	
}

#caixa ul#fts li img{
	
	height:400px;
	background-color:#FFF;
	border: 1px solid #000;
	padding:5px;

	
}
#next1{width:40%;
	opacity: 0.30;
	top:0px;
	height:45%;
	right:0px;
position:absolute;
	margin-right:0%;
	vertical-align:middle;
	text-align:center;
z-index:10;
	margin-top:280px;
	display:block;
}
#next1 img{
	
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}

#next1:hover{
	
	
	opacity: 0.79;
	

}

#prev1 {
	
	width:40%;
	opacity: 0.30;
	top:0px;
	height:55%;
	left:0px;
	position:absolute;
	margin-left:0%;
	text-align:center;
	margin-top:280px;
	z-index:10;
	
}

#prev1 img{
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}
#prev1:hover{
	
	
	opacity: 0.79;
	
	
	
}


.ft{
	width:100%;
	height:100%;
	position:fixed;
	z-index:101;
	top:0px;
	
	
}

.ft iframe{
	width:100%;
	height:100%;
	position:fixed;
	
	
}

.fx{
	width:40px;
	height:40px;
	position:fixed;
	z-index:122;
	right:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	background-color:#F00;
	text-align:center;
	padding:5px;
	border-radius: 20px 20px;
	top:0px;
	
	
	
	
	
}

.fx a{
	
		color:#Fff;
		text-decoration:none;
}

.fx a:hover{
	
		color:#9F3;
		text-decoration:none;
				
}


/****** videos *******************/

#videos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#videos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



#videos .ftnav{
	width:75%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	
}



#videos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#videos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:47%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#videos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#videos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#videos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#videos .ftnav ul li video{
	width:80%;
	
}
#videos .ftnav ul li .modal{cursor:pointer}


/****** Parceiros*******************/


#parceiros{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#parceiros .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#parceiros .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}

#parceiros .txt h2 img{
	width:30%;
	
}


#parceiros .txt h3 img{
	width:5%;
	
}
/****** orcamento *******************/

#orcamento{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#orcamento .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#orcamento .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels span.tel img{
	
	width:3%;
}

/****** Formulario de Orçamento *******************/

#orcamento #form{
	width:60%;
	margin-left:20%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#orcamento #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#orcamento #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#orcamento #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#orcamento #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#orcamento #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#orcamento #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#orcamento #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#orcamento #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#orcamento #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#orcamento #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#orcamento #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#orcamento #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}
/****** faleconosco *******************/

#faleconosco{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#faleconosco .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#faleconosco .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels{
	font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:24px;
		margin-top: 50px;
		padding-bottom:10px;
		font-weight:bold;
		text-shadow: 1px 1px 3px #990;
	
}
#faleconosco .txt #tels a{
	text-decoration:none;

	
}

#faleconosco .txt #tels img{
	
	
}



/****** Formulario de Fale conosco *******************/

#faleconosco #form{
	width:60%;
	margin-left:5%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#faleconosco #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#faleconosco #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#faleconosco #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#faleconosco #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#faleconosco #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#faleconosco #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#faleconosco #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#faleconosco #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#faleconosco #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#faleconosco #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#faleconosco #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#faleconosco #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}

#faleconosco #txtmapa{
	with:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
color:#330;
text-shadow:3px 3px 5px #330;
	
	margin-bottom:20px;
}


#faleconosco #mapa iframe{
	width:80%;
	margin-left: 0px;
	
	margin-bottom:20px;
}



#comochegar img{
	
width:30%;	
	
}

.txto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:80%;
	text-align:justify;
	
}

#entrada img{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:50%;
	padding:5px;
	border:1px solid #330;
	
	
}

/****** RODAPE *******************/

footer#rodape{
	
	top:0px;
	left:0px;
	width:100%;
	height:200px;
	background-image:url(../imgs/jpg/rodapefundo.jpg);
	background-size:100%;
	border-top:1px solid #330;
		
	
}

footer#rodape .copy{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
color:#fff;
 text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
	width:95%;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
	
}

footer#rodape .copy a{
	text-decoration:none;
	color:#ffff;
	
	
}


footer#rodape .loro img{

width:5%;	
margin-left:6%;	
	
}

footer#rodape .pato img{

width:25%;	
margin-top:-155.5px;
margin-left: 35%;
	
	
}

footer#rodape .beija img{

width:12%;	
	margin-top:-0px;
margin-left: 70%;
margin-top:-150px;
position:absolute;
	
}

/****** BOTÕES *******************/

#fechar_1{
	
	width:30px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	background-color:#F00;
	padding:5px;
	border-radius: 30px;
	text-align:center;
	box-shadow: 3px 3px 10px #000;
		
}


#fechar_1 a{
	
	text-decoration:none;
	color:#FFF;
			
}

#fechar_1:hover{
	
	cursor:pointer;
	opacity:0.70;
	
			
}
/*MENSAGEM*/

#mensagem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00F;
	font-weight:bold;
	text-align:left;
	margin-left:23%;
	margin-top:50px;
	
	
}


}



}






























/****** 1280 PX  *******************/

@media screen and (min-width: 1279px){







/****** CABECALHO  *******************/

header#cabecalho{
	top:0px;
	left:0px;
	width:100%;
	height:100px;
	background-image:url(../imgs/jpg/fundo_cab2.jpg);
	background-size:100%;
	border-bottom: 4px solid #7d461d;
	background-repeat: no-repeat;	
	z-index:13;
	position:fixed;
	display:block;
	
	
}

/******LOGO *******************/

header#cabecalho #logo{
	width:20%;
	margin-top:10px;
	position:fixed;
	margin-left:5%;
	z-index:14;

	
	
}

header#cabecalho #logo img{
	
	width:80%;
}

#cabcel{
display:none;	
}

/******MENU *******************/
.menucel{
	display:none;
	
}
#btfechar{
	dsiplay:none;
	
	
}
.menu ul li.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9C0;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	
}
.menu ul ul {
 display: none;
}
 
.menu ul li:hover > ul {
 display: block;
 transition: all 0.5s linear;
 }
 .menu{
	text-align: left;
	width: 50%;
	margin-top:75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 35%;
	z-index:14;
	display: block;
	position:absolute;
	
}
.menu ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu ul:after {
	content: "";
	clear: both;
	display: inline-block;
 }
.menu ul li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image:url(../imgs/jpg/menu.jpg);
	background-size:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
		border-right:1px solid #fff;
	border-top-left-radius:   10px;
    border-top-right-radius:   10px;
	margin-left: 5px;
	text-shadow: 3px 3px 3px #000;
	
 }
.menu ul li:hover {
	color: #9F6;
	text-shadow: 1px 1px 1px #000;
opacity: 0.95;
 }
.menu ul li:hover a {
	color: #9F6;
		transition: all 0.5s linear;
 }
 
.menu ul li a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
 }
.menu ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	
	
 }
.menu ul ul li {
	float: none;

	border-radius: 20px;
	border-bottom: 4px solid #330;
	border-left: 1px solid #330;
	border-right: 1px solid #330;
	border-top: 1px solid #330;
	margin-top:5px;
	margin-left:-30px;
	margin-bottom:5px;
	width:140%;
	text-align:center;
 }
.menu ul ul li a {
 padding: 5px 40px;
 color: #fff;
 } 
#menu ul ul li a:hover {
color: #fff;
	
 }
 
.menu ul ul ul {
 position: absolute; left: 100%; top:0;
 }
 

/****** imagens *******************/


.passaro img{
position:absolute;
width:20%;
right:0px;
top:0px;
margin-top:10px;
	z-index:14;
	display:block;
	
}



#face {
	width:25px;
	position:absolute;
	margin-left:73%;
	margin-top: 10px;
	background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
	
}

#face img{
	width:100%;
}


#insta{
	width:25px;
	position:absolute;
	margin-left:76%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	display:block;
	
}

#insta img{
	width:100%;
	
}

#youtube{
	width:25px;
	position:absolute;
	margin-left:79%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
}
#youtube img{
	width:100%;
}

.papagaio img{
	width:7.5%;
	position:absolute;
	margin-left:23%;
	margin-top:-4px;
	z-index:15;
	display:block;
	
}
 
/****** CORPO *******************/

section#corpo{
	
	top:0px;
	left:0px;
	width:100%;
	background-color:#FFF;
	position:relative;
	margin-top:100px;
		background-image: url(../imgs/jpg/fundo.jpg);
	background-repeat: repeat;
	background-size:100%;
	
}

#top{
	display:none;
	height:41px;
	
}

/****** CORPO / logo/cel none *******************/

#logocel{
	display:none;
	
	
}

/****** CORPO MUSICA *******************/

#musica{
	width: 30px;
	height: 60px;
	position:fixed;
	right:0;
	margin-right:0px;
	top:0px;
	margin-top:250px;
	z-index:200px;
	animation-duration: 1s;
  animation-name: slidout;
	
	
}

#musica img{
height:50%;	
	
}

#musica img:hover{
opacity:0.70;
	
}



#musica:hover{
	width:30px;
	hight: 30px;

	
}
@keyframes slidein {
from {
    margin-right: 0%;
    width:30px;
  }

  to {
    margin-left: 5%;
    width: 203px;
  }
  
}

@keyframes slidout {
from {
    margin-left: 0%;
    width:200px;
  }

  to {
    margin-right: 0%;
    width: 30px;
  }
  
}

/****** slideshow *******************/
#slide iframe{
	width:100%;
	z-index:1;
	height:550px;
	border-bottom: 2px solid #330;
display:block;
margin-top:-11.7px;
	
	
}

#slideshow{
	width:100%;
	z-index:1;
	height:550px;
position:absolute;
display:block;
	
	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;
	
	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}


/****** recanto *******************/

#recanto{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#recanto .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#recanto .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: 20px;
		width:65%;
		text-align:justify;
		
		
		
		
		
	}
	
	#recanto .txt img{
		width:30%;
		padding:10px;
		box-shadow: 3px 3px 5px #000;
		margin:10px;
		
	}
	
	#recanto .txt h1 img{
		width:60%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	#recanto .txt h2 img{
		width:40%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	
	#recanto span#mapa img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}


/****** sobre *******************/

#sobre{
	
	left:0;
	margin-left:0%;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
	
}


#sobre .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;

}



	
	
	
#sobre .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		width:65%;
		text-align:justify;
		
	}





/****** fotos *******************/


#fotos{
	
	left:0;
	margin-left:0px;
	width:100%;
	border-bottom: 4px solid #7d461d;


	
	
}


#fotos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#fotos .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
	
#fotos #ftcel {
	
	display:none;
	
}

#fotos .ftnav{
	width:65%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	display:block;
}



#fotos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#fotos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:27%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#fotos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#fotos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#fotos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#fotos .ftnav ul li .modal{cursor:pointer;}


 #caixa{
	width:80%;
	height:620px;
	margin-top:40px;
	margin-left: 9.5%;
	position:fixed;
	z-index:1;
	display:block;
	
	
	
	
}
#caixa ul#fts {
	list-style-type:none;
	padding-left:0em;
	
	
	
}


#caixa ul#fts li{
	width:100%;
	text-align:center;
	margin-left:1%;
	margin-top:50px;
	display:inline-block;
	
	
	
	
}

#caixa ul#fts li img{
	
	height:400px;
	background-color:#FFF;
	border: 1px solid #000;
	padding:5px;

	
}
#next1{width:40%;
	opacity: 0.30;
	top:0px;
	height:45%;
	right:0px;
position:absolute;
	margin-right:0%;
	vertical-align:middle;
	text-align:center;
z-index:10;
	margin-top:280px;
	display:block;
}
#next1 img{
	
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}

#next1:hover{
	
	
	opacity: 0.79;
	

}

#prev1 {
	
	width:40%;
	opacity: 0.30;
	top:0px;
	height:55%;
	left:0px;
	position:absolute;
	margin-left:0%;
	text-align:center;
	margin-top:280px;
	z-index:10;
	
}

#prev1 img{
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}
#prev1:hover{
	
	
	opacity: 0.79;
	
	
	
}


.ft{
	width:100%;
	height:100%;
	position:fixed;
	z-index:101;
	top:0px;
	
	
}

.ft iframe{
	width:100%;
	height:100%;
	position:fixed;
	
	
}

.fx{
	width:40px;
	height:40px;
	position:fixed;
	z-index:122;
	right:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	background-color:#F00;
	text-align:center;
	padding:5px;
	border-radius: 20px 20px;
	top:0px;
	
	
	
	
	
}

.fx a{
	
		color:#Fff;
		text-decoration:none;
}

.fx a:hover{
	
		color:#9F3;
		text-decoration:none;
				
}


/****** videos *******************/

#videos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#videos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



#videos .ftnav{
	width:75%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	
}



#videos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#videos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:47%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#videos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#videos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#videos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#videos .ftnav ul li video{
	width:80%;
	
}
#videos .ftnav ul li .modal{cursor:pointer}


/****** Parceiros*******************/


#parceiros{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#parceiros .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#parceiros .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}

#parceiros .txt h2 img{
	width:30%;
	
}


#parceiros .txt h3 img{
	width:5%;
	
}
/****** orcamento *******************/

#orcamento{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#orcamento .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#orcamento .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels span.tel img{
	
	width:3%;
}

/****** Formulario de Orçamento *******************/

#orcamento #form{
	width:60%;
	margin-left:20%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#orcamento #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#orcamento #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#orcamento #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#orcamento #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#orcamento #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#orcamento #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#orcamento #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#orcamento #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#orcamento #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#orcamento #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#orcamento #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#orcamento #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}
/****** faleconosco *******************/

#faleconosco{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#faleconosco .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#faleconosco .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels{
	font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:24px;
		margin-top: 50px;
		padding-bottom:10px;
		font-weight:bold;
		text-shadow: 1px 1px 3px #990;
	
}
#faleconosco .txt #tels a{
	text-decoration:none;

	
}

#faleconosco .txt #tels img{
	
	
}



/****** Formulario de Fale conosco *******************/

#faleconosco #form{
	width:60%;
	margin-left:5%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#faleconosco #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#faleconosco #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#faleconosco #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#faleconosco #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#faleconosco #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#faleconosco #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#faleconosco #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#faleconosco #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
	
	
}


#faleconosco #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#faleconosco #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#faleconosco #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#faleconosco #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}

#faleconosco #txtmapa{
	with:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
color:#330;
text-shadow:3px 3px 5px #330;
	
	margin-bottom:20px;
}


#faleconosco #mapa iframe{
	width:80%;
	margin-left: 0px;
	
	margin-bottom:20px;
}



#comochegar img{
	
width:30%;	
	
}

.txto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:80%;
	text-align:justify;
	
}

#entrada img{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:50%;
	padding:5px;
	border:1px solid #330;
	
	
}

/****** RODAPE *******************/

footer#rodape{
	
	top:0px;
	left:0px;
	width:100%;
	height:200px;
	background-image:url(../imgs/jpg/rodapefundo.jpg);
	background-size:100%;
	border-top:1px solid #330;
		
	
}

footer#rodape .copy{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
color:#fff;
 text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
	width:95%;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
	
}

footer#rodape .copy a{
	text-decoration:none;
	color:#ffff;
	
	
}


footer#rodape .loro img{

width:5%;	
margin-left:6%;	
	
}

footer#rodape .pato img{

width:25%;	
margin-top:-155.5px;
margin-left: 35%;
	
	
}

footer#rodape .beija img{

width:12%;	
	margin-top:-0px;
margin-left: 70%;
margin-top:-150px;
position:absolute;
	
}

/****** BOTÕES *******************/

#fechar_1{
	
	width:30px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	background-color:#F00;
	padding:5px;
	border-radius: 30px;
	text-align:center;
	box-shadow: 3px 3px 10px #000;
		
}


#fechar_1 a{
	
	text-decoration:none;
	color:#FFF;
			
}

#fechar_1:hover{
	
	cursor:pointer;
	opacity:0.70;
	
			
}
/*MENSAGEM*/

#mensagem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00F;
	font-weight:bold;
	text-align:left;
	margin-left:23%;
	margin-top:50px;
	
	
}


}











@media screen and (min-width: 1300px){





/****** 1366 PX  *******************/







/****** CABECALHO  *******************/

header#cabecalho{
	top:0px;
	left:0px;
	width:100%;
	height:100px;
	background-image:url(../imgs/jpg/fundo_cab2.jpg);
	background-size:100%;
	border-bottom: 4px solid #7d461d;
	background-repeat: no-repeat;	
	z-index:13;
	position:fixed;
	display:block;
	
	
}

/******LOGO *******************/

header#cabecalho #logo{
	width:20%;
	margin-top:10px;
	position:fixed;
	margin-left:5%;
	z-index:14;

	
	
}

header#cabecalho #logo img{
	
	width:80%;
}

#cabcel{
display:none;	
}

/******MENU *******************/
.menucel{
	display:none;
	
}
#btfechar{
	dsiplay:none;
	
	
}
.menu ul li.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9C0;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
	
}
.menu ul ul {
 display: none;
}
 
.menu ul li:hover > ul {
 display: block;
 transition: all 0.5s linear;
 }
 .menu{
	text-align: left;
	width: 50%;
	margin-top:75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 35%;
	z-index:14;
	display: block;
	position:absolute;
	
}
.menu ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu ul:after {
	content: "";
	clear: both;
	display: inline-block;
 }
.menu ul li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image:url(../imgs/jpg/menu.jpg);
	background-size:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
		border-right:1px solid #fff;
	border-top-left-radius:   10px;
    border-top-right-radius:   10px;
	margin-left: 5px;
	text-shadow: 3px 3px 3px #000;
	
 }
.menu ul li:hover {
	color: #9F6;
	text-shadow: 1px 1px 1px #000;
opacity: 0.95;
 }
.menu ul li:hover a {
	color: #9F6;
		transition: all 0.5s linear;
 }
 
.menu ul li a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
 }
.menu ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	
	
 }
.menu ul ul li {
	float: none;

	border-radius: 20px;
	border-bottom: 4px solid #330;
	border-left: 1px solid #330;
	border-right: 1px solid #330;
	border-top: 1px solid #330;
	margin-top:5px;
	margin-left:-30px;
	margin-bottom:5px;
	width:140%;
	text-align:center;
 }
.menu ul ul li a {
 padding: 5px 40px;
 color: #fff;
 } 
#menu ul ul li a:hover {
color: #fff;
	
 }
 
.menu ul ul ul {
 position: absolute; left: 100%; top:0;
 }
 

/****** imagens *******************/


.passaro img{
position:absolute;
width:20%;
right:0px;
top:0px;
margin-top:10px;
	z-index:14;
	display:block;
	
}



#face {
	width:25px;
	position:absolute;
	margin-left:73%;
	margin-top: 10px;
	background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
	
}

#face img{
	width:100%;
}


#insta{
	width:25px;
	position:absolute;
	margin-left:76%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	display:block;
	
}

#insta img{
	width:100%;
	
}

#youtube{
	width:25px;
	position:absolute;
	margin-left:79%;
	margin-top: 10px;
		background-color:#fff;
	border-radius: 5px;
	padding:2px;
	
	display:block;
}
#youtube img{
	width:100%;
}

.papagaio img{
	width:7.5%;
	position:absolute;
	margin-left:23%;
	margin-top:-4px;
	z-index:15;
	display:block;
	
}
 
/****** CORPO *******************/

section#corpo{
	
	top:0px;
	left:0px;
	width:100%;
	background-color:#FFF;
	position:relative;
	margin-top:100px;
		background-image: url(../imgs/jpg/fundo.jpg);
	background-repeat: repeat;
	background-size:100%;
	
}

#top{
	display:none;
	height:41px;
	
}

/****** CORPO / logo/cel none *******************/

#logocel{
	display:none;
	
	
}

/****** CORPO MUSICA *******************/

#musica{
	width: 30px;
	height: 60px;
	position:fixed;
	right:0;
	margin-right:0px;
	top:0px;
	margin-top:250px;
	z-index:200px;
	animation-duration: 1s;
  animation-name: slidout;
	
	
}

#musica img{
height:50%;	
	
}

#musica img:hover{
opacity:0.70;
	
}



#musica:hover{
	width:30px;
	hight: 30px;

	
}
@keyframes slidein {
from {
    margin-right: 0%;
    width:30px;
  }

  to {
    margin-left: 5%;
    width: 203px;
  }
  
}

@keyframes slidout {
from {
    margin-left: 0%;
    width:200px;
  }

  to {
    margin-right: 0%;
    width: 30px;
  }
  
}

/****** slideshow *******************/
#slide iframe{
	width:100%;
	z-index:1;
	height:550px;
	border-bottom: 2px solid #330;
display:block;
margin-top:-11.7px;
	
	
}

#slideshow{
	width:100%;
	z-index:1;
	height:550px;
position:absolute;
display:block;
	
	
	
}

#slideshow ul#movie{
	
	list-style-type:none;
	padding-left:0em;
	margin-top:-20px;
}

#slideshow ul#movie li{
	display:inline-block;
	width:100%;
	
	
}

 #slideshow ul#movie li img{
	width:100%;
	
}

#next{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	right:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#next img{
	width:100%;
	
}

#next:hover{
	opacity:0.79;
	
}

#prev{
	
	width:50px;
	height: 200px;
	padding-top:180px;
	left:0px;
	position:absolute;
	z-index:12;
	opacity:0.0;
}
#prev img{
	width:100%;
	
	
}
#prev:hover{
	opacity:0.79;
	
}


/****** recanto *******************/

#recanto{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#recanto .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#recanto .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: 20px;
		width:65%;
		text-align:justify;
		
		
		
		
		
	}
	
	#recanto .txt img{
		width:30%;
		padding:10px;
		box-shadow: 3px 3px 5px #000;
		margin:10px;
		
	}
	
	#recanto .txt h1 img{
		width:60%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	#recanto .txt h2 img{
		width:40%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}
	
	#recanto span#mapa img{
		width:100%;
		padding:10px;
			box-shadow: none;
		margin:10px;
		
		
	}


/****** sobre *******************/

#sobre{
	
	left:0;
	margin-left:0%;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
	
}


#sobre .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;

}



	
	
	
#sobre .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		width:65%;
		text-align:justify;
		
	}





/****** fotos *******************/


#fotos{
	
	left:0;
	margin-left:0px;
	width:100%;
	border-bottom: 4px solid #7d461d;


	
	
}


#fotos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#fotos .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
	
#fotos #ftcel {
	
	display:none;
	
}

#fotos .ftnav{
	width:65%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	display:block;
}



#fotos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#fotos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:27%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#fotos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#fotos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#fotos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#fotos .ftnav ul li .modal{cursor:pointer;}


 #caixa{
	width:80%;
	height:620px;
	margin-top:40px;
	margin-left: 9.5%;
	position:fixed;
	z-index:1;
	display:block;
	
	
	
	
}
#caixa ul#fts {
	list-style-type:none;
	padding-left:0em;
	
	
	
}


#caixa ul#fts li{
	width:100%;
	text-align:center;
	margin-left:1%;
	margin-top:50px;
	display:inline-block;
	
	
	
	
}

#caixa ul#fts li img{
	
	height:400px;
	background-color:#FFF;
	border: 1px solid #000;
	padding:5px;

	
}
#next1{width:40%;
	opacity: 0.30;
	top:0px;
	height:45%;
	right:0px;
position:absolute;
	margin-right:0%;
	vertical-align:middle;
	text-align:center;
z-index:10;
	margin-top:280px;
	display:block;
}
#next1 img{
	
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}

#next1:hover{
	
	
	opacity: 0.79;
	

}

#prev1 {
	
	width:40%;
	opacity: 0.30;
	top:0px;
	height:55%;
	left:0px;
	position:absolute;
	margin-left:0%;
	text-align:center;
	margin-top:280px;
	z-index:10;
	
}

#prev1 img{
	width:7%;
	text-shadow: 3px 3px 5px #000;
	
}
#prev1:hover{
	
	
	opacity: 0.79;
	
	
	
}


.ft{
	width:100%;
	height:100%;
	position:fixed;
	z-index:101;
	top:0px;
	
	
}

.ft iframe{
	width:100%;
	height:100%;
	position:fixed;
	
	
}

.fx{
	width:40px;
	height:40px;
	position:fixed;
	z-index:122;
	right:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	background-color:#F00;
	text-align:center;
	padding:5px;
	border-radius: 20px 20px;
	top:0px;
	
	
	
	
	
}

.fx a{
	
		color:#Fff;
		text-decoration:none;
}

.fx a:hover{
	
		color:#9F3;
		text-decoration:none;
				
}


/****** videos *******************/

#videos{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#videos .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



#videos .ftnav{
	width:75%;
	margin-left:20%;
	margin-top:30px;
	margin-bottom:100px;
	
}



#videos .ftnav ul{
	list-style-type:none;
	padding-left:0em;
	
}


#videos .ftnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:12px;
	text-shadow: 3px 3px 5px #960;
	width:47%;
	text-align:center;
	border: 1px solid #330;
	border-radius: 20px;
	padding-bottom:10px;
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
	
	
}

#videos .ftnav ul li img{
width:80%;
border: 1px solid #330;
	border-radius: 20px;	
	
	
}

#videos .ftnav ul li a{
	text-decoration:none;
	color:#330;
	
}

#videos .ftnav ul li a:hover{
	
	opacity:0.80;
	
}
#videos .ftnav ul li video{
	width:80%;
	
}
#videos .ftnav ul li .modal{cursor:pointer}


/****** Parceiros*******************/


#parceiros{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#parceiros .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#parceiros .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}

#parceiros .txt h2 img{
	width:30%;
	
}


#parceiros .txt h3 img{
	width:5%;
	
}
/****** orcamento *******************/

#orcamento{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;

	
	
}


#orcamento .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#orcamento .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels span.tel img{
	
	width:3%;
}

/****** Formulario de Orçamento *******************/

#orcamento #form{
	width:60%;
	margin-left:20%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#orcamento #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#orcamento #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#orcamento #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#orcamento #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#orcamento #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#orcamento #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#orcamento #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#orcamento #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
cursor:pointer;
	
	
}


#orcamento #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#orcamento #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#orcamento #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#orcamento #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}
/****** faleconosco *******************/

#faleconosco{
	
	left:0;
	margin-left:0;
	width:100%;
	border-bottom: 4px solid #7d461d;
	
	
	
}


#faleconosco .cabtxt img{
	
width: 280px;	
margin-left: 250px;
margin-top:0px;
}



	
	
	
#faleconosco .txt{
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		margin-left:20%;
		margin-top: -0px;
		
	}
#faleconosco .txt #tels{
	font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:24px;
		margin-top: 50px;
		padding-bottom:10px;
		font-weight:bold;
		text-shadow: 1px 1px 3px #990;
	
}
#faleconosco .txt #tels a{
	text-decoration:none;

	
}

#faleconosco .txt #tels img{
	
	
}



/****** Formulario de Fale conosco *******************/

#faleconosco #form{
	width:60%;
	margin-left:5%;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index:10;
	border-radius:20px;
	border: 2px solid #330;
	padding:10px;
	
	
}

#faleconosco #form .cabform{
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:25px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	
	
}

#faleconosco #form ul{
	
	padding-left:0em;
	list-style-type:none;
}

#faleconosco #form ul li.txtform{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:18%;
	text-align:right;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;

}

#faleconosco #form ul li.txtinfo{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#330;
	font-size:16px;
	font-weight:bold;
	text-shadow: 3px 3px 5px #990;
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}
#faleconosco #form ul li.formbox{

	width:60%;
	text-align:left;
	padding:5px;
	display:inline-block;
	margin-bottom:15px;
}

#faleconosco #form ul li.formboxinfo{

	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
}


#faleconosco #form ul li.btform{
	width:100%;
	text-align:center;
	padding:5px;
	display:inline-block;
		margin-bottom:15px;
	
}

#faleconosco #form #bt{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
cursor:pointer;	
	
}


#faleconosco #form #box{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
	
}

#faleconosco #form #boxdia{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:20%;
	
}

#faleconosco #form #boxselect{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:100%;
text-align:center;
	
}


#faleconosco #form #boxinfo{
		font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-image:url(../imgs/jpg/menu.jpg);
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
	
	
}

#faleconosco #txtmapa{
	with:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
color:#330;
text-shadow:3px 3px 5px #330;
	
	margin-bottom:20px;
}


#faleconosco #mapa iframe{
	width:80%;
	margin-left: 0px;
	
	margin-bottom:20px;
}






#comochegar img{
	
width:30%;	
	
}

.txto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:80%;
	text-align:justify;
	
}

#entrada img{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	width:50%;
	padding:5px;
	border:1px solid #330;
	
	
}

/****** RODAPE *******************/

footer#rodape{
	
	top:0px;
	left:0px;
	width:100%;
	height:200px;
	background-image:url(../imgs/jpg/rodapefundo.jpg);
	background-size:100%;
	border-top:1px solid #330;
		
	
}

footer#rodape .copy{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
color:#fff;
 text-shadow:#000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
	width:95%;
	text-align:center;
	padding:10px;
	font-weight:bold;
	
	
}

footer#rodape .copy a{
	text-decoration:none;
	color:#ffff;
	
	
}


footer#rodape .loro img{

width:5%;	
margin-left:6%;	
	
}

footer#rodape .pato img{

width:25%;	
margin-top:-155.5px;
margin-left: 35%;
	
	
}

footer#rodape .beija img{

width:12%;	
	margin-top:-0px;
margin-left: 70%;
margin-top:-150px;
position:absolute;
	
}

/****** BOTÕES *******************/

#fechar_1{
	
	width:30px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	background-color:#F00;
	padding:5px;
	border-radius: 30px;
	text-align:center;
	box-shadow: 3px 3px 10px #000;
		
}


#fechar_1 a{
	
	text-decoration:none;
	color:#FFF;
			
}

#fechar_1:hover{
	
	cursor:pointer;
	opacity:0.70;
	
			
}
/*MENSAGEM*/

#mensagem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00F;
	font-weight:bold;
	text-align:left;
	margin-left:23%;
	margin-top:50px;
	
	
}


}