/*scroll sempre visivel*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

html, body {height:100%;}
* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;	color: #000000; padding-top: 0px;}

/*.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;}}

.center{margin: 0 auto;max-width:905px; 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%;}
#margem{margin:0px 1% 0px 1%;}

h1 {display:block;height:0px;text-indent:-9999px}
#logo  {/*a*/
	text-align:center;
	height:105px;
	padding-top:22px; 
	padding-bottom:15px; 
	margin: 0 auto;max-width:905px; 
}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		#logo a{height:auto;text-align:center;width:100%; }		
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){ a img{width: 96%; padding-left:2%;padding-right:2%;}}

#menucima{background-color:#F2F2F2; width:100%;min-height:33px;padding: 5px 0px 0px 0px;}
	.menumenu {float:left;}
	.idioma {text-align:right;padding-top:5px;}
		@media screen and (max-width:660px){	
			.menumenu {float:none; font-size: 11px; color:#FFFFFF;}
			.idioma{float:none; padding-top: 8px; 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%;}
	}

	/***nav - menu de navegação***/
	nav{
		text-align:left; /*alinha os links à direita*/		
		font-family: Trebuchet MS, sans-serif; 
		font-size: 16px; 
		padding: 0px 0px;	
		text-transform:Uppercase;
	}
	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:#000000;padding: 5px 10px;
		}
		nav ul li:nth-child(7) 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: #000000;
			padding: 5px 10px;
		}
		.ativo {
			color: #FFFFFF;
			background-color: #000000;
			font-size: 16px;   
			text-decoration: none;
		}				
	nav .show-menu {
		background: #000000; 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:660px), only screen and (max-device-width:660px){
		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:#000000;padding: 5px 0px;
		}

		nav li {margin-right: 1px; float: left; display: inline-block;}
		nav li a {
			background: #F2F2F2; height: 50px; text-align: center; color:#000000;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: #000000;
			padding: 5px 0px;
		}
		nav li:hover a {background: #000000;color:#FFFFFF;}
		nav li:hover ul a {
			background: #000000; height: 40px; color:#FFFFFF; line-height: 40px;
		}
		nav li:hover ul a:hover {background: #C01A00; 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:190px;padding-bottom: 190px;}
@media only screen and (max-width:850px), only screen and (max-device-width:850px){#conteudo{padding-top:200px;padding-bottom:155px;}}
@media only screen and (max-width:510px), only screen and (max-device-width:510px){#conteudo{padding-top:210px;padding-bottom:150px;}}
@media only screen and (max-width:285px), only screen and (max-device-width:285px){#conteudo{padding-bottom:190px;}}

#banner{background:#ffffff;}
/*img, */
picture, video, embed, figure {max-width: 100%;} /*define a largura máxima em até 100%*/
.imagem{max-width: 100%;} 
h2, h2 a{	/*artistas*/
	padding-top:0px;
	font-weight: normal;
	color: #000000;
	font-size: 1.000em;/*16px* - 1.125em;/*18px;*/
	font-family: Arial, Helvetica, sans-serif;	
	margin:0px 1% 0px 1%;
}
h2.sub a:hover{text-decoration:underline;}
h3{ 	
	padding-top:30px;
	font-weight: normal;
	color: #000000;
	font-size: 1.375em; /*22px;*/
	font-family: Arial, Helvetica, sans-serif;	
}

h3.sub, h3.sub a { 	/*noticias*/
	padding-top:0px;
	font-weight: normal;
	color: #000000;
	font-size: 0.750em;/*12px;0.875em-14px - 1.125em;/*18px;*/
	font-family: Arial, Helvetica, sans-serif;	
}
h3.sub a:hover{text-decoration:underline;}

a{font-size: 12px; text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #00000; text-decoration:underline;}

.texto{color:#000000; font-size: 12px; line-height: 1.5em;}
.texto a{color:#000000; font-size: 12px; line-height: 1.5em;}
.texto a:hover{font-size: 12px; color: #00000; text-decoration:underline; }
/*.texto2{color:#000000; font-size: 11px; font-style: italic;line-height: 1.0em;}
.texto1{font-size:9px; color: #7F7F7F;}
.texto3{color:#000000; font-size: 12px; line-height: 1.5em;}/*text-align:center;*/

/***Informaca-galeria-artistas***/
#portfolio
{
	margin: 0 auto;
	width: 100%;
}
.portfoliomeio
{	
	margin:0px 1% 0px 1%;width: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;*/}}
.portfoliomeio img{max-width:280px;}/*transition:all 0.5s ease-in-out;*/
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.portfoliomeio 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:40px;}

.linhapreta{clear:both;height:8px;background-color:#000000;}
	@media screen and (max-width:580px){.linhapreta{display:none;}}
.linhabranca15{clear:both;height:15px;}
.linhabranca20{clear:both;height:20px;}
.linhabrancafooter{clear:both;}

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

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

.button11 {height:26;color:#000000; background:#F2F2F2; 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:9px; 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:10px; 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:137px; 
	text-align:center;
	bottom: 0;
}
	#rodape{padding-top:30px; width: 100%;background-color:#F2F2F2;/*padding-bottom:20px*/}
	#rodape h2{	
		color: #000000;
		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:#000000; 
		height:20px; 
		text-align:center;
		padding: 18px 0px;
		bottom: 0;
	}
	.copyright {float:left; font-size: 11px; color:#FFFFFF;}
	.copyright a{color:#FFFFFF; text-decoration: none;}
	.copyright a:hover{color:#F2F2F2; text-decoration: underline;}	
	.redes{float:right;}
		
		@media screen and (max-width:850px){
			footer
			{	
				clear:both;
				background-color:#cecece; 
				height:151px; 
				text-align:center;
				padding: 0px 0px;
			}		

			#rodapefundo
			{	
				background-color:#000000; 
				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;}	
	
			.redes{float:none; padding-top: 8px; text-align:center;}
			.redes a img{width:20px;}
		}			
		@media screen and (max-width:510px){	
			footer
			{	
				clear:both;
				background-color:#000000; 
				height:150px;
				text-align:center;
				padding: 0px 0px;
			}
			#rodapefundo
			{	
				background-color:#000000; 
				height:60px; 
				text-align:center;
				padding: 10px 0px 5px 0px;
				bottom: 0;
			}
		}
		@media screen and (max-width:285px){	
			footer
			{	
				clear:both;
				background-color:#000000; 
				height:190px; 
				text-align:center;
				padding: 0px 0px;
			}
			#rodapefundo
			{	
				background-color:#000000; 
				height:100px; 
				text-align:center;
				padding: 10px 0px 5px 0px;
				bottom: 0;
			}
		}