body {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #484848;
    line-height: 16px;
    background: #f2f2f2;
    margin-top: -30px;
}

#todo.container { padding-left:0 !important; padding-right:0 !important; }

strong { font-weight: 700; }

a{
    color: #FF7043;
    text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
a:hover{
    color: #FF7043;
    text-decoration: underline;
}

ul li.share { list-style: none; display: inline-block; }
.share a { display: block; width: 40px; height: 40px; }
.share  a.facebook { background-image: url('../img/icons/social/facebook_40x40.png') !important; }
.share  a.twitter { background-image: url('../img/icons/social/twitter_40x40.png') !important; }
.share  a.google_plus { background-image: url('../img/icons/social/google_plus_40x40.png') !important; }

h1, h2 {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 700;
    line-height: 44px;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
p { font-size:14px; }

/***** Top content *****/
.oferta{line-height: 24px !important;}

.descripcion { text-align: justify; }

.form-group .glyphicon.form-control-feedback{margin-left:0 !important; padding-right: 25px !important;}
.form-control-feedback{width:100% !important; text-align: right !important;}
.r-form-1-box { background-color: #fff; }
.r-form-1-top {
    overflow: hidden;
    padding: 0 25px 0px 25px;
    text-align: center;
}
.r-form-1-bottom {
    padding: 15px 25px 30px 25px;
    text-align: left;
}

.r-form-1-box input[type="text"], .r-form-1-box input[type="email"]{
    height: 40px;
    margin: 0;
    padding: 0 20px !important;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #bdbcbc;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    color: #888;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.r-form-1-box select.form-control{padding:0 20px !important;}

.r-form-1-box input[type="text"]:focus, 
.r-form-1-box input[type='email']:focus{
    outline: 0; background: #fff; border: 3px solid #FF7043;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.r-form-1-box input[type="text"]::-moz-placeholder,.r-form-1-box input[type='email']::-moz-placeholder{ color: #888; }

.r-form-1-box input[type="text"]:-ms-input-placeholder,.r-form-1-box input[type="email"]:-ms-input-placeholder  { color: #888; }

.r-form-1-box input[type="text"]::-webkit-input-placeholder, .r-form-1-box input[type="email"]::-webkit-input-placeholder { color: #888; }

.r-form-1-box .btn {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #FF7043;
    border: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.r-form-1-box button.btn:hover { background: transparent; border:2px solid #FF7043;}
.r-form-1-box button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.r-form-1-box button.btn:focus { outline: 0; opacity: 0.6; background: #e36da1; color: #fff; }
.r-form-1-box button.btn:active:focus, .r-form-1-box button.btn.active:focus { outline: 0; opacity: 0.6; background: #e36da1; color: #fff; }

.modal { color:#333; }
.form-control, .has-feedback { padding-left:0px !important; padding-right:0px !important; }

.formacion { margin-top: 10px; margin-bottom:20px; }
#formacion-recomendada {
    padding: 15px;
    line-height: 25px;
    font-weight: 400;
    text-align: left; 
    color:black;
    background-color: #fff; 
}
#formacion-recomendada h3 { margin-top: 0; border-bottom: none !important; }
#formacion-recomendada a{color:black !important;}
#formacion-recomendada a:hover{font-weight:600; text-decoration: none;}


#labelPolitica{font-size: 14px;}

.asd{
    background-color: #fff;
    padding: 15px;
}

/************************************BOTONES DE REDES SOCIALES *******************************************************/

#compartirOferta{
    font-family: "Poppins", "Roboto", "Arial", sans-serif;
    font-weight: 500;
    line-height: 3;
    display: block;
}

#compartirOferta a{
    color: #f2f2f2;
    text-decoration: none;
    width: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-justify-content: center;
    -ms-flex: center;
    justify-content: center;
    min-width: 0;
    margin-right: 3px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}



.prueba{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 16px;
}

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


.prueba a p{
    padding-left: 5px;
    color: white;
    margin-bottom: 0px;
}

#compartirOferta a span.icon{
    font-size: 20px;
    margin-top: 10px;
}


/**************** CANTIDAD DE COMPARTIDOS SITUADO ENCIMA DEL TÍTULO *********************************/
.cantidadMaxima{
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-right: 15px;
    display: block;
    padding-bottom: 0;
    font-size: 20px;
    color: #ccc;
    border: 0 solid #FFF;
    margin-right: 10px;
    float: left;
    line-height: 13px

}

.cantidad {
    padding-left: 5px;
    font-weight: 700;
    line-height: 32px;
    font-size: 40px;
    color: #484848;
}

.cantidadTexto{
    font-weight:bold;
    text-emphasis-style: triangle;
    padding-left: 10px;
    color:black;
    font-size: 10px;
    color: #484848;
}

/************************************FIN BOTONES REDES SOCIALES ******************************************************/
@media (max-width: 768px) {
    h1{font-size:16px;line-height: 20px;margin-bottom: 10px;}
    h3,p{font-size:13px; line-height:16px;font-weight: 600;}
    .mobile-no-display{
        display:none;
    }
    .show-on-mobile{display:block !important;}
    .r-form-1-box h2{font-size:20px;}
}

@media (max-width: 768px) {
    .containerButtons{
        background-color: white;
        left: 0;
        width: 100%;
        z-index: 1;
        bottom:0;
        position:fixed;
    }

    #compartirOferta a{
        width: 30%;
    }

    #compartirOferta a p{
        visibility: hidden;
    }

    #compartirOferta a span.icon{
        margin-bottom: 10px;
        font-size: 20px;
        visibility: visible;
        z-index: 1;
    }

    #face-icon{
        margin-left: 65px;
    }

    #twitter-icon{
        margin-left: 48px;
    }

    #google-icon{
        margin-left: 64px;
    }

}
