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

/* TAGs */
img,
picture,
video,
embed, iframe {
    max-width: 100%;
    border: none;
}

h1, h2{
	display: none;
}

body {
    font-family:"PT Sans", helvetica, arial, sans-serif; 
    color: #fff;
	font-size:1.4em;
	text-align: left;
 }

 /* CABEÇALHO */
 
 header{
	 padding:0;
	 margin:0;
	 
 }

  /* SLIDE */
 .slide{
    width: 100%;
    position:relative;
    margin: 0 auto;
    text-align: center;
    max-height: auto;
    overflow: hidden;

}
 /* QUEM SOMOS */
 #qs{
	background-image: url(../imagem/bk_qs.png);
	margin:0;
	padding:0;
	color: #E5DADA;

	 
 }
 
 #colqsesq{
	 background-color: #000;
}

 #colqsesq img{
	padding: 30%;
}
 
 #colqsdir{
	 background-color:#000;
	background-image: url(../imagem/bg_qs.jpg);
	background-repeat: none;
	overflow:none;
	min-height: 20em;
 }
 
  #colqsdir p{
	padding: 6em 1em 2em 1em;
	
  }
 
 

 /* REDES SOCIAIS */
 
 #rs{
	color:#3f707c;
 }
 
 #colrsesq{
	background-color: #2c89a0;
	min-height: 33em;
}

 #colrsesq img{
	padding: 30%;
 }
#colrsdir{
	background-color: #9cc6d1;
	padding: 2em;
	margin:0 auto;
	text-align: center;
 }

#rs img{
	margin-top: 3em;
}

#rs p{
	margin-top: 2em;
	text-align: left;
}
#rs h3{
	display: block;
	background-color: #4899ac;
	padding: 0.2em 1em;
	margin-top: 2em;
	color: #9cc6d1;
}
	
#rs ul{
	text-align: left;
	margin-top: 1em;
}
#rs li {
	margin-bottom:1em;
}

/* PRODUÇÕES AUDIOVISUAIS */
 #pa{
	color: #551e1b;
 }
 
 #colpaesq{
	background-color: #551e1b;
	min-height: 34em;

}

 #colpaesq img{
	padding: 50% 30%;
 }
#colpadir{
	padding:3em;
	background-color: #aa7764;
 }
 
#pa p{
	margin-bottom:3em;
	padding:0.5em;
}
 #pa img{
	 float:left;

 } 
 
 /* QUERO UM VÍDEO, E AGORA? */

#quvtitulo {
	background-color: #aa7764;
 }

 .coltitulo{
	background-image: url(../imagem/bg_pa.jpg);
	height:6em;
	padding: 2em;
	text-align: center;
	margin: 0 auto;

 }

#quvtitulo h2{
	display: block;

 }

 
 #quv{
	background-color: #aa7764;
	color: #c8ada3;
 }
 
 #quv h3{
	 display: block;
	 width: 95%;
	 float: left;
	 background-color: #bf998b;
	 margin:2em 0;
	 padding-left: 1em;
	 color: #551e1b;
 }
 
 #quv img{
	 position: absolute;
	 bottom: 4em;
	 left: 5em;
 }
  
 #quv p {
	margin-top: 1em;
	padding: 0 1em;
	font-size:1em;
 }
 
.quv_ret{
	width: 90%;
	min-height: 40em;
	background-color: #551e1b;
	font-size:1em;

}


.colquv{
	background-color: #aa7764;
	min-height: 33em;
	padding-bottom:2em;
 }
 
 
 /* NOSSOS CLIENTES */
 
 #nc{
	 
 }
 
 #colncesq{
	 background-color: #808080;
	 min-height: 22em;
	

}
  #colncesq img{
	padding: 50% 30%;
  }
 
 #colncdir{
	background-color: #ccc;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
 }
 
 
 #colncdir div{
	margin:3em;
	width:140px;
	height:170px;
	float: left;
 }
 
  #colncdir img{
  }
 

 
  /* BARRA*/
 
 #barra{
	 
 }
 
 #colbresq{
	 background-color: #000;
	 height:2em;
}
 
 
 #colbrdir{
	background-color: #f2f2f2;
 }
 
/* FALE CONOSCO*/
 
#fale_conosco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

#fale_conosco h2{
    padding: 8px;
    margin-bottom: 1em;
    color: #fff;

}


#fale_conosco fieldset{
    margin-top: 2em;
    width: 90%;
    border: none;
   

}


#fale_conosco form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#fale_conosco label{
    width: 100%; 
    margin-bottom: 0.5em;
    font-size: 1.2em;
	color:#cccccc;

}


#fale_conosco form input{
    background-color: #cccccc;
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    padding-top: 10px;
	padding-left: 0.5em;
    padding-bottom: 10px;


}

#fale_conosco form textarea{
    background-color: #cccccc;
    color: #fff;
    font-size: 1.5em;
    margin-top: 1em;
    width: 100%;
}
    
#fale_conosco form button{
    background-color: #6a6a6a;
    color: #ffffff;
    font-size: 1.2em;
    border: 0px;
    width: 50%;
    margin-top: 20px;
}

#fale_conosco a:link, a:visited, a:hover{
    color: #9b9b9b;
    font-size: 1em;
    text-decoration: none;
    
} 

footer {
    background-color: #000;
    height: 2em;
    padding: 0.5em;
}

footer a:link, a:visited, a:hover{
    color:  #6a6a6a;
    font-size: 0.5em;
    text-decoration: none;
    
}