/*!
 * 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.
 */

/*@font-face{ font-family:'FontAwesome'; src:url('../font-awesome/fonts/fontawesome-webfont.eot'); }*/

body {
    overflow-x: hidden;
}

p {
    font-size: 13px;
}
#cabecera{
    margin-top: 100px;
}

p.small {
    font-size: 16px;
}
@media (max-width:767px){
    #txt_main{
        display:none !important; 
        //       opacity:0 !important;
        text-indent: -9999px !important;
        //        visibility:hidden !important;
    }
    #contactForm{
        margin-top: -200px;
    }
    ul li{
        font-size: 10px !important;
    }
}
@media (max-width:767px){

    #contactForm{
        margin-top: -400px !important;
        width: 90% !important;

    }

}
@media (max-width:767px){

    #submenu{
        height: -32px;

    }

}
@media (max-width:767px){

    #masInfo{
        display:none;
    }

}
@media (max-width:767px){

    #txt_compañias{
        margin-top:80px;
    }

}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    //color: #FFF;
}
#txt_companias a,
#txt_companias a:active,
#txt_companias a:hover{
    color: #42A72A;
}
label.radio-inline.lead{
    margin-top:20px;
}
a.btn-social.btn-outline:hover {
    outline: 0;
    border-color: #fff;
    background-color: #FFF;
}
a.btn-social.btn-outline{
    outline: 0;
    border-color: #fff;
    background-color: #FF0000;
}
li[role=presentation]{
    background-color: #FF0000;
    color: #FFF;
}

li[role=presentation] a{
    /*background-color: #FF0000;*/
    color: #FFF;
}
li[role=presentation] a:not(focus) {
    /*background-color: #FF0000;*/
    color: #FFF;
}

/*li[role=presentation] :focus{
    background-color: #FF0000;
    color: #FF0000;
}*/

/*
li[role=presentation] a{
    color: #FFF;
}
li[role=presentation] a:visited{
    color: #000;
}

li[role=presentation] a:hover{
    color: #000;
}*/

#tarifa_fallec {
    position: relative;
    padding-left: 19px;
}
#tarifa_inval{
    position: relative;
    padding-left: 19px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /* text-transform: uppercase; */
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}

.img-centered {
    margin: 0 auto;
}
.desplazado{

    width: 100%;
    max-height: 400px;

}
.desplazado.precio_vida{
    margin-top: -23%;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.desplazado.precio_vida #txt_info{
    margin-top: -50px;
    padding-right: 5%;

}
header:not(.subHeader) {
    text-align: left;
    color: #000;
    min-height: 500px;
    margin-top: 220px;
}

header:not(.subHeader) .container {
    padding-top: 0px;
    padding-bottom: 50px;
}

header:not(.subHeader) img {
    display: block;
    margin: 0 auto 20px;
}

header:not(.subHeader) .intro-text .name {
    display: block;
    /* text-transform: uppercase; */
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}

header:not(.subHeader) .intro-text .skills:not(.wrapper_autonomos .skills) {
    font-size: 1.25em;
    font-weight: 300;
    display: inline-block !important;
    text-align: center !important; 
    padding-right: 15%;
    padding-left: 15%;
}
.autonomos_container #txt_main{
    padding-left: 20.4% !important;
    padding-right: 0px !important;
    padding-bottom: 30% !important;
    //background: no-repeat url('../img/bg_vida.png');
    background-size: 60%;
    min-height: 500px;
}
.autonomos_container{
    min-height: 700px;
}
.bajas_container #txt_main{
    padding-left: 20.4% !important;
    padding-right: 0px !important;
    background: #F7F8F9 left top no-repeat content-box content-box scroll url('../img/bg_dependencia.png');
    background-size: 60%;
    background-position-x: right;
    background-position-y: 100%;
    min-height: 100px;
}
.bajas_container{
    min-height: 700px;
}
.wrapper{
    background-color: #F7F8F9;
}
.wrapper_autonomos {
    padding-top: 65px;
}
.wrapper_autonomos .skills{
    font-size: 1.25em;
    font-weight: 300;
    display: inline-block !important;
    padding-right: 15%;
    padding-left: 15%;
    width: 70%;
    position: relative;
    left: -30%;
    font-size: 16px !important;
    text-align: justify !important;
}
.wrapper_autonomos h1{
    color:#333333;
}

#mensajemail{
    width: 15px;
    height: 15px;
    margin-left: 2px;
    float: right;
    visibility: visible;
    color: #333333;
}    
#mensajemail:hover{
    position: relative;
    visibility: visible;
    color: #333333;

}
#contactFormAutonomos button,#contactFormBajas button{
    margin-top: 0px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
header:not(.subHeader) #wrapper_1,header:not(.subHeader) #wrapper_2{
    min-height: 480px;
    padding-top: 5px;
}

header:not(.subHeader) #wrapper_1{
    padding-left: 0px !important;
    padding-right: 2px !important;
    background: #F7F8F9 left top no-repeat content-box content-box scroll url('../img/bg_dependencia.png');
    background-position-y: 79px;
    background-position-x: 72%;
    background-size: 60%;
    border-right: 1px solid #DBDBDB;
}

#imagenWrapper{

}
header:not(.subHeader) #wrapper_2{
    width:500px;
    margin-left: 120px;
    //background: no-repeat url('../img/bg_vida.png');


}
header:not(.subHeader) #wrapper_2 .name,header:not(.subHeader) #wrapper_1 .name{
    margin-top: 0px;
}
header:not(.subHeader) button{
    margin-top: 265px;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.flechitaBoton{
    padding-left: 5%;
}
#col_logos{
    background: url(../img/right_arrow.png) no-repeat right top;
}

//ESTE ES EL ESTILO DE LA TABLA
/*section#paso_dos div.table-responsive table#tablaComparativa {
    max-width: 600px !important;
    min-width: 600px !important;
    width: 600px !important;
    margin: 0px auto !important;
    background-color: red !important;
}*/

