@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
		
/*scroll sempre visivel*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

html, body {height:100%;}
* {margin: 0;padding: 0;}
body {
/*font-family: Trebuchet MS, sans-serif;#4B4B4B*/	 
font-family: Arial, Helvetica, sans-serif; 
color: #4B4B4B; padding-top: 0px; letter-spacing:0.5px;
}
/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*alinhamento do rodape sempre ao fundo - s n quiser retirar position aqui e no footer*/
.geral {
	min-height:100%;
	position:relative;
}
header {clear:both; background-color:#FFFFFF; width:100%;position:fixed;z-index:3;}
	@media only screen and (max-width:355px), only screen and (max-device-width:355px){header{height:auto;position:absolute;}}

.center0{margin: 0 auto;max-width:650px; width:98%;padding-left:1%;padding-right:1%;text-align:center;} /*largura máxima do layout*//*ajuste do layout à tela*/
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
	.center0{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}
	
.center{margin: 0 auto;max-width:950px; width:98%;padding-left:1%;padding-right:1%;} /*largura máxima do layout*//*ajuste do layout à tela*/
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
	.center{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}
	/*
.center1{margin: 0 auto;max-width:905px; padding-left:1%;padding-right:1%;}
	.center1_1{width:100%;margin:0px 1% 0px 1%;}*/
.center2{margin: 0 auto;max-width:100%; text-align:center;}
#margem{margin:0px 1% 0px 1%;}

#Facetwitter{margin:0px 1% 0px 1%;}
	.face{float:left;width:50%;}
	.Twitter{float:right;width:50%;}
	@media screen and (max-width:450px){	
			.face {float:none; width:100%; text-align:center;}
			.Twitter{float:none; width:100%; text-align:center;}
		}
#menutopo{background-color:#7C7C7C; width:100%;min-height:33px;padding: 5px 0px 0px 0px;}
	.menuredes{float:left;padding-top:4px;}
	.idioma {text-align:right;padding-top:0px;}
		@media screen and (max-width:450px){	
			.menuredes {float:none; text-align:center;}
			.idioma{float:none; padding-top: 0px; text-align:center;}
		}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){
	.idioma a img{width: 11%; padding-left:2%;padding-right:2%;}
	}
	

#logomenu{/*padding-top:22px; padding-bottom:15px;*/}

