@charset "utf-8";
.ggc_contenedorGeneral {
    background-color: #F39972 !important;
}

.lineaFondo {
    width: 1247px;
    height: 4px;
    background: #4169A6;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
    border-radius: 750px / 3px;
    -moz-box-shadow: 0px 2px 12px 1.5px #4169A6;
    -webkit-box-shadow: 0px 2px 12px 1.5px #4169A6;
    box-shadow: 0px 2px 12px 1.5px #4169A6;
}

.ggc_titulo {
    font-size: 45.31px;
    font-size: 45.31px;
    font-family: cabin;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 17px;
    letter-spacing: 0.5px;
}

.video_u03_u03_01 {
    border: 2px solid #F39972;
    border-style: dashed;
    border-radius: 10px;
    width: 80%;
    padding: 16px;
}

.videoContenedor2 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

video {
    width: 800px;
    height: 450px;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 70.19px;
    height: 70.19px;
    position: absolute;
    top: 89.5%;
    right: 90.3%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.25px;
    height: 71.67px;
    position: absolute;
    left: 94.3%;
    top: 89.5%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ContenedorIntro {
    background-image: url(../img/L_G07_U06_L03_01/imgIcontent1.png);
    width: 1125px;
    height: 590.77px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

textarea {
    position: absolute;
    top: 245px;
    left: 64px;
    width: 604px;
    height: 229px;
    outline: none;
    font-family: 'cabinregular';
    font-size: 35px;
    color: #5B5B5E;
    border: 0px;
    resize: none;
    background-color: transparent;
    padding: 20px;
}

.letter_style {
    font-size: 45px;
    font-family: "cabinregular";
    line-height: 65px;
    letter-spacing: normal;
}

.log_cc {
    background-image: url(../img/imgLicencia_cc.png);
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 94%;
    position: absolute;
    top: 87%;
    cursor: pointer;
}

.titleCC {
    width: 85% !important;
}

.listCC {
    width: 585px !important;
}

.letter_style li {
    margin: 5px 0px 33px 0px;
}

ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #07AA9D;
    float: left;
    margin: 28px 12px 0px -17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.imgBorderIntro {
    background-image: url(../img/L_G06_U06_L04_01/imgIntroBorde1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 943.45px;
    height: 486.14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgPreguntasIntro {
    background-image: url(../img/L_G06_U06_L04_01/imgPreguntasIntro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1058.69px;
    height: 340px;
    position: absolute;
    left: 50.2%;
    top: 46%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.textoAbsoluto {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-family: 'cabinregular';
    font-size: 45px;
    width: 800px;
    letter-spacing: normal;
    text-align: center;
    color: #343A49;
    line-height: 54px;
    text-align: left;
}

.ggc_contenido_L {
    background: #F5F5F5;
    color: #4169A6;
}

.imgF1 {
    background-image: url(../img/L_G07_U03_L05_01/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.header {
    background-image: url(../img/L_G07_U03_L05_01/imgHeader.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1182px;
    height: 55.47px;
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
}

.sonidoIcon {
    background-image: url(../img/L_G07_U03_L05_01/imgSonido.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 61.26px;
    height: 63.44px;
    position: absolute;
    top: 43px;
    left: 1150px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.inline > div {
    display: inline-block;
    width: 244.039px;
    height: 48.708px;
    margin: 0px 7px 0px 7px;
}

.inline2 > div {
    display: inline-block;
    width: 244.039px;
    height: 48.708px;
    margin: 0px 52px 0px 52px;
    border: 1px solid black;
    border: 5px solid #C3624D;
    border-radius: 5px 14px 14px 5px;
}

.inline2 > div > div {
    width: 244.039px;
    height: 48.708px;
}

.inline {
    position: absolute;
    top: 612px;
    left: 215px;
}

.inline2 {
    position: absolute;
    position: absolute;
    top: 550px;
    left: 215px;
}

.imgTxt1 {
    background-image: url(../img/L_G07_U03_L02_01/dp1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 246.04px;
    height: 48.71px;
}

.imgTxt2 {
    background-image: url(../img/L_G07_U03_L02_01/dp2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 246.04px;
    height: 48.71px;
}

.imgTxt3 {
    background-image: url(../img/L_G07_U03_L02_01/dp3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 246.04px;
    height: 48.71px;
}

.sonido {
    width: 57.26px;
    height: 53.44px;
    position: absolute;
    left: 382px;
    top: 521px;
    transform: rotate(66deg);
    -moz-transform: rotate(66deg);
    -webkit-transform: rotate(66deg);
    -ms-transform: rotate(66deg);
    border-radius: 15px;
    z-index: 2;
    cursor: pointer;
}

.imgIlustracion1 {
    background-image: url(../img/L_G07_U06_L03_01/imgIlustracion5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 198.42px;
    height: 473.25px;
    position: absolute;
    left: 81.2%;
    top: 343px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}