@media all{
    //Configuracion firefox
    html[data-useragent*='Firefox'] ul li span{
        height: 33px !important;
        border:5px;
        border-left-style: solid;
        border-color: #FFF;
        color:#FFF;
        text-decoration:none;
        font-weight:bold;
        display:block; 
    }
}
@media(min-width:768px) {
    header:not(.subHeader) .container {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    header:not(.subHeader) .intro-text .name {
        /* font-size: 4.75em; */
        font-size: 2.7em;
    }

    header:not(.subHeader) .intro-text .skills {
        font-size: 13px;
        text-align: left;
        color: #333333;
        text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section:not(.subWrapper) {
    padding:120px 0;
    height: 150px;

}

section:not(.subWrapper) h2 {
    margin: 0;
    font-size: 26px;
}

section:not(.subWrapper).success {
    background-color: #F7F8F9;
    color: #333333;
}

@media(max-width:767px) {
    section:not(.subWrapper) {
        padding: 60px 0;
    }

    section:not(.subWrapper).first {
        padding-top: 75px;
    }
    #col_logos{
        background: url(../img/right_arrow.png) no-repeat right center;
    }
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #0F77C1;
    color: #fff;
    background: #0F77C1;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    /*color: #18bc9c;*/
    color: #0F77C1;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee;
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 50px;
    margin-top: 700px;
    height: 200px;
    background-color: #f00;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #f00;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #FFF;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

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

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

/* -------------------------------------------------------------------------- */
#txt_info {
    margin-top: 20px;
}
#txt_info ol, #txt_info ul {
    font-size: 13px !important;
}
#txt_info p {

}
#txt_info h3{
    font-size: 1.3em;
}
/*button {
    background-color: #42A72A !important;
    border-color: #42A72A !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0), 0 0 35px rgba(0, 0, 0, 0.5);
}*/
nav a img {
    margin-top: -30px;
}
.navbar-default {
    border-bottom: 2px solid #DBDBDB;
    background-color: #fff !important;
}
#txt_main {
    padding-left: 10%;
    padding-right: 10%;
}

#txt_main{
    margin-top: 0;
}

#wrapper_1 .name {
    color: #333333 !important;
}

#wrapper_2 .name{
    color: #333333 !important;
}

#txt_main .name:not(.wrapper_autonomos .name) {
    padding-top: 70px;
}
@media (max-width: 1200px) {
    #txt_form { margin-top: 25px; }
}
#txt_form{
    min-height: 500px;
    padding-top: 20px;
    padding-right: 80px;
    border-left: 2px solid #EEE;
}
#txt_into_form {
    display: inline-block !important;
    font-weight: bold;
    font-size: 1em;
    color: #F00;
    text-align: left !important;
    margin-bottom: 10px !important;
    margin-left: -13px !important;
    padding-left: 10px !important;
}
#container_top {
    margin-bottom: -50px;
}
.alert-success {
    background-color: #0F77C1 !important;
    border-color: #0F77C1 !important;
}
#txt_companias {
    margin-top: -115px !important;
    /*background-color: #757473 !important;*/
    /*background: transparent !important;*/
    background-color: #FFF;
    clear: both;
    margin-bottom: -90px !important;
}
#txt_companias h1,#txt_companias.autonomos h2{
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin-top: -80px;
    color: #333333;
    margin-bottom: 50px;
}

#txt_companias img {
    max-height: 60px;
    min-width: 70%;
    margin-left: 5%;
    margin-top: -50px;
}
#first_col {
    margin-top: -80px !important;
}
li.page-scroll a, li.page-scroll p span {
    color: #42A72A !important;
}
li.page-scroll p {
    font-size: 10px;
    color: #4A0126;
    margin-bottom: -10px;
}
li.page-scroll a {
    font-size: 2em;
}
#p_info_extra {
    margin-top: -10px !important;
    margin-left: -20px !important;
    font-weight: normal !important;
}
#p_info_extra .telf {
    font-size: 15px;
}
#div_bondades {
    margin-top: 15px !important;
}
#div_bondades ul {
    color: #333333;
    list-style: none;
}
#div_bondades ul li {
    background: url('../img/check_verde.png') no-repeat left 7px;
    padding: 10px 0 4px 40px;
}
#url_extras {
    margin-top: 30px;
}
#txt_main_allianz h1.name {
    font-size: 2.2em;
    color: #0F77C1;
}
.iconosFoooter {
    height: 20px !important;
    width: 20px !important;
}
.special_icon {
    margin-top: -3px !important;
}

