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

@font-face {
	font-family: "Bebas Neue";
	src: url("/site/midia/arquivos/BebasNeue.otf");
}

body {
  margin:0;
}

a.bt-fotos,
a.bt-fotos:visited {
  background-color: #112369;
  color: yellow;
  font-family: 'Bebas Neue', Oswald, sans-serif;
  font-size:4em;
  margin:0 auto;
  text-decoration: none;
  padding: 0 2%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.bt-fotos:hover,
a.bt-fotos:focus {
  color: white;
  background-color: #9CCB3D;
}

a.not:hover,
a.not:focus {
  color: yellow;
  background-color: #112369;
}

a.bt-voltar,
a.bt-voltar:visited {
  background-color: white;
  color: #F87991;
  font-family: 'Bebas Neue', Oswald, sans-serif;
  font-size:2.5em;
  margin-top:1%;
  float:right;
  text-decoration: none;
  padding: 0 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.bt-voltar:hover,
a.bt-voltar:focus {
  color: white;
  background-color: #F87991;  
}


.thumb {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.thumb:hover {
  opacity:.8;
}



p {
  font-size:110%;
  font-family: 'Lato', sans-serif;
  color: white;
  margin-top:0;
}

a.link-fest,
a.link-fest:visited {
  background-color: white;
  color: #F87991;
  text-decoration: none;
  padding: 0 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

a.link-fest:hover,
a.link-fest:focus {
  color: white;
  background-color: #F87991;  
}

h1,h2,h3 {
  font-family: 'Bebas Neue', Oswald, sans-serif;
  color: white;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  margin:0;
}

img {
  max-width:100%;
}

section.galeria {
  width:100%;
  background-color:#9CCB3D;
  margin-bottom:5px;
}

section.galeria article{
  width:67%;
  margin:0 auto;
}

section.galeria article h1{
  font-size:4em;
  display:inline;
}

.questione {
  width:100%;
  margin-top:3%;
  padding:1% 0;
  background-color:#9CCB3D;
  margin-bottom: 3%;
}

.questione article h1 {
  font-size:5em;
}


section.titulo-programacao h1 {
  font-size:4.5em;
  color: #F87991;
}

section.programacao {
  width:100%;
}

section.programacao article.data {
  width:100%;
  margin-bottom:1%;
  background-color:#112369;
}

section.programacao article.sinopse h3 {
  font-size:2em;
  margin:0;
}

section.programacao article.sinopse p {
  font-size:110%;
}

section.programacao article.sinopse p.alunos {
  font-size:80%;
  margin:0;
}

footer {
  background-color:#9CCB3D;
  width:100%;
  overflow:auto;
  padding:1% 0;
}

footer section {
  width:67%;
  margin:0 auto;
}

footer article h3 {
  font-size: 2em;
  margin:0;
}

footer article p {
  font-size: 100%
}

footer article.left{
   float:left;
   border-right:1px solid white;
   width:49%;
}

footer article.right{
   float:right;
   width:50%;
}

.logo-footer {
  float:right;
  margin-left:1%;
  width:18%;
}

@media screen and (min-width: 768px) {

.ps-caption{
display:none!important;
/*bottom:0px!important;
top: inherit!important;*/
}

.ps-toolbar {
opacity:0.8!important;
/*top:0px!important;
bottom: inherit!important;*/
}

.ps-uilayer {
  z-index:0!important;
}

.thumb {
  width: 19.7%;
}

header.top{
  width:100%;
  height:100%;
}

.featured {
  width:100%;
  height:100%;
}

.banner {
  width:100%;
}

.midias {
  width:5%;
  position: absolute;
  left: 8%;
  top: 5%;
  text-align:center;
}

.midias img {
  max-width:100%;
  margin-bottom: 8%;
} 

.photo {
  width:56%;
  height:auto;
  float:left;
  margin-top:-3%;
}

.questione article {
  width:67%;
  margin:0 auto;
  text-align:right;
}

section.titulo-programacao {
  width:67%;
  margin:0 auto;
}

section.programacao article.data h2 {
  width:67%;
  margin:0 auto;
  font-size: 2em;
  padding-top:4px;
}

section.programacao article.sinopse {
  width:65%;
  margin:1% auto;
  padding:1%;
}


}


@media screen and (max-width: 768px) {




header.top {
  width:80%;
  height:100%;
}

.midias {
  width:10%;
  position: absolute;
  left: 82%;
  top: 2%
}

.midias img{
  width:45%;
}

.midias img.logo-cetec {
  width:100%!important;
}

.featured {
  width:150%;
  height:100%;
  margin-left:-25%;
}

.questione article {
  text-align:center;
  width:96%;
  padding:2%;
}

.photo {
	width:100%;
	height:auto;
	margin:0 auto;
}

section.titulo-programacao {
  width:100%;
  text-align:center;
}

section.programacao article.data h2 {
  text-align:center;
}

section.programacao article.sinopse {
  width:96%;
  margin:2% auto;
  padding:2%;
}

section.programacao article.sinopse h3 {
  font-size:1.5em;
  margin:0;
}

footer section {
  width:96%;
  padding:2%;
}

footer article h3 {
  font-size: 2em;
}

footer article p {
  font-size: 100%
}

footer article.left{
   float:none;
   border-right:0;
   border-bottom:1px solid white;
   padding-bottom:2%;
   width:100%;
}

footer article.right{
   float:none;
   width:100%;
   padding-top:2%;
}

.thumb {
  width: 24.4%;
}

section.galeria article{
  text-align:center;
}

section.galeria article h1{
  font-size:2em;
}

a.bt-voltar,
a.bt-voltar:visited {
  font-size:1.5em;
  margin-top:1.5%;
}

}

@media screen and (max-width: 520px) {

a.bt-voltar,
a.bt-voltar:visited {
  font-size:1.5em;
  margin-top:2%;
}

.midias {
  width:13%;
  position: absolute;
  left: 82%;
}

section.titulo-programacao h1 {
  font-size:3.5em;
  color: #F87991;
}

.logo-footer {
  display:none;
}

.thumb {
  width: 23%;
}

.vertical {
  width:auto;
  height: 23%;
}

section.galeria article{
  text-align:center;
}

section.galeria article h1{
  font-size:2em;
}
}