/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/*BASICAS*/
*{padding:0px; border:0px; margin:0px;}
p a{display:inline;}
li{list-style-type:none;}
.transicion{
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in;
}

body {
    /*    width: 100%;
        height: auto;
        border: 1px solid red;*/
    overflow-x: hidden;
    font-size: 1.5em;
    font-family: Arial;
}


small {font-size: 0.8em;}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #188ccc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}



.button_mobile_part {
    display: none;
}


.solicitar{display:none;}


/* HEADER */
.cabecera{
    position:fixed;
    width: 100%;
    height: 80px;
    background-color: white;
    padding-bottom:5px;
    z-index:100;
    top:0px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2)
}
.cabecera .cajas{
    float:left;	
}
.cabecera .pantalla{
    width:80%;
    height:100%;
    margin: 0px auto;
}
.cabecera .pantalla .cajas h1.logo{
    width:166px;
    height:50px;
    background-image: url(../img/logo1.png);
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    margin-top:-25px;
}

.cabecera .pantalla .cajas#segunda{
    float:right;
    margin-right:0px;
    position:relative;
}
.cabecera .pantalla .cajas h2.subtitulo{
    width: 448px;
    height: 19px;
    font-size: 17px;
    color: #188ccc;
    margin-top: 31px;
    text-align: right;
    text-transform: none;
}
/* HEADER */

/* FOTO + BARRAS + FORMULARIO */
.portfolio{
    /*position: relative;*/
    background-color:white;
    width:auto;
    height:650px;
    position:relative;
    background-image: url(../img/left1.jpg);
    background-size:cover;
    margin-top:80px;
    opacity: 0.2;
    /*transition: all 0.5s ease-out;*/
}

.portfolio#ok{
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ok-footer{
    position: fixed;
    bottom: 0;
}

.portfolio .contenedor{
    width:80%;
    height:100%;
    position:absolute;
    left:50%;
    margin-left:-40%;
    z-index: 0
}
/* ------ Barras ------ */
.portfolio .activationbars{
    width: 520px;
    height:180px;
    background-color:white;
    opacity:0.85;
    position:absolute;
    top:50%;
    margin-top:60px;
    left: -600px;
    transition: all 2s ease-in-out;
    /*z-index: 4;*/
}

/* ------ Barras / Azul CLARO ------ */

.portfolio .activationbars .claro{
    width:100%;
    height:120px;
    background-color:#00B7F1;
    position:relative;
    line-height:1;
}

.portfolio .activationbars .claro .numero{
    width:auto;
    height:100%;
    position:absolute;
    margin-left:10%;
    top: 10%;
    letter-spacing:-6px;
}
.portfolio .activationbars .claro .numero p.cinco{
    color:white;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100px;
    font-weight: bold;
}
.portfolio .activationbars .claro .upto{
    width: 48%;
    height:50%;
    right:0;
    position:absolute;
    margin-top: 25px;
    letter-spacing:1px;
}
.portfolio .activationbars .claro .upto p.hasta{
    color:white;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 40px;
    font-weight:lighter;
}

.portfolio .activationbars .claro .months{
    width: 48%;
    height:50%;
    float:right;
    right:0;
    bottom:0;
    position:absolute;
}
.portfolio .activationbars .claro .months p.meses{
    color:white;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 40px;
    font-weight:bold;
    margin-top:4px;
    letter-spacing:1px;
}


.portfolio .activationbars .claro .months .meses a{
    color: white;   
    cursor: pointer;
    transition: all 0.25s ease-out;
    text-decoration: none;
}
.portfolio .activationbars .claro .months .meses a:hover{
    opacity: 0.5;

}
/* ------ Barras / Azul OSCURO ------ */