.listaRomanos{
    list-style-type: upper-roman;
}
.listaLetras{
    list-style-type:lower-alpha;
}
/* MEDIAS de Autonomos y Bajas */
@media (max-width: 1700px) {
    .wrapper_autonomos .skills,.wrapper_autonomos + #div_bondades{text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
    .wrapper_autonomos .name{text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
    .autonomos_container,.bajas_container {padding-top: 0;}
    .autonomos_container #txt_main,.bajas_container #txt_main{padding-left: 3% !important;}
    .autonomos_container #txt_form,.bajas_container #txt_form{padding-top: 20px ;padding-right: 0px;  height: 690px;}
    .autonomos_container #txt_form button,.bajas_container #txt_form button{font-size: 1em;}
}
@media (max-width:1199px){
    .autonomos_container,.bajas_container {padding-top: 130px;}
    .autonomos_container #txt_main,.bajas_container #txt_main{background-position-y: 220px;margin-top: -80px;min-height: 700px;}
    .autonomos_container #txt_form,.bajas_container #txt_form{width: 30%;height: 0;}
}
@media (max-width:900px){
    .autonomos_container #txt_form button,.bajas_container #txt_form button{font-size: 0.9em;}
}
@media(max-width:800px){
    header:not(.subheader) {min-height: 60px !important;}
    .autonomos_container #txt_main,.bajas_container #txt_main{width:100%;border-bottom: 2px solid #EEE;margin-top: -85px;  min-height: 350px;}
    .autonomos_container #txt_form,.bajas_container #txt_form{width: 80%;margin-left: 10%;border-right: 2px solid #EEE;padding-right: 12px;margin-top: 0px;}
    .autonomos_container #txt_form button,.bajas_container #txt_form button{font-size: 1.2em;}
}
@media(max-width:768px){
    .autonomos_container,.bajas_container{  padding-top: 0px;}
    .wrapper{margin-top: -30px;}
    #txt_companias{padding-top: 240px !important; padding-bottom: 50px;}
    #container_top{margin-top: -100px;}
    #wrapper_1 button,#wrapper_2 button{margin-bottom: 10px; }
}
@media(max-width:480px){
    .autonomos_container #txt_form,.bajas_container #txt_form{width: 80%;border: none;margin-top: 0px;}
    #txt_companias.autonomos {margin-top: -193px !important;padding-top: 110px !important;}
    .autonomos_container #txt_form button,.bajas_container #txt_form button{font-size: 0.9em;}
}
/* END MEDIAS Autonomos y Bajas */
@media (min-width: 1625px) and (max-width: 1916px){
    header:not(.subheader) button{min-width: 60%; }
    #txt_companias{margin-top: -40px !important;}
    header:not(.subheader) #wrapper_2{background-position-y: 150px;}
    header:not(.subheader) #wrapper_1{background-position-y: 120px;}
    #wrapper_1 button,#wrapper_2 button{margin-top: 290px; }
    #wrapper_1,#wrapper_2{padding-bottom: 80px;}
    .desplazado{max-height: 660px;}
}
@media (min-width: 1602px) and (max-width: 1624px){
    header:not(.subheader) button{max-width: 80%; }
    #txt_companias{margin-top: -40px !important;}
    header:not(.subheader) #wrapper_2{background-position-y: 150px;}
    header:not(.subheader) #wrapper_1{background-position-y: 130px;}
    #wrapper_1 button{margin-top: 310px; }
    #wrapper_2 button{margin-top: 310px; }
    #wrapper_1,#wrapper_2{padding-bottom: 60px !important;}
}
@media (min-width: 1526px) and (max-width: 1601px){
    header:not(.subheader) button{max-width: 80%; }
    #txt_companias{margin-top: -40px !important;}
    header:not(.subheader) #wrapper_2{background-position-y: 75%;}
    header:not(.subheader) #wrapper_1{background-position-y: 70%;}
    #wrapper_1 button{margin-top: 310px;   margin-bottom: 10px;}
    #wrapper_2 button{margin-top: 370px;   margin-bottom: 10px;}
    #wrapper_1,#wrapper_2{padding-bottom: 0px !important;}
    .desplazado{max-height: 660px;}
}
@media (min-width: 1200px) and (max-width: 1525px){
    header:not(.subheader) button{min-width: 80%; }
    #txt_companias{  margin-top: 40px !important;}
    header:not(.subheader) #wrapper_2{background-position-y: 80%;}
    header:not(.subheader) #wrapper_1{background-position-y: 80%;background-position-x: 85%;}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;  height: 350px !important;}
    #wrapper_1 button{margin-top: 66%;   margin-bottom: 10px;}
    #wrapper_2 button{margin-top: 80%;   margin-bottom: 10px;}
    #wrapper_1,#wrapper_2{padding-bottom: 25px !important;}
    .desplazado{max-height: 800px;}
}
@media (min-width: 1200px) {
    li.page-scroll a { margin-left: -50px; }
}

@media (max-width: 1200px) and (min-width: 992px) {
    #txt_main .skills { font-size: 14px; }
    #p_info_extra { margin-left: 25px !important; }
    .row.desplazado { margin-top: -80px !important; }
    header:not(.subheader) button{max-width: 80%; }
    header:not(.subheader) #wrapper_2{background-position-y: 150px;}
    header:not(.subheader) #wrapper_1{background-position-y: 150px;}
    #wrapper_1 button{margin-top: 310px; }
    #wrapper_2 button{margin-top: 340px !important; }
    #wrapper_1,#wrapper_2{padding-bottom: 20px !important;}
    #txt_companias{margin-top: 2px !important;}
    .desplazado{max-height: 800px;}
}
@media(max-width: 1199px) and (min-width:769px){
    header:not(.subheader){margin-top: 145px;}
    #txt_companias{margin-top: 48px !important;}
    header:not(.subheader) #wrapper_2{background-position-y: 85%; background-position-x: 40%;}
    header:not(.subheader) #wrapper_1{background-position-y: 80%;}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;}
    #wrapper_1 button{margin-top: 64%; }
    #wrapper_2 button{margin-top: 80%; }
    #txt_companias h1{font-size: 1.2em;}
}
@media (max-width: 992px) and (min-width: 850px) {
    .row.desplazado { margin-top: -80px !important; }
    #wrapper_1,#wrapper_2{padding-bottom: 20px !important;}
    #txt_companias{margin-top: 2px !important;}
    .desplazado{max-height: 800px;}
}
@media (max-width: 992px) and (min-width: 867px) {
    header:not(.subheader){margin-top: 145px;}
    header:not(.subheader) #wrapper_2{background-position-y: 85%; background-position-x: 40%;}
    header:not(.subheader) #wrapper_1{background-position-y: 80%;}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;}
    #wrapper_1 button{margin-top: 64%; }
    #wrapper_2 button{margin-top: 85%; }
    header:not(.subheader) button{max-width: 100%; }
    #txt_companias{  margin-top: 44px !important;}
    #txt_companias h1{font-size: 0.98em;}
}
@media (max-width: 866px) and (min-width: 770px) {
    header:not(.subheader){margin-top: 145px;}
    header:not(.subheader) #wrapper_2{background-position-y: 330px; background-position-x: 40%;}
    header:not(.subheader) #wrapper_1{background-position-y: 330px;}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;height: 828px !important;}
    #wrapper_1 button{margin-top: 340px; }
    #wrapper_2 button{margin-top: 342px; }
    header:not(.subheader) button{max-width: 100%; }
    #txt_companias{margin-top: 50px !important;}
    #txt_companias h1{font-size: 0.98em;}
    .desplazado{min-height: 830px;}
}

@media (max-width: 850px) and (min-width: 769px) {
    .row.desplazado { margin-top: -160px !important; }
    #masInfo2 { display: inline-block !important; margin-top: -30px !important; margin-left: -15px !important; background: #fff top left no-repeat url('../img/th-menu-32.png'); background-size: 100% 100% !important; height: 32px !important; width: 32px !important; border: solid 1px #0F77C1; }
    #masInfo2:hover {background: #fff top left no-repeat url('../img/th-menu-32-hover.png'); background-size: 100% 100% !important; border: solid 1px #000; }

    header:not(.subheader) #wrapper_2{background-position-y: 320px; background-position-x: 45%;}
    header:not(.subheader) #wrapper_1{background-position-y: 290px;}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;height: 740px !important;}
    .desplazado{max-height: 100%;}
    header:not(.subheader) #wrapper_1{background-position-y: 80%;}
    header:not(.subheader) #wrapper_2{background-position-y: 85%;}
    header:not(.subheader) {min-height: 150px;}
    #wrapper_2 button{margin-top: 77%; }
    #wrapper_1 button{margin-top: 70%; }
    header:not(.subheader) button{max-width: 100%; }
    #txt_companias{margin-top: 50px !important;}
    #txt_companias h1{font-size: 0.95em ;}
    #wrapper_1,#wrapper_2{padding-bottom: 20px !important;}

}
@media (max-width: 850px) and (min-width: 801px) {
    .desplazado{min-height: 665px;}
    .desplazadoAutonomo{min-height: 760px;}
}
@media (max-width: 800px) and (min-width: 769px) {
    .desplazado{min-height: 665px;}
    .desplazadoAutonomo{min-height: 1200px;}
}
@media (min-width:768px) and (max-width:768px){
    header:not(.subheader) #wrapper_2{background-position-y: 190px !important;}
    header:not(.subheader) #wrapper_1{background-position-y: 150px;}
    header:not(.subheader) button{max-width: 100%; }
    .desplazado{min-height: 500px;}
    #txt_companias{padding-top: 210px !important;padding-bottom: 110px;}
    #txt_companias.autonomos{margin-top: 0px !important;padding-top: 100px !important;}
    .desplazadoAutonomo{min-height: 1050px;}
    #wrapper_1 button{margin-top: 285px;}
}
@media (min-width:769px) and (max-width:769px){
    header:not(.subheader) #wrapper_2{background-position-y: 330px !important;}
    header:not(.subheader) #wrapper_1{background-position-y: 300px;}
    header:not(.subheader) button{max-width: 100%; }
}
/*.col_logos { margin: 0 auto; }*/

@media (max-width: 992px) and (min-width: 768px) {
    #p_info_extra { margin-left: 25px !important; }
    #txt_companias .texto_bajo_logo { float: left; margin-left: 20% !important; margin-top: 25px !important;}
    #txt_companias img {clear: both !important; margin-left: 0px !important;}
    #txt_companias .col_logos div { margin-top: -15px !important; }
}
@media (max-width:767px) and (min-width:400px){
    header:not(.subheader) #wrapper_2{background-position-y: 65% !important;background-position-x:48%;}
    header:not(.subheader) #wrapper_1{background-position-y: 60%;}
    header:not(.subheader) button{max-width: 100%; }
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;}
    .wrapper{padding-top: 130px;}
    #wrapper_1 button{margin-top: 64%; font-size: 1em;}
    #wrapper_2 button{margin-top: 74%; font-size: 1em;}
    #txt_companias{padding-top: 200px !important; padding-bottom: 60px;}

    #p_info_extra { margin-left: 25px !important;}
    .row.desplazado { margin-top: -60px !important;}
    .row.desplazadoAutonomo { margin-top: -60px !important; min-height: 1117px !important;}
    /* conflicto #txt_companias { margin-top: -70px !important; padding-bottom: 110px !important; }*/
    #container_top { padding-bottom: 0px !important; }

    header:not(.subHeader) { background-size: 100% 110% !important; }
    #txt_companias h1 { font-size: 16px; text-align: center; }
    #txt_companias .texto_bajo_logo { float: left; margin-left: 20% !important; margin-top: 25px !important;}
    #txt_companias img {clear: both !important; margin-left: 0px !important;}
    #txt_companias .col_logos div { margin-top: -15px !important; }
    .formato480 {margin-left: 0px;margin-top: 10px; width: 50%; height: 130px !important;}
    .formato480 img{ width: 70% !important; padding-left:25% !important}
    .formato480 span{padding-left: 20% !important;}
    .desplazadoAutonomo{min-height: 1050px !important;}
    #txt_companias.autonomos{margin-top: 0px !important;padding-top: 100px !important;}
    .desplazado{min-height: 350px;}
    .desplazadoAutonomo{  margin-bottom: 55px;}
    #about{padding-bottom: 100px;}
}
@media (max-width:400px) and (min-width: 480px) {
    #p_info_extra { margin-left: 25px !important; }
    .row.desplazado { margin-top: -80px !important; }
    .row.desplazado.desplazadoAutonomo { margin-top: -100px !important;  min-height: 1117px; }
    #container_top { padding-bottom: 10px !important; }
    header:not(.subHeader) { background-size: 100% 110% !important; }
    #txt_companias h1 { font-size: 16px; text-align: center; }
    #txt_companias .texto_bajo_logo {width: 100%;float: left;margin-left: 15% !important;margin-top: 25px !important;}
    #txt_companias img {clear: both !important; margin-left: 0px !important;}
    #txt_companias .col_logos div { margin-top: -15px !important; }
    .formato480 {margin-left: 0px;margin-top: 10px; width: 50%; height: 130px !important;}
    .formato480 img{ width: 70% !important; padding-left:25% !important}
    .formato480 span{padding-left: 20% !important;}

    .wrapper_autonomos {padding-top: 160px;}
    #txt_companias { margin-top: 0px !important; padding-bottom: 110px !important; padding-top: 100px !important;}
    #wrapper_1,#wrapper_2{width:100%;}
    #wrapper_1{z-index: 2}
    #wrapper_2{z-index: 1}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;}
    header:not(.subheader) #wrapper_2{background-position-y: 85% !important;background-position-x:48%;}
    header:not(.subheader) #wrapper_1{background-position-y: 80%;}
    header:not(.subheader) button{max-width: 100%; }
    #container_top{margin-top: 100px; padding-top: 23px;  height: 1087px;}
    .desplazado{min-height: 1050px;}
    #about{padding-bottom: 100px;}
}

