/* ========= Responsive para desktop ========= */
@media all {

.TituloColecao {
    margin-top: 80px;
    font-family: GHTF Bold;
    font-size: 22px;
    color: black;
    line-height: 26px;
}

.TituloColecao1 {
    margin-left: 0;
}

.TituloColecaoAutor {
    font-style: Italic; 
    font-family: GHTF Medium, Arial;
    font-size: 16px; 
    color: black;
}

.TituloColecaoData {
    font-family: GHTF Medium, Arial;
    font-size: 16px; 
    color: black;
    line-height: 22px;
}

.BackgroundColecao {
    background-image: url('/Site/img/Pordata_BG_desktop.png?16307');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top;
}

.LivroIntro {
    text-align: left;
    float: left;
    margin-left: 30px;
}

.LivroIntroText {
    max-width: 50%;
    text-align: left;
    float: left;
    margin-left: 50px;
}

.LivroIntroText .TextoNormal {
    width: 80%;
    text-align: left;
}

.LivroIntro img {
    width: 100%;
    height: auto;
    max-width: 350px;
}

.Livro {
    width: 35%;
    text-align: left;
    float: left;
}

.LivroDescricao {
    width: 65%;
    text-align: left;
    float: left;
}

.CenterBox{
    float: left;
    margin-left: 375px;
}

.RightBox{
    float: right;
    margin-right: 50px;
}

.ImgEncontro {
    width: 100%;
    height: auto;
}

.AlturaLinha {
    height: 15px;
}

.LinhaSeparadora {
    margin-top: 25px;
    margin-bottom: 25px;
    clear: both;
    border-bottom: 1px solid #d4d1d1;
}

.CenterStage {
    font-family: "GHTF Light", "Arial";
}

.SubTitulo {
    font-family: "GHTF Bold", "Arial";    
    font-size: 28px; 
    font-weight: bold; 
    color: #56b0e4;
}

.Agenda {
    font-family: "GHTF Bold", "Arial";
    font-size: 28px; 
    font-weight: bold; 
    color: #56b0e4;
    margin-top: 30px;
}

.TextoNormal {
    font-family: "GHTF Book", "Arial";
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

.TextoComprar a,
.TextoComprar a:link,
.TextoComprar a:hover,
.TextoComprar a:visited {
    color: #56B0E4;
    font-weight: bold;
}

.TextoLink {
    font-family: "GHTF Book", "Arial";
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: underline;
}

.Hora {
    color: #56b0e4;
    font-weight: bold;
    font-size: 17px;
    float: left;
    width: 80px;
}

.HoraEvento {
    color: #000000;
    font-weight: bold;
    font-size: 17px;
    float: left;
    width: auto;
}

.HoraConteudo {
    float: left;
    width: 90%;
}

.OradoresAlign {
    margin-left: 0;
}

.NomeOrador {
    width: 200px;
    margin-left: 10px;
}

.NomeOrador a,
.NomeOrador a:link,
.NomeOrador a:visited {
    font-family: "GHTF Medium", "Arial";
    color: #005f94;
    font-size: 17px;
}

.NomeOrador a:hover {
    color: #56b0e4;
}

.Bio_Container {
    display: block;
}

.Bio_Container_Mobile {
    display: none;
}

.BioTitulo {
    background-color: #56b0e4;
    color: #ffffff;
    font-size: 17px;
    padding-top: 12px;
    clear: both;
}

.BioTitulo_Left {
    font-weight: bold;
    padding-left: 100px;
    float: left;
}

.BioTitulo_Right {
    font-weight: bold;
    float: right;
    color: #333333;
    font-size: 11px;
    margin-right: 20px;
    font-weight: normal;
}

.BioTitulo_Right a,
.BioTitulo_Right a:link,
.BioTitulo_Right a:visited,
.BioTitulo_Right a:hover {
    color: #005f94;
    font-weight: normal;
    font-family: "GHTF Bold", "Arial";
}

.BioTexto {
    background-color: #56b0e4;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 100px;
    text-align: left;
    clear: both;
}


/* ========= Biografia Forma II ========= */

.Bio_II_Titulo {
    background-color: #56b0e4;
    color: #ffffff;
    font-size: 17px;
    padding-top: 12px;
    clear: both;
}

.Bio_II_Titulo_Left {
    font-weight: bold;
    padding-left: 12px;
    padding-bottom: 15px;
    float: left;
}

.Bio_II_Titulo_Right {
    font-weight: normal;
    float: right;
    color: #005f94;
    font-size: 11px;
    margin-right: 12px;
}

.Bio_II_Titulo_Right a,
.Bio_II_Titulo_Right a:link,
.Bio_II_Titulo_Right a:visited,
.Bio_II_Titulo_Right a:hover {
    color: #005f94;
    font-weight: normal;
    font-family: "GHTF Bold", "Arial";
    font-size: 14px;
}

.Bio_II_Texto {
    background-color: #56b0e4;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    clear: both;   
    padding: 12px;
}


.LocalEvento {
    float: right;
    margin-right: 200px;
}

.DataEvento {
    float: left;
    margin-left: 250px;
}

.LivroDownloadContainer {
    margin-left: 0;
}

.LivroDownloadSeparator {
    border-left: 1px solid #CCCCCC; 
    border-top: 0;
    margin-left: 30px; 
    margin-right: 30px; 
    margin-top: 30px; 
    height: 130px;
    width: 0;
    float:left;
}

.LivroDownload,
.InfografiaDownload {
    float: left;
    margin-top: 27px; 
    text-align: left;
}

}

/* ========= Responsive Tablet ========= */

@media (max-width: 1000px) {

    .TituloColecao {
        margin-top: 20px;
        text-align: center;
    }

    .TituloColecao1 {
        margin-left: -180px;
    }

    .LivroIntro,
    .Livro,
    .LivroDescricao,
    .LivroIntroText {
        width: 100%;
        text-align: center;
        float: none;
        clear: both;
        margin-left: 0px;
        max-width: inherit;
    }

    .BackgroundColecao {
        background-image: url('/Site/img/Pordata_BG_mobile.png?16307');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
    }

    .Bio_Container {
        display: none;
    }

    .Bio_Container_Mobile {
        display: block;
    }

    .Hora {
        clear: both;
        width: auto;
    }
    
    .LocalEvento {
        margin-right: 50px;
    }

    .DataEvento {
        margin-left: 100px;
    }
    
    .CenterBox{
        margin-left: 230px;
    }

    .RightBox{
        margin-right: 20px;
    }

    .LivroDownloadContainer {
        margin-left: calc((100% - 465px) / 2);
    }
    

}

/* ========= Responsive Telemovel ========= */
@media (max-width: 600px) {

    .LivroDownloadContainer {
        margin-left: calc((100% - 200px) / 2);
        margin-top: 17px;
    }

    .LivroDownloadSeparator {
        border-left: 0; 
        border-top: 1px solid #CCCCCC; 
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 30px; 
        margin-bottom: 20px; 
        height: 0px;
        width: 210px;
        clear: both;
    }

    .LivroDownload,
    .InfografiaDownload {
        clear: both;
        margin-left: 10px;
        margin-top: 0;
    }

    .LivroIntro img {
        width: 80%;
        height: auto;
    }

    .LivroIntroText .TextoNormal {
        text-align: left;
    }

    .NomeOrador {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .Agenda {
        font-size: 24px; 
        font-weight: bold; 
        color: #56b0e4;
    }

    .AlturaLinha {
        height: 30px;
    }

    .CenterBox{
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-top: 30px;
    }

    .RightBox{
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .HoraEvento {
        font-size: 16px;
        clear: both;
        margin-top: 5px;
    }

    .HoraConteudo {
        clear: both;
        width: 100%;
    }

    .ShowPedroGoisBio {
        display:  none;
    }


    .OradoresAlign {
        margin-left: 0;
        text-align: center;
    }

    .Bio_II_Titulo_Right {
        font-weight: normal;
        float: right;
        color: #005f94;
        font-size: 11px;
        margin-right: 12px;
    }

    .LocalEvento {
        clear: both;
        float: none;
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .DataEvento {
        clear: both;
        float: none;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
  
    .SubTitulo {   
        font-size: 24px; 
    }
}