.activationbars .oscuro{
    width:100%;
    height:60px;
    background-color:#00487A;
    position:absolute;
    bottom:0px;
}
p{margin:0px;}
.activationbars .oscuro p.eslogan.pequeno{
    width:auto;
    height:100px;
    color:white;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:22px;
    font-weight:bold;
    text-align:left;
    letter-spacing:2px;
    margin-left:54px;
    top:50%;
    margin-top:15px;
}
/* ------ Barras ------ */
/* ------ Formulario ------ */
.portfolio .contenedor .col-sm-4{
    position:absolute;
    right:0px;
}
#form_container {
    position: relative;
    opacity: 0.9;
    background: #F9F9F9;
    width: 400px;
    height: auto;
    padding: 20px;
    top: 50%;
    margin-top: -307px;
    margin-right: 0px;
    float: right;
    opacity:0;
    transition: all 0.5s ease-in-out;
}
#form_container .llamanos, .tipo_contacto{
    width:95%;
    height:auto;
    margin-top: 0px;
    margin-bottom:30px;
    left:50%;
    margin-left:5%;
    line-height:1;
    text-align:left;
}
#form_container .llamanos .phonecontact, 
.tipo_contacto .phonecontact, 
.tipo_contacto h3{
    width:100%;
    height:100%;
    color:grey;
    font-size:22px;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial;
    font-weight:bold;
    text-align:left;
    margin: 0;
    /*text-justify: inter-word;*/
}

#form_container .llamanos .azulisimo, .tipo_contacto h3 span{
    width:100%;
    height:100%;
    color:#124A85;
    font-size:38px;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial;
    font-weight:bold;
    text-align:left;
    /*letter-spacing:2px;*/
    padding:0px;

}
#form_container .llamanos .phonecontactbellow, .tipo_contacto .phonecontactbellow, .tipo_contacto p{
    width:100%;
    height:100%;
    color:grey;
    font-size:20px;
    font-family:gotham,
        "Helvetica Neue",Helvetica,Arial;
    text-align:left;
    text-transform: uppercase;

}
.tipo_contacto .phonecontact{
    text-align: justify;
    font-size: 32px;
}
.tipo_contacto .phonecontactbellow{
    font-size: 26px; 
    text-align: justify;

}

#form_container .col-lg-12 {padding:0;}
#formulario {width:100%; text-align:left; margin:0px auto;}
#formulario label {display: block;font-size: 0.8em;}
#formulario .input_text, #formulario select {
    width: 100%; 
    color:#494949; 
    border:1px solid lightgrey;
    padding: 0.1em 0em;
    font-size: 0.8em
}
#formulario select {padding: 0.2em 0.5em;}
#formulario p {margin: 0 0 10px 0; padding:0; color:#0083CA;}
#formulario .row {margin: 0 0 5px 0; padding:0;}
#formulario .row p {width: auto;}