@media (max-width:480px) {
    #p_info_extra { margin-left: 25px !important; }
    .row.desplazado { margin-top: 0px !important; text-align: center !important; }
    .row.desplazado .text-justify { text-align: center !important; }
    #container_top { padding-bottom: 80px !important; }
    #txt_companias { padding-bottom: 100px !important; padding-top: 80px !important;}
    #txt_companias h1 { font-size: 13px; text-align: center; padding-top: 10px !important; }
    .formato480 {margin-left: 0px;margin-top: 10px; width: 50%; height: 120px;}
    .formato480 img{ width: 80% !important;}

    .wrapper{  margin-top: -10px;}
    #txt_companias { margin-top: 20px !important; padding-bottom: 110px !important; }
    #wrapper_1,#wrapper_2{width:100%;}
    #wrapper_1{z-index: 2}
    #wrapper_2{z-index: 1}
    header:not(.subheader) #wrapper_1,header:not(.subheader) #wrapper_2{background-size: 70%;background-position-y: 90%; background-position-x: 80%;}
    header:not(.subheader) #wrapper_2{background-position-x:48%;}
    header:not(.subheader) button{max-width: 100%; font-size: 0.9em;}
    #wrapper_1 button{
        margin-top: 220px;
    }
    #col_logos{margin-top: 10px;}
    .botones-desplazados{right: 2%;}
    .wrapper_autonomos {padding-top: 130px;}
    /*#container_top{margin-top: 100px;}*/
    #container_top{ padding-bottom: 29px !important;}
    .desplazado{min-height: 1050px;}
    .desplazadoAutonomo{min-height: 1103px;}
    #about{padding-bottom: 100px;}
    .desplazadoAutonomo{margin-bottom: 165px;}
}
@media(max-width:479px){
    header:not(.subheader) #wrapper_2{background-position-y: 180px !important;background-position-x:48%;}
    header:not(.subheader) #wrapper_1{background-position-y: 150px;}
}
.texto_bajo_logo {
    text-align: center;
    max-width: 50%;
    display: inline-block;
    margin-left: 25px;
}
#masInfo { background: #fff top left no-repeat url('../img/th-menu-32.png'); background-size: 100% 100%; width: 35px; height: 39px; border: solid 1px #0F77C1; }
#masInfo:hover { background: #fff top left no-repeat url('../img/th-menu-32-hover.png'); background-size: 100% 100%; width: 35px; height: 39px; border: solid 1px #000; }

