body
{
    background: rgb(250,250,250);
}
.ft-1{font-family: 'Marcellus', serif;}

#menu
{
    position: fixed;
    top: 0;
    z-index: 100;
}

#menu-bar{width: 1024px;}
#menu-logo-cont{width: 300px;}
#menu-link-cont
{
    padding-top: 37px;
    padding-left: 20px;
    font-size: 23px;
    text-align: center;
}
#menu-logo-cont img{height: 150px;width: 300px;}
#menu-divider{height: 150px;}
.menu-resp-h-c-1, .menu-resp-h-e-1, .menu-resp-h-c-3, .menu-resp-h-e-3{height: 150px}
.menu-resp-h-c-2, .menu-resp-h-e-2{height: 75px;} 

.menu-item{max-width: 150px;height: 75px;}
.menu-item-1line{padding: 25px 10px 10px 10px;}
.menu-item-2line{padding: 10px;}
.menu-toggle{display: none;}
.menu-item-active{border-bottom: 5px solid navy}
@media only screen and (max-width: 1024px)
{
    #menu-divider{height: 225px;}
    #menu-bar{width: 100%;}
    #menu-logo-cont{width: 100%}
    #menu-link-cont{padding-top: 0px;}
    .menu-resp-h-c-1, .menu-resp-h-e-1{height: 225px;}
    .menu-resp-h-c-2, .menu-resp-h-e-2, .menu-resp-h-c-3, .menu-resp-h-e-3{height: 75px;}
}

@media only screen and (max-width: 768px)
{
    #menu-logo-cont img{height: 100px;width: 200px;}
    #menu-divider{height: 150px;}
    .menu-toggle
    {
        display: block;
        z-index: 10;
    }
    .menu-item
    {
        width: 100%;
        max-width: none;
        height: 50px;
    }
    .menu-item-1line{padding-top: 10px;}
    .menu-item-active{display: block; border-bottom: 0px; border-left: 5px solid navy;}
    .menu-item-hide{display: none;}
    #menu-link-cont{text-align: left; padding: 0px;}
    .menu-resp-h-c-1{height: 150px}
    .menu-resp-h-e-1{height: 400px}
    .menu-resp-h-c-2, .menu-resp-h-c-3{height: 50px}
    .menu-resp-h-e-2, .menu-resp-h-e-3{height: 300px}
}

.tarjeta
{
    padding: 65px 15px;
}
.tarjeta > div
{
    max-width: 1024px;
    margin: auto;
}

.servicios-info
{
    padding: 60px 20px 30px 20px;
    background-image: url(../img/texto-servicios.png);
    background-position: top center;
    background-size: 320px 200px;
    background-repeat: no-repeat;
    
}

.planes-titulo
{
    background-image: url(../img/texto-duda-der.png);
    background-size: 100px 50px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.planes-elemento
{
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 50px;
    width: 90px;
}
.planes-elemento-cont{max-width: 330px;}
@media only screen and (max-width: 375px){.planes-elemento-cont{max-width: 220px;}}

#planes > div > div:nth-of-type(2){border-left: 1px solid navy}
@media only screen and (max-width: 768px){#planes > div > div:nth-of-type(2){border-top: 1px solid navy;border-left: none}}

@media only screen and (max-width: 425px)
{
    #img-duda-izq{left: 0px;height: 50%;bottom: 0%}
    #img-duda-der{right: 0px;height: 25%;bottom: 0%}
}
@media only screen and (min-width: 426px) and (max-width: 768px)
{
    #img-duda-izq{left: 0px;height: 70%;bottom: 0%}
    #img-duda-der{right: 0px;height: 45%;bottom: 0%}
}
@media only screen and (min-width: 769px) and (max-width: 1024px)
{
    #img-duda-izq{left: 0px;height: 50%;bottom: 0%}
    #img-duda-der{right: 0px;height: 25%;bottom: 5%}
}
@media only screen and (min-width: 1025px)
{
    #img-duda-izq{left: 0px;height: 50%;bottom: 5%}
    #img-duda-der{right: 0px;height: 25%;bottom: 15%}
}

@media only screen and (min-width: 426px){.red-dir-cont{padding-left: 140px}}
@media only screen and (max-width: 425px){.red-dir-cont{padding-top: 140px;text-align: center;}}

.faq-fondo{background: rgba(255,255,255,0.5);}
.icono-mas{background-image: url(../img/icono-mas.png);background-size: 50px 50px;background-position: center;background-position:  left;background-repeat: no-repeat}
.icono-menos{background-image: url(../img/icono-menos.png);background-size: 50px 50px;background-position: center;background-position:  left;background-repeat: no-repeat}


@media only screen and (max-width: 425px){#marcador-posicion{padding-left: 0px;padding-right: 5px;height: 80%}}
@media only screen and (min-width: 426px) and (max-width: 768px){#marcador-posicion{padding-left: 5%;padding-right: 10px;}}
@media only screen and (min-width: 769px){#marcador-posicion{padding-left: 25%;padding-right: 30px;}}

#contactos-form form > div:not(:last-child){padding-left: 50px;background-size: 50px 50px;}
@media only screen and (max-width: 425px)
{
    #contactos-form form > div:not(:last-child){padding-left: 30px;background-size: 30px 30px;}
}


.input{outline:none;border:none;padding-left: 20px;}
.but{border: none;-webkit-appearance: none;}
#insubmit{background: rgba(50,114,205,1);color: white;}
#insubmit:hover{background: rgba(50,114,205,0.3);color: rgba(50,114,205,1);}