/*
    
    Objetivo Creativo
    www.objetivocreativo.com
    
*/

@font-face {
    
    font-family: 'Futura';
    src: url('../fonts/futura.ttf') format('truetype');
    
}

.h10 {
    
    height: 10px;
    
}

.h20 {
    
    height: 20px;
    
}

.h30 {
    
    height: 30px;
    
}

.h40 {
    
    height: 40px;
    
}

.h50 {
    
    height: 50px;
    
}

.h60 {
    
    height: 60px;
    
}

.no-padding {
    
    padding-left: 0;
    padding-right: 0;
    
}

html {
    
    background-image: url('../img/bg-papel.jpg');
    background-size: 1600px 470px;
    background-repeat: repeat;
    
}

main,
body {
    
    background: white;
    
}

.clear {
    
    clear: both;
    
}

.logo {
    
    display: inline-block;
    margin-top: 45px;
    
}

header {
    
    padding-bottom: 50px;
    
    background-image: url('../img/bg-papel.jpg');
    background-size: 1600px 470px;
    background-repeat: repeat;
    
}

header:after {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-inner-top.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-top: 29px;
    
}

header.home:after {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-1.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-top: 29px;
    
}

.autores-profesores {
    
    float: right;
    margin-top: 45px;
    margin-bottom: 5px;
    
}

.autores-profesores a {
    
    display: inline;
    float: left;
    
}

.autores-profesores a img {
    
    transition-duration: 150ms;
    cursor: pointer;
    
}

.autores-profesores a:hover img {
    
    transform: scale(1.09);
    
}

nav.menu-idiomas {
    
    background-color: transparent;
    float: right;
    
}

nav.menu-idiomas ul li:after {
    
    content: '|';
    padding-left: 6px;
    padding-right: 6px;
    
    cursor: default;
    
}

nav.menu-idiomas ul li:last-child:after {
    
    content: none;
    
}

nav.menu-idiomas ul li {
    
    list-style-type: none;
    
    display: inline;
    float: left;
    
}

nav.menu-idiomas ul li a,
nav.menu-idiomas ul li:after {
    
    font-size: 12px;
    font-weight: 300;
    
    color: #a5a5a5;
    
}

nav.menu-idiomas ul li a {
    
    transition-duration: 150ms;
    
}

nav.menu-idiomas ul li a:hover,
nav.menu-idiomas ul li a.activo {
    
    text-decoration: none;
    color: #5b5b5b;
    
}

nav.menu-principal {
    
    float: right;
    margin-top: 37.5px;
    
}

nav.menu-principal ul li {
    
    list-style-type: none;
    
    display: inline;
    float: left;
    
}

nav.menu-principal ul li a {
    
    display: inline-block;
    float: left;
    
    width: 102px; height: 66px;
    
    border-bottom: 7.5px solid silver;
    
    margin-left: 20px;
    margin-right: 20px;
    
    text-align: center;
    
    padding-top: 10px;
    
    line-height: 1.1;
    
}

nav.menu-principal ul li:last-child a {
    
    margin-right: 0;
    
}

nav.menu-principal ul li:first-child a {
    
    margin-left: 0;
    
}