#masInfo3 { background: #fff top left no-repeat url('../img/Telephone.png'); background-size: 100% 100%; width: 35px; height: 39px; border: solid 1px #0F77C1; }
#masInfo3:hover { background: #fff top left no-repeat url('../img/Telephone-hover.png'); background-size: 100% 100%; width: 35px; height: 39px; border: solid 1px #000; }

#masInfo2 { display: none; }
#sidebar { margin-top: 12% !important; }

/* boton up */

.btn-primary,.btn-primary:hover{
    background-color: #42A72A;
    border-color: #FFF;
}
.btn-primary:active{
    color: #000;
}
div#sidebar {
    margin-top: 137px !important;
}

#submenu{
    //padding-left: 150px;
    margin-left: 15px;
    width:100%;
    //height:28px;
    color: #FFF;
    background-color: #333333;
    float: left;
}

@media (min-width: 1200px){
    #submenu{
        padding-left: 150px !important;
        height:28px !important;

    }

}
#submenu .inbar{
    display:block;
    height:36px;
}

#submenu ul, #submenu ul li{

    margin:0px;
    padding:0px;    
    height:28px;
    line-height:36px; } #submenu ul{
    background:url(img/left-round.png) left top no-repeat; }

#submenu ul li{
    float:left;
    display:block;
    line-height:28px; }

#submenu ul li a{
    border:5px;
    border-color: #FFF;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    display:block; 

}
#submenu .inbar ul li a:hover{
    background-color: red;
}

#submenu ul li a span{

    padding:0 20px 0 0;
    height:28px;
    font-size: 18px;
    line-height:25px;
    display:block;
    margin-left:20px;

}

#submenu .navhome a, #submenu .navhome a:hover{
    background:url(img/a-bg.png) left top no-repeat;
    height:28px;
    line-height:36px; }

#submenu .navhome a span, #submenu .navhome a:hover span{
    color:#FFFFFF;
    background:url(img/span-bg.png) right top no-repeat;
    height:28px;
    line-height:28px; }

#submenu ul li a:hover{
    background:url(img/ahover-bg.png) left top no-repeat;
    height:28px;
    line-height:28px; }

#submenu ul li a:hover span{
    background:url(img/spanhover-bg.png) right top no-repeat;
    height:28px;
    line-height:28px; }

#contactForm {
    margin-right: 50px;
    padding: 15px 28px 5px 30px;
    background-color: red;
    float: right;
    width: 530px;
    margin-top: 0px;
    border-radius: 4px;
}
@media (min-width: 320px){
    #contactForm{
        margin-right: 0px;

    }
}
#contactForm label {
    color: #FFF;
    height: 28px;
}
#contactForm > #legend {
    margin: 0px 0px 5px 0px;
    padding-top:-5px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    color: #FFF;
    font: bold .9em sans-serif;
}
#contactForm > #legend > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 1.3em;
}
#contactForm > #legend > ul > li {
    display: inline-block;
    list-style: none;
    margin: 0px -2px 4px -2px;
    padding: 0px;
}
#contactForm .help-block , #form_paso2 .help-block {
    color: red;
    border-radius: 20px;
    border-color: blue;
    font: bold 0.7em 'Indie Flower', cursive;
    margin-bottom: -40px !important;

}
#form_paso2 .help-block ul {
    display: inline-block;
}
#contactForm .checkbox-inline {
    margin-top: -6px;
    margin-left: 20px;
    font-size: .62em;
    text-align: justify;
    color: #FFF;
}
#contactForm .checkbox-inline a {
    color: #FFF;
    text-decoration: underline;
}
#contactForm button[type="submit"] {
    background-color: #42A72A;
    color: white;
    border-color: tomato;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 10px;
    width: 260px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

#contactForm button[type="submit"]:hover{
    background-color: #B20606;
}
#contactForm #addAser {
    margin-right: 6px;
}
#contactForm #addAser , #contactForm #delAser {
    color: #FFF;
}
#contactForm #addAser i , #contactForm #delAser i {
    color: #555;
    background-color: #FFF;
    border-radius: 50px;
    padding: 8px 4px 4px 4px;
    margin: 0px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
#contactForm #addAser i:hover , #contactForm #delAser i:hover {
    background-color: #DEDEDE;
}
#contactForm #addAser i:hover , #contactForm #delAser i:hover {
    cursor: pointer;
}
#contactForm .offer-steps li .fa-lg {
    color: #333333;
}
#contactForm ::-webkit-input-placeholder { font-style: italic; font-size: 14px; }
#contactForm ::-moz-placeholder { font-style: italic; font-size: 14px; } /* firefox 19+ */
#contactForm :-ms-input-placeholder { font-style: italic; font-size: 14px; } /* ie */
#contactForm input:-moz-placeholder { font-style: italic; font-size: 14px; }
.datepicker > div {
    margin-top: 45px;
}
/* ANTIGUAS...
#contactForm {
    color: #747373;
}
#contactForm .floating-label-form-group {
    background-color: #fff !important;
}*/
#contactForm  button {
    margin-top: 0px;
    margin-left: 0px;
    width: 260px;
    background-color: #FF0000;
    border-color: #e74c3c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0), 0 0 35px rgba(0, 0, 0, 0.5);
}

acepto_privacidad{
    margin-left: 80px;
}
/*#row_f_nacimiento_tomador{
    float: right;
    width: 572px;
    height: 33px !important;
    
}*/


//INICIO PASOS

#comparativa_info{

    margin-left: 70px;
    margin-right: 100px;

    position: relative;
    float: left;
    width: 500px;
    height: 300px!important;
    background-color: #FFF;
}
#comparativa_info h2{
    width: 500px;
    height: 15px;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 1.2em;

}

#comparativa_info span{
    color: red;
    text-align: left;
}

#iconosForm{
    height: 33px;
}

.iconos_comparativa{
    float: left;
    margin-left: 65px;
    margin-top: 3px;
}

#iconos_comparativa a{
    float: left;
    margin-right: 15px;
    .cambia_color {background-color:#333333;}
}


#fechasNacimiento{

    float: left;
    height: 33px !important ;

}
/*.campo .input-fecha{
    float: left;
    margin-left: 5px;
    
}*/
/*.etiqueta{
    width: 238.238px;
    height: 33px;
}*/


