@charset "UTF-8";

/* CSS Document */

.valoracion-container-total {
    width: 960px;
    height: 500px;
    background-color: rgb(176, 28, 27);
}
.valoracion-bloque-izq {
    width: 15%;
    float: left;
    height: 500px;
    /*background-color: rgb(135, 0, 18);*/
    background-color: rgb(137, 92, 164);
    border-right: 1px dashed rgb(255, 255, 255);
}
.valoracion-bloque-der {
    width: 84.8%;
    float: left;
    height: 500px;
}
/**/

.valoracion-contenedor-textos-test-alto {
    margin: auto;
    width: 80%;
    height: auto;
    text-align: center;
    font-size: 1.5em;
    font-weight: 100;
    padding-top: 70px;
}
.valoracion-contenedor-textos-test-muyalto-medio {
    margin: auto;
    width: 80%;
    height: auto;
    text-align: center;
    font-size: 1.5em;
    font-weight: 100;
    padding-top: 65px;
}
.valoracion-contenedor-textos-test-bajo {
    margin: auto;
    width: 80%;
    height: auto;
    text-align: center;
    font-size: 1.5em;
    font-weight: 100;
    padding-top: 30px;
}
/**/

span {
    display: block;
}
.valoracion-text-antetitulo {
    font-family: 'MyriadProLightCondensed';
    text-transform: uppercase;
    font-weight: 100;
    font-size: 0.8em;
    letter-spacing: 8px;
}
.valoracion-text-titular {
    font-family: 'bebas_neueregular';
    font-size: 5.5em;
}
.valoracion-text-subtitulo {
    font-family: 'nexa_boldregular';
    font-size: 1em;
    margin-top: -10px;
    line-height: 30px;
}
.valoracion-text-parrafo {
    margin-top: 30px;
}
.valoracion-text-parrafo-test-bajo {
    margin-top: 30px;
}
/**/

.valoracion-redes-sociales-container {
    width: 130px;
    margin: auto;
    padding-top: 20px;
}
.valoracion-twitter {
    background-image: url(../img/rs-twitter.png);
    width: 61px;
    height: 61px;
    float: left;
}
.valoracion-twitter:hover {
    background-image: url(../img/rs-twitter-hover.png);
    width: 61px;
    height: 61px;
}
.valoracion-twitter:active {
    background-image: url(../img/rs-twitter-active.png);
    width: 61px;
    height: 61px;
}
.valoracion-facebook {
    background-image: url(../img/rs-facebook.png);
    width: 61px;
    height: 61px;
    float: right;
}
.valoracion-facebook:hover {
    background-image: url(../img/rs-facebook-hover.png);
    width: 61px;
    height: 61px;
}
.valoracion-facebook:active {
    background-image: url(../img/rs-facebook-active.png);
    width: 61px;
    height: 61px;
}
@media only screen and (max-width: 1050px) {
    .valoracion-container-total {
        width: 100%;
        max-width: 100%;
    }
    .valoracion-text-parrafo {
        font-size: 0.87em;
    }
    .valoracion-text-parrafo-test-bajo {
        font-size: 0.87em;
    }
    .valoracion-contenedor-textos-test-bajo {
        padding-top: 45px;
    }
}
@media only screen and (max-width: 768px) {
    .valoracion-text-parrafo {
        font-size: 0.8em;
    }
    .valoracion-text-parrafo-test-bajo {
        font-size: 0.8em;
    }
    .valoracion-contenedor-textos-test-alto {
        padding-top: 75px;
    }
    .valoracion-contenedor-textos-test-muyalto-medio {
        padding-top: 55px;
    }
    .valoracion-contenedor-textos-test-bajo {
        padding-top: 45px;
    }
}
@media only screen and (max-width: 640px) {
    .valoracion-contenedor-textos-test-alto {
        padding-top: 70px;
    }
    .valoracion-contenedor-textos-test-muyalto-medio {
        padding-top: 60px;
    }
    .valoracion-contenedor-textos-test-bajo {
        padding-top: 60px;
    }
    .valoracion-text-subtitulo {
        margin-top: -5px;
    }
    .valoracion-text-titular {
        font-size: 4.5em;
    }
    .valoracion-text-parrafo-test-bajo {
        font-size: 0.68em;
    }
}
@media only screen and (max-width: 480px) {
    .valoracion-bloque-izq {
        width: 14%;
    }
    .valoracion-contenedor-textos-test-alto {
        padding-top: 80px;
    }
    .valoracion-contenedor-textos-test-muyalto-medio {
        padding-top: 80px;
    }
    .valoracion-contenedor-textos-test-bajo {
        padding-top: 60px;
    }
    .valoracion-text-subtitulo {
        margin-top: 1px;
    }
    .valoracion-text-titular {
        font-size: 3em;
    }
    .valoracion-text-parrafo {
        font-size: 0.7em;
    }
}
@media only screen and (max-width: 320px) {
    .valoracion-contenedor-textos-test-alto {
        padding-top: 50px;
    }
    .valoracion-contenedor-textos-test-muyalto-medio {
        padding-top: 40px;
    }
    .valoracion-contenedor-textos-test-bajo {
        padding-top: 30px;
    }
    .valoracion-text-parrafo-test-bajo {
        font-size: 0.64em;
        margin-top: 10px;
    }
}