/**
    CSS para la pantalla de demo de presentacion de GYT
*/

body, html{
    margin:0;
    padding:0;
}

body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    min-height: 600px;
    /*background: linear-gradient(90deg,#ffffff,#a9a8ff);*/
    overflow: hidden;
}

.GytSkin .BarraUpper, .GytSkin .barraDown {
    height: 5%;
    background: linear-gradient(90deg,#0082c6,#0b547a);
}

/*.BarraUpper {
    background: linear-gradient(90deg,#37367b,#36357b);
}

.barraDown {
    background: linear-gradient(90deg,#37367b,#36357b);
}*/

.GytSkin .barraInner {
   /* background: linear-gradient(rgba(4, 12, 255, 0.6), rgba(100, 34, 127, 0.6));*/
    height: calc(100vh - 10%);
}

.LogosWebCont img.cstkGtyLogo {
    max-height: 100px;
    display: block;
    margin-top: 100px;
    margin-left: 50%;
    transform: translate(-50%,0%);
}

.LogosWebCont img.cstkLogogt {
    max-height: 100px;
    display: block;
    max-width: 238px;
    margin-left: 50%;
    transform: translate(-50%,0%);
}

.LogosWebCont {
    position: absolute;
    left: calc(50% - 298px);
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 650px;
    text-align: center;
    width: 281px;
}

.LogosMovCont {
    text-align: center;
    position: absolute;
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%,65%);
    /* margin-top: 45px; */
    bottom: 50%;
}

.LogosMovCont img.cstkLogogt {
    max-width: 180px;
    margin-bottom: 35%;
    max-height: 111px;
}

.LogosMovCont img.cstkGtyLogo {
    max-width: 150px;
}

.titulo {
    text-align: center;
    padding-top: 40px;
}

.titulo > label {
    font-size: 50px;
    font-family: sans-serif;
    font-family: 'Kaushan Script', cursive;
}

.barraInner {
    /*background-image: url(../img/FondoCentral.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -36px;
}