body{
    background-color: #000000;
    font-family: 'din_lightregular';
    color: #fff;
}

.section_logo {
    background-size: cover;
    background-image: url("../img/bg_logo.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}

.logo{
    text-align: center;
}

.logo img{
    width: 90%;
    max-width: 500px;
    margin: 0px 5% 0px 5%;
}

.section_tit {
    text-align: left;
    background: url("../img/tit_bg_blanco.png");
    background-repeat: no-repeat;
    margin: 15px 0px 15px 0px;
    display: inline-block;
    width: 100%;
    font-family: 'din_blackregular';
}


.section_proyecto  .section_tit {
    background-position: 240px 15px;
}

.section_personajes  .section_tit {
    background-position: 240px 15px;
}

.section_invasores  .section_tit {
    background-position: 215px 15px;
}

.section_itinerario  .section_tit {
    background-position: 220px 15px !important;
}

.section_narrativas  .section_tit {
    background-position: 460px 15px;
}

.section_mediaticas  .section_tit {
    background-position: 448px 15px;
}

.section_tiemporeal .section_tit {
    background-position: 245px 15px;
}

.section_tesis .section_tit {
    background-position: 323px 15px;
}

.section_investigacion .section_tit {
    background-position: 755px 15px;
}

.section_creditos .section_tit {
    background-position: 200px 15px;
}

.section_tit h1{
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 0px 30px;
    color: #fff;
    letter-spacing: 1px;}

.section_content{

}


.section_proyecto {
    background-size: cover;
    background-image: url("../img/bg_proyecto.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}

.section_prezi {
    background-size: cover;
    background-image: url("../img/bg_prezi.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}

.section_prezi_link {
    background-size: cover;
    background-image: url("../img/bg_prezi.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}

.prezi_imagen{

    text-align: center;}

.prezi_imagen img{
    /* width: 90%; */
    /* height: 90%; */
    max-width: 1100px;
    max-height: 500px;
    margin: 0px auto 0px auto;
    border: 10px solid #fff !important;
}


.section_prezi .section_content{
    width: calc(90% - 20px);
    height: calc(90% - 20px);
    margin: 3% 0% 0% 5%;
    border: 10px solid #fff;
}

.section_personajes {
    background-size: cover;
    background-image: url("../img/bg_personajes.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}


.section_tiemporeal {
    background-size: cover;
    background-image: url("../img/bg_logo.jpg");
    padding: 75px 0 0 0;
    background-color: #000000;
}

.section_tiemporeal .section_content{
    text-align: center;
}

.section_tesis {
    background-size: cover;
    /* background-image: url("../img/bg_logo.jpg"); */
    padding: 75px 0 0 0;
    background-color: #000000;
}

.section_creditos {
    background-size: cover;
    background-image: url("../img/bg_creditos.jpg");
    padding: 75px 0 0 0;
    background-color: #000000;
}


.section_creditos .section_content{

    height: 90%;}

.section_creditos .section_content .cuerpo{

    text-align: center;

    margin: 20px 0px 0px 0px;font-size: 16px;}

.creditos_grupo{
    margin: 0px 0px 40px 0px;
}

.creditos_grupo .italic{
    margin: 0px 0px 10px 0px;
}

.logo_periodismo{
    margin: 0px 0px 50px 0px;
}

.logo_unlp{
    margin: 0px 0px 50px 0px;
}

.section_tesis .section_content iframe{

    width: 100%;margin: 0 auto 0 auto;border-width: 0px !important;
}



.section_personajes .fp-tableCell,
.section_invasores .fp-tableCell{
    padding: 0px 60px 0px 60px;
}

.section_personajes .fp-tableCell > span,
.section_invasores .fp-tableCell > span{
    width: 22% !important;
    margin: 0 5% 0 5% !important;
}

.section_personajes .fp-tableCell > span img,
.section_invasores .fp-tableCell > span img{
    width: 100% !important;
    height: auto !important;
}

.section_invasores {
    background-size: cover;
    background-image: url("../img/bg_invasores.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}


.section_narrativas {
    background-size: cover;
    background-image: url("../img/bg_narrativas.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}


.section_narrativas .section_content{
    width: calc(90% - 20px);
    height: calc(90% - 20px);
    margin: 1% 0% 0% 5%;
}

.section_narrativas .section_content iframe{
    border: 10px solid #fff;
}

.section_mediaticas {
    background-size: cover;
    background-image: url("../img/bg_mediaticas.jpg");
    padding: 0% 0 0 0;
    background-color: #000000;
}


.section_mediaticas .section_content{
    width: calc(90% - 20px);
    height: calc(90% - 20px);
    margin: 1% 0% 0% 5%;
}

.section_mediaticas .section_content iframe{
    border: 10px solid #fff !important;
}

.section_trailer{

}

.section_trailer .section_content{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.section_trailer .section_content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section_proyecto .section_content{
    width: 80%;
    height: calc(90% - 20px);
    max-width: 960px;
    margin: 1% auto 0% auto;
    font-size: 22px;
}

.section_proyecto .section_content p.center{

    font-size: 30px;}

.bold{
    font-family: 'din_blackregular';
}

.center{
    text-align: center;
}

.titulo{
    font-family: 'din_blackregular';
    text-align: center;
    font-size: 60px;
}

.bajada{

    text-align: center;font-size: 26px;margin: 0px 0px 50px 0px;}

.cuerpo{
    font-size: 24px;
}

.cuerpo a {
    font-family: 'din_blackregular';
}


.menu{
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    position: absolute;
    top: 0px;
    background: #000;
}

.menu ul {
    border-collapse: collapse;
    border-spacing: 0!important;
    border-style: none!important;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.menu ul li {
    display: table-cell;
}

.menu ul li a{

    font-size: 12px;}

.menu ul li a:hover,
.menu ul li a.selected{

    opacity: 0.75;}

a{

    color: #fff;text-decoration: none;}

a:hover{

    opacity: 0.75;}