nav.menu-principal ul li a.rosa { border-color: #f04a7a; }
nav.menu-principal ul li a.amarillo { border-color: #f7bd3a; }
nav.menu-principal ul li a.verde { border-color: #10aa84; }
nav.menu-principal ul li a.naranja { border-color: #f28714; }
nav.menu-principal ul li a.azul { border-color: #2f77b2; }
nav.menu-principal ul li a.rojo { border-color: #c10a27; }

nav.menu-principal ul li a {
    
    color: #282828;
    font-size: 13.5px;
    
}

nav.menu-principal ul li a {
    
    transition-duration: 150ms;
    
}

nav.menu-principal ul li a:hover {
    
    text-decoration: none;
    
}

nav.menu-principal ul li a.rosa:hover { color: #f04a7a; }
nav.menu-principal ul li a.amarillo:hover { color: #f7bd3a; }
nav.menu-principal ul li a.verde:hover { color: #10aa84; }
nav.menu-principal ul li a.naranja:hover { color: #f28714; }
nav.menu-principal ul li a.azul:hover { color: #2f77b2; }
nav.menu-principal ul li a.rojo:hover { color: #c10a27; }

.red-slider {
    
    background-image: linear-gradient(#c10a27,#770618);
    
}

@media (max-width: 1199px) {
    
    nav.menu-principal ul li a {
        
        margin-left: 7.5px;
        margin-right: 7.5px;
        
    }
    
}

@media (max-width: 991px) {
    
    .main-menu {
        
        position: relative;
        top: -110px;
        
    }
    
    header {
        
        margin-bottom: -110px;
        
    }
    
    header.home:after,
    header:after {
        
        margin-top: -81px;
        
    }
    
}

@media (max-width: 575px) {
    
    .main-menu {
        
        position: relative;
        top: 0;
        
    }
    
    header {
        
        margin-bottom: 0;
        
    }
    
    header.home:after,
    header:after {
        
        margin-top: 29px;
        
    }
    
    .logo {
        
        
        display: block;
        
        width: 129px;
        
        margin-left: auto;
        margin-right: auto;
        
        text-align: center;
        
    }
    
    .autores-profesores {
        
        text-align: center;
        
        margin-left: auto;
        margin-right: auto;
        
    }
    
    .autores-profesores a {
        
        text-align: center;
        
    }
    
    .autores-profesores,
    .autores-profesores a,
    nav.menu-idiomas,
    nav.menu-idiomas ul,
    nav.menu-idiomas ul li {
        
        float: none;
        text-align: center;
        
    }
    
    .autores-profesores a {
        
        float: left;
        
    }
    
    .autores-profesores {
        
        width: 208.5px;
        
    }
    
    nav.menu-idiomas {
        
        margin-top: 7px;
        
    }
    
    nav.menu-idiomas ul li:after {
        
        padding-left: 3px;
        padding-right: 3px;
        
    }
    
}

@media (max-width: 767px) {
    
    nav.menu-principal,
    nav.menu-principal ul,
    nav.menu-principal ul li,
    nav.menu-principal ul li a {
        
        margin-left: 0;
        margin-right: 0;
        
        width: 100%;
        height: auto;
        
        display: block;
        float: none;
        
    }
    
    nav.menu-principal ul li a {
        
        margin-top: 10px;
        padding: 15px 5px;
        
    }
    
    .no-min {
        
        display: none;
        
    }
    
}

nav.menu-principal ul li a:hover {
    
    -webkit-border-bottom-right-radius: 22px;
    -moz-border-radius-bottomright: 22px;
    border-bottom-right-radius: 22px;
    
}

.btn-menu {
    
    display: none;
    
    width: 46px;
    height: 37.5px;
    
    background-image: url('../img/menu.png');
    background-size: cover;
    
}

@media (max-width: 767px) {
    
    .btn-menu {
        
        display: block;
        
        margin: 40px auto;
        margin-bottom: 0;
        
        cursor: pointer;
        
        transition-duration: 150ms;
        
    }
    
    .btn-menu:hover {
        
        transform: scale(1.09);
        
    }
    
    nav#menu-principal {
        
        display: none;
        
    }
    
}

footer {
    
    background-image: url('../img/bg-papel.jpg');
    background-size: 1600px 470px;
    background-repeat: repeat;
    
    padding-top: 80px;
    
    position: relative;
    
}

footer:before {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-inner-bottom.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-bottom: 29px;
    top: 0;
    
}

footer.home:before {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-5.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-bottom: 29px;
    top: 0;
    
}

footer.foto:before {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-papel.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-bottom: 29px;
    top: -21px;
    
}

.bg-newsletter {
    
    background-image: linear-gradient(#770618,#d70421);
    background-image: linear-gradient(#a30316,#d70421);
    min-height: 466px;
    
}

hr {
    
    border-bottom: 3.5px solid #c10a27;
    
}

.copyright,
.disenoweb {
    
    font-weight: 300;
    
    font-size: 12px;
    color: #5b5b5b;
    
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.copyright strong {
    
    font-weight: 400;
    
    font-size: inherit;
    color: inherit;
    
}

.disenoweb:hover {
    
    text-decoration: none;
    color: black;
    
}

.disenoweb {
    
    display: inline-block;
    float: right;
    text-align: right;
    
    margin-bottom: 13px;
    
}

.menu-pie ul li {
    
    list-style-type: none;
    
    font-size: 14px;
    
    border-left: 5px solid silver;
    
    padding-left: 12px;
    
    margin-bottom: 7.5px;
    
}

.menu-pie ul li a {
    
    color: #5b5b5b;
    
}

.menu-pie ul li.rosa { border-color: #f04a7a; }
.menu-pie ul li.amarillo { border-color: #f7bd3a; }
.menu-pie ul li.verde { border-color: #10aa84; }
.menu-pie ul li.naranja { border-color: #f28714; }
.menu-pie ul li.azul { border-color: #2f77b2; }
.menu-pie ul li.rojo { border-color: #c10a27; }

.menu-pie ul li a:hover {
    
    text-decoration: none;
    
}

.menu-pie ul li.rosa a:hover { color: #f04a7a; }
.menu-pie ul li.amarillo a:hover { color: #f7bd3a; }
.menu-pie ul li.verde a:hover { color: #10aa84; }
.menu-pie ul li.naranja a:hover { color: #f28714; }
.menu-pie ul li.azul a:hover { color: #2f77b2; }
.menu-pie ul li.rojo a:hover { color: #c10a27; }

.menu-pie ul {
    
    margin-bottom: 35px;
    
}

.menu-pie-derecha ul li {
    
    list-style-type: none;
    text-align: right;
    
    margin-bottom: 7.5px;
    
}

.menu-pie-derecha ul li a {
    
    font-size: 14px;
    font-weight: 300;
    
    color: #5b5b5b;
    
    transition-duration: 150ms;
    
}

.menu-pie-derecha ul li a:hover {
    
    text-decoration: none;
    color: black;
    
}

address {
    
    margin-top: 40px;
    margin-bottom: 30px;
    
}

address p {
    
    text-align: center;
    line-height: 1.6;
    
    font-weight: 300;
    
    font-size: 14px;
    
}

address p strong {
    
    font-weight: 400;
    
    font-size: inherit;
    line-height: inherit;
    
}

address p a {
    
    color: #183a57;
    
}

address p a:hover {
    
    text-decoration: none;
    color: #2f77b2;
    
}

.logo-min {
    
    display: block;
    
    margin: 0 auto;
    width: 102.5px;
    
    margin-top: -10px;
    
}

html body .rrss {
    
    text-align: right;
    float: right;
    
}

html body a.facebook,
html body a.twitter {
    
    display: block;
    float: left;
    
    position: relative;
    
    background-color: transparent;
    
    width: 37px; height: 37px;
    
    border: 2px solid blue;
    padding-top: 8px;
    
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    
    border: 2px solid #4064ac;
    color: #4064ac;
    
    text-align: center;
    
    margin-top: 20px;
    margin-bottom: 20px;
    
    margin-left: 8px;
    
    cursor: pointer;
    
}

html body a.twitter {
    
    border: 2px solid #1c9cea;
    color: #1c9cea;
    
}

html body a.facebook,
html body a.facebook *,
html body a.facebook * *,
html body a.twitter,
html body a.twitter *,
html body a.twitter * * {
    
    cursor: pointer;
    
}

html body a.facebook:hover {
    
    background-color: #4064ac;
    color: white;
    
}

html body a.twitter:hover {
    
    background-color: #1c9cea;
    color: white;
    
}

.title-pie {
    
    text-align: right;
    
}

.title-pie strong {
    
    font-size: 14px;
    font-weight: 400;
    
    color: #5b5b5b;
    
}

@media (max-width: 991px) {
    
    .title-pie {
        
        text-align: center;
        
    }
    
    .menu-pie-derecha ul li {
        
        text-align: center;
        
    }
    
    .logo-min {
        
        margin-top: 10px;
        
    }
    
    nav.menu-pie ul li {
        
        text-align: center;
        border: none;
        
    }
    
    html body .rrss {
        
        float: none;
        text-align: left;
        
        display: block;
        position: relative;
        
        margin: 0 auto;
        
        width: 100px;
        
    }
    
}

@media (max-width: 767px) {
    
    .copyright,
    .disenoweb {
        
        float: none;
        text-align: center;
        
        display: block;
        margin: 0 auto;
        
    }
    
    .disenoweb {
        
        width: 100px;
        
    }
    
    footer {
        
        padding-bottom: 20px;
        
    }
    
}

.contenido {
    
    margin-bottom: 50px;
    
}

.contenido p {
    
    margin-top: 35px;
    margin-bottom: 35px;
    
}

.contenido p strong {
    
    font-size: inherit;
    line-height: inherit;
    
}

.contenido p.entradilla {
    
    font-size: 19px;
    font-weight: 300;
    
    color: #616161;
    
    text-align: center;
    
    line-height: 1.8;
    
    margin-top: 80px;
    
    margin-bottom: 0;
    
}

.contenido p.entradilla strong {
    
    display: block;
    
    text-align: center;
    
    font-size: inherit;
    font-weight: 400;
    
    line-height: 1.8;
    
}

.contenido h1 {
    
    margin-top: 80px;
    
}

.contenido h2 {
    
    margin-top: 60px;
    
}

.proyecto {
    
    margin-top: 30px;
    
}

.proyecto img {
    
    max-height: 261px;
    
}

.proyecto p em {
    
    font-style: normal;
    font-size: inherit;
    
    display: block;
    
    color: #5b5b5b;
    
    text-align: center;
    
    border-top: 1px solid #e3e3e3;
    
    padding-top: 15px;
    
    width: 50%;
    margin: 0 auto;
    
}

.btn-nivel img {
    
    max-height: 107px;
    
}

a.btn-nivel:hover:after,
a.btn-nivel.activo:after {
    
    content: '';
    background-image: url('../img/sub-negro.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    
    width: 80%; height: 16px;
    
    margin-left: 10px;
    
    position: absolute;
    
}

@media (max-width: 767px) {
    
    a.btn-nivel {
        
        display: block;
        margin-bottom: 20px;
        
        margin-left: auto;
        margin-right: auto;
        
    }
    
}

@media (max-width: 991px) {
    
    .contenido p.entradilla {
        
        font-size: 17px;
        
    }
    
}

@media (max-width: 767px) {
    
    .contenido p.entradilla {
        
        margin-top: 20px;
        
    }
    
    .btn-nivel {
        
        margin-top: 20px;
        
    }
    
}

.subtitulo {
    
    font-size: 20px;
    color: black;
    
    text-align: center;
    
    letter-spacing: 2px;
    
    font-weight: 300;
    
}

.subtitulo strong {
    
    font-size: inherit;
    letter-spacing: inherit;
    
    line-height: inherit;
    
    font-weight: 500;
    
}

.btn-niveles {
    
    margin-top: 30px;
    
}

@media (max-width: 767px) {
    
    .btn-niveles {
        
        margin-top: 10px;
        
    }
    
}

.entrada {
    
    font-size: 19px;
    font-weight: 300;
    
    color: #616161;
    
    text-align: center;
    
    line-height: 1.8;
    
    margin-bottom: 0;
    
}

.entrada strong {
    
    font-size: inherit;
    line-height: inherit;
    
}

@media (max-width: 991px) {
    
    .entrada {
        
        font-size: 17px;
        
    }
    
}

.bg-foto {
    
    min-height: 565px;
    background-size: cover;
    background-position: center center;
    
}

.bg-foto:before {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    padding-left: -15px;
    padding-right: -15px;
    
    background-image: url('../img/border-inner-bottom.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    top: 0;
    
}

.bg-foto:after {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    padding-left: -15px;
    padding-right: -15px;
    
    background-image: url('../img/border-inner-top.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    bottom: 0;
    
}

.contenido p {
    
    font-size: 20px;
    font-weight: 300;
    
    color: #616161;
    
    line-height: 1.6;
    
}

.contenido p mark {
    
    background-color: silver;
    
    font-size: inherit;
    line-height: inherit;
    
    padding: 3px 9px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    background-color: #633b16;
    
    color: white;
    
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    
}

.contenido p mark.rosa { background-color: #f04a7a; }
.contenido p mark.amarillo { background-color: #f7bd3a; }
.contenido p mark.verde { background-color: #10aa84; }
.contenido p mark.naranja { background-color: #f28714; }
.contenido p mark.azul { background-color: #2f77b2; }
.contenido p mark.rojo { background-color: #c10a27; }
.contenido p mark.marron { background-color: #633b16; }

html body .ficha p {
    
    font-size: 14px;
    font-weight: 300;
    
    color: #616161;
    
    border-top: 1px solid #c7c7c7;
    
    margin-top: 20px;
    padding-top: 20px;
    
}

.ficha p strong {
    
    font-size: inherit;
    font-weight: 400;
    
    color: inherit;
    
}

.ficha {
    
    margin-top: 40px;
    
}

.ficha img {
    
    margin-bottom: 20px;
    
}

.ficha a {
    
    display: block;
    
}

.ficha .i-ficha { color: #10aa84; }
.ficha .i-muestra { color: #3d80b7; }
.ficha .i-comprar { color: #c8243e; }

.ficha a {
    
    font-size: 11px;
    
    margin-top: 3px;
    margin-bottom: 3px;
    
}

.ficha a:hover {
    
    text-decoration: none;
    color: black;
    
}

.hr {
    
    width: 100%;
    height: 10px;
    
    background-image: url('../img/hr.png');
    background-repeat: repeat-x;
    
    background-size: 50.5px 10px;
    
    margin-top: 20px;
    margin-bottom: 20px;
    
}

.btn-general {
    
    display: inline-block;
    margin: 0 auto;
    
}

.btn-general img {
    
    transition-duration: 150ms;
    
}

.btn-general:hover img {
    
    transform: scale(1.09);
    
}

.newsletter {
    
    margin-top: 100px;
    
}

.form input,
.form textarea {
    
    background-color: transparent;
    display: block;
    width: 100%;
    
    border: 0;
    
    border-bottom: 1px solid white;
    
    color: white;
    
    font-size: 18px;
    font-weight: 300;
    
    padding: 6px 0;
    
}

.form.black input,
.form.black textarea {
    
    border-bottom: 1px solid black;
    color: black;
    
}

.form.black textarea {
    
    resize: none;
    
    height: 190px;
    
}

.form .radio,
.form .checkbox,
.form label {
    
    display: inline;
    float: left;
    
    width: auto;
    
    color: white;
    
    font-size: 18px;
    font-weight: 300;
    
}

.form.black .radio,
.form.black .checkbox,
.form.black label {
    
    color: black;
    
}

.form label {
    
    margin-top: 15px;
    padding-left: 10px;
    
}

.form .radio,
.form .checkbox {
    
    position: relative;
    top: 12px;
    
}

.form input {
    
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.form {
    
   margin: 0; padding: 0;
    
}

.form button {
    
    border: 0;
    background-image: url('../img/btn-enviar.png');
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    
    width: 166.5px;
    height: 68px;
    
    margin-top: 20px;
    margin-bottom: 40px;
    
    transition-duration: 150ms;
    
    cursor: pointer;
    
}


.form button:hover {
    
    transform: scale(1.09);
    
}

@media (max-width: 991px) {
    
    .newsletter {
        
        margin-top: 1px;
        margin-bottom: 40px;
        
    }
    
    .a-btn {
        
        display: none;
        
    }
    
}

.trabaja-con-nosotros {
    
    background-image: url('../img/bg-trabaja.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    padding-top: 60px;
    padding-bottom: 50px;
    
}

.red-slider:after {
    
    position: absolute;
    content: '';
    width: 100%; height: 21px;
    
    background-image: url('../img/border-6.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-top: -21px;
    
}

.foto-home:after {
    
    position: absolute;
    content: '';
    
    width: 100%; height: 21px;
    
    margin-left: -15px;
    
    background-image: url('../img/border-3.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-top: 0px;
    
}

.bg-newsletter:before {
    
    position: absolute;
    content: '';
    
    width: 100%; height: 21px;
    
    margin-left: -15px;
    
    background-image: url('../img/border-4.png');
    background-repeat: repeat-x;
    background-size: 75.5px 21px;
    
    margin-top: -21px;
    
}

.proyecto p {
    
    margin-top: 15px;
    padding-top: 0;
    
    font-size: 12px;
    font-weight: 300;
    
    color: #a5a5a5;
    
    text-align: center;
    
}

h1.futura {
    
    margin: 0 auto;
    text-align: center;
    
}

h1.futura span {
    
    font-family: 'Futura', sans-serif;
    color: white;
    
    background-color: black;
    
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    padding: 0 10px;
    
    margin: 0 auto;
    text-align: center;
    
    font-size: 50px;
    
    line-height: 1;
    
    display: inline;
    
}

@media (max-width: 1199px) {
    
    h1.futura { font-size: 40px; }
    
}

@media (max-width: 991px) {
    
    h1.futura { font-size: 35px; }
    
}

@media (max-width: 767px) {
    
    h1.futura { font-size: 30px; }
    
}

@media (max-width: 575px) {
    
    h1.futura { font-size: 25px; }
    
}

.proyecto a,
.proyecto a:hover,
.proyecto a:hover *,
.proyecto a:hover * *,
.proyecto a:hover * * *,
.proyecto a:hover * * * * {
    
    text-decoration: none;
    
}

.proyecto a p em {
    
    transition-duration: 150ms;
    
}

.proyecto a:hover p em {
    
    border-color: #c10a27;
    width: 75%;
    
}

.comerciales li {
    
    text-align: right;
    
    font-size: 20px;
    
    color: #616161;
    
    list-style-type: none;
    
    border-bottom: 1px solid #c7c7c7;
    
    font-weight: 500;
    
    padding-top: 10px;
    padding-bottom: 10px;
    
    transition-duration: 150ms;
    
}

.comerciales li:hover,
.comerciales .activo {
    
    color: #2f77b2;
    cursor: pointer;
    
}

.comercial {
    
    background-color: #f6f6f6;
    
    padding: 20px;
    
    margin-bottom: 30px;
    
}

.comercial strong,
.comercial .nombre,
.comercial hr,
.comercial a,
.comercial .tlf {
    
    display: block;
    
}

.comercial p {
    
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.comercial strong {
    
    font-size: 18px;
    color: #2f77b2;
    
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.comercial .nombre {
    
    font-size: 14px;
    color: #616161;
    
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.comercial hr {
    
    border-top: 0;
    border-bottom: 1px solid #c7c7c7;
    
    margin-top: 10px;
    padding-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
    
}

.comercial a {
    
    color: #2f77b2;
    
}

.comercial a:hover {
    
    color: black;
    text-decoration: none;
    
}

.comercial a,
.comercial .tlf {
    
    font-size: 12.5px;
    font-weight: 300;
    
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.distribuidor {
    
    text-align: center;
    
    max-width: 300px;
    
    margin: 0 auto;
    
    margin-bottom: 30px;
    
}

.distribuidor strong,
.distribuidor em,
.distribuidor p {
    
    display: block;
    text-align: center;
    
}

.distribuidor strong {
    
    color: #2f77b2;
    font-size: 20px;
    text-align: center;
    
    padding-top: 7px;
    padding-bottom: 7px;
    
}

.distribuidor em,
.distribuidor p {
    
    color: #2f77b2;
    
    font-size: 12.5px;
    color: #616161;
    
    font-style: normal;
    
    font-weight: 40;
    
}

.distribuidor em {
    
    border-bottom: 1px solid #c7c7c7;
    
    width: 65%;
    margin: 0 auto;
    
    font-weight: 400;
    
    padding-bottom: 10px;
    
}

.distribuidor p {
    
    margin-top: 10px;
    
}

.distribuidor p a {
    
    text-decoration: none;
    
}

.distribuidor p a:hover {
    
    color: black;
    
}

.lugar {
    
    border-bottom: 1px solid #c7c7c7;
    width: 65%; margin: 0 auto;
    
    padding-bottom: 10px;
    
}

.ocultar {
    
    display: none;
    
}

.d-links {
    
    font-size: 14px;
    
}

.d-links a,
.d-descargar,
.d-solicitar {
    
    display: block;
    
    margin-top: 7px;
    margin-bottom: 7px;
    
}

.d-links a:hover,
.d-descargar:hover,
.d-solicitar:hover {
    
    font-style: normal;
    text-decoration: none;
    
    color: black;
    
}

.d-links .d-autor { color: #10aa84; }
.d-links .d-ilustraciones { color: #2f77b2; }
.d-links .d-codigo { color: #f28714; }
.d-links .d-guia { color: #f7bd3a; }
.d-links .d-premios { color: #f04a7a; }

.d-descargar { color: #10aa84; }
.d-solicitar { color: #2f77b2; }

a.comprar {
    
    width: 100%;
    
    background-color: #c10a27;
    
    display: block;
    
    color: white;
    
    padding: 7px;
    
    font-size: 15px;
    
}

a.comprar strong {
    
    text-align: right;
    float: right;
    
    font-weight: 700;
    
}

a.comprar:hover,
a.cuaderno:hover {
    
    text-decoration: none;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    
}

.comprar span,
.comprar strong {
    
    cursor: pointer;
    
}

a.cuaderno {
    
    width: 100%;
    
    background-color: #0051a0;
    
    display: block;
    
    color: white;
    
    padding: 10px 7px;
    
    font-size: 11px;
    
    margin-bottom: 7px;
    
}

.ficha-detalle h2 {
    
    border-bottom: 1px solid #c7c7c7;
    
    font-size: 18px;
    color: #616161;
    
    padding-bottom: 15px;
    margin-bottom: 15px;
    
}

.ficha-detalle h3 {
    
    border-top: 1px solid silver;
    margin-top: 15px;
    padding-top: 15px;
    
    color: #0051a0;
    font-size: 14px;
    
    font-weight: 400;
    
}

.ficha-detalle p {
    
    font-weight: 300;
    line-height: 1.75;
    
}

.ficha-detalle {
    
    margin-bottom: 50px;
    
}

.title-lvl {
    
    color: #616161;
    font-size: 20px;
    
    margin: 0; padding: 0;
    
    font-weight: 400;
    
    margin-top: 10px;
    
}

.d-btns {
    
    margin-top: 20px;
    
}

.form *::-webkit-input-placeholder {
    
    color: white; opacity: 1;
  
}

.form *::-moz-placeholder {
    
    color: white; opacity: 1;
    
}

.form *:-ms-input-placeholder {
    
    color: white; opacity: 1;
  
}

.form *:-moz-placeholder {
    
    color: white; opacity: 1;
  
}

.form.black *::-webkit-input-placeholder {
    
    color: black; opacity: 1;
  
}

.form.black *::-moz-placeholder {
    
    color: black; opacity: 1;
  
}

.form.black *:-ms-input-placeholder {
    
    color: black; opacity: 1;
  
}

.form.black *:-moz-placeholder {
    
    color: black; opacity: 1;
  
}