.btn-enviar {
    background-color: #F68621;
    font-weight: bold;
    font-size: 20px;
    border: none;
    width: 60%;
    margin-left: 20%;
    margin-top: 10px;
    height: 65px;
    padding: 20px 0px;
    letter-spacing: 4px;
    border-radius: 4px;
    color: white;
}
.btn-enviar:hover{background-color:#124A85;}
#form_container .row label {font-weight: normal; font-size:0.9em; line-height:120%;}
#form_container .row{font-size:13px; font-family:"Helvetica Neue",Helvetica,Arial; font-stretch:condensed; letter-spacing:1px;} 
/* ------ Formulario ------ */
/* FOTO + BARRAS + FORMULARIO */

/* MÁS INFORMACIÓN */

.masinfo{
    position:relative;
    width:100%;
    height:auto;
    background-color:white;
}
.masinfo .contenseg{
    width:80%;
    height:100%;
    position:relative;
    left:50%;
    margin-left:-40%;
}
.masinfo .contenseg .contenseg ul.iconos{
    width:100%;
    height:350px;
    position:relative;
}
.masinfo .contenseg ul.iconos li{
    width:31%;
    height:100%;
    display:inline-block;
    text-align:center;
}
.masinfo .contenseg ul.iconos li.icon-text{transition: all 1s ease-out;}
.masinfo .contenseg ul.iconos li.icon-text#uno{margin-top:52px;}
.masinfo .contenseg ul.iconos li.icon-text#dos{margin-top:52px;}
.masinfo .contenseg ul.iconos li.icon-text#tres{margin-top:52px;}

.icon-hide{
    transform: scale(1.2); opacity:0; transition: all 1s cubic-bezier(0.68, -0.70, 0.265, 1.85);}
.icon-fade{
    transform: scale(1); opacity:1;}


.masinfo .contenseg ul p.offers{
    font-family:gotham,"Helvetica Neue",Helvetica,Arial; 
    letter-spacing:1px;
    margin-top:40px;
    font-size:20px;
    color:#58595B;
    text-align:center;
    text-transform:uppercase;
}
.masinfo .contenseg p.textabajo{
    width:100%;
    height:auto;
    color:#0083CA;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:1px;
    margin-top:35px;
    padding-bottom:20px;
}
/* MÁS INFORMACIÓN */

/* .........Especificaciones de la oferta.........*/
.especifico{
    width:100%;
    height:auto;
    background-color:#004986;
    position:relative;
}
.especifico .contenido{
    width:80%;
    height:auto;
    position:relative;
    left:50%;
    margin-left:-40%;
}
.especifico .contenido p.fraseinicial{
    width:100%;
    height:auto;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial;
    font-size:19px;
    padding:45px 0 6px 0;
    margin-top:10px;
    color:white;
    letter-spacing: 2px;
    font-weight: lighter;
}
.especifico .contenido .medicaltexts{
    width:100%;
    height:auto;
}
.especifico .contenido .medicaltexts .caja{
    width:32%;
    height:auto;
    display:inline-block;
    vertical-align:top;
}
.especifico .contenido .medicaltexts .caja h1{
    width: 90%;
    height: 64px;
    font-weight: bold;
    font-size: 21px;
    line-height: 33px;
    color: white;
    letter-spacing: 1px;
    text-align: left;
}
.especifico .contenido .medicaltexts .caja .cajita{
    width:82%;
    height:auto;
    background-color:white;
    border-radius:7px;
    text-align:left;
}

.especifico .contenido .medicaltexts .caja .cajita p.desde{
    padding-left: 20px;
    color: #004986;
    width: 90%;
    height:auto;
    height: auto;
    line-height: 1px;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial;
    font-size: 26px;
    letter-spacing: 3px;
    padding:30px 20px 0px;

}
.especifico .contenido .medicaltexts .caja .cajita span{
    padding-left: 20px;
    color: #f68621;
    width: 90%;
    height:auto;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial;
    font-weight: bold;
    font-size: 46px;
}
.especifico .contenido .medicaltexts .caja p.mes{
    padding-left: 20px;
    color: #004986;
    width: 97%;
    height: auto;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial;
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 1;
    margin-top: -9px;
    padding-bottom: 15px;
}
.especifico .contenido .medicaltexts .caja p.general{
    color:white;
    width:95%;
    height:250px;
    font-family:gotham,"Helvetica Neue",Helvetica,Arial;
    font-size:14px;
    letter-spacing: 2px;
    font-weight: lighter;
    margin-top:20px;
    text-align:left;
}
/* .........Especificaciones de la oferta.........*/

/* FOOTER */
footer{
    background-color: #D9D9D6; 
    width:100%; 
    height:auto;

    position:relative;
    float: left;
    bottom:0px;
    padding:20px;
    text-align: center;

}
footer #condiciones{
    width: 100%;
    float:left; 
    color: black; 
    font-family:"Helvetica Neue",Helvetica,Arial; 
    font-size:16px; 
    padding:0px; 
    margin:0px;
}
/* FOOTER */

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}


/*COOKIES*/
#proteccionDatos h1, #avisoLegal h1 {display:none;}
#proteccionDatos h2, #avisoLegal h2 {font-size: 1em;}

.openModal {
    text-decoration: underline;	
    color: #00a9e0;
    cursor: pointer;
}

.modal {
    position: fixed;
    display:none;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,.75);
    z-index: 8;

}
.modalContent {
    background-color: #FFF;
    width: 60%;
    height: 60%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    padding:40px 10px 10px 10px;
    box-sizing: border-box;
    border-radius: 5px;
}
.modalContent iframe {
    width: 100%;
    height: 100%;
}

.btnClose {
    display: block;
    position: absolute;
    top:10px;
    right:10px;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    background-image:url(../img/btn-close.png);
    background-size: 100%;
}
.btnClose:hover{opacity: 0.7}
.btnClose span {
    display: none;
}


/* ALERTA COOKIES */
.box-alert-info{

}
.alert-cookies {
    position: fixed; 
    bottom:0; 
    z-index:99; 
    box-sizing: border-box;

    font-family:"Helvetica Neue",Helvetica,Arial;


    width:100%; 

    background-color: rgba(0,0,0,0.8); 
    color: #FFF;
    font-size: 14px; 
    border:none;

    text-align:center;
    padding:20px 15px;
    letter-spacing:0.5px;
    overflow: hidden;

}
.alert-cookies a:link, .alert-cookies a:visited {
    font-family:"Helvetica Neue",Helvetica,Arial;
    font-size: 16px;
    width:auto;
    height:auto;
    color: #FFF !important;
}

