@charset "utf-8";
/* CSS Document */
body{ 
    margin: #0;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #ffp;
	
	
} 
    
  .p{
	 height: 0; 
	  
  } 
 .pgstudio{
	 width: 100%;
	
	
	 
 } 

 .conteudo{
	 display: flex;
	
	
 } 
 
 .homer {
	  
	  background: #333; 
	  border: 2px solid #a1a1a1;
	  border-radius: 50px;
	  height: 30px;
  } 
  
   .homer h2 {
	  margin-top: 3px;
	  margin-left: 10%;
	  color: #A87B5B;
	  font-family: sans-serif;
	  font-size: 20px;
	  
	  
  }
 .card{
	 width: 30%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 
 }
 .card img{
	 border-radius: 100px;
	 border-left: 5px solid #A87B5B;	
	 width: 150px;
	 height: 150px;
	 
	 
 }
 /* INICIO CARD SOBRE NÓS  */
 .card_sobre{
	 width: 50%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #999;
	 margin-top: 10px;
	 
 }
 
 
 .card_sobre img{
	 border-radius: 100px;
	 border-left: 5px solid #A87B5B;	
	 width: 150px;
	 
	 
 }
 .card_sobre h2{
	
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 16px;
	 color: #aa0713;
	 
 }
 
 .card_sobre h4{
	 
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 11px;
	 color: #333;
	 
 }
 
 .card_sobre button{
	 width: 150px;
	 height: 40px;
	 border-radius: 30px;
	 border: 1px solid #999;
	 
	 
 }
 .card_sobre button:hover{
	   cursor: pointer;
	   background: #999;
	 
	 
 }
 
 /* FINAL CARD SOBRE NÓS  */
 
 
 /* INICIO DIV VIDEO */
    .videos{ 
	 width: 30%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 text-align: left;
  }
  
  .videos span{
	  color: #A87B5B;
	  
  }
    .video{ 
	 margin: auto;
	 height: 220px;
	 border-radius: 5px;
	 border: 4px solid #A87B5B;
  }
 
 /* FINAL DIV VIDEO */
 
 /* INICIO CARD HOMER */
 .card_homer{
	 width: 50%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #999;
	 margin-top: 10px;
	 
 }
 
 
 .card_homer img{
	 border-radius: 5px;
	 border-left: 10px solid #A87B5B;	
	 width:100%;
	 height: 40%;
	 
 }
 
 
 
  .video{
	 
	 
 }
 
 .card_video{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 text-align: center;
	 
 }
  .card_video h4{
	  
	 width: 100%;
	 border-radius: 20px;
	 border: 0px solid #333;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 13px;
	 color: #aa0713;
	 text-align: center;
	 background: white;
	 
 }
 
 
 .card img{
	 border-radius: 100px;
	 border-left: 5px solid #A87B5B;	
	 width: 150px;
	 
 }
 .card h2{
	
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 16px;
	 color: #6A4F37;
	 
 }
 
 .card h4{
	 
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 11px;
	 color: #333;
	 
 }
 
 .card button{
	 width: 150px;
	 height: 40px;
	 border-radius: 30px;
	 border: 1px solid #999;
	 
	 
 }
 .card button:hover{
	   cursor: pointer;
	   background: #999;
	 
	 
 }
 .galeria{
	 display: flex;
	 
 }
 
 
 .card_galeria{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 	 
 }
 
 
 .card_galeria img{
	 width: 150px;
	 
 }
 .card_galeria h2{
	
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 16px;
	 color: #6A4F37;
	 
 }
 
 .card_galeria h4{
	 
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 11px;
	 color: #333;
	 
 }
 
 .card_galeria button{
	 width: 150px;
	 height: 40px;
	 border-radius: 30px;
	 border: 1px solid #999;
	 
	 
 }
 /*  INICIO FINAL CARD CONTATO */
 .card_contato{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 text-align: center;
	 
 }
 .form {
  margin-left: 50px;	 
  text-align: left;

 }
 .form input{
 padding: 3px;	 
 width:	80%; 
 }
 
 .form textarea{
 padding: 3px;	 
 width:	80%;
 height: 100px; 
 }
 .form button input{
	 border: 0px solid #789;
	 background: #333;
	 color: #fff;
 }
 .form button input:hover{
	 cursor: pointer;
	 background: #aa0713;
	 color: #999;
 }
 .card_contato img{
	 width: 100px;
	 
 }
 .card_contato h2{
	
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 16px;
	 color: #aa0713;
	 
 }
 
 .card_contato h4{
	 
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 11px;
	 color: #333;
	 
 }
 
 .card_contato button{
	 width: 150px;
	 height: 40px;
	 border-radius: 30px;
	 border: 1px solid #999;
	 background: #333;
	 
	 
 }
 .card_contato button:hover{
         cursor: pointer;
	     background: #aa0713;
	     color: #333;   
	 
	 
 }
 /*  FINAL CARD CONTATO */
 
 /*  INICIO DIV TRABALHOS DEMONSTRATIVOS */
 .trabalhos_d{
	 margin-left: 15px;
	 height: 20px;
	 border-radius: 70px;
	 border-left: 5px solid #aa0713;	
	 font-size:15px;
	 color: #fff;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 background: #333;
 }
 .trabalhos_d h4{
	 margin-left: 15px;
	
 }
 /*  FINAL DIV TRABALHOS DEMONSTRATIVOS */
 
 
 /*  INICIO FACEBOOK */
 .fb-page {
	 width: 100%;	
 }
 /*  FINAL FACEBOOK */
 .desc_p{
	 padding: 60px;
 }
 .desc_p h2{
	 font-size: 20px;
	 color: #aa0713;
	 font-family: Georgia, "Times New Roman", Times, serif;
 }
 
 .desc_p span{
	 font-size: 15px;
	 color: #000;
	 font-family: Georgia, "Times New Roman", Times, serif;
 }
 
 .jingle{
	 margin-top: 5px;
	 background: #999;
	 width: 81%;
	 border: solid 2px #999;
	 border-radius: 3px;
 }
 .musica{
	 color: #fff;
	 margin-top: 5px;
	 background: #aa0713;
	 width: 81%;
	 border: solid 2px #aa0713;
	 border-radius: 3px;
 }
 .conteudo span{
	 font-size: 15px;
	 color: #000;
	 font-family: Georgia, "Times New Roman", Times, serif;
 }

 .box_destaque{
  
  
 }

 .destaque{
	display: flex; 
	margin-left: 5%;
	padding: 15x;
	gap: 40px;
	 
 }
 .dest_clipe{
   width: 30%;
   height: 250px;
   background: #000;
   border-radius: 5px;
   border: 4px solid #A87B5B;

 }
  .dest_clipe h3{
       color:#6A4F37;
  }

  .dest_clipe span{
    color:#A87B5B;
  }

 .dest_destaq{
   display: flex;
   width: 60%;
   height: 250px;
   border-radius: 20px;
   border: 1px solid #A87B5B;
   text-align: center;
   gap: 5px;
 }
 .desc_blog button{
 width: 150px;
 height: 30px;
 color:#6A4F37;
 border-radius: 20px;
 border: 1px solid #A87B5B;

 

 }
