/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08-mar-2016, 20:44:11
    Author     : Darius
*/
body{
    background: url(../images/util/back.jpg);
    overflow-x: hidden;
}
a{
    text-decoration: none;
}
img{
    border: none;
}
#contenedor{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: url(../images/util/back.jpg);
    z-index: 5000;
}
.contenedorplanos{
    width: 85%;
    height: auto;
}
#contenedorplanos{
    width: 90vw;
    height: 90vh;                
    position: fixed;
    float: left;
    margin-left: 5vw;
    margin-top: 5vh;                   
    z-index: 0;    
    background: #fff;
}
#contenedorimagengaleria{
    width: 90vw;
    height: 90vh;                
    position: fixed;
    float: left;
    margin-left: 5vw;
    margin-top: 5vh;                   
    z-index: 0;    
    background: #fff;
}
.contenedorimagengaleria{
    width: 100%;
    height: auto;
}
#menuboton{
    position: fixed;
    float: left;
    width: 5vw;
    margin-top: 49vh;
    font-size: 24px;
    transition: all 0.5s ease-in-out;
    z-index: 6000;
}
a #menuboton{
    color: #000;
    text-decoration: none;
}
a:hover #menuboton{
    transform: rotate(90deg);
    font-size: 20px;
}
a:hover #menuboton{
    transform: rotate(90deg);
    font-size: 20px;
}
#menu{
    position: fixed;
    float: left;
    width: 0vw;
    height: 90vh;
    background: #fff;
    display: block;
    z-index: 1000;
    margin-left: 5vw;
    margin-top: 5vh;
}
#galeria{   
    background: #fff;
    position: absolute;
    float: left;
    width: 45vw;
    height: auto;
    margin-left: 50vw;
    margin-top: 5vh;
    z-index: 1000;   
    text-align: center;
    padding-bottom: 29vh;
}
.margeninferior {
    position: relative;
    float: left;
    height: 5.2vh;
}
.margeninferioradmin {
        position: relative;
        float: left;
        height: 15vh;
    }
.redonditofoto{
    position: relative;
    width: 8vw;
    height: 5.5vw;
    border-radius: 90px 90px 90px 90px;
    background: url('../images/util/transparencia.png');
    font-size: 11pt;
    margin-top: 13vh;
    margin-bottom: 32vh;
    color: #FFF;
    padding-top: 5.5vh;
}
.redonditofoto a{
    text-decoration: none;
}
#redonditos{
    position: absolute;
    top: 0px;
    left: 18.3vw;
    margin-left: auto;
    margin-right: auto; 
}
#flechascroll{
    position: fixed;
    width: auto;
    height: auto;
    bottom: 6vh;
    margin-left: -4.5vw;
    margin-right: auto;
    z-index: 1500;
}
#marcosup{
    position: fixed;
    width: 100vw;
    height: 5vh;
    top: 0px;
    z-index: 300;
}
#marcoinf{                
    position: fixed;
    width: 100vw;
    height: 5vh;
    bottom: 0px;
    z-index: 300;
}

.poligono{
    /* Cada lado del polígono cuenta con dos valores, +y / +x para darle las coordenadas donde queremos que se coloque cada punto que generamos */
    -clip-path: polygon(5% 95%, 5% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, 5% 0%, 5% 5%, 95% 5%, 95% 95%);
    -webkit-clip-path: polygon(5% 95%, 5% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, 5% 0%, 5% 5%, 95% 5%, 95% 95%);
    -moz-clip-path: polygon(5% 95%, 5% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, 5% 0%, 5% 5%, 95% 5%, 95% 95%);
    -clip-path: url("#contenedor");
}
#logosuperior{
    margin-top: 11vh;
    width: 130px;
    height: auto;
}
#informacion{
    height: 45vh;
    margin-top: 3vh;
    font-family: "Classic Roman";
    text-align: left;
    font-size: 23pt;
}

li{
    list-style-type: none;
}
li a{
    color: #000;    
    text-decoration: none;
    font-family: "Classic Roman";
}
.guion{
    position: relative;
    top: -8px;
}
.imagengaleriahome{
    position: relative;
    float: left;
    margin: 0px;
    width: 45vw;
    height: 91vh;
    background-attachment: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.thumbnailA {
    position: relative;
    width: 45vw;
    height: 90vh;
    overflow: hidden;
}
.thumbnailA img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.thumbnailB {
    position: relative;
    width: 45vw;
    height: 45vh;
    overflow: hidden;
    margin: 1px 1px 1px 1px;
}
.thumbnailB img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.thumbnailC {
    position: relative;
    float: left;
    width: 14.8vw;
    height: 22.5vh;
    overflow: hidden;
    margin: 1px 1px 1px 1px;
}
.thumbnailC img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.thumbnailD {
    position: relative;
    float: left;
    width: 90vw;
    height: 90vh;
    overflow: hidden;
    margin: 0;
}
.thumbnailD img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.tituloprincipal{    
    font-size: 23pt;
    width: 35vw;
    margin-left: 3vw;
}
.contenidoprincipal{
    font-family: "Avenir LT 55 Roman";
    font-size: 11pt;
    text-align: justify;
    width: 35vw;
    height: 30vh;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    line-height: 25px;
    padding-right: 5px;
}
#derechos{
    width: 45vw;
    position: relative;
    float: left;
    text-align: center;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 3vh;
}

#iosotipoeldorial{
    position: fixed;
    float: left;
    display: block;
    z-index: 5000;
    top: 84vh;
    left: 6vw;
    display: none;
}

#menua{
    display: block;
}
#menub{
    display: none;
}
#flechaatras{
    position: fixed;
    float: left;
    display: block;
    top: 6vh;
    left: 6vw;
    width: 3vw;
    height: auto;
    z-index: 1000;
}













::-webkit-scrollbar{
    width: 12px;
}
::-webkit-scrollbar-button{
    display: block;
    background: #000;
    background-repeat: no-repeat;
    height: 1.5px;
}
::-webkit-scrollbar-track{
    background: url(../images/util/barrilla.png);
}

::-webkit-scrollbar-thumb{
    width: 8px;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px #000 solid;  
    max-height: 5px;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #fff;
}



#logo555movil{
    display: none;
}

#logo555web{
    width: 150px;
    height: auto;
    top: -69px;
    position: relative;
}
.tituloavances{
    position: relative;
    float: left;
    width: 45vw;
    text-align: left;
    margin-top: 5vh;
    font-size: 15pt;
    margin-bottom: 1vh;
}
.videoavances{
    position: relative;
    float: left;
    width: 44.7vw;
    height: 55vh;
}
.galeriadescripcion{
    position: relative;
    float: left;
    width: 44.5vw;
    height: auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
    text-align: justify;
    font-size: 11pt;
    line-height: 30px;
}
#verproyecto{
    width: 120px;
    height: auto;
    position: relative;
    top: -91px;
}
.botonvolver{
    position: fixed;
    width: 67px;
    font-size: 10pt;
    line-height: 11pt;
    top: 6vh;
    left: 5vw;
    z-index: 30000;
    color: #000000;
}
#botonvolverA{
    display: none;    
}
#botonvolverB{
    display: none;   
}
#botonvolverC{
    display: none;
}
.botonvolver img{
    width: 3vw;
    height: auto;
}
#tablamenu{
    position: relative;

}