.alert-cookies .btn {
    background-color: #F68621;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
}

/* ---------------------------------- TABLET --------------------------------------------*/
@media (min-width: 500px) and (max-width: 1010px){
    /* HEADER */
    .cabecera{
        position:fixed;
        width: 100%;
        height: 80px;
        background-color: white;
        padding-bottom:5px;
        z-index:100;
    }
    .cabecera .cajas{
        float:left;        
    }
    .cabecera .pantalla{
        width:80%;
        height:100%;
        margin: 0px auto;
    }
    .cabecera .pantalla .cajas h1.logo{
        width:227px;
        height:74px;
        background-repeat:no-repeat;

    }
    .cabecera .pantalla .cajas h2.subtitulo{
        width:265px;
        height:auto;
        font-size:15px;
        background-size:100% 100%;
        line-height:1.3;
        letter-spacing:0.4px;
        margin-top:20px;
    }
    /* HEADER */

    /* FOTO + BARRAS + FORMULARIO */
    .portfolio{
        height:1162px;
        position:relative;
        background-image: url(../img/left2.jpg);
        background-repeat:no-repeat;
        background-size:auto;
    }

    .portfolio .contenedor{
        width:100%;
        height:100%;
        position:absolute;
        left:0px;
        margin-left:0px;
    }


    .portfolio .activationbars{
        width:320px;
        height:120px;
        top:0px;
        margin-top:200px;
    }
    /* ------ Barras / Azul claro ------ */
    .portfolio .activationbars .claro{
        height:100px;
    }

    .portfolio .activationbars .claro .numero{
        margin-left:9%;
    }
    .portfolio .activationbars .claro .numero p.cinco{
        font-size: 60px;
        letter-spacing: -3px;
    }
    .portfolio .activationbars .claro .upto{
        margin-top:22px;
        width: 50%;
    }
    .portfolio .activationbars .claro .upto p.hasta{
        font-size: 19px;
    }

    .portfolio .activationbars .claro .months{
        letter-spacing:1px;
        width: 50%;
    }
    .portfolio .activationbars .claro .months p.meses{
        font-size: 26px;
        margin-top:-8px;
    }



    /* ------ Barras / Azul oscuro ------ */
    .activationbars .oscuro{
        width:100%;
        height:40px;
        background-color:#00487A;
        position:absolute;
        bottom:0px;
    }
    .activationbars .oscuro p.eslogan.pequeno{
        width:auto;
        height:auto;
        font-size:16px;
        letter-spacing:2px;
        margin-left:36px;
        top:50%;
        margin-top:10px;
    }

    /* ------ FORMULARIO ------ */
    .portfolio .contenedor .col-sm-4{
        width:100%;
        float: left;
        box-sizing: border-box;
    }
    #form_container {       
        float: left;
        opacity:1;
        width:100%;
        /*height:731px;*/
        padding:40px;
        margin-top:-81px;
    }
    #form_container .llamanos, .tipo_contacto{
        width:100%;
        height:auto;
        margin-top:18px;
        margin-bottom:30px;
        line-height:1;
        text-align:left;
        margin-left:-1px;
    }
    #form_container .llamanos .phonecontact, .tipo_contacto .phonecontact{
        width:100%;
        height:100%;
        color:grey;
        font-size:42px;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial;
        font-weight:bold;
        text-align:justify;
        text-justify: inter-word;
    }
    #form_container .llamanos .azulisimo{
        width:100%;
        height:100%;
        color:#124A85;
        font-size:48px;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial;
        font-weight:bold;
        text-align:justify;
        letter-spacing:2px;
        padding-bottom:10px;
    }
    #form_container .llamanos .phonecontactbellow{
        width:100%;
        height:100%;
        color:grey;
        font-size:26px;
        font-family:gotham,
            "Helvetica Neue",Helvetica,Arial;
        text-align:justify;
    }

    #form_container .col-lg-12 {padding: 0;}
    #formulario form{width:90%; text-align:left; margin: 5% auto;}
    #formulario label {display: block;}
    #formulario .input_text, #formulario select {width: 100%; color:#494949; border:1px solid lightgrey;}
    #formulario p {margin: 0 0 10px 0; padding:0; color:#0083CA;}
    #formulario .row {margin: 0 0 5px 0; padding:0;}
    #formulario .row p {width:auto;}

    .btn-enviar {
        background-color: #F68621; 
        font-weight: bold; 
        font-size: 21px; 
        border: none; 
        width:80%;
        margin-left: 10%;
        height:auto;
        padding:20px 0px; 
        letter-spacing:1px;
    }
    .btn-enviar:hover{background-color:#124A85;}
    #form_container .row label {font-weight: normal; font-size:0.9em; line-height:120%;}
    #form_container .row{font-size:13px; font-family:"Helvetica Neue",Helvetica,Arial; font-stretch:condensed; letter-spacing:1px;} 
    /* FOTO + BARRAS + FORMULARIO */

    /* MÁS INFORMACIÓN */
    .masinfo .contenseg{
        left:0;
        margin-left:0;
        width:100%;
        height:100%;
    }
    .masinfo .contenseg ul.iconos li{
        vertical-align:top;
        width:29%;
        height:100%;
        margin-right:4px;
    }
    .masinfo .contenseg ul.iconos li.icon-text#uno{margin-top:52px;margin-left:43px;}
    .masinfo .contenseg ul.iconos li.icon-text#dos{margin-top:52px;}
    .masinfo .contenseg ul.iconos li.icon-text#tres{margin-top:52px;}
    .masinfo .contenseg ul p.offers{
        font-family:gotham,"Helvetica Neue",Helvetica,Arial; 
        letter-spacing:1px;
        margin-top:50px;
        font-size:16px;
        color:#58595B;
        text-align:center;
        text-transform:uppercase;
    }
    .masinfo .contenseg p.textabajo{
        font-size:14px;
    }
    /* MÁS INFORMACIÓN */

    /* .........Especificaciones de la oferta.........*/
    .especifico{
        height:auto;
        padding-bottom:40px;
        background-color:#004986;

    }
    .especifico .contenido {
        width:90%;
        left:0;
        margin-left:7%;
    }
    .especifico .contenido p.fraseinicial{
        font-size:15px;
        padding-bottom:0px;
        margin-bottom:-6px;
    }
    .especifico .contenido .medicaltexts .caja{
        width:30%;
        height:auto;
        display:inline;
    }
    .especifico .contenido .medicaltexts .caja h1{
        width: 100%;
        height: 32px;
        font-weight: bold;
        font-size: 20px;
        color: white;
        letter-spacing: 1px;
        text-align: left;
        padding-bottom: 0px;
        margin-bottom: 14px;
        margin-top:40px;
    }
    .especifico .contenido .medicaltexts .caja h1#cuadro{
        margin-top:20px;
    }
    .especifico .contenido .medicaltexts .caja .cajita{
        width: 27%;
        height: auto;
        float:left;
    }
    .especifico .contenido .medicaltexts .caja p.general {
        width: 67%;
        font-size: 14px;
        height: auto;
        margin-left: 31%;
        margin-top: 0;
        padding-bottom:0;
    }

    .especifico .contenido .medicaltexts .caja .cajita p.desde{
        font-size:17px;
        line-height:1px;
        padding-bottom:5px;
        margin-left:-8px;
    }

    .especifico .contenido .medicaltexts .caja .cajita span{
        font-size:29px;
        margin-left:-8px;
    }
    .especifico .contenido .medicaltexts .caja p.mes{
        padding-bottom:13px;
        margin-top:-2px;
        font-size:14px;
        margin-left:-8px;
    }



    /* .........Especificaciones de la oferta.........*/


    /* FOOTER */
    footer{
        background-color: #D9D9D6; 
        width:100%; 
        height:auto;
        position:relative;
        bottom:0px;
        padding:20px 0px;
    }
    footer .col-lg-12{
        float:left; 
        color: black; 
        font-family:"Helvetica Neue",Helvetica,Arial; 
        font-size:16px; 
        padding:0px; 
        margin:0px;
    }
    /* FOOTER */

    .btn:focus,
    .btn:active,
    .btn.active {
        outline: 0;
    }

    #proteccionDatos h1, #avisoLegal h1 {display:none;}
    #proteccionDatos h2, #avisoLegal h2 {font-size: 1em;}

    .alert-cookies {
        font-family:"Helvetica Neue",Helvetica,Arial;
        position: fixed; 
        bottom:0; 
        clear: both; 
        margin:0; 
        width:100%; 
        z-index:99; 
        background-color: rgba(0,0,0,0.8); 
        border:none; border-radius:0;
        font-size: 14px; 
        text-align:center;
        padding:20px;
        letter-spacing:0.5px;
    }
    .alert.cookies a{
        font-family:"Helvetica Neue",Helvetica,Arial;
        font-size: 16px;
        width:auto;
        height:auto;
    }



    /* Button mobile*/
    .button_mobile_part {
        opacity:0.9;
        visibility: visible;
        position: fixed;
        display: inline-block;
        background-color: #004986;
        width: 100%;
        height: 80px;
        top: 80px;
        text-align: center;
        z-index: 100;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    a.btn_deja_datos:link, a.btn_deja_datos:visited {
        position: relative;
        float:none;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background-color: #F68621;
        padding: 15px 3% 15px 3%;
        margin-top: 14px;
        margin-right:5%;
        color: #FFF;
        font-size: 16px;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
        border-radius:6px;
    }
    a.btn_deja_datos:hover {
        background-color: #E35205;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
    }
    a.btn_llamar{
        position: relative;
        float:none;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background-color: #39b44a;
        padding: 15px 3% 15px 3%;
        margin-top: 14px;
        color: #FFF;
        font-size: 16px;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
        border-radius:6px;
    }
    a.btn_llamar:hover {
        background-color: #007A3E;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
    }

    .modalContent{width: 90%; margin-right: 5%;}


}
/* ---------------------------------- TABLET -----------------------------------------*/

