.conteudo{
    display: inline-block;
    height: auto;
     
    width: 100%;
    margin: auto;
    line-height: 1.20;
}

 
.div_reproducao{  float:left; width: 60%; height: 100%;    margin: 1.5% 1.5% 0% 1.5%;   background-color: white;    padding: 10px;}
.div_player{  position: relative;   width: 100%;  height: auto;  background: url(img/video.jpg) no-repeat;  }
.div_video_name{ background-color: rgba(30,40,146); font-size: 0.9em;  margin-top:  5px; padding: 10px;   width: 100%; height: 40px;     }
 
.div_publicacoes{float:right; min-width: 330px;   width: 35%; margin: 1.5% 1.5% 0% 0%;       }
                                                            
                                                                                                                                    
.div_banner{ padding: 5px;  position: absolute;  width: 160px; height: 45px ; }
.div_titulo{  text-align: center;  padding-top: 0; float: left;  width: 140px; height: 30px ;    }


 .float_right{ float: right; }
 .float_left{ float: left;   }


/* PESQUISAS */

.div_pesquisa{ padding: 5px; width: auto; position:relative;  float: right;    width: 50%; height: 40px;     }
.txt_pesquisa{ border-radius: 2px; padding: 5px; border:solid 0.5px;  width: 50%; height: 27px;   }
.btn_pesquisa{border-radius: 2px;   width: 20%; height: 27px; cursor: pointer; border: solid 0px;  }



/* COMENTARIOS */

.name_video{  color: white;  font-size: 1.2em;}
.comentarios{  position: relative;  border-radius: 7px; background: linear-gradient(to bottom,#ddd , #666); margin: 10px; width: 350px;  height: 400px;   }
.c_list{ width: 325px;  margin: 5px; padding:10px;    }
.txt_comentarios{ margin-left: 10px; width: 50%; height: 25px; float: left;    }
.btn-comentar{ width: 50%;  margin-right: 10px; float: right; height: 22px; background: linear-gradient(to bottom, #ddd, #226622  );  } 
.ctrl_comentarios{ padding: 5px; margin: 15px; position: relative;  width:290px;   height: 34px; }




/* PLAYLIST */
.faixa{ min-width: 300px;  margin: 4px; padding: 5px; border-radius: 7px; background-color: #FFF; }
.playlist{ height:auto;  overflow: scroll; border-radius: 3px; background-color: white;    padding: 5px;  }
.btn-faixa{  min-width: 270px; width: 100%; height: 80px; background-color: white; padding: 4px; border-radius: 5px;    cursor: pointer; padding: 0}
.faixa  { }

.div_img{display: inline-block; float: left;  width: 144px; height:100%; overflow: hidden; padding: 0px;}
.div_img img{width:100% height:100%;   color:white; }
.div_img div{border-radius: 3px; text-align: center; width: 45px; height: 16px; background-color: rgba(0,0,0,0.7);   margin-top: 60px;  margin-left: 90px;  }
.div_img div p{  font-size: 0.7em; color: white; padding: 2px;  }

.div_nome{ display: inline-block; margin-left: 15px; width: 45%; height:100%; padding: 10px;}
.div_nome p{    color: black; font-size: 0.8em;  text-shadow: 1px 1px 5px black; }












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

 
    .div_reproducao{   width: 97%; height: auto;      margin: 1.5% 1.5% 1.5% 1.5%;   background-color: white;    padding: 10px;}
    .div_player{  position: relative;   width: 100%;  height: 100%;  background: url(img/video.jpg) no-repeat;  }
         
    .div_publicacoes{  display: block; min-width: 320px;   width:97%; margin: 1.5% 1.5% 0% 0%;       }
                                                                
           
        
    
    /* PLAYLIST */
    .faixa{  margin: 4px; padding: 5px; border-radius: 3px; background-color: #FFF; }
    .playlist{ height: 100%;   border-radius: 3px; background-color: white;    padding: 5px;  }
    .btn-faixa{  position: relative; width: 100%; height: 75px; background-color:white; padding: 4px; border-radius: 5px;   cursor: pointer; padding: 0}

    .div_img{display: inline-block; float: left;  width: 144px; height:100%; overflow: hidden; padding: 0px;}
    .div_img img{width:100% height:100%;   color:white; }
    .div_img div{border-radius: 3px; text-align: center; width: 45px; height: 16px; background-color: rgba(0,0,0,0.7);   margin-top: 60px;  margin-left: 90px;  }
    .div_img div p{  font-size: 0.8em; color: black; padding: 2px;  }


 


    .div_banner{ padding: 5px;  position: absolute;  width: 160px; height: 45px ; }
    .div_titulo{  text-align: center;  padding-top: 0; float: left;  width: 140px; height: 30px ;    }
    


    
     .float_right{ float: right; }
     .float_left{ float: left;   }
    
    
    /* PESQUISAS */
    
    .div_pesquisa{ padding: 5px; width: auto; position:relative;  float: right;    width: 50%; height: 40px;     }
    .txt_pesquisa{ border-radius: 2px; padding: 5px; border:solid 0.5px;  width: 50%; height: 27px;   }
    .btn_pesquisa{border-radius: 2px;   width: 20%; height: 27px; cursor: pointer; border: solid 0px;  }
    
    
    
    /* COMENTARIOS */
    
    
    .comentarios{width: 97%;  height: 400px; padding: 10px;   position: relative;  border-radius: 7px; background: linear-gradient(to bottom,#ddd , #666); margin: 10px;   }
    .c_list{ width: 325px;  margin: 5px; border: 1px solid;   padding:10px;    }
    .txt_comentarios{ margin-left: 10px; width: 50%; height: 25px; float: left;    }
    .btn-comentar{ width: 50%;  margin-right: 10px; float: right; height: 22px; background: linear-gradient(to bottom, #ddd, #226622  );  } 
    .ctrl_comentarios{ padding: 5px; margin: 15px; position: relative;  width:290px;   height: 34px; }
    
    


}