#nueva_comparativa{    
    color: #ffffff;
    background-color: #333333;
    padding: 5px 10px;
    font-size: 0.75em;


}
.offers {
    width: 60%;
    float: left;
}
.offers table{
    width: 50%;
    float: left;
}
.botonera_nueva_cotizacion{
    float: right;
}
.botonera_nueva_cotizacion ul{
    list-style: none;
}
.botonera_nueva_cotizacion ul li{
    float: left;
    margin-left: 15%;
    margin-top: 25px;
}
.que_hago_ahora {
    float: left;
    width: 40%;
    text-align: center;
    background-color: #FE790E;
    padding: 10px;
    border: 1.5px solid lightgray;
    border-radius: 5px;
    max-height: 165px;
}
.que_hago_ahora p {
    font-size: 20px;
    padding-bottom: 5px;
    color: #7A3001;
    font-weight: bold;
}
.que_hago_ahora ul{
    list-style: none;
    color: #7A3001;
    font-weight: bold;
    padding: 10px;
}
.results{
    clear: both;
}
#forma_pago_formateo{
    text-transform: capitalize;
}
#provincia_formateo{
    text-transform: lowercase;
}
#provincia_formateo:first-letter {
    text-transform: uppercase; 
}
#nuevo_correo{
    margin-top: 0px !important;
    position: relative !important;
    right: 0% !important;
    width: 213px !important;
}
#nuevo_correo input[name="nuevo_correo"]{
    background-color: #FFF;
    border: 1px solid #9A9A9A;
    height: 30px;
    font-size: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 5%;
    width: 70%;
	align:center;
    margin-right: 10%;
}
#nuevo_correo input[type='button']{
    color: #ffffff;
    background-color: #0ab9eb;
    border-color: #0ab9eb;
    padding: 5px 8px;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-top: -2px;
}
#results2 + .candado{
    margin-left: 0;
    margin-right: 0;
}
#results2 + .candado i{
    margin-top: -8px;
}
/** Fin Pasos **/
/*
.control-group{
    background: #FFF;
}
*/
.iconosFormulario {
    padding: 3px;
    margin-left: 4px;
    border: solid #747373 2px;
    border-radius: 4px;
}
.iconosFormulario:hover {
    background-color: #000;
    color: #FFF;
    border-color: #000;
}
#aserExtras select {
    width: 100% !important;
    height: 33px;
    /*padding-top: 0 !important;*/
    /*padding-bottom: 0 !important;*/
    /*border: 1px solid #9A9A9A !important;*/
    /*border-radius: 7px !important;*/
    /*background-color: #FFF !important;*/
    font-size: 13px !important;
    /*box-shadow: none !important;*/
}



#tabla-ot th, #tabla-ot td{
    padding: 10px;
    text-align: center;
}

#tabla-ot tr th{
    background: #FE790E;
    color: #FFF;
}

#tabla-ot tr{
    border-bottom: solid 1px #bdbdbd;
}

#tabla-ot tr:nth-child(odd) {
    background: #fff;
}

#tabla-ot tr:nth-child(even) {
    background: #EFEFEF;
}

#tabla-ot td img{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 50%;
}

#tabla-ot td:nth-child(1) img{
    max-height: 70%;
}

#tabla-ot td b{
    color: #7A3001;
}

#tabla-ot tr td a {
    font-size: 1em;
    font-weight: bold;
    -webkit-transition: 0.25s;    
    transition: 0.25s;
}

#tabla-ot tr td a:hover{
    color: #7A3001;
}


#tabla_resultados{
    margin-top: 20px;
}



//SPINNER

.spinner {
    margin: 100px auto;
    width: 20px;
    height: 20px;
    position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 10px;
    height: 10px;
    background-color: #FE790E;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 70px;
    height: 70px;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.spinner{
    position: relative;
    width: 100px;
    height: 20px;
    margin: 40px auto;
}

#tabla-ot td{
    height: 100px;
}

#tabla-ot td:nth-child(2){
    font-size: 2em;
    color: red;
    font-weight: bold;
}

#tabla-ot td .btn-danger{
    background-color: #FF0000;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

#tabla-ot td .btn-danger:hover{
    background-color: #B20606;

}

/** PASO 1 **/
@media only screen and (max-width: 1400px){
    .paso_main .especial {
        width: 45%;
        margin-left: 28%;
    }
}
@media only screen and (max-width: 1095px){
    .paso_main {
        width: 90%;
    }
}