.desc_blog button:hover{
  cursor: pointer;
  background: #A87B5B;
}


 .card_blog img{
	border-radius: 20px;
    border-left: 5px solid #6A4F37;
 }
.card_blog{
   padding: 20px;
}

.desc_blog{
    font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
   
}
.desc_blog h3{
	 font-size: 21px;
     color:#6A4F37;
}

.desc_blog span{
	 font-size: 15px;
     color:#A87B5B;
}

.desc_blog h5{
	 font-size: 12px;
	 font-family: Arial, Helvetica, sans-serif;
     color:#666;
}
 @media screen and (max-width: 720px){
	  .conteudo {
			   flex-direction: column;
			   
		   }
		   .card{
	       width: 80%;
		   margin: auto;
	       padding: 20px;
	       background: white;
	       border-radius: 5px;
	       margin-top: 10px;
		   
		   }

		   
		   
     .card_video{
	 width: 100%;
	 height: 100%;
	 margin: auto;
	 padding: 20px;
	 text-align: center;
	 
 }
  .videos{ 
	 background:#000;
	 margin-left: -30px;
	 width: 90%;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 text-align: left;
  }
 
     .galeria{
	 flex-direction: column;
	 
 }
	  
	 
     .card_galeria{
	 width: 80%;
	 height: 300px;
	 margin: auto;
	 padding: 20px;
	 text-align: center;
	 
 }
     .contato{
	 flex-direction: column;
	 
 } 
	 
	 
	.destaque{
     flex-direction: column;
  
            } 

   .dest_destaq{	
    flex-direction: column;


   }
   .dest_clipe{
   width: 93%;
   height: 250px;
   background: #000;

 }


 .dest_destaq{
   width: 100%;
   height: 250px;
   border-radius: 20px;
   border: 0px solid #A87B5B;
   text-align: center;
 }
 .card_blog img{
	margin-left: auto;
	 width: 50%;
	 border-left: 5px solid #A87B5B;
	 border-radius: 20px;	
 }
    .card_contato{
	 width: 320px;
	 height: 300px;
	 margin: auto;
	 padding: 20px;
	 text-align: center;
	 
 }
 
 .card_sobre{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #999;
	 margin-top: 10px;
	 
 }
 .card_homer{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #999;
	 margin-top: 10px;
	 
 }
 
 
   .fb-page {
    width: 100%;	
  }

  .card_contato{
	 width: 80%;
	 margin: auto;
	 padding: 20px;
	 background: white;
	 border-radius: 5px;
	 border: 0px solid #333;
	 margin-top: 10px;
	 text-align: center;
	  
  }  
  .desc_p{
	 margin-top: 300px;
	 
	 
  }
	 
 }
 
 #paginador {

	text-align: center;
	color: #aa0713;
	font-size: 13px;
    border-radius: 5px;
	padding: 6px;
	
	
}

  #paginador a{
	display: inline-block;
	zoom: 0;
	*display: inline;
	vertical-align: baseline;
	cursor: pointer;
	text-decoration: none;
	font: 12px Arial;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	zoz- -box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 50px;
	color: #d7d7d7;
	border: solid 1px #333;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top, #666, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
		
}
#paginador a:hover{
	text-decoration: none;
	background: #000;
		background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top, #444, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	}