h1 {display:block;height:0px;text-indent:-9999px}
#logo {
	/*float:left;
	text-align:center;
	margin: 0 auto;max-width:300px; */
	float:left;
	/*height:55px;*/
	padding-top:25px; 
	padding-bottom:20px; 
	padding-left:8px;
}
	
	@media only screen and (max-width:940px), only screen and (max-device-width:940px){
		#logo {/*float:none;*/height:auto;padding-left:0px;padding-top:25px;padding-bottom:0px; text-align:center;width:100%;}		
	}
	/*@media only screen and (max-width:890px), only screen and (max-device-width:890px){
		#logo a{height:auto;padding-top:0px;padding-bottom:0px; text-align:center;width:100%; }		
	}*/
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){#logo a img{width: 96%; padding-left:2%;padding-right:2%;}}

/*
#logo h1 a{
	float:left;
	height:55px;
	padding-top:15px; 
	padding-bottom:15px; 
}
	@media only screen and (max-width:890px), only screen and (max-device-width:890px){
		#logo h1 a{height:auto;text-align:center;width:100%; }		
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){h1 a img{width: 96%; padding-left:2%;padding-right:2%;}}
	*/
#menumenu{float:right;padding-top:42px;}
	@media only screen and (max-width:940px), only screen and (max-device-width:940px){#menumenu{width:100%;padding-top:15px;}}/*
.idioma{padding-top:0px;text-align:right;}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){.idioma{margin-top:2%; text-align:center;}}
*/
	/***nav - menu de navegação***/
	nav{
		text-align:center; /*alinha os links à direita*/		
		font-family: Trebuchet MS, sans-serif; 
		font-size: 16px; 
		padding: 0px 0px;	
		text-transform:lowercase;
	}
	nav ul{list-style-type:none;} /*retira os marcadores da lista*/
		nav li {display: inline;} /*deixa o menu na horizontal*/
		nav ul li a{
			margin-right: 10px; /*espaço à direita de cada link do menu*/
			font-size: 16px;
			display:inline-block;text-decoration: none;
			color:#7B7B7B;padding: 5px 10px;
		}
		nav ul li:nth-child(5) a{margin-right:0px;}/*indica que o 5º elemento da lista (contato) terá a margem direita zerada*/
		nav a.ativo:link, nav a:hover{
			text-decoration: none;
			font-size: 16px;
			display:inline-block;
			color: #FFFFFF;
			background-color: #A9C139;
			padding: 5px 10px;
		}
		.ativo {
			color: #FFFFFF;
			background-color: #7B7B7B;
			font-size: 16px;   
			text-decoration: none;
		}				
	nav .show-menu {
		background: #7B7B7B; padding: 10px 0px; text-align: center; 
		color: #FFFFFF;
		text-decoration: none; display: none;
	}
	nav input[type=checkbox] {display: none; -webkit-appearance: none;}
	nav input[type=checkbox]:checked ~ #menu {display: block;}
	@media only screen and (max-width:590px), only screen and (max-device-width:590px){
		nav ul{
			margin: 0px; padding: 0px; list-style-type: none; position: absolute;
		}
		/*nav ul li a{color:#FFFFFF;}*/
		nav ul li a{
			margin-right: 0px; /*espaço à direita de cada link do menu*/
			font-size: 16px;
			display:inline-block;text-decoration: none;
			color:#7B7B7B;padding: 5px 0px;
		}

		nav li {margin-right: 1px; float: left; display: inline-block;}
		nav li a {
			background: #F2F2F2; height: 50px; text-align: center; color:#7B7B7B;line-height: 50px; 
			text-decoration: none; display: block; min-width: 140px;
		}
		
		nav a.ativo:link, nav a:hover{
			text-decoration: none;
			font-size: 16px;
			display:inline-block;
			color: #FFFFFF;
			background-color: #7B7B7B;
			padding: 5px 0px;
		}
		nav li:hover a {background: #A9C139;color:#FFFFFF;}
		nav li:hover ul a {
			background: #A9C139; height: 40px; color:#FFFFFF; line-height: 40px;
		}
		nav li:hover ul a:hover {background: #A9C139; color:#FFFFFF;}
		nav li ul {display: none;}
		nav li ul li {float: none; display: block;}
		nav li ul li a {padding: 0px 20px; width: auto; min-width: 100px;color:#FFFFFF;}
		nav ul li a:hover + .hidden {display: block;}
		nav .hidden:hover {display: block;}

		/*@media screen and (max-width:760px)
		{*/
		nav ul {display: none; position: static;}
		nav li {margin-bottom: 1px;}
		nav ul li {width: 100%;}
		nav li a {width: 100%;}
		nav .show-menu {display: block;}
		/*}*/
	}

/*para não ir para baixo do footer*/
#conteudo {clear:both;padding-top:148px;padding-bottom: 125px;}
@media only screen and (max-width:940px), only screen and (max-device-width:940px){#conteudo{padding-top:166px;padding-bottom:125px;}}
@media only screen and (max-width:590px), only screen and (max-device-width:590px){#conteudo{padding-top:198px;padding-bottom:125px;}}
@media only screen and (max-width:390px), only screen and (max-device-width:390px){#conteudo{padding-top:220px;padding-bottom:125px;}}
@media only screen and (max-width:285px), only screen and (max-device-width:285px){#conteudo{padding-bottom:125px;}}

#banner{background:#ffffff;}
/*img, */
picture, video, embed, figure {max-width: 100%;} /*define a largura máxima em até 100%*/
.imagem{max-width: 100%;} 

hr{border: 0;height: 0; border-bottom: 1px solid #a9c139;margin-top:60px;margin-bottom:60px;}

h2 {
	font-weight: 300;
	letter-spacing:0.5px;
	font-style:normal;
	font-size: 2.250em;/*36px, 2.0em - 32px;/*1.375em; /*22px;*/
	font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/
	padding:2% 0px 2% 0px;color:#a9c139;
	margin-bottom:30px;
}
h2.sub{
	font-weight:bold;	
	font-size: 2.250em;/*36px, 2.0em - 32px;/*1.375em; /*22px;*/
	font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/
	padding:0px 1% 2% 1%;color:#a9c139;
	text-align:center;
}
h2.sub a:hover{text-decoration:underline;}
h3{ 	
	padding-top:30px;
	font-weight: normal;
	color: #4B4B4B;
	font-size: 1.375em; /*22px;*/
	font-family: Arial, Helvetica, sans-serif;	
	/*margin:0px 1% 0px 1%;*/
}
h6 {font-weight: normal;padding:0px 0px 0px 0px;color:#4B4B4B; font-size: 10px; line-height: 1.5em;text-align:center;}
.mapa{ 	
	/*margin:0px 0% 0px 1%;*/
}
h3.sub, h3.sub a { 	/*noticias*/
	padding-top:0px;
	font-weight: 300;
	font-style:normal;
	/*color: #4B4B4B;*/
	font-size: 16px;/*20px, 14px-0.875em - 18px-1.125em*/
	/*font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/
	color:#a9c139;
}
/*titulo da noticias-galeria de imagens*/
h3.sub a:hover{text-decoration:underline;}

a{font-size: 17x; text-decoration: none; color: #a9c139;}
a:hover {text-decoration: none; color: #a9c139; text-decoration:underline;}

.textocontacto{color:#4B4B4B; font-size: 17px; line-height: 1.5em;/*text-align:center;margin:0px 1% 0px 1%;*/}
.textocontacto a{color:#4B4B4B; font-size: 17px; line-height: 1.5em;}
.textocontacto a:hover{font-size: 17px; color: #00000; text-decoration:underline; }

.texto0{color:#4B4B4B; font-size: 13px; line-height: 1.5em;text-align:center;/*text-align:center;margin:0px 1% 0px 1%;*/}
.texto0 a{color:#a9c139;  font-size: 13px; line-height: 1.5em;}
.texto0 a:hover{font-size: 13px; color: #a9c139; text-decoration:underline; }

.texto{color:#4B4B4B; font-size: 17px; line-height: 1.5em;text-align:center;/*text-align:center;margin:0px 1% 0px 1%;*/}
.texto a{color:#a9c139; font-size: 17px; line-height: 1.5em;}
.texto a:hover{font-size: 17px; color: #a9c139; text-decoration:underline; }
.texto img{max-width:100%;min-height:100%;}

.texto table, .texto td, .texto td, .texto th {border: 2px solid #4B4B4B;margin-right: auto; margin-left: auto;border-collapse: collapse;}
.texto1{font-size:9px; color: #7F7F7F;}
/*.texto2{color:#4B4B4B; font-size: 11px; font-style: italic;line-height: 1.0em;}
.texto3{color:#4B4B4B; font-size: 12px; line-height: 1.5em;}/*text-align:center;*/

/*** DESTAQUE ***/
#produtostopicos{margin: 0 auto; padding-top:20px; width: 100%;}
.produtos
{	
	margin:0px 1% 0px 1%;width:14.33%;/*31.3333%;*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:center;
}
@media only screen and (max-width:1100px), only screen and (max-device-width:1100px)
		{.produtos{margin:0px 1% 0px 1%;width:31.333%;}}

h2.produtosnome {
	font-weight:bold;
	font-style:normal;
	font-size: 1.3em;/*32px;/*1.375em; /*22px;*/
	
	font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/
	padding:0px 0px 0px 0px;color:#a9c139;}
h2.produtosnome a {
	font-weight:bold;
	font-style:normal;
	font-size: 1.3em;/*32px;/*1.375em; /*22px;*/
	font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/
	padding:0px 0px 0px 0px;color:#a9c139;}
h2.produtosnome a:hover{
	font-weight:bold;
	font-style:normal;
	font-size: 1.3em;/*32px;/*1.375em; /*22px;*/
	font-family: 'Open Sans Condensed', sans-serif; /*Arial, Helvetica, sans-serif;*/
	/*text-transform:uppercase;*/text-decoration:none;
	padding:0px 0px 0px 0px;color:#7F7F7F;}
.produtos p,.produtos p
{
	/*height:65px;*/
	/*max-width:280px;*/
	/*font-size: 1.000em;*/
}
	@media only screen and (max-width:800px), only screen and (max-device-width:800px)
		{.produtos{margin:0px 1% 0px 1%;width:48%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.produtos{width:98%;text-align:center;}}
.produtos img{/*max-width:100%;/*280px;*/}/*transition:all 0.5s ease-in-out;*/
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.produtos img{/*width:100%;*/}}
.produtobutton{position:relative;text-align:center;padding-bottom:20px;}
.produtobutton a{display:inline-block;background-color:#ffffff;font-size:12px;min-width:85px;padding:8px 5px 8px;color:#4b4b4b;cursor:pointer;text-transform:uppercase;text-decoration:none;}
.produtobutton a:hover{background-color:#a9c139;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}


/***Informaca-galeria-artistas***/
#portfolio
{
	margin: 0 auto;
	width: 100%;
}
.portfoliomeio
{	
	margin:0px 1% 0px 1%;width:23%;/*31.3333%;*/
	display:inline-block;
	vertical-align:top;
	padding-bottom:10px;
	text-align:left;/*center;*/
}
.portfoliomeio img
{	
	/*max-height:130px;*/
}
.portfoliomeio p,.portfoliomeio p
{
	/*height:65px; max-width:280px;*/
}
	@media only screen and (max-width:555px), only screen and (max-device-width:555px)
		{.portfoliomeio{margin:0px 1% 0px 1%;width:48%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio{width:98%;left;/*center;*/}}
		/*transition:all 0.5s ease-in-out;*/
		/*
.portfoliomeio img{max-width:280px;}
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.portfoliomeio img{width:100%;}}
*/.portfoliomeio img{width:100%;}
.portfoliomeio1{	
	width:100%;margin-top:0.5%}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio1{width:98%;/*center;*/}}
.portfoliomeio1 img{max-width:100%;min-height:100%;}

.portfoliomeio2
{	
	margin:0px 0.5% 0px 0.5%;width:49%;display:inline-block;
}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio2{width:98%;/*center;*/}}
.portfoliomeio2 img{width:100%;}

.portfoliomeio3
{	
	margin:0px 1% 0px 1%;width:31.3333%;;/*23%*/
	display:inline-block;
	vertical-align:top;
	padding-bottom:10px;
	text-align:left;/*center;*/
}
	@media only screen and (max-width:555px), only screen and (max-device-width:555px)
		{.portfoliomeio3{margin:0px 0.5% 0px 0.5%;width:49%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio3{width:98%;/*center;*/}}
.portfoliomeio3 img{width:100%;}

/*links*/
#partetexto{text-align:left;padding-left:1%;padding: 0px 340px 0px 0px;margin:0px 1% 0px 1%;}
	@media only screen and (max-width:590px), only screen and (max-device-width:590px)
	{
		#partetexto, #partetexto table{height:auto;width:100%;text-align:center;padding: 0px 0px 0px 0px;}
		#partetexto, #partetexto tr td{text-align:left;padding: 0px 0px 0px 0px;}
		
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){#partetexto{width: 96%; padding-left:2%;padding-right:2%;}}
		#parteimagem{float:right;padding-left:35px;text-align:left;width:300px;padding-right:1%;}
	@media only screen and (max-width:590px), only screen and (max-device-width:590px){
		#parteimagem{clear:both;float:none;padding-top:10px;padding-left:0px;margin-top:2%; text-align:center;width:100%;}
	}	
#partetexto .texto p img{width:100%;padding-top:0px;}


/****************************************************************************************/
#paginas{clear:both;margin: 0 auto; width: 100%; text-align: left;}
.pagina{left;/*center;*/ float:left; text-align: left; height:20px;}

.linhapreta{clear:both;height:1px;background-color:#7b7b7b;}
	@media screen and (max-width:580px){.linhapreta{display:none;}}
.linhaverde{clear:both;height:6px;background-color:#a9c139;}
	@media screen and (max-width:580px){.linhaverde{display:none;}}
	.linhabranca1{clear:both;height:1px;}
.linhabranca10{clear:both;height:10px;}
	@media screen and (max-width:580px){.linhabranca10{display:none;}}
.linhabranca15{clear:both;height:15px;}
.linhabranca20{clear:both;height:20px;}
	@media screen and (max-width:580px){.linhabranca20{clear:both;height:10px;}}
.linhabrancafooter{clear:both;}
.linhaverde1{clear:both;height:1px;background-color:#a9c139;}

.button1{height:26;color:#ffffff; background:#a9c139; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:normal;}
.button1:hover{text-decoration:none; background:#7b7b7b; color:#ffffff;font-size: 12px;font-weight:normal;}

.button1 a{height:26;color:#ffffff; background:#a9c139; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:normal;}
.button1 a:hover{text-decoration:none; background:#7b7b7b; color:#ffffff;font-size: 12px;font-weight:normal;}

.button11 {height:26;color:#ffffff; background:#7b7b7b; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:normal;}

/***********************************FORM CONTACTOS***************************************/
#contactos{margin: 0 auto; width: 100%;}
	#contactostexto{float:left;width:48%;margin:0px 1% 0px 1%;}
	#contactosform{float:right;padding-left:1%;width:49%;}
	
	@media screen and (max-width:685px){	
		#contactostexto{float:none;width:98%;}
		#contactosform{float:none;padding-left:0%;padding-left:0%;width:98%;}
	}
form { margin:0px; padding:0px}
.form input {
	width:98%; height:30px;
	font-family:verdana; font-size:12px; color: #7F7F7F;
	padding:1px 0px 0px 9px;	
	border:1px solid #D5D5D5;
	background-color:#F8F8F8;
}
.form textarea 
{
	width:98%; height:170px;
	font-family:verdana; font-size:12px; color:#7F7F7F;
	overflow:hidden;
	padding:7px 0px 0px 9px;
	border:1px solid #D5D5D5;
	background-color:#F8F8F8;
}
.form select
{
	height:18px;
	font-family:verdana; font-size:10px;
	padding:1px 0px 0px 1px;
}
.form .texto {font-family:verdana; font-size:10px; color: #F8F8F8;}
.form1 input {
	width:60%; height:20px;
	font-family:verdana; font-size:9px; color: #7F7F7F;
	padding:1 0 0 9px;
	border:1px solid #D5D5D5;
	background-color:#ffffff;
}
/*************************** FOOTER - Rodape com 2 colunas ******************************/
footer
{
	clear:both; /*limpa os floats anteriores, para este não ficar sobreposto*/
	margin: 0 auto;
	width: 100%;
	position:absolute;
	height:125px; /*100px*/
	text-align:center;
	bottom: 0;
}
	
	#rodape{padding-top:20px; padding-bottom:30px;width: 100%;background-color:#F2F2F2; text-align:center;}
	/*#rodape h2{	
		color: #4B4B4B;
		font-family: Trebuchet MS, sans-serif; 
		text-decoration:none;
		font-weight:none;
		padding:0px 0px 0px 0px;font-size: 1.250em
	}
	.rodape1
	{	
		margin:0px 0% 0px 0%;width:60%;
		display:inline-block;
		vertical-align:top;
		padding-bottom:30px;
		text-align:center;
	}*/

	#rodapefundo
	{		
		margin: 0 auto;
		width: 100%;
		background-color:#7b7b7b; 
		height:75px; /*20*/
		text-align:left;
		padding: 25px 0px;
		bottom: 0;
	}
	@media only screen and (max-width:555px), only screen and (max-device-width:555px){#rodapefundo{height:100px;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px){#rodapefundo{height:160px;}}
	.rodapefundomeio
	{	
		margin:0px 1% 0px 1%;width:30.667%;
		display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
		vertical-align:top;
		padding-bottom:0px;
	}
		@media only screen and (max-width:555px), only screen and (max-device-width:555px)
		{.rodapefundomeio{margin:0px 1% 0px 1%;width:47%;display:inline-block;}}
		@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.rodapefundomeio{width:98%;text-align:center;}}
		
		.copyright {/*float:left;*/ font-size: 11px; color:#FFFFFF;}
		.copyright a{color:#FFFFFF;font-size: 11px; text-decoration: none;}
		.copyright a:hover{color:#F2F2F2;font-size: 11px; text-decoration: underline;}	
			
		/*@media screen and (max-width:850px){
			footer
			{	
				clear:both;
				background-color:#7b7b7b; 
				height:151px; 
				text-align:center;
				padding: 0px 0px;
			}		

			#rodapefundo
			{	
				background-color:#7b7b7b; 
				height:55px; 
				text-align:center;
				padding: 10px 0px 5px 0px;
				bottom: 0;
			}		*/	
			/*.rodape1
			{	
				margin:0px 0% 0px 0%;width:90%;
				display:inline-block;
				vertical-align:top;
				padding-bottom:30px;
				text-align:center;
			}*/
		/*	.copyright {float:none; font-size: 11px; color:#FFFFFF;}
			.copyright a{color:#FFFFFF; text-decoration: none;}
			.copyright a:hover{color:#F2F2F2; text-decoration: underline;}	
		}	*/		
	/*	@media screen and (max-width:510px){	
			footer
			{	
				clear:both;
				background-color:#7b7b7b; 
				height:150px;
				text-align:center;
				padding: 0px 0px;
			}
			#rodapefundo
			{	
				background-color:#7b7b7b; 
				height:60px; 
				text-align:center;
				padding: 10px 0px 5px 0px;
				bottom: 0;
			}
		}
		@media screen and (max-width:285px){	
			footer
			{	
				clear:both;
				background-color:#7b7b7b; 
				height:190px; 
				text-align:center;
				padding: 0px 0px;
			}
			#rodapefundo
			{	
				background-color:#7b7b7b; 
				height:100px; 
				text-align:center;
				padding: 10px 0px 5px 0px;
				bottom: 0;
			}
		}*/