@media only screen and ( max-width: 650px ) {
    .paso_main {
        width: 100%;
    }
    li.tab3 {
        clear: both;
    }
    .paso_main .top_tabs li {
        width: 50%;
        margin-top: 50px;
    }
    .paso_main .especial {
        width: 100%;
        margin-left: 0;
    }
    .form-group.col-lg-8.col-md-8.col-sm-12.col-xs-12.floating-label-form-group {
        width: 80%;
    }
    .form-group.col-lg-4.col-md-4.col-sm-12.col-xs-12.floating-label-form-group.control-group {
        width: 20%;
    }
    .candado {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    section.paso_main {
        padding-top: 120px;
    }
}
@media only screen and ( max-width: 460px ) {
    .paso_main .top_tabs li {
        clear: both;
        width: 100%;
    }
}
@media only screen and ( max-width: 240px ) {
    .form-group.col-lg-8.col-md-8.col-sm-12.col-xs-12.floating-label-form-group {
        width: 100%;
    }
}

/** PASO 2 **/
section  {
    padding-top: 5px;  
    padding-bottom: 100px;
    height: 60px;
}
.ficha_main{
    width:100%; 
    height: 50px;
    margin-top: -138px;
    padding:0 2% 15px; 
}

.ficha_main .top_tabs{
    margin-left: 19%;
    margin-top: 103px;
    width: 1000px;
    float: left;
}
.ficha_main .top_tabs li{width:25%; float:left; position:relative;list-style: none; background-color:#333333;}
.ficha_main .top_tabs li div{height: 50px;width: 100%;text-align: center;font:bold 18px Arial, Helvetica, sans-serif; white-space:nowrap; color:#FFF; line-height:20px; cursor:default;padding-top: 15px;text-align: center;}
.ficha_main .top_tabs li span{background:url(../img/circle.png) no-repeat left top; width:32px; cursor:default;
                              height:50px; color: #333333; text-align:center; padding:6px 2px 0 0;position: absolute;top: 11px;left: 11px;}
.ficha_main .top_tabs li em{font-style:normal; padding:6px 0 0 12px; cursor:default;font-size: 19px;}

.ficha_main .top_tabs li.active{ z-index:11;  background-color: red;}
.ficha_main .top_tabs li.active div{ color:#ffffff;}
.ficha_main .top_tabs li.tab3 div{/*background:#f0f8e7 none;*/}
.ficha_main .top_tabs li.last_active div{background:#fff none;}/*.paso_2 .top_tabs li.tab3 a:hover,*/
.ficha_main .top_tabs li.last_active div{color:#fff;}

.ficha_main .top_tabs li.tab2, .ficha_main .top_tabs li.tab3, .ficha_main .top_tabs li.tab4 {border-left:1px solid #FFF;}

.ficha_main .especial {
    border: solid 2px #fff; 
    border-radius: 12px; 
    padding: 14px 10px 6px 10px;
    box-shadow: 5px 5px 5px #333333;
    float: left;
    margin-left: 15%;
    background-color: #F0F0F0;
    margin-right: 10px;
}
.ficha_main a.btn.btn-success.btn-lg.btn-block {
    clear: both;
    float: left;
    width: 100px;
    height: 10px;
    margin-left: 20%;
    line-height: 0px;
}
.ficha_main .btn-success {
    /*
    color: #ffffff;
    background-color: #0ab9eb;
    border-color: #0ab9eb;
    */
    color: #ffffff;
    background-color: #333333;

}
.ficha_main #enviarDos{
    line-height: 0px;
    height: 13px;
    margin-left: 20%;
    width: 60%;
    background-color: #FF0000;
    border-color: #e74c3c;
    font-size: 1.5em;
    font-weight: bold;
    padding: 19px 10px;
    margin-top: 2px;
}
.ficha_main #enviarDos:hover{
    background-color: #B20606;
    border-color: #B20606;
}
#form_paso2 input{
    background-color: #FFF;
    border: 1px solid #9A9A9A;
    height: 30px;
    font-size: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 5%;
}
#form_paso2 .row {
    padding-top: 5px;
    padding-bottom: 5px;
}
section.ficha_main + .clear + div.candado{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 100px;
}
section.ficha_main + .clear + div.candado i{
    margin-top: -8px;
}
.ficha_main .tooltip {
    position: inherit;
    float: left;
    background: url(../img/tooltip_box.png) no-repeat left top;
    background-size: 100%;
    width: 203px;
    /* right: 28%; */
    /* top: 300px; */
    padding: 18px 15px 35px 24px;
    opacity: 1 !important;
    z-index: 1;
}




.ficha_main h2{
    color: #7A3001;
    font-size: 0.8em;
    padding-top: 9px;
    padding-bottom: 5px;
    display: inline;
    float: left;
    width: 10%;
}
.grey_box{
    min-height: 215px;
    width: 100%;
    margin: 0 auto;
    background: #EFEFEF;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 20px;
    clear: both;
}
#fecha_oferta,#num_oferta{
    color: #FF800E;
}

.offers {
    width: 60%;
    float: left;
}
.offers table{
    width: 50%;
    float: left;
}
.botonera_nueva_cotizacion{
    float: right;
}
.botonera_nueva_cotizacion ul{
    list-style: none;
}
.botonera_nueva_cotizacion ul li{
    float: left;
    margin-left: 15%;
    margin-top: 25px;
}
.que_hago_ahora {
    float: left;
    width: 40%;
    text-align: center;
    background-color: #FE790E;
    padding: 10px;
    border: 1.5px solid lightgray;
    border-radius: 5px;
    max-height: 165px;
}
.que_hago_ahora p {
    font-size: 20px;
    padding-bottom: 5px;
    color: #7A3001;
    font-weight: bold;
}
.que_hago_ahora ul{
    list-style: none;
    color: #7A3001;
    font-weight: bold;
    padding: 10px;
}
.results{
    clear: both;
}
#forma_pago_formateo{
    text-transform: capitalize;
}
#provincia_formateo{
    text-transform: lowercase;
}
#provincia_formateo:first-letter {
    text-transform: uppercase; 
}
#nuevo_correo{
    margin-top: 5px;
    position: relative;
    right: 165%;
    width: 300px;
}
@media (min-width: 1300px){
	#nuevo_correo{
    margin-top: 0px;
    position: relative;
    right: 0px;
    width: 213px;
}
}

@media (min-width: 1300px){
	.table-responsive{
   margin-left: -35px;
}
}

#nuevo_correo input[name="nuevo_correo"]{
    background-color: #FFF;
    border: 1px solid #9A9A9A;
    height: 30px;
    font-size: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 5%;
    width: 70%;
    margin-right: 10%;
}


#nuevo_correo input[type='button']{
    color: #ffffff;
    background-color: #0ab9eb;
    border-color: #0ab9eb;
    padding: 5px 8px;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-top: -2px;
}
#results2 + .candado{
    margin-left: 0;
    margin-top: 100px;
    margin-right: 0;
}
#results2 + .candado i{
    margin-top: -8px;
}

//CONTRATACION FORM
#accordion .form-group.control-group.error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#accordion .form-group.control-group.error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

// Coberturas_fallec.php

#coberturas_fallec_global img {
    display: block;
    margin: 0 auto;
}
#coberturas_fallec_global tbody tr th , #coberturas_fallec_global tbody tr td  {
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
}
#coberturas_fallec_global thead tr th {
    text-align: center;
    vertical-align: middle;
}
#coberturas_fallec_global tbody tr.bg-info th, #coberturas_inval_global tbody tr.bg-info th {
    text-align: left;
    vertical-align: middle;
    color: white;
}
#coberturas_fallec_global tbody tr td.col_descripciones {
    text-align: left;
    vertical-align: middle;
}
#coberturas_fallec_global td:not(.col_descripciones) , #coberturas_fallec_global th:not(.col_descripciones) {
    display: none;
}
@media (max-width: 768px) {
    #coberturas_fallec_global tbody tr th , #coberturas_fallec_global tbody tr td  {
        max-width: 40em !important;
        min-width: 25em !important;
    }
}

// Coberturas_inval.php

#coberturas_inval_global img {
    display: block;
    margin: 0 auto;
}
#coberturas_inval_global tbody tr th , #coberturas_inval_global tbody tr td  {
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
}
#coberturas_inval_global thead tr th {
    text-align: center;
    vertical-align: middle;
}
#coberturas_inval_global tbody tr.bg-info th {
    text-align: left;
    vertical-align: middle;
}
#coberturas_inval_global tbody tr td.col_descripciones {
    text-align: left;
    vertical-align: middle;
}
#coberturas_inval_global td:not(.col_descripciones) , #coberturas_inval_global th:not(.col_descripciones) {
    display: none;
}
@media (max-width: 768px) {
    #coberturas_inval_global tbody tr th , #coberturas_inval_global tbody tr td  {
        max-width: 40em !important;
        min-width: 25em !important;
    }
}
@media (min-width: 320px){
    #contact-form{
        width:90% !important;
    }
}
@media (min-width: 320px){
    #contact-form{
        width:90% !important;
    }
}
@media (min-width: 320px) and (max-width: 767 px){
    #submenu{
        margin-bottom:-60px;
        margin-top:-50px;
    }
}
@media (min-width: 1200px){
    #submenu{
        margin-top:0px;
        margin-bottom: 0px;
    }
}
/*@media (min-width: 1100px){
    #submenu{
        margin-top:-20px;
        margin-bottom: 0px;
    }
}*/

@media (min-width: 320px){
    h2{
        text-transform: uppercase;
    }
}
@media (min-width: 320px)and(max-width:400px)
/*and (max-width: 1199px)*/
{
    .text-center{
        display:hidden;
        text-indent: -9999px;
        opacity:0;

    }	
}

@media (min-width: 1200px){
    .text-center{
        margin-top: 60%;
    }
}
@media (min-width: 480px)
/*and (max-width: 1199px)*/
{
    #col_logos{
        margin-top:30px;
    }

}
@media (min-width: 768px) and (max-width: 1199px){
    #submenu{
        margin-top: 200px;
        margin-bottom: -200px;
    }      

}
@media (min-width: 320px)
/*and (max-width: 1199px)*/
{
    .row_f_nacimiento_tomador  {
        height:10px;
        width: 6px;
    }
}
@media (min-width:768px) and (max-width:1099px){
    form#contactForm {
        margin-top: 120px;
    }
}
@media (min-width:320px) and (max-width:520px){
    #nueva_comparativa{    
        margin-left:-440px;
        margin-bottom:20px;

    }
}

@media (min-width:721px) and (max-width:800px){
/*    a#nueva_comparativa {
        margin-top: 45px;
        margin-left: -729px;
    }*/

}

@media (min-width:320px) and (max-width:520px){
    div#comparativa_info{    
        margin-left:-280px;


    }
}
@media (min-width:320px) and (max-width:520px){
    div#comparativa_info{    
        margin-left:-280px;
        font-size: 10px;

    }
}
@media (min-width:320px) and (max-width:520px){
    div#comparativa_info{    
        margin-left:-280px;


    }
}
@media (min-width:320px) and (max-width:520px){
    a#nueva_comparativa{    
        margin-top:120px;


    }
}
@media (min-width:320px) and (max-width:520px){
    #iconos_comparativa{    
        display:none;
    }
}
@media (min-width:320px) and (max-width:520px){
    .table-responsive {
        margin-top: 25px;
    }

}

//De 521 hacia arriba

@media (min-width:521px) and (max-width:720px){
    #nueva_comparativa{    
        margin-left:-440px;
        margin-bottom:20px;

    }
}
@media (min-width:521px) and (max-width:720px){
    div#comparativa_info{    
        margin-left:-280px;


    }
}

@media (min-width:521px) and (max-width:720px){
    div#comparativa_info {
        /* font-size: 10px; */
        margin-left: -280px;
    }
}
@media (min-width:521px) and (max-width:720px){
    a#nueva_comparativa{    
        margin-top:80px;
        margin-left:-200px;

    }
    label{
        margin-top:10px;
    }
}
@media (min-width:521px) and (max-width:720px){
    #iconos_comparativa{    
        display:none;
    }
}
@media (min-width:521px) and (max-width:720px){
    .table-responsive {
        margin-top: 25px;
    }

}
// De 721 hacia arriba
@media (min-width:721px) and (max-width:1020px){
    a#nueva_comparativa{    
        margin-top:80px;
        margin-left:-600px;

    }
    label{
        margin-top:10px;
    }
}
@media (min-width:851px) and (max-width:1100px){
    #tablaD {
        margin-top: 80px !important;
    }

}
@media (min-width:400px) and (max-width:767px){
    #tablaD {
        margin-top: -30% !important;
    }

}
@media (min-width:400px) and (max-width:767px){
    li a {
        /*color: white;*/
        font-size:20px;
    }
}

@media (min-width:400px) and (max-width:480px){
    #submenu{
        margin-top: -220px;

    }
    div#wrapper_2 {
        margin-top: -180px;
    }
}
@media (min-width:320px) and (max-width:399px){
    #submenu{
        margin-top: -40px !important;

    }
    div#wrapper_2 {
        margin-top: -70px;
    }
}

@media (min-width:481px) and (max-width:767px){
    #submenu{
        margin-top: -150px!important;

    }
    div#wrapper_2 {
        margin-top: -120px;
    }
}
/*
margin-left: -230px;
margin-bottom: -200px;*/
.checkbox.controls{
    margin-bottom: 10px;
}
li a {
    /*color: white;*/
    font-weight: bold;
}
a#ver_asisa_cober:active {
    color: red !important;
}
a#ver_asisa_cober:hover {
    color: black;
}

@media (min-width: 768px) and (max-width:850px){
    form#contactForm {
        margin-top: -513px !important;
        margin-right: 63px !important;
    }

}
@media (min-width: 851px) and (max-width:865px){
    form#contactForm {
        margin-top: -513px !important;
        margin-right: 63px !important;
    }

}
@media (min-width: 866px) and (max-width:960px){
    form#contactForm {
        margin-top: -267px;
        margin-right: 125px;
    }


}
@media (min-width: 866px) and (max-width:960px){
    form#contactForm {
        margin-top: -267px;
        margin-right: 125px;
    }


}
@media (min-width: 961px) and (max-width:1099px){
    form#contactForm {
        margin-top: -192px;
        margin-right: 140px;
    }
}
/*@media (min-width: 961px) and (max-width:1099px){
    div#txt_main {
       display:none;
    }
}*/
@media (min-width: 768px) and (max-width:1099px){
    div#txt_main {
        display:none;
    }
}

@media (min-width:1100px) and (max-width:1199px){
    div#txt_main {
        margin-right: 70px;
    }

}
@media (min-width:1100px) and (max-width:1199px){
    #contactForm {
        margin-top: -277px !important;
    }


}
@media (min-width:801px) and (max-width:1099px){
    div#comparativa_info {
        margin-left: -245px;
    }
}
@media (min-width:721px) and (max-width:800px){
    div#comparativa_info {
        margin-left: -245px !important;
    }
}
@media (min-width:1300px){
	.text-center {
		display: auto;
	}
}
span.pvp {
    color: grey;
    font-size: 24px;
}
.help-block .bg-danger li{
    color: red;
}
/*
section.subWrapper {
    margin-top: 180px;
    margin-left: -150px;
}*/

media all{
	/*FIREFOX*/
	html[data-useragent*='Firefox'] .container-fluid{
		margin-top:-53px;
	}
}
media all{
	html[data-useragent*='Firefox'] section#paso_dos {
		padding: 0;
	}
}

@media (min-width:1300px){
	/*
	section:not(.subWrapper) {
		padding: 5px 0;
		height: 150px;
	}*/
	section#paso_dos {
    padding: 0;
	}
}