/*BODY,LO QUE SE APLICA A TODOS*/
    
    body {
        background-color: transparent;
        font-family: 'Arial', 'Helvetica', serif;
        margin-bottom: 8px;
        line-height: 15px;
    }
    
    ::selection {
        background: transparent;
        color: white;
        /* WebKit/Blink Browsers */
    }
    
    ::-moz-selection {
        background: transparent;
        color: white;
        /* Gecko Browsers */
    }
    
    #iframeContent {
        position: absolute;
        border: 0px;
        z-index: 80;
        cursor: pointer;
    }
    
    #video {
        position: relative;
        display: block;
        margin: 0;
    }
    
    hr {
        margin-left: 0px;
        width: 700px;
    }
    
    h1 p {
        text-align: center;
        padding: 2px;
        color: black;
        background-color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: thin;
        width: inherit;
    }
    
    h2 p {
        font-size: 14px;
        margin-bottom: 8px;
        color: black;
    }
    
    h3 p {
        color: white;
        background-color: black;
        z-index: 120;
        position: fixed;
        font-family: 'Arial', 'Helvetica', serif;
        right: 30px;
        font-size: 10px;
        bottom: 0px;
        width: auto;
        padding: 4px 8px 4px 8px;
        margin: 10px 0px 10px 0px;
    }
    /*MENU LATERAL DE NAVEGACION
////////////////////////////////////*/
    
    #mainMenu {
        font-family: 'Arial', 'Helvetica', serif;
        z-index: 120;
        font-size: 11px;
        position: fixed;
        height: 20px;
        left: 21px;
        top: 10px;
        color: black;
        padding: 12px;
        padding-top: 8px;
        padding-left: 0px;
    }
    
    #upper_menu {
        position: relative;
        left: 5px;
        width: 100%;
    }
    
    #upper_menu p {
        position: relative;
        float: left;
        margin: 0px 0px 0px 10px;
    }
    
    nav ul {
        float: left;
        position: relative;
    }
    
    nav ul li {
        margin-bottom: 8px;
        cursor: pointer;
    }
    
    nav ul li a {
        color: black;
        text-decoration: none;
    }
    
    nav ul li a:hover {
        color: white;
        background-color: black;
        width: 130px;
        height: 12px;
    }
    
    nav ul ul li a {
        margin-left: 8px;
    }
    /*TODO LO QUE SE SIEMPRE ESTA ESTATICO: HEADER-MAL////////////////////////////////////*/
    
    #header {
        background-color: #fff;
        width: 100%;
        top: 0px;
        position: fixed;
        left: 0px;
        width: 100%;
        height: 40px;
        z-index: 120;
    }
    
    #lorenamal {
        z-index: 120;
        position: fixed;
        width: 120px;
        left: 20px;
        top: 0px;
        height: 40px;
        font-family: 'Arial', 'Helvetica', serif;
    }
    
    #lorenamal p {
        position: fixed;
        font-size: 12px;
        left: 21px;
        color: #dbdbdb;
        top: 15px;
    }
    
    #lorenamal a {
        text-decoration: none;
        color: inherit;
    }
    
    #lorenamal a:hover {
        color: white;
        background-color: black;
    }
    
    #menu_seleccion {
        position: fixed;
        z-index: 120;
        font-family: 'Arial', 'Helvetica', serif;
        color: #bdbdbd;
        font-size: 11px;
        line-height: 1.8;
        width: 80px;
        float: right;
        top: 80px;
        margin-left: 21px;
    }
    
    #menu_seleccion ul {}
    
    #menu_seleccion a {
        color: inherit;
        text-decoration: none;
    }
    
    #menu_seleccion a:hover {
        cursor: pointer;
        background-color: black;
        color: white;
    }
    /*MENU IDIOMAS
////////////////////////////////////*/
    
    #lan {
        font-family: 'Arial', 'Helvetica', serif;
        z-index: 120;
        font-size: 10px;
        position: fixed;
        top: 0px;
        right: 0px;
        color: inherit;
    }
    
    #headereng {
        color: black;
        padding: 5px;
    }
    
    #headeresp {
        padding: 5px;
    }
    
    #lan a {
        color: inherit;
        text-decoration: none;
        margin-top: 10px;
    }
    
    #lan a:hover {
        color: white;
        background-color: black;
    }
    /*@media screen and (min-width:800px) {
    #lan {
        position:absolute;
    }
}*/
    /*SECCIONES DE CONTENIDO////////////////////////////////////////////////////////////////////////////*/
    
    #mainworkContent {
        position: absolute;
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        top: 280px;
        width: 70%;
        left: 15%;
    }
    
    #mainworkContent p {
        margin-bottom: 8px;
        line-height: 15px;
        width: 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%;
    }
    /*MAIN CONTENT*/
    
    #mainwebContent {
        position: absolute;
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        width: 100%;
        margin-left: 25%;
        right: -25%;
        top: 80px;
    }
    
    #mainwebContent p {
        margin-bottom: 8px;
        line-height: 15px;
        width: 90%;
    }
    
    #mainContent {
        position: absolute;
        top: 300px;
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        width: 100%;
        right: -28%;
        margin-left: 30%;
    }
    
    #mainContent p {
        margin-bottom: 8px;
        line-height: 15px;
    }
    
    .pro_caption {
        padding-top: 18px;
    }
    
    #fluidContent {
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        bottom: 0px;
        margin-left: 0px;
    }
    
    #mainContent hr {
        width: 600px;
    }
    
    .right p {
        text-align: right;
    }
    
    #mainContent a {
        color: inherit;
        text-decoration: underline;
        cursor: pointer;
    }
    
    #mainContent a:hover {
        color: white;
        background-color: black;
    }
    
    #bio {
        position: relative;
        width: 800px;
        margin-top: 21px;
        height: 200px;
        text-align: justify;
    }
    
    .workmenu {
        font-size: 11px;
        font-family: 'Arial', 'Helvetica', serif;
        position: fixed;
        z-index: 180;
        top: 80px;
        left: 0px;
        color: white;
        margin-left: 0px;
    }
    
    .workmenu p {
        color: white;
        background: black;
        margin-bottom: 10px;
        padding: 5px 4px 5px 8px;
    }
    
    .workmenu a {
        color: white;
        text-decoration: none;
    }
    
    .workmenu a:hover {
        text-decoration: underline;
        color: white;
    }
    
    .skip {
        position: absolute;
        left: 850px;
        width: 250px;
    }
    
    .skip span {
        margin-right: 8px;
    }
    
    #fullContent {
        position: absolute;
        width: 100%;
        left: 50%;
        margin-left: -400px;
    }
    
    #Descripcion {
        position: absolute;
        top: 550px;
    }
    /*COLUMNAS NEWS////////////////////////////////////*/
    
    .newscolumn {
        width: 250px;
        padding-right: 21px;
        padding-left: 21px;
        height: auto;
        float: left;
        text-align: justify;
        margin-bottom: 40px;
    }
    
    section {
        position: relative;
    }
    
    .newscolumn img {
        margin-top: 8px;
        margin-top: 8px;
    }
    /*OBRA
@media screen and (max-width: 1160px) {
    #mainContentObra {
        position: absolute;
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        width: 900px;
        left: 697px;
        margin-left: -450px;
        top: 60px;
    }
}

/*MENU OBRA
////////////////////////////////////*/
    
    .menuObra {
        display: flex;
        flex-wrap: wrap;
    }
    
    .demo {
        position: absolute;
        flex-grow: 1;
        top: 0px;
        margin-left: 20%;
        right: 20% background-color: white;
        font-family: 'Arial', 'Helvetica', serif;
        font-size: 11px;
        width: 60%;
        max-width: 80%;
        overflow-x: auto;
    }
    
    .workwrap {
        padding-top: 66px;
        display: flex;
    }
    
    .workitem {
        line-height: 15px;
        flex-shrink: 0;
        position: relative;
        width: 180px;
        padding-left: 5px;
        padding-right: 5px;
    }
    /* Just for looks */
    
    .workwrap * {
        list-style: none;
    }
    
    .workitem > div {
        white-space: nowrap;
    }
    
    .workitem p {
        margin-bottom: 8px;
    }
    
    .workitem a {
        color: inherit;
        cursor: pointer;
        text-decoration: underline;
    }
    
    .workitem *:hover {
        color: white;
        background-color: black;
    }
    
    .menuimg a:hover {
        opacity: 0.4;
        background-color: Black;
        z-index: 10;
        width: auto;
    }
    
    .menuimg img {
        Z-index: 5;
    }
    
    .titulosocultos a:hover {}
    
    .titulosocultos {
        position: relative;
        top: -40px;
        left: 20px;
        margin-right: 54%;
        z-index: 10;
        color: black;
        text-decoration: none;
        overflow: hidden;
        width: auto;
        text-align: center;
    }
    /*EXCEPCIONES
////////////////////////////////////*/
    /*SLIDES DE IMAGENES
////////////////////////////////////*/
    /* Center the slideshow */
    
    .footer_menu {
        position: relative;
        display: block;
    }
    
    #espacio {
        height: 200px;
    }
    
    .columnaAyB {
        width: 100%;
        display: block;
    }
    
    .columnaA {
        position: relative;
        width: 100%;
        padding-right: 20px;
        float: left;
        text-align: justify;
        margin: none;
    }
    
    .columnaB {
        position: relative;
        width: 100%;
        float: left;
        text-align: justify;
        margin: none;
        padding: none;
    }
    
    .container {
        margin: 0px;
        padding: 0px;
    }
    
    .container img {}
    
    .container video {}
    
    .slidesjs-next {
        color: whitesmoke;
        z-index: 80;
        position: relative;
        left: -20px;
        top: -900px;
    }
    
    .slidesjs-previous {
        color: whitesmoke;
        z-index: 80;
        position: relative;
        left: 22px;
        top: -880px;
    }
    
    @media screen and (max-width:720px) {
        .slidesjs-next {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: -20px;
            top: -220px;
        }
        .slidesjs-previous {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: 22px;
            top: -200px;
        }
    }
    
    @media screen and (min-width:721px) {
        .slidesjs-next {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: -20px;
            top: -500px;
        }
        .slidesjs-previous {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: 22px;
            top: -480px;
        }
    }
    /*este aplica cuando es más */
    
    @media screen and (min-width:1950px) {
        .slidesjs-next {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: -20px;
            top: -1320px;
        }
        .slidesjs-previous {
            color: whitesmoke;
            z-index: 80;
            position: relative;
            left: 22px;
            top: -1300px;
        }
    }
    
    #slides,
    #slides2,
    #slides3,
    #slides4,
    #slides5,
    #slides6,
    #slides7,
    #slides8,
    #slides9,
    #slides10,
    #slides11,
    #slides12 {
        position: relative;
        display: block;
        width: 100%;
        margin: 0px;
        margin-bottom: -24%;
    }
    
    #slides p,
    #slides2 p,
    #slides3 p,
    #slides4 p,
    #slides5 p,
    #slides6 p,
    #slides7 p,
    #slides8 p,
    #slides9 p,
    #slides10 p,
    #slides11 p,
    #slides12 p {width: 100%;}
    
    .slidesjs-navigation {
        position: relative;
    }
    
    .slidesjs-control {
        width: 100%;
        position: relative;
    }
    
    .slidejs-pagination-item ul {}
    
    .slidesjs-pagination {
        z-index: 80;
        display: none;
    }
    
    .slidesjs-pagination li {}
    
    .slidesjs-pagination li a {}
    
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {}
    
    .slidesjs-pagination li a:hover {}
    
    .slidesjs-pagination a:link,
    .slidesjs-pagination a:visited {}
    
    a:visited {}
    
    a:hover,
    a:active {}
    
    .navbar {}
    
    #pro01,
    #pro02,
    #pro03,
    #pro04,
    #pro05,
    #pro06,
    #pro07,
    #pro08,
    #pro09,
    #pro10,
    #pro11 {}
    
    #pro01 p,
    #pro02 p,
    #pro03 p,
    #pro04 p,
    #pro05 p,
    #pro06 p,
    #pro07 p,
    #pro08 p,
    #pro09 p,
    #pro10 p,
    #pro11 p {}
    
    #pro01 {
        top: 20px;
    }
    
    #pro02 {
        top: 420px;
    }
    
    #pro02 iframe {
        position: absolute;
        z-index: 2000;
    }
    /*SLIDES DE IMAGENES INICIO
////////////////////////////////////*/
    
    #slidecaption {
        position: fixed;
        font: inherit;
        display: block;
        bottom: 21px;
        line-height: 20px;
        color: #000;
        font-size: 11px;
        width: 90%;
        right: 5%;
        margin-left: 5%;
        text-align: center;
    }
    
    #prevslide,
    #nextslide {
        position: fixed;
        height: 20px;
        width: 43px;
        top: 80px;
        width: 28px;
        height: 15px;
        left: 0px;
        padding-left: 8px;
        color: #dbdbdb;
        background-color: white;
        border-color: #fff;
        border-top: 0px solid transparent;
        cursor: pointer;
        border-style: solid;
    }
    
    #prevslide {
        position: fixed;
        padding-top: 4px;
        margin-top: -34px;
    }
    
    #nextslide {
        position: fixed;
        margin-top: -12px;
        padding-top: 4px;
    }
    
    #prevslide a {
        text-decoration: none;
        background-color: white;
    }
    
    #prevslide a:hover {
        text-decoration: none;
        background-color: white;
        color: blue;
    }