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

.menu ul li{ list-style:none; display:inline-table; height:55px; margin:0 auto; }
.inicioM{ width:104px; background:url(../img/inicio.png);  }
.cinemaM{ width:102px; background:url(../img/cinema.png);}
.audioM{ width:126px; background:url(../img/audio.png);}
.cursosM{ width:116px; background:url(../img/cursos.png);}
.textualM{ width:169px; background:url(../img/textual.png);}
.formacaoM{ width:116px; background:url(../img/formacao.png);}

.inicioH{ width:104px; background:url(../img/inicio_h.png);  }
.cinemaH{ width:102px; background:url(../img/cinema_h.png);}
.audioH{ width:126px; background:url(../img/audio_h.png);}
.cursosH{ width:116px; background:url(../img/cursos_h.png);}
.textualH{ width:169px; background:url(../img/textual_h.png);}
.formacaoH{ width:116px; background:url(../img/formacao_h.png);}

.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}
.fancybox-overlay-fixed{ z-index:10000 !important; }
.cufon{font-family: 'Special Elite'; cursive; font-size:17px; font-weight:700; letter-spacing:0px}
.txt-cinema h1{ font-size:28px; color:#000000; letter-spacing:-2px; margin-bottom:25px !important; margin-top:20px !important;}
.txt-cinema h2{ font-size:18px; color:#444444; }
.txt-cinema h2 p{ margin-left:-15px; line-height:5px !important;}
.table { font-size:15px; color:#000000; letter-spacing:-1px; font-family: 'Special Elite'; font-weight:400;  }


.text-content span.um { font-family: 'Special Elite'; font-size:23px; letter-spacing:-1px; font-weight:400; } 
.text-content2 span.um { font-family: 'Special Elite';font-size:23px; letter-spacing:-1px; font-weight:400;}
.text-content3 span.um { font-family: 'Special Elite';font-size:23px; letter-spacing:-1px; font-weight:400;}
.dois {font-family: 'Special Elite'; font-size:23px; letter-spacing:-1px; font-weight:400;}
.text-content span.dois { font-family: 'Special Elite'; font-size:15px; letter-spacing:-1px; font-weight:400;} 
.text-content2 span.dois { font-family: 'Special Elite'; font-size:15px; letter-spacing:-1px; font-weight:400;}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

.fxd{width:100%; margin:0 auto; height:55px; background-color:#FFF; position:fixed; z-index:999}
p {
    text-indent: 1em;
	margin-bottom:15px !important;
}
h1, h2{
	margin:0px !important;
	padding:0px !important;
	line-height:15px !important;
}
.bloco{ margin-bottom:50px;}
body{
   overflow-y:scroll;
   overflow-x:hidden;  
  
}
.tudo { min-height:100%; position:relative; font-family: 'PT Sans';}
.topo{
	width:100%;
	height:200px;
	background: url(../img/fundo_topo.png) repeat-y center;
	z-index:1;
}
.quadrados{
	position:absolute;
	right:0px;
	top:1px;
	float:right;
	z-index:2;
}
.logo{
	position:absolute;
	left:20px;
	top:20px;
	z-index:10001;
}
.email{
	position:absolute;
	right:215px;
	top:130px;	
	z-index:3;
}
.facebook{
	position:absolute;
	right:290px;
	top:150px;
	z-index:3;	
}
.youtube{
	position:absolute;
	right:255px;
	top:150px;
	z-index:3;	
}
.vimeo{
	position:absolute;
	right:220px;
	top:150px;
	z-index:2;	
}
.conteudo{
	width:1000px; 
	margin:0 auto;
}

.cinema{ 
	margin-left:15px;
	display:inline-table;
	margin-bottom:10px;
	min-width:500px;
}
.txt-cinema{
	float:left;
	margin-left:20px;
}
.audio{
	margin-bottom:40px !important;
	display:inline-table;
}
ul.audio {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.audio li {
  display: inline-block;
  margin: 0 1em 1em 0;
  position: relative;
  margin:0 !important; padding:0 !important; display:block; float:left;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 186px;
  left: 0;
  position: absolute;
  top: 0;
  width: 333px;
  opacity: 0;
}
span.text-content2 {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 230px;
  left: 0;
  position: absolute;
  top: 0;
  width: 405px;
  opacity: 0;
}
ul.audio li:hover{
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
ul.audio li:hover span.text-content {
  opacity: 1;
  font-weight:700;
  padding-top:70px;
}
ul.audio li:hover span.text-content2 {
  opacity: 1;
  font-weight:700;
  padding-top:105px;
}
.curso{
	margin-bottom:40px !important;
	display:inline-table;
	width:1000px;	
}
.curso img{
	margin:0px 10px !important; padding:0px 10px !important; 
}
.oficina{
	margin-bottom:40px !important;
	display:inline-table;
	width:1000px;	
}	
.oficina img{
	margin:0px !important; padding:0px !important; 
}	
.oficina img:hover{
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
	cursor:pointer;
}
thead{ background-color:#666;}

.oficina2{
	display:inline-table;
	width:700px;
	float:right;
	margin-top:-70px;
	position:relative;
	left:-25px;	
}	
.oficina2 img{
	margin:10px !important; padding:0px !important; 
}	
.oficina2 img:hover{
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
	cursor:pointer;
}
.audio2{
	margin-bottom:40px !important;
	display:inline-table;
}
ul.audio2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.audio2 li {
  display: inline-block;
  margin: 0 1em 1em 0;
  position: relative;
  margin:0 !important; padding:0 !important; display:block; float:left;
}
ul.audio2 li:hover{
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

ul.audio2 li:hover span.text-content3 {
  opacity: 1;
  font-weight:400;
  padding-top:65px;
}

span.text-content3 {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 155px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 302px;
  opacity: 0;
}