/*---------------------Content Dropdown--------------------*/
#selects{ display:table; width:100%; margin-bottom:0px; }
#selects select { float:left; border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin-right:10px; font-size:14px; min-width:80px; }

#list-content .favIcon { width: auto; height: auto; margin-right: 0; }
#box_cantando_historia .musica .favIcon { width: auto; height: auto; float: right; margin: 40px 10px 0 0; border-radius: 0; }

.buscar {padding-top: 17px;
	margin-left: 15px;
    padding-bottom: 4px;
    display: inline;
    float: left;
    position: absolute;}
a.buscar_bt{ width: 193px; height: 34px; background-color: #FFFFFF; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 16px; border: 2px solid #2398dd; padding: 5px 11px;  color:#2398dd; text-transform: capitalize; font-family: Ubuntu;  font-size:14px; text-transform: uppercase; font-weight: bold; }
h1.cantandohistoria { font-size: 26px; font-family: Ubuntu; color: #25668d; margin-top: 30px; margin-bottom: 0px;}
#list-content h2 { font-size:16px; font-family:Ubuntu; color:#2398dd; margin-top:0px; margin-bottom:10px; float:none; line-height:18px; margin-right:14px; font-weight:500; }
#list-content h3 { font-weight:300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom: 0px; float: none; line-height: 16px;margin-right: 14px;}

#box_cantando_historia .content .post span.conheca_holder { position:absolute; top:160px; display:inline; float:left; margin-right:0px; }
a.conheca_bt{ width: 180px; height: 34px; background-color: #FFFFFF; border-radius:15px; -moz-border-radius: 15px;-webkit-border-radius: 16px; border: 2px solid #2398dd; padding: 5px 11px;  color:#2398dd; text-transform: capitalize; font-family: Ubuntu;  font-size:13px; text-transform: uppercase; font-weight: bold; }

#box_cantando_historia{ }
#box_cantando_historia .content{}
#box_cantando_historia .col-1-3{width: 33.27%;}
#box_cantando_historia .content .post { position:relative; padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;padding-left: 0px;padding-right: 0px;}
#box_cantando_historia .content div:nth-child(3n+1) { border-left:none; }

#box_cantando_historia .box {width: 100%; display: table; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; margin-bottom: 30px; margin-top:35px; }
h1.cantandohistoria { color: #2398dd; font-family: Ubuntu; font-size:26px; margin-bottom: 0px; font-weight: 400; }
.musica h2{ color: #25668d;font-family: Ubuntu; font-size:26px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}
.musica h3 { font-weight:300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom: 15px; float: none; line-height: 17px;margin-right: 14px; padding-top: 5px; display: table;}
.box div.cor_azul16 { color: #2398dd; font-weight: bold; float: left; margin-right: 8px; font-size: 16px;}
div.holder_bts{float: right; display: inline-block;}
.box a.bt{width: 112px;height: 24px;background-color: #FFFFFF;border: 1px solid #f3f3f3;padding: 6px 11px;color:#2398dd;font-family: Ubuntu;font-size:14px;font-weight: 300;margin: 0px 0px 10px; float: left; text-align: center;}
.box a.bt.active{width: 112px;height: 24px;background-color: #335b85;border: 1px solid #a0b2c6;padding: 6px 11px;color:#2398dd;font-family: Ubuntu;font-size:14px;font-weight: 300;margin: 0px 10px 10px; text-align: center;}

#box_cantando_historia img { max-width:166px; width: 100%; height: auto; margin-left:20px; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left; }
#box_cantando_historia .musica img { max-width: 40%; }
#box_cantando_historia .musica .box img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; margin-left:0; float: left; border-radius:50%; }
#box_cantando_historia .musica p { margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px;}

#box_traducao { position: relative; display: table; margin: 35px auto 0px; width:100%; }
#box_traducao div.right { text-align: left; display:inline-block; width: 33%; float: none !important; }
#box_traducao div.left { text-align: right; display:inline-block; padding-right:29px; width: 33%; float: none !important; margin-left: 15%; }
#box_traducao div.left p, #box_traducao div.right p { width: 100%; }
#box_traducao div.center { text-align: left; width: 50%; margin:0 0 0 33%; display: inline-block; }
#box_traducao div .height1, #box_traducao div .height1 span {height: 1.45em;}
#box_traducao div .row { display: block; position: relative; padding-left:0px; padding-right: 0px;}
#box_traducao div .row span { cursor: pointer; display: block;}
.musica .video { display:block; width:100%; text-align: center; }
/*#box_traducao iframe { width: unset; height: unset; }*/

.letra h4{ color: #7b7b7b;font-family: Roboto; font-size:15px; margin-bottom: 0px; font-weight: 400; float:none; margin-top: 0px;}
.letra p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:15px;display:table; padding-left: 15px; padding-right:15px; color:#7b7b7b;}
.traducao h4{ color: #335b85;font-family: Roboto; font-size:15px; margin-bottom: 0px; font-weight: 400; float:none; margin-top: 0px; font-weight: 400;}
.traducao p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:15px;display:table; padding-left: 15px; padding-right:15px; color:#335b85;}
.holder_bt_ver{visibility: none; display: none;}

/*.subtitle { padding-top: 0; }*/

@media (max-width: 1144px) {
    #box_cantando_historia img { max-width:136px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
    #box_cantando_historia .musica .box img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
    #box_cantando_historia .content .post span.conheca_holder { top:130px; }
}

@media only screen and (min-width: 968px) and (max-width: 1066px) {
    #box_cantando_historia img{ max-width:110px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
    #box_cantando_historia .musica .box img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
    #box_cantando_historia .col-1-3{ width: 33%;}
    #box_cantando_historia .content .post { min-height:150px; }
    #box_cantando_historia .content .post span.conheca_holder { top:130px; font-size:12px; }
    #box_cantando_historia .box { margin-top: 0; }
    a.conheca_bt { font-size:12px; }
}

@media only screen and (min-width: 820px) and (max-width: 967px) {   
    #box_cantando_historia img{ max-width:106px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
    #box_cantando_historia .musica .box img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
    #box_cantando_historia .col-1-3{width: 49%;}
    #box_cantando_historia .content .post { min-height:110px; }
    #box_cantando_historia .content div:nth-child(3n+1) { border-left:1px solid #E1E1E1; }
    #box_cantando_historia .content div:nth-child(2n+1) { border-left:0; }
    #box_cantando_historia .content .post span.conheca_holder { top:100px; }
    #box_cantando_historia .box { margin-top: 0; }
}

@media (max-width: 819px) {
    #selects{ display: table; width: 100%; margin-bottom: 23px;}
    #box_cantando_historia .col-1-3{width: 49%;}
    #box_cantando_historia .content .post {min-height:130px;}
    #box_cantando_historia .content div:nth-child(3n+1) { border-left:1px solid #E1E1E1; }
    #box_cantando_historia .content div:nth-child(2n+1) { border-left:0; }
    #box_cantando_historia img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
    #box_cantando_historia .musica .box img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
}

@media (max-width: 814px) {
    #selects{ display: table; width: 100%; margin-bottom: 23px;}
    #box_cantando_historia .col-1-3{width: 49%;}
    #box_cantando_historia .content .post {min-height:150px;}
    #box_cantando_historia img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
    #box_cantando_historia .musica .box img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
    #box_cantando_historia .content .post span.conheca_holder { top:95px; }
    #box_cantando_historia .content .post { min-height:105px; }
    #box_cantando_historia .box { margin-top: 0; }
    h1.cantandohistoria { margin: 0px; }
}

@media (max-width: 767px) {
    #box_traducao div.right{ text-align: left; display: table-cell; }
    #box_traducao  div.left{ text-align: right;  display: table-cell; padding-right:29px;}
    #box_traducao {display: block; margin: 35px auto 0px; width:100%;}
    .musica .video{display: block; padding-right: 0px; position: relative; right: 0px; width: auto; margin-bottom: 38px;}
    .musica .video iframe { width: 100%;  max-height: 350px; height: 100%;  min-height: 350px; }
    #box_cantando_historia .box { margin-top: 0; }
}

@media (max-width: 660px) {
    h1.cantandohistoria { margin-top: 0px; }
    #box_cantando_historia .col-1-3{width: 100%;}
    #box_cantando_historia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
    #box_cantando_historia .box { width: 100%; display: table; padding-bottom: 0px; border-bottom:0; }
    #box_cantando_historia .content div:nth-child(3n+1) { border-left:1px solid #E1E1E1; }
    #box_cantando_historia .content div:nth-child(2n+1) { border-left:0; }
    #box_cantando_historia .musica .box img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
    #box_cantando_historia .box { margin-top: 0; }
    #box_cantando_historia .traducao .height1 { margin-bottom: 0; }
    div.holder_bts { float: none; display: inline-block; width:100%; text-align: center; padding-top: 20px; border-top:1px solid #e1e1e1; }

    .box a.bt{float:none;}

    #box_traducao div.right{ text-align: left; display: table-cell; }
    #box_traducao  div.left{ text-align: right;  display: table-cell; padding-right:29px;}
    #box_traducao {display: block; margin: 35px auto 0px; width:100%;}
    .musica .video{display: block;  padding-right: 0px;  position: relative;  text-align: center; right: 0px; width: auto; margin-bottom: 38px;}
    .musica .video iframe{width: 100%;  max-height: 350px; height: 100%;  min-height: 244px;}
}

@media (max-width: 619px) {
    h1.cantandohistoria { margin-top:0px; color: #2398dd; font-family: Ubuntu; font-size:18px; margin-bottom: 0px; font-weight: 400;}
    .musica h2 { color: #25668d;font-family: Ubuntu; font-size:18px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 0px;}
    #box_cantando_historia .musica .box img { max-width:106px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left;}
    #box_cantando_historia .musica p { padding: 0; }
    #box_traducao div.left { text-align: center; display: block; padding-right: 0px; width: 100%; line-height: 20px; margin-left: 0; }
    #box_traducao div .height1, #box_traducao div .height1 span {height: 1.25em;}
    .holder_bt_ver{visibility: show; display: block; width: 100%; text-align: center;margin-top: 30px; margin-bottom: 30px; }
    .holder_bt_ver a{ color: #ebad29;font-family: Roboto; font-size:15px; text-decoration: none; text-transform: lowercase; }
    #box_traducao div.right { text-align: center; display: block; width: 100%; line-height: 20px;}    
}

@media (max-width: 480px) {
    #box_cantando_historia .col-1-3{width: 100%;}
    #box_cantando_historia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
    #box_cantando_historia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px;}
    #box_cantando_historia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
    #box_cantando_historia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
    #box_cantando_historia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom:  1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
    #box_cantando_historia .box { margin-top: 0; margin-bottom: 0; }
    #box_cantando_historia .musica .favIcon { width: 16px; float: right; margin: 5px 5px 0 0; }


    #selects { max-width: 180px; }

    .musica h2 { margin-bottom: 0px; }
    .musica h3 { margin-bottom: 10px; }
    .box div.cor_azul16 { font-size: 14px; }

    /*
    From: Luciana Silva <lilizim@gmail.com>
    Date: 2017-01-24 12:22 GMT-02:00
    Subject: Re: Site - Seção Autotestes
    */
    _:-ms-lang(x),label.dropdown select { padding:4px 40px 8px 10px;  margin-bottom:10px;}  
    _:-ms-lang(x),label.dropdown:after { margin:-6px 4px; width: 27px;}
    _:-ms-lang(x),label:nth-last-child(2).dropdown{margin-left: 0px; margin-top:10px;}      
    _:-ms-lang(x),label:nth-last-child(2).dropdown::after{width: 27px; margin:-6px 5px;}      
     
        @media screen and (min--moz-device-pixel-ratio:0) {
            #selects{max-width: 140px;}
            label.dropdown select { padding:4px 40px 8px 10px; margin-bottom: 10px; }
            label.dropdown:after { text-indent: 14px; width: 29px; padding: 0 0 5px 0;  margin:-5px 2px;}
            label.dropdown:nth-last-child(2){ margin-left:0px; margin-top:10px; }
            label.dropdown:nth-last-child(2):after{ margin:-5px 2px; }
        }

    .selector:not(*:root), #selects {max-width: 271px; }
    .selector:not(*:root), .dropdown:before{    content: '';
    width: auto;
    font: 16px Ubuntu;
    color: #7b7b7b;
    float: left;
    pointer-events: none;}
    .selector:not(*:root), #selects label.dropdown select { margin-bottom: 10px; }
    .selector:not(*:root), #selects label.dropdown:after{content: '>'; font: 16px Ubuntu; background: #e1e1e1; color: #7b7b7b; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 1px; top: 0px; border: 1px solid #aaa; position: absolute; pointer-events: none; width: 28px; padding: 0 0 5px 0; text-indent: 14px;}
    .selector:not(*:root), #selects label.dropdown:nth-last-child(2){ margin-left:0px; margin-top: 15px;}
    .selector:not(*:root), #selects label.dropdown:nth-last-child(2):after { content: '>'; font: 16px Ubuntu; background: #e1e1e1; color: #7b7b7b; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: -2px; top: 0px; border: 1px solid #aaa; position: absolute; pointer-events: none; width: 28px; padding: 0 0 5px 0; margin-right: 1px; text-indent: 14px;}
    #box_cantando_historia .musica .box img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left;}
}