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

@import url("geral.css");


#boxVideosInstitucionais{
width:450px;
}
#boxVideosInstitucionais .video{
background-image:url(../img/img-videos-institucionais/fundo.jpg);
background-repeat:no-repeat;
background-position:top center;
height:474px;
}
#boxVideosInstitucionais .video div.texto{
padding-top:40px;
height:42px;
padding-left:10px;
width:250px;
}
#boxVideosInstitucionais .video .player{
margin-top:100px;
margin-left:65px;
width: 308px;
height: 275px;
}
#boxVideosInstitucionais .video .descricaoPlayer{
margin-top:0px;
margin-left:65px;
width: 308px;
height: auto;
}
#boxVideosInstitucionais .chamada{

height:130px;
padding-top:110px;
padding-left:20px;
}
#boxVideosInstitucionais .titu-busca{
background-image:url(../img/img-videos-institucionais/fundo-busca.jpg);
background-repeat:no-repeat;
background-position:top right;
padding-top:9px;
padding-bottom:9px;
}
#boxVideosInstitucionais .titu-busca .busca-video{
color:#01a8ba;
font-size:14px;
font-weight:bold;
}
#boxVideosInstitucionais #boxBuscaTurma{
background-color:#E9E7E8;
padding-top:10px;
height:30px;;
margin-bottom:20px;
}
#boxVideosInstitucionais #boxBuscaTurma div{
float:left;
}
#boxVideosInstitucionais #boxBuscaTurma div.busca{
width:350px;
padding-left:10px;
}
#boxVideosInstitucionais #boxBuscaTurma input{
border:solid 1px #01a8ba;
height:17px;
}
#boxVideosInstitucionais #boxBuscaTurma .botao-buscar{
border:none;
height:30px;
padding-top:3px;
}
#boxVideosInstitucionais #boxBuscaTurma .botao-buscar input{
border:none;
height:17px;
}
#boxVideosInstitucionais #boxBuscaTurma .selecionar{
border:none;
margin-right:15px;
padding-top:2px;
}
#boxVideosInstitucionais #boxBuscaTurma .selecionar select{
height:18px;
}

#boxVideosInstitucionais #boxPersonagens{
background-color:#DDDDDD;
width:440px;
height:auto;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-top:5px;
}
#boxVideosInstitucionais #boxPersonagens #boxItens{
background-color:#FFFFFF;
height:85px;
padding-left:5px;
padding-bottom:5px;
padding-right:5px;
margin-bottom:10px;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div{
float:left;
display:table;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div.imagem{
width:80px;
height:auto;
margin-right:5px;
padding-top:5px;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div.texto{
width:345px;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div.texto p.titulo-personagem{
padding-bottom:3px;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div.texto p.titu-turma{
text-align:right;
color:#999999;
}
#boxVideosInstitucionais #boxPersonagens #boxItens div.texto p.bt-visualizar{
text-align:right;
height:15px;
}