/* ------------------------------------- MÓVIL ---------------------------------------*/
@media (max-width: 500px){
    /* HEADER */
    .cabecera{
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        background-color: white;
        padding-bottom:10px;
        z-index:100;

    }
    .cabecera .cajas{
        float:left;	
    }
    .cabecera .pantalla{
        width:80%;
        height:100%;
        margin: 0px auto;
    }
    .cabecera .pantalla .cajas h1.logo{
        margin-top:-41px;
        left:50%;
        margin-left:-83px;
    }
    .cabecera .pantalla .cajas#segunda{
        /*border: 1px solid red;
        float: left;
        width: 100%;*/
    }
    .cabecera .pantalla .cajas h2.subtitulo{
        width:100%;
        height:auto;
        left:0;
        margin-left:0;
        margin-top:73px;
        font-size:15px;
        text-align:center;
    }




    /* HEADER */

    /* FOTO + BARRAS + FORMULARIO */

    .portfolio{
        background-color:#F9F9F9;
        height:1270px;
        width:100%;
        position:relative;
        background-image: url(../img/left4.jpg);
        background-repeat:no-repeat;
        background-size:auto;
    }
    #ok{
        opacity: 1;
    }
    .portfolio .contenedor{
        width:100%;
        height:100%;
        position:absolute;
        left:0px;
        margin-left:0px;
    }

    /* BARRAS */

    .portfolio .activationbars{
        width: 100%;
        height: 140px;
        top:0;
        margin-top:450px;
    }
    /* Barras Claro */
    .portfolio .activationbars .claro{
        width: 100%;
        height: 95px;
        margin-top: -25px;

    }

    .portfolio .activationbars .claro .numero{
        width: auto;
        height: auto;
        margin-left: 25px;
        letter-spacing: -3px;
    }
    .portfolio .activationbars .claro .numero p.cinco{
        position: relative;
        font-size: 50px;
    }
    .portfolio .activationbars .claro .upto{
        position: relative;
        width: auto; height: auto;
        margin-left: 140px;
        letter-spacing:2px;
        font-size: 40px;
    }
    .portfolio .activationbars .claro .upto p.hasta{
        padding-top: 15px;
    }

    .portfolio .activationbars .claro .months{
        letter-spacing: -2px;
        position: relative;        
        margin-left: 25px;
        font-size: 40px;
        float: left;

    }
    .portfolio .activationbars .claro .months p.meses{
        margin-top: -2px;
    } 

    /* Barras Oscuro */
    .activationbars .oscuro{
        width:100%;
        height:45px;
        background-color:#00487A;
        position:absolute;
        bottom:0px;
    }

    .activationbars .oscuro p.eslogan.pequeno{
        width:auto;
        height:auto;
        font-size:18px;
        letter-spacing:2px;
        margin-left: 30px;
        top:50%;
        margin-top:7px;
    }

    /* FORMULARIO */
    .portfolio .contenedor .col-sm-4{
        position:absolute;
        width:100%;
        height:735px;
    }
    #form_container {
        opacity:1;
        background-color: #F9F9F9; 
        position: relative;
        width:80%;
        padding:40px;
        margin-top:-45px;
    }
    #form_container .llamanos{
        width:100%;
        height:auto;
        margin-top:24px;
        margin-bottom:30px;
        line-height:1;
        text-align:left;
        margin-left:-1px;
    }
    #form_container .llamanos .phonecontact{
        width:100%;
        height:100%;
        color:grey;
        font-size:24px;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial;
        font-weight:bold;
        text-align:left;
        text-justify: inter-word;
    }
    #form_container .llamanos .azulisimo{
        width:100%;
        height:100%;
        color:#124A85;
        font-size:35px;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial;
        font-weight:bold;
        text-align:left;
        letter-spacing:1px;
        padding-bottom:10px;
    }
    #form_container .llamanos .phonecontactbellow{
        width:100%;
        height:100%;
        color:grey;
        font-size:20px;
        font-family:gotham,
            "Helvetica Neue",Helvetica,Arial;
        text-align:left;
    }

    #form_container .col-lg-12 {padding:0;}
    #formulario {float: left; width:100%; text-align:left; margin:0px auto;}
    #formulario label {display: block;}
    #formulario .input_text, #formulario select {width: 100%; color:#494949; border:1px solid lightgrey;}
    #formulario p {margin: 0 0 10px 0; padding:0; color:#0083CA;}
    #formulario .row {margin: 0 0 5px 0; padding:0;}
    #formulario .row p {width:auto;}

    .btn-enviar {
        background-color: #F68621; 
        font-weight: bold; 
        font-size: 20px; 
        border: none; 
        width:100%;
        height:auto;
        padding:20px 0px; 
        margin:20px 0px 0px 0px;
        letter-spacing:2px;
    }
    .btn-enviar:hover{background-color:#124A85;}
    #form_container .row label {font-weight: normal; font-size:0.9em; line-height:120%;}
    #form_container .row{font-size:13px; font-family:"Helvetica Neue",Helvetica,Arial; font-stretch:condensed; letter-spacing:1px;} 
    /* FOTO + BARRAS + FORMULARIO */

    /* MÁS INFORMACIÓN */
    .masinfo{
        position:relative;
        width:100%;
        height:auto;
        background-color:white;
    }
    .masinfo .contenseg{
        width:100%;
        height:auto;
        left:-50%;
        margin-left:50%;
    }
    .masinfo .contenseg .contenseg ul.iconos{
        width:100%;
        height:255px;
        position:static;
    }

    .masinfo .contenseg ul.iconos li.icon-text{
        width:100%;
        height:100%;
        text-align:center;
    }
    .masinfo .contenseg ul.iconos li.icon-text#uno{margin-top:52px;}
    .masinfo .contenseg ul.iconos li.icon-text#dos{margin-top:52px;}
    .masinfo .contenseg ul.iconos li.icon-text#tres{margin-top:52px;margin-bottom:20px;}
    .masinfo .contenseg ul p.offers{
        width: 80%;
        height: auto;
        letter-spacing: 1px;
        font-size: 15px;
        margin: 30px auto;
        margin-bottom: 0px;
    }
    .masinfo .contenseg p.textabajo {
        width: 80%;
        height: auto;
        font-size: 15px;
        letter-spacing: 0;
        margin: 0px auto;
    }
    /* MÁS INFORMACIÓN */

    /* .........Especificaciones de la oferta.........*/

    .especifico{
        font-size:13px;
        padding:0px;
        margin-top:40px;
        height:auto;
        padding-bottom:40px;
    }
    .especifico .contenido p.fraseinicial{
        font-size:15px;
    }
    .especifico .contenido .medicaltexts .caja{
        width:100%; 
    }
    .especifico .contenido .medicaltexts .caja p.general{
        height:auto;
        margin-bottom:20px;
    }
    .especifico .contenido .medicaltexts .caja h1{
        height:auto;
    }

    /* .........Especificaciones de la oferta.........*/

    /* FOOTER */
    footer{
        background-color: #D9D9D6; 
        width:100%; 
        height:auto;
        position:relative;
        bottom:0px;
        padding:20px 0px;
    }
    footer .col-lg-12{
        float:left; 
        color: black; 
        font-family:"Helvetica Neue",Helvetica,Arial; 
        font-size:12px; 
        padding:0px; 
        margin:0px 20px 0px 20px;
    }
    /* FOOTER */

    .btn:focus,
    .btn:active,
    .btn.active {
        outline: 0;
    }

    #proteccionDatos h1, #avisoLegal h1 {display:none;}
    #proteccionDatos h2, #avisoLegal h2 {font-size: 1em;}

    /*    .alert-cookies {
            font-family:"Helvetica Neue",Helvetica,Arial;
            position: fixed; 
            bottom:0px; 
            z-index:99; 
            background-color: rgba(0,0,0,0.8); 
            border:none; 
            font-size: 14px; 
            text-align:center;
            padding:20px;
            letter-spacing:0.5px;
            box-sizing: border-box;
            width:100%;
            height: auto;
            box-sizing: border-box;
            
        }*/

    .alert.cookies a{
        font-family:"Helvetica Neue",Helvetica,Arial;
        font-size: 16px;
        width:auto;
        height:auto;
    }


    .button_mobile_part {
        opacity:0.9;
        visibility: visible;
        position: absolute;
        display: table;
        background-color: #004986;
        width: 100%;
        height: 80px;
        top: 5px;
        text-align: center;
        z-index: 100;
        font-family:gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
        margin-top:35px;
    }
    a.btn_deja_datos:link, a.btn_deja_datos:visited {
        position: relative;
        float:none;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background-color: #F68621;
        padding: 15px 3% 15px 3%;
        margin-top: 14px;
        margin-right:3%;
        color: #FFF;
        font-size: 14px;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
        border-radius:6px;
    }
    a.btn_deja_datos:hover {
        background-color: #E35205;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
    }
    a.btn_llamar{
        position: relative;
        float:none;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background-color: #39b44a;
        padding: 15px 3% 15px 3%;
        margin-top: 14px;
        color: #FFF;
        font-size: 14px;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
        border-radius:6px;
    }
    a.btn_llamar:hover {
        background-color: #007A3E;
        -webkit-transition: 200ms ease-in;
        -moz-transition: 200ms ease-in;
        -ms-transition: 200ms ease-in;
        -o-transition: 200ms ease-in;
        transition: 200ms ease-in;
    }

    .modalContent{width: 90%; margin-right: 5%;}

}
/* --------------------------------------- MÓVIL --------------------------------------*/

/* --------------------------------------- OK SCREEN ---------------------------------*/
.gracias{
    width:500px;
    height:230px;
    background-color:white;
    opacity:0.8;
    position:absolute;
    top:50%;
    margin-top:-307px;
    right:0;
    border-radius:6px;
}
.gracias .correcto{
    width:87px;
    height:74px;
    background-image:url(../img/tick.png);
    background-repeat:no-repeat; 
    background-size:contain;
    margin:13px auto;
    margin-top:20px;
}
.gracias h2{
    width:470px;
    color:#F68621;
    text-align:center;
    margin:0px auto;
    margin-bottom:10px;
}
.gracias p{
    width:450px;
    height:auto;
    margin:0 auto;
    text-align: center;
    font-family: gotham,"Helvetica Neue",Helvetica,Arial;
    font-size:14px;
}


/* ---------------- OK | Tablet ---------------*/
@media (min-width: 500px) and (max-width: 1010px){
    .portfolio#ok{
        height:360px;
    }
    .gracias{
        width:100%;
        height:100%;
        background-color:white;
        opacity:1;
        position:absolute;
        top:0;
        margin-top:0;
        right:0;
        border-radius:0;
    }
    .gracias .correcto{
        margin-top:60px;
    }
    .gracias h2{
        margin-bottom:11px;
        margin-top:20px;
    }
}

/* ---------------- OK | Móvil ---------------*/
@media (max-width: 500px){
    .portfolio#ok{
        height:350px;
    }
    .gracias {
        width:100%;
        height:100%;
        background-color:white;
        opacity:1;
        position:absolute;
        top:0;
        margin-top:0;
        right:0;
        border-radius:0px;
    }
    .gracias .correcto{
        margin-top:60px;
        margin-bottom:25px;
    }
    .gracias p {
        width:280px;
        margin-bottom:66px;
        font-size:14px;
    }
    .gracias h2 {
        width:242px;
        color:#F68621;
        text-align:center;
        margin:0 auto;
        margin-bottom:13px;
        font-size:25px;
    }


}




/* --------------------------------------- OK SCREEN ---------------------------------*/