/*
Pideoferta
Creado para xdmedia
*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #424242;
    background: #f9f9f9;
}
:root {
    --mycolor: #d04c51;
    --mycolorhover: #d45f63;
    --mycolorborde: #f5d0d1;
}

.home-elementos,
.seccion-botones,
.h1-home,
.pide-elementos {
    /*visibility: hidden;*/
}
.seccion-botones,
.home-elementos,
.pide-elementos,
.ofertas-lista {
    visibility: hidden;
}
#element {
    line-height: 36px;
}
#element e {
   /* border-bottom: 4px solid #fdbfbf;*/
    margin: -2px 0px 0 0;
    display: inline-block;
    background: #fff1f1;
}
.seleccion {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none; 
}
.seleccion * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none; 
}
img {
    border: 0;
    max-width: 100%;
}
header {
	overflow: hidden;
	border-bottom: 1px solid rgba(158,158,158,.2);
	padding: 0;
    position: fixed;
    z-index: 998;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
}
a {
	color: var(--mycolor);
	text-decoration: none;
}
a:hover {
	color: var(--mycolorhover);
}
h1, h2, h3 , h4 , h5 {
	color: var(--mycolor);
    margin: 12px 0;
}
.logosvg {
    width: 200px !important;
    height: 36px !important;
    float: left;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.m-0 {
    margin: 0 !important;
}
.mb-0 {
    padding-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.p-8 {
    padding: 8px !important;
}
.derechas {
    float: right !important;
}
.texto-mayusculas {
    font-weight: bold;
}
.transicion {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
}
.preload {
    position: fixed;
    display: none;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}
.precontenido {
    width: 300px;
    top: 50%;
    position: absolute;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.preload .pre-loader {
    margin-top: 6px;
    width: 52px;
}
.wrapper {
    width: 100%;
    height: 100%;
    margin-top: 58px;
    /*background-color: #fff;*/
}
.seccion-arriba {
    
    background-position: top 33px left, top 33px right;
    background-repeat: no-repeat;
    /*background-image: url(../img/coches-home_2.png),url(../img/coches-home.png);
    background-image: url(../img/izquierda.png),url(../img/derecha.png);
   background-position: top 62% left, top 62% right;*/
}
.header-mini {
   /* box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
}
.contenedor {
	max-width: 1400px !important;
    overflow: visible;
}
.contenedor2 {
    max-width: 1100px !important;
    overflow: visible;
}
.logo {
	float: left;
    padding: 10.5px 16px;
}
.logo img {
	float: left;
    max-width: 200px;
}
.opciones {
	float: right;
}
.opciones ul { 
    /*box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
	padding: 0;
	margin: 0; 
	list-style: none;
}
.opciones ul li  {
	float: left;
    position: relative;
}
.opciones ul li a {
    padding: 18px 19px;
    float: left;
    text-decoration: none;
    font-size: 17px;
}
.opciones ul li a:hover {
    background: #f7f7f7;
    color: var(--mycolorhover);
}
/*.opciones ul li a span {
    float: left;
    margin: 4px 0 0 0;
}*/
.svg {
    width: 106px;
    height: 106px;
}
.svg path {
    fill: var(--mycolor) !important;
}
.coche {
    width: 148px !important;
    display: block;
    margin: 0 auto;
    margin-top: 3px;
}
.ancho-100 {
    width: 100%;
}
.h1-home {
    padding-top: 73px;
    margin: 0 auto;
    text-align: center;
    font-size: 45px;
    max-width: 811px;
    line-height: 51px;
    font-weight: 700;
}
.h1-animado {
    text-align: center;
    max-width: 743px;
}
.p-home {
    display: none;
	padding: 26px 0;
    text-align: center;
    font-size: 21px;
    max-width: 534px;
    margin: 0 auto;
    line-height: 30px;
}
.opcion a {
    font-size: 20px !important;
    padding: 16.5px 17px !important;
}
.ca-home {
    padding: 12px 0;
    display: block;
    background: #fff1f1;
}
.ca-home .columna {
    border-left: 1px dashed #fdbfbf;
    padding-left: 36px;
}
.ca-home i {
    font-size: 31px;
    margin-right: 6px;
    color: var(--mycolor);
    opacity: .9;
}
.ca-home i.mt-5 {
    margin-top: 3px;
}
.ca-home h3 {
    padding: 0;
    float: left;
    display: block;
    font-size: 25px;
    margin: 0 0 0 32px;
    text-align: center;
}
.ca-home span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px;
}
.mb-0 {
    margin-bottom: 0 !important;
}
/*.cuenta a {
    padding: 15px !important;
}

.cuenta a img {
	width: 24px
}
.opcion a img {
	width: 34px;
}*/
.home-elementos {
    position: relative;
    max-width: 743px;
    margin: 30px auto;
    overflow: hidden;
    padding: 99px 0;
    background: #f1f1f1;
    border: 1px solid #ebebeb;
    box-shadow: 0px 3px 38px 6px #cecece;
}
.home-elementos .bg-home {
    background: #ffffff;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
}
.center-btn {
    max-width: 743px;
    margin: 0 auto;
    overflow: hidden;
    /*margin-top: -30px;*/
    margin-bottom: 100px;
}
.pide-elementos {
    position: relative;
    max-width: 743px;
    margin: 30px auto;
    overflow: hidden;
    padding: 44px;
    background: #f1f1f1;
    border: 1px solid #ebebeb;
    box-shadow: 0px 3px 38px 6px #cecece;
}
.pide-extra .columna {
    text-align: center;
    margin: 24px 0;
}
.pide-extra i {
    font-size: 62px;
    text-align: center;
    padding: 20px;
}
.pide-extra span {
    display: block;
}
.pide-extra a {
    text-decoration: none;
}
.pagina-cuerpo {
    max-width: 743px;
    margin: 30px auto;
    overflow: hidden;
    color: #6b6b6b;
    line-height: 25px;
    padding: 16px; 
}
.pagina-cuerpo-contacto {
    max-width: 643px;
}
.pagina-cuerpo h2,
.pagina-cuerpo h3,
.pagina-cuerpo h4,
.pagina-cuerpo h5 {
    margin: 6px 0;
}
.pagina-cuerpo p {
    padding: 0 0 8px 0;
}
.pide-elementos-load {
    display: none;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f1f1f1;
}
.pide-elementos-load img {
    width: 60px;
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}
.opciones-extra {
    display: none;
}
.home-bloque {
    text-align: center;
    position: relative;
    z-index: 99;
}
.home-bloque img {
    /*width: 88px;*/
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -o-transition: all .2s linear;
}
.home-bloque span {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.2px;
}
.home-bloque span i {
    font-size: 12px;   
}
.home-bloque img:hover {
    /*width: 88px;*/
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -o-transition: all .2s linear;
}
.home-bloque a {
    display: block;
    opacity: 1;
}
.home-bloque a:hover {
    opacity: .9;
}
.home-bloque a:hover {
    text-decoration: none;
}
.seccion-botones {
    overflow: hidden;
    padding: 0 0 87px 0;
    margin: 50px auto 73px auto;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid rgba(158,158,158,.2);
}
.contener {
    max-width: 743px;
    margin: 0 auto;
}
.seccion-pedidos {
    padding: 0 0 42px 0;
    border-bottom: 1px solid rgba(158,158,158,.2);
}
.seccion-home {
    background-color: #fff;
}
.seccion-info {
    padding: 60px 0;
    border-bottom: 1px solid rgba(158,158,158,.2);
    border-top: 1px solid rgba(158,158,158,.2);
}
.seccion-paginas {
    background-color: #fff;
    padding: 0 0 42px 0;
    border-bottom: 1px solid rgba(158,158,158,.2);
}
.valoraciones-home {
    display: block;
    overflow: hidden;
}
.valoraciones-home .columna {
    padding: 20px 30px;
}
.valoraciones-home strong {
    display: block;
    font-size: 13px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.valoraciones-home img {
        display: block;
    margin: 0px 0 14px -6px;
}
.valoraciones-home span {
        display: block;
    line-height: 22px;
    color: #757575;
}
.valoraciones-home h3 {
        font-size: 23px;
    color: #424242;
    text-align: center;
    max-width: 628px;
    margin: 20px auto;
}
.valoraciones-home .name {
    margin-top: 18px;
    font-size: 12.5px;
    font-weight: bold;
}
.h2-home {
	font-size: 32px;
    color: #424242;
    text-align: center;
    max-width: 628px;
    margin: 20px auto;
    display: block;
    font-weight: bold;
    line-height: 34px;
}
.h2-home2 {
    font-size: 22px;
    text-align: center;
    display: block;
    font-weight: bold;
    padding: 0;
    margin: 0;
    /*color: var(--mycolor);*/
    color: #424242;
}
.home-pasos {
	display: inline-block;
    overflow: hidden;
    width: 100%;
    margin-top: 27px;
}
.home-paso {
padding: 35px 34px;
    text-align: left;
    font-size: 20px;
    color: #d04c51;
    line-height: 23px;
}
.home-paso img {
    max-width: 200px;
    height: 139px;
    float: left;
    padding-right: 12px;
}
.home-paso h4 {
    font-size: 24px;
    margin-bottom: 2px;
    padding-top: 23px;
    text-transform: uppercase;
    font-weight: 800;
}
.home-paso span {

}
.texto-home {
    padding: 26px 0;
    text-align: center;
    font-size: 15px;
    max-width: 634px;
    margin: 0 auto;
    line-height: 23px;
}
.texto-home-home {
    background: white;
    margin-top: -64px;
    padding-bottom: 27px;
    position: relative;
    font-size: 20px;
}
.texto-home-home h3 {
    color: #424242;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}
.myboton {
    font-size: 15px;
    border: 1px solid var(--mycolor);
    display: block;
    color: #fff;
    padding: 11px;
    background: var(--mycolor);
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    text-align: center;
}
.myboton:hover,
.myboton-editar:hover {
    text-decoration: none;
    color: #fff !important;
    background: var(--mycolorhover);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
}
.myboton-papelera:hover {
    background: #d45f63 !important;
}
.myboton-home {
    padding: 11px 44px !important;
   /* margin: 0 10px !important;*/
    display: inline-block;
}
.myboton-home i {
    font-size: 18px;
    /*float: left;*/
    margin: -2px 5px 0 0;
}
.myboton-item {
max-width: 146px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 12px;
    font-size: 14px;
}
.myboton-item i {
    font-size: 14px;
    margin: 2px 0 0 0;
}
.enfasis {
    font-size: 15px !important;
    font-weight: bold;
}
.enfasis span {

}
.myboton-pide {
    padding: 11px 60px;
} 
.myboton-dos {
    background: #fff;
    color: var(--mycolor);
    border: 1px solid;
}
.myboton-dos:hover {
    background: #fff !important;
    color: var(--mycolorhover) !important;
    border: 1px solid !important;
}
footer {
    margin-top: 73px;
    background: var(--mycolor);
}
.footer a {
    color: #fff;
}
.footer-enlaces {
    padding: 20px 0;
}
.footer-enlaces ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-enlaces ul li {
    padding: 8px;
}
.footer-logos {
    padding: 20px 16px;
    border-top: 1px solid var(--mycolorhover);
}
.footer-logos ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-logos ul li {
    float: left;
}
.logo-footer {
    float: left;
    max-width: 200px;
}
.social img {
    width: 30px;
    margin-left: 10px;
}
.h1-user {
    margin: 73px auto 12px auto;
    text-align: center;
    font-size: 38px;
    max-width: 811px;
    line-height: 43px;
    font-weight: 700;
}
.h2-user {
    margin: 73px auto 12px auto;
    text-align: center;
    font-size: 28px;
    max-width: 811px;
    line-height: 43px;
    font-weight: 700;
}
.pagina-formularios {
    max-width: 392px;
    border-radius: 3px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 44px;
    /*box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
}
.pagina-formularios2 {
    max-width: 1009px;
    border-radius: 3px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 44px;
    /*box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
}
.pagina-formularios3 {
    max-width: 706px;
    border-radius: 3px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 44px;
    /*box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
}
.pagina-formularios-user {
    max-width: 791px;
}
.lista-provincias {
    padding: 12px 8px;
    border-radius: 2px;
    border: 1px solid var(--mycolorborde);
    border-top: 0;
    margin-top: -1px;
}
.lista-provincias .info {
    color: #ccccd6;
}
.lista-provincias ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.lista-provincias ul li {
    float: left;
    position: relative;
    padding: 7px 14px;
    margin: 4px 7px 4px 0;
    border-radius: 3px;
    border: 1px solid var(--mycolorborde);
}
.lista-provincias ul li span{
    cursor: pointer;
    padding: 0px 4px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -7px;
    margin-right: -6px;
    font-size: 15px;
    background: var(--mycolorborde);
    border-radius: 10px;
    color: var(--mycolor);
}
.info-login {
    margin: 0;  
}
.info-login ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.info-login ul li {
    margin: 0 0 12px 0;
    text-align: center;
    border: 1px dashed;
    border-color: var(--mycolorborde);
    padding: 13px 12px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.info-login ul li a {
    padding: 5px 12px;
    border-radius: 3px;
    text-transform: initial;
    margin-left: 5px;
    text-decoration: none;
    background: white;
    color: var(--mycolor);
    border-color: var(--mycolor);
    border: 1px solid;
}
.info-login ul li a:hover {
    text-decoration: none;
    opacity: .9;
}
.recordar label {
    font-weight: normal;
}
.recordar label {
    font-size: 14px;
    margin: 1px 0 0 2px;
}
.recuperar {
    /*margin-top: 2px;*/
}
.boton-face {
    background-image: url(../img/face.png) !important;
    background-repeat: no-repeat !important;
    background-position: 6px 5px !important;
    margin-bottom: 8px;
    background-color: #4267b2;
    border-color: #4267b2;
    background-size: 26px !important;
    padding: 10px;
}
.boton-face:hover {
    background-color: #4267b2 !important;
    border-color: #4267b2 !important; 
}
.boton-google {
    background-image: url(../img/google.png) !important;
    background-repeat: no-repeat !important;
    background-position: 6px 5px !important;
    margin-bottom: 8px;
    background-color: #d84d3d;
    border-color: #d84d3d;
    background-size: 26px !important;
    padding: 10px;
}
.boton-google:hover {
    background-color: #d84d3d !important;
    border-color: #d84d3d !important; 
}
.editar-boton {
    position: fixed;
    bottom: 38px;
    right: 9px;
    padding: 0px 3px;
}
.editar-boton a {
    padding: 5px 7px !important;
    font-size: 12px;
}
.alerta-rojo {
    color: #ff4a4c;
    border: 1px solid #f7c7c7;
    background-color: #ffe3e3;
}
.alerta {
    padding: 6px 10px;
    margin-bottom: 0;
}
.alerta ul li {
    font-size: 14px;
}
.pagina-grupos {
    margin: 0 0 12px 0; 
    overflow: hidden;
}
form * {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.form-pagina {
    display: block;
}
.form-pagina select,
.form-pagina input[type="text"],
.form-pagina input[type="email"],
.form-pagina textarea,
.form-pagina input[type="password"],
.form-pagina input[type="number"],
.form-pagina input[type="data"]  {
    border: 2px solid var(--mycolorborde);
    background-color: #fff;
    border-radius: 2px;
    padding: 12px;
    outline: none;
    color: #424242;
    width: 100%;
    display: block;
}
.form-pagina select {
    background-image: url(../img/select.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    font-size: 14px;
    padding: 12px 12px;
}
.form-pagina input::placeholder,
.form-pagina textarea::placeholder { 
    color: #ccc;
    opacity: 1;
}
.form-grupo {
    margin-bottom: 14px;
}
.form-grupo label {
    float: left;
    margin-bottom: 4px;
    font-size: 15px;
}
.form-grupo2 {
    margin: 0px 12px 11px 12px;
    width: calc(100% - 24px);
    overflow: hidden;
}
.pagina-formulario input,
.pagina-formulario select {
    border: 2px solid #d04c51;
    padding: 8px;
    margin: 8px 16px;
    min-width: 249px;
}
.alto-minimo {
    min-height: 800px !important;
}
.selectores-caja {
    background: #fff;
    height: 155px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: auto;
    border: 2px solid var(--mycolorborde);
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}
.selectores-caja li {
    padding: 0 12px;
    line-height: 30px;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
}
.selectores-caja li:hover {
    background: #f3f3f3;
}
.selectores-caja .seleccionado {
    background: var(--mycolorborde);
}
.selectores-caja .seleccionado:hover {
    background: var(--mycolorborde) !important;
}
.texto-gris {
    color: #c1c1c1;
}
.error-alerta {
    font-size: 14px;
    margin: 0 8px;
    padding: 6px 11px;
    background: #ffd0d3;
    border-radius: 2px;
    border: 1px solid #f3bbbf;
    color: #e1424e;
}
.aviso {
    background: #da525a !important;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    color: #fff !important;
}
.texto-vertical {
    position: relative;
    display: flex;
   justify-content: center;
   align-items: center;
}
.texto-vertical:hover {
    background:  #f9f9f9 !important;
}
.texto-vertical i {
    margin-right: 4px;
}
.enlace-vertical {
    font-size: 17px;
    text-decoration: none;
}
.enlace-vertical img {
    width: 16px;
    margin: 0 4px 0px 0;
}
.themes {
    position: fixed;
    z-index: 98;
    right: 10px;
    bottom: 10px;
}
.themes ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.themes ul li {
    float: left;
    margin-right: 2px;
}
.themes ul li a img {
    float: left;
    width: 36px;
    padding: 6px 12px;
}
.themes ul li a img.rojo {
    background: #cc4c52;
}
.themes ul li a img.azul {
    background: #1d428a;
}
.fila-textarea {
    margin-top: -16px;
    font-size: 14px;
}
.alerta-pide {
    margin: 0 8px;
}
input[type=email]:disabled,
input[type=text]:disabled {
    background: #eaeaea;
}
.ofertas-lista {
    max-width: 1180px;
    margin: 30px auto;
}
.ofertas-lista .ofertas-contenido {  
    border: 2px solid var(--mycolorborde);
    height: 277px;
    overflow-y: auto;
    background: #fff;
}
.desdehasta {
    width:  50%;
    float: left;
}
.desdehasta:first-child input {
    border-right: none !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.desdehasta:nth-child(2) input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.lista-tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.lista-tags ul li {
    float: left;
    font-size: 10px;
    position: relative;
    padding: 4px 10px;
    margin: 3px 3px 3px 0;
    border-radius: 3px;
    border: 1px solid var(--mycolorborde);
    color: #696565;
}
.ofertas-partes {
      padding: 12px;
      height: 150px; 
}
.ofertas-encabezado {
    background-image: linear-gradient(var(--mycolorborde), white);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
    font-weight: 700;
    position: relative;
    height: 69px;
}
.oferta-accion,
.oferta-tipo {
    display: block;
    padding: 2px 0;
    font-size: 18px;
    text-transform: capitalize;
}
.oferta-tipo {
    font-size: 24px;
    line-height: 22px;
}
.oferta-fecha {
    font-size: 12px;
    color: #797777;
    font-weight: 600;
}
.oferta-icono {
    padding: 12px;
    position: absolute;
    right: 0;
    width: 56px;
    top: 0;
    filter: grayscale(100%);
    opacity: .6;
}
#ajustes-oferta span {
    float: right;
    font-size: 15px;
    margin-top: 14px;
    color: #27b32c;
    padding: 0px 7px;
    text-decoration: underline;
    display: none;
}
.oferta-precio {
    font-weight: bold;
    font-size: 23px;
    color: #424242;
    margin: 5px 0;
}
.listas-general h2,
.listas-general h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #424242;
    margin: 5px 0;
}
.listas-general h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #424242;
    margin: 5px 0;
}
.valoracion {
    text-align: center;
}
.valoracion h3 {
    font-size: 18px;
    color: #424242;
    margin: 5px 0;
}
.valoracion span {
   display: block;
   display: none;
   margin: 20px 0 10px 0; 
}
.valoracion span i {
    color: #f0cf4c;
    font-size: 34px;
    cursor: pointer;
}
.valoracion span i:hover {
    color: #f0cf4c;
    background: #f0cf4c;
    font-size: 34px;
    cursor: pointer;
}
.listas-general-admin h2 {
    font-size: 20px !important;
}
.listas-general a:hover {
    color: #5a5a5a;
    text-decoration: none;
}
.texto-id {
    color: #444;
    font-size: 16px !important;
}
.ofertas-contenido h2 {
    font-size: 17px;
    color: #424242;
    margin: 4px 0;
    line-height: 21px;
    text-transform: uppercase;
}
.caja-ofertas {
    height: 116px;
}
.info-extra {
    color: #888888;
    font-size: 14px;
    display: block;
    margin: 4px 0;
    height: 62px;
}
.info-extra ul {
    margin: 0;
    padding: 0;
    list-style: none; 
}
.info-extra ul li {
    float: left;
    margin-right: 8px;
}
.info-extra ul li a {
    font-weight: bold;
    text-decoration: none;
}
.info-extra ul li a:hover {
    color: var(--mycolorhover);
}
.ofertas-esperando {
    text-align: center;
    padding: 8px;
    border: 1.5px dashed var(--mycolorborde);
    border-radius: 4px;
    cursor: default;
    position: relative;
}
.ofertas-esperando-activo {
    border: 1px dashed #e34f5e;
    color: #e34f5e;
    cursor: pointer;
}
.enlace-ofertas:hover {
    text-decoration: none;
}
.notifica {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    padding: 8px 12px;
    font-size: 13px;
    text-shadow: 1px 1px 1px #000;
    border-radius: 50px;
    font-weight: 700;
    background-color: #e34f5e;
    color: #fff;
    margin-top: -17px;
}
.notifica2 {
    float: right;
    padding: 7px 12px;
    font-size: 13px;
    border: 1px solid #e34f5e;
    border-radius: 4px;
    font-weight: 700;
    background-color: #fff;
    color: #e34f5e;
    margin-right: 5px;
}
.confirmar {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.flotantes {
    width: 700px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 24px;
    transform: translateY(-50%) translateX(-50%);
    min-height: 370px;
    text-align: center;
}
.flotantes h1 {
    color: #424242;
    margin: 0 auto 40px auto !important;
    font-size: 26px !important;
    text-align: center !important;
}
.flotantes-cerrar {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 000;
    color: var(--mycolor);
    font-size: 32px;
    padding: 4px 10px;
    opacity: 1;
}
.flotantes .myboton {
    margin: 0 4px;
}
.vertical {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.menu-responsive {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    margin-top: 57px;
    width: 40%;
    border: 1px solid rgba(158,158,158,.2);
    border-top: none;
    padding: 24px;
    text-align: center;
    font-size: 16px;
    z-index: 100;
}
.menu-responsive ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-responsive ul li a {
    display: block;
    padding: 8px;
    text-decoration: none;
}
.globo-noti {
    font-size: 11px;
    height: 20px;
    width: 20px !important;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    border-radius: 11px;
    margin: 7px 1px 0 0px;
    text-align: center;
    line-height: 19px;
    color: #fff;
    font-weight: bold;
    background-color: #e34f5e;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
.admin {
    padding-top: 73px;
    max-width: 1180px !important;
}
.menuadmin {
    padding: 0;
    border-radius: 3px;
    background: #ffff;
    border: 1px solid #e6e6e6;
    margin-bottom: 8px;
}
.menuadmin ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.menuadmin ul li {
    margin: 0;
    float: left;
}
.menuadmin ul li a {
    padding: 9px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}
.menuadmin ul li .activo {
    background: var(--mycolorborde);
}
.h1-admin {
    margin-bottom: 12px;
}
.titulos-menu {
    margin-bottom: 0;
}
.form-admin {
    /*max-width: 650px;*/
}
.form-contacto {
    text-align: left;
    margin: 0 0 30px 0;
}
.form-admin-min {
    max-width: 360px;
}
.form-admin label {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px 0;
    display: block;
}
.form-contacto label,
.form-users label,
.form-salas label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 1px 1px;
    display: block;
}
.form-users textarea {
    min-height: 96px;
}
.myboton-form {
    float: right;
    padding: 11px 38px;
}
.sin-alto {
    height: auto;
}
.filas {
    display: inline-block;
    width: 100%; 
}
.listas-general {
    background: #fff;
    position: relative;
    height: auto;
    margin: 8px 0;
    display: inline-block;
    width: 100%;
    padding: 9px 6px !important;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
    /*box-shadow: 0 11px 32px -13px rgba(53,64,81,.3);*/
   
}
.mensajes-ajax {
/*    display: inline-block;*/
    width: 100%;
}
.listas-general,
.menuadmin,
.chat-mensaje,
.menu-responsive,
.header-mini,
.pagina-formularios,
.pagina-formularios2,
.pagina-formularios3,
.price-count
/*.opciones ul,*/
/*.home-elementos,
.pide-elementos*/
 {
    box-shadow: 0 0 15px 1px rgba(162, 162, 162, 0.3);
}
.oferta-borrar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    z-index: 9;
}
.datos-perfil {
    display: block;
    padding: 2px;
}
.datos-nombre {
    margin-top: 5px;
}
.datos-nombre img {
    float: left;
    width: 17px;
    margin: -2px 2px 0 0;
    opacity: .8;
}
.perfiles-meta {
    width: 50%;
    float: left;
    font-size: 14px;
}
.perfiles-meta .datos-avatar img {
    width: 93px;
    height: 93px;
    float: right;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
    padding: 6px;
}
.verificar-user {
    background-color: #f5f5f5;
    margin-bottom: 14px;
    border-radius: 3px;
    font-size: 19px;
    text-align: left;
    min-height: 250px;
    position: relative;
    text-align: center;
}
.verificar-user ul {
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding: 34px;
}
.verificar-user a {
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin-top: 4px;
    width: 100%;
    font-size: 14px;
    text-align: right;
}
.alerta-verdes {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}
.datos-verificar {
    font-size: 12px;
}
.datos-verificar img {
    width: 10px;
    margin: 2px 3px 0 0;
    float: left;
}
.enlace-admin {
    font-size: 14px;
    color: var(--mycolor);
    line-height: 80px;
}
.enlace-admin:hover {
    color: var(--mycolorhover);
}
.enlace-admin img {
    width: 14px;
    margin: 0 4px 0 0;
}
.secundario {
    width: 49%;
}
.secundario:nth-child(2n) {
    float: right;
}
.secundario2 {
    width: 49%;
}
.secundario2-2 {
    float: right;
}
textarea {
    min-height: 220px;
}
.info-seo {
    font-size: 20px;
    margin: 22px 0 12px 0;
    color: #4a4a4a;
}
.sin-alto {
    min-height: unset !important;
}
.avatares {
    border: 2px solid var(--mycolorborde);
    padding: 8px;
    position: relative;
}
.avatares img {
    object-fit: cover;
    height: 152px;
    max-width: 256px;
    margin: 0 auto;
    display: block;
    padding: 9px;
}
.avatares a {
    margin-top: 6px;
    padding: 6px;
}
.border-rojo {
    border: 2px solid #e6a3a3 !important;
}
.formulario-grupo {
    position: relative;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
.relleno-abajo-no {
    padding-bottom: 0;
}
.online {
    border: 2px solid #d9f9d9;
    animation-name: parpadeo;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
.offline {
    border: 2px solid #dedede;
}

@-moz-keyframes parpadeo{  
  0% { border-color: #d9f9d9 }
  50% { border-color: #3ae83a }
  100% { border-color: #d9f9d9 }
}

@-webkit-keyframes parpadeo {  
  0% { border-color: #d9f9d9 }
  50% { border-color: #3ae83a }
  100% { border-color: #d9f9d9 }
}

@keyframes parpadeo {  
  0% { border-color: #d9f9d9 }
  50% { border-color: #3ae83a }
  100% { border-color: #d9f9d9 }
}
.salas-general {
    max-width: 967px !important;
    padding: 0 24px;
}
.salas-general h1 {
    text-align: left;
    margin: 73px 0 0 0;
    font-size: 38px;
    line-height: 60px;
    font-weight: 700;
}
.salas-general .enlace:hover {
    text-decoration: none;
    cursor: default;
}
.form-salas textarea {
    min-height: 100px;
}
.form-caducidad {
    max-width: 200px; 
    float: left;
}
.salas-mensaje {
    font-size: 16px;
    color: #4c4c4c;
    margin: 9px 0;
}
.mensajes-ajax .datos-avatar img {
    width: 70px;
    height: 70px;
}
.notifica-lista {
    margin-top: 10px;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #e34f5e;
    color: #e34f5e;
    cursor: pointer;
}
.span-caduca {
    float: right;
    font-size: 13px;
    height: 20px;
    line-height: 79px;
    text-transform: uppercase;
}
.chat-mensaje {
    border: 1px solid #e6e6e6;
    margin-top: 8px;
}
.chat-mensaje textarea {
    width: 84.9%;
    float: right;
    min-height: 0;
    height: 64px;
    resize: none;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: none;
}
.chat-mensaje input[type="submit"] {
    width: 10%;
    float: right;
    height: 64px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    border: none;
}
.chat-mensaje a img {
    float: left;
    padding: 16px 8px;
    cursor: pointer;
    background: #fff;
    border-right: 1px solid #e6e6e6;
}
.myboton-chat {
    background: var(--mycolor);
    color: #fff;
    border: 1px solid var(--mycolor);
}
.enlace-caducidad {
    cursor: pointer;
    padding: 5px 10px;
    display: inline-block;
    float: right;
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--mycolorborde);
}
.enlace-caducidad:hover {
    text-decoration: none;
}
#datos-extra {
   padding: 0 8px;
}
#datos-extra input {
    padding: 8px 12px;
}
.separar-lista {
    background: #f9f9f9;
}
.opciones-lista {
        width: 100%;
    display: inline-block;
    padding: 8px;
}
.opciones-preview {
    width: 100%;
    display: inline-block;
    padding: 8px;
}
.myboton-tres {
    font-size: 15px;
    display: block;
    padding: 6px 12px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    text-align: center;
    border: 1px solid #e34f5e;
    color: #e34f5e;
    min-width: 112px;
}
.myboton-papelera {
    background: #e34f5e;
    color: #fff;
}
.myboton-editar {
    background: var(--mycolor);
    border-color: var(--mycolor);
    color: #fff;
}
.myboton-tres:hover {
    color: #e34f5e !important;
}
.myboton-tres i {
    font-size: 12px;
    margin: 5px 3px 0 0;
    float: left;
}
.tachado {
   text-decoration: line-through;
}
.tachado:hover {
   text-decoration: line-through !important;
}
.contactame {
    border: 1px solid #1d428a;
    color: #1d428a !important;
}
.contactame:hover {
    color: #1d428a !important;
}
.myboton-tres2 {
    color: var(--mycolor) !important;
     border-color: var(--mycolor);
}
.myboton-tres2:hover {
    color: var(--mycolor) !important;
}
.myboton-papelera:hover {
    color: #fff !important;
}
.myboton-editar:hover {
    color: #fff !important;
}
.ver-ajustes {
    float: right;
    padding: 14px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none !important;
}
.ver-ajustes:hover {
    cursor: pointer;
     text-decoration: none !important;
}
.ver-ajustes i {
    font-size: 10px;
    margin: 3px 3px 0 0;
    float: left;
}
.ajustes-ver {
    display: none;
}
.visible {
    display: flex !important;
}
.caducidad-flotante {
    max-width: 332px;
    margin: -21px auto 37px auto;
}
.galeria-box {
    overflow: hidden;
}
.galeria-img {
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0 0 5px 0;
}
.galeria-img::-webkit-scrollbar{
    height: 6px;
    width: 6px;
    background: white;
}
.galeria-img::-webkit-scrollbar-thumb:horizontal{
        background: #d6d1d1;
        border-radius: 10px;
    }
.galeria-img li {
    display: inline-block;
    margin-right: 2px;
    position: relative;
}
.galeria-img li img {
    object-fit: cover;
    height: 72px;
    width: 101px;
    float: left;
    cursor: pointer;
}
.galeria-img li span {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    z-index: 9;
    color: white;
    padding: 2px 4px;
    display: block;
    cursor: pointer;
    opacity: .8;
}
#sonido {
    display: none;
}
.cookies2 {
    background: #444444;
    position: fixed;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .90;
    padding: 20px;
    color: #fff;
    font-weight: bold;
}
.cookies2 a {
    color: #fff;
    text-decoration: underline;
}
.cookies-aceptar {
    margin-left: 20px;
    color: #00ffe7 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.cuerpobanner {
    height: 600px !important;
    margin-top: -42px;
    position: relative;
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    background-position: center;
    display: inline-block;
    background-size: cover;
}
.cuerpobanner h1 {
margin: 0;
    color: #fff;
    position: absolute;
    bottom: 24px;
    z-index: 99;
    left: 50%;
    text-align: left;
    width: 100%;
    transform: translate(-50%);
    line-height: 44px;
}
.box-black {
    background-color: rgba(0, 0, 0, .3);
    height: 600px;
}
.cuerpobanner2 {
    height: 500px !important;
    position: relative;
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    background-position: center;
    display: inline-block;
    background-size: cover;
    margin-bottom: 73px;
}
.span-dealer {
    margin: 10px auto;
    display: block;
    font-size: 24px;
    font-weight: normal;
    max-width: 500px;
    line-height: 30px;
    text-align: center;
}
/*.cuerpobanner2 h1 {
    margin: 0;
    position: absolute;
    z-index: 99;
    left: 50%;
    text-align: center;
    width: 100%;
    transform: translate(-50%);
    line-height: 44px;
    color: #fff;
}*/
.box-black2 {
    background-color: rgba(255, 255, 255, 0.6);
    height: 500px;
}
.botones-dealer {
        margin: auto;
    display: block;
    text-align: center;
    margin-top: 22px;
}
.myboton-transparente {
    background: transparent !important;
    color: var(--mycolor);
}
.myboton-transparente:hover {
    background: transparent !important;
        color: var(--mycolor) !important;
}
.cuerpo-noticias {
    max-width: 1180px !important;
}
.box-banner {
    height: 228px;
    background-position: center, center;
    position: relative;
    object-fit: cover;
}
.center-banner {
    padding: 8px;
    position: relative;
    height: 228px;
    background: rgba(0, 0, 0, 0.4);
}
.center-banner h2 {
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: 8px;
    margin-right: 8px;
}
.box-content {
    line-height: 20px;
    padding: 8px 0;
}
.myboton-small {
    display: initial;
    float: right;
    padding: 0 12px;
    font-size: 13px;
    height: 31px;
    line-height: 29px;
}
.bloque-lista-botones {
    padding: 8px 0;
    margin: 12px 0 0 0;
    overflow: hidden;
    text-align: center;
}
.bloque-lista-botones a {
    border: 1px solid var(--mycolor);
    color: var(--mycolor);
    height: 39px;
    line-height: 38px;
    width: 39px;
    border-radius: 4px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: inline-block;
    margin-bottom: 4px;
    text-decoration: none !important;
}
.bloque-lista-botones a:hover,
.b-l-b-activo {
    background: var(--mycolor);
    color: #fff !important;
}
.todos-ver h3 {
    font-size: 17px;
    text-align: center;
    max-width: 628px;
    margin: 29px auto 0 auto;
    color: #424242;
}
.todos-ver:hover {
    text-decoration: none;
}
.mini-fecha {
    font-size: 12px;
    color: #b7b2b2;
    line-height: 29px;
    float: left;
}
.mini-fecha-p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    display: block;
}
.mensajes-chat {
    text-align: center;
    padding: 9px;
    font-size: 16px !important;
}
.pichasicono svg {
    padding: 15px;
    width: 200px;
    height: 99px;
}
.menu-res {
    display: none;
}
.subir {
    border: 1px solid #ddd;
    width: 43px;
    height: 43px;
    position: fixed;
    top: 50%;
    margin-top: -21.5px;
    right: 10px;
    background: url(../img/subir.png) no-repeat center;
    cursor: pointer;
    border-radius: 2px;
    background-color: #F8F8F8;
    display: none;
}
.subir-negro {
    border: 1px solid #333;
    background: url(../img/subir.png) no-repeat center;
    background-color: var(--mycolor);
    border-color: var(--mycolor);
}
.haceroferta {
    display: block;
    margin-bottom: 6px;
}
.dealer-search {
    float: right !important;
}
.dealer-search input[type="search"] {
    padding: 3px 6px;
    border: 1px solid #e6e6e6;
    outline: none;
    margin: 4px;
}
.comunidades .columna {
    padding: 0;
}
.comunidades .columna:nth-child(2n) select {
    
}
.seccion-como {
    background-color: #fff;
    padding: 0 0 42px 0;
    margin-top: 76px;
}
.degradado {
    text-align: left !important;
    background: #47d6b4;
    background: linear-gradient(135deg,#42a5f5 0,#47d6b4 100%);
    border-radius: 3px;
    max-width: 1000px;
    margin: 20px auto 84px auto;
    position: relative;
    height: 296px;
    color: #fff;
    font-size: 19px;
}
.degradado h2 {
    color: #fff;
    margin: 42px 0 0 0;
    padding: 16px;
    font-size: 26px;
    line-height: 33px;
}
.h22 {
    margin: 51px 0 0 0 !important;
}
.img22 {
    margin: -8px 0 0 -45px !important;
}
.degradado img {
    margin: -8px 0 0 -8px;
    position: absolute;
    width: auto;
    height: 296px;
}
.degradado p {
    bottom: 0;
    padding: 20px;
    padding-top: 0 !important;
}
.seccion-home2 {
    margin-top: 73px;
}
.degradado-home {
    height: 355px;
}
.margen-abajo-tia {
    margin-bottom: 20px;
}
.margen-arriba-tia {
    margin-top: 60px !important;
}
.desconectar {
    padding: 12px;
    opacity: .6;
    pointer-events: none;
}
.rating-1 .star1 {
    color: #FFD700 !important;
}
.rating-2 .star2,
.rating-2 .star1 {
    color: #FFD700 !important;
}
.rating-3 .star3,
.rating-3 .star2,
.rating-3 .star1 {
    color: #FFD700 !important;
}
.rating-4 .star4,
.rating-4 .star3,
.rating-4 .star2,
.rating-4 .star1 {
    color: #FFD700 !important;
}
.rating-5 .star5,
.rating-5 .star4,
.rating-5 .star3,
.rating-5 .star2,
.rating-5 .star1 {
    color: #FFD700 !important;
}
.datos-perfil .rating {
    margin-top: 1px !important;
    width: auto !important;
    margin-left: 0 !important;
    transform: none !important;

}
.datos-perfil .rating > label {
     pointer-events: none !important;
}
.datos-perfil .rating > label:before {
    margin: 0 2px 0 0 !important;
    font-size: 17px !important;
}
.share-link {
       text-align: right;
    display: block;
    min-height: 35px;
    margin-top: 6px;
}
.clase-verde {
background: #eaffea;
    padding: 2px 11px;
    display: block;
    float: left;
    margin-top: 4px;
    font-size: 13px;
    border: 1px solid #94fd94;
    border-radius: 2px;
    color: green;
}
.clase-rojo {
    background: #ffebea;
    padding: 2px 11px;
    display: block;
    float: left;
    margin-top: 4px;
    font-size: 13px;
    border: 1px solid #fd9494;
    border-radius: 2px;
    color: maroon;
}
.color-blanco {
    color: white;
}
.color-blanco:hover {
    color: white !important;
}
.o-aceptada {
    background: #3fa142;
    border: 1px solid #069a06;
    color: white !important;
}
.o-aceptada:hover {
    color: white !important;
}
#respuesta-voto {

}
#respuesta-voto h4 {
    font-size: 20px;
}
#respuesta-voto span {
    margin: 0; 
}
#respuesta-voto form {
    max-width: 500px;
    margin: 0 auto;
}
.votocom {
    max-width: 500px;
    margin: 16px auto;
}
.alerta-grande {
    padding: 29px 10px;
    margin-bottom: 0;
    font-size: 17px;
    text-align: center !important;
}
.suscripcion {
    border-radius: 2px;
    padding: 5px 8px;
    margin-top: 17px;
    overflow: hidden;
    user-select: none;
    -moz-user-select: none;
}
.suscripcion i {
display: block;
    float: left;
    font-size: 29px;
    margin: 2px 0 0 0;
    opacity: .5;
}
.suscripcion span {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    margin: 0 0 0 10px;
}

.suscripcion e {
    font-size: 12px;
    display: block;
}
.suscripcion.free {
    background: #f1dedf;
    border: 1px solid #ff9797;

}
.suscripcion.free i,
.suscripcion.free span,
.suscripcion.free e {
    color: red;

}
.suscripcion.basic {
       background: #d0e4f5;
       border: 1px solid #93afe0;

}
.suscripcion.basic i,
.suscripcion.basic span,
.suscripcion.basic e,
.suscripcion.basic a {
        color: #0600ff;

}
.suscripcion.premium {
          background: #d0f5d1;
          border: 1px solid #22c744;

}
.suscripcion.premium i,
.suscripcion.premium span,
.suscripcion.premium e,
.suscripcion.premium a {
            color: #056133;

}
.suscripcion a {
    float: right;
    margin: 5px 0 0 0;
    background: red;
    color: white !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    opacity: .7;
}
.suscripcion a:hover {
    opacity: .7;
}
.suscripcion a:hover {
    text-decoration: none;
}
.price {
    display: flex;
    max-width: 1009px;
    margin: 0 auto;
}
.price-col {
    float: left;
    width: 25%;
}
.price-info ul,
.price-count ul {
    padding: 0;
    margin: 0;
    list-style: none; 

}
.price-info ul li,
.price-count ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0; 
}
.price-count ul li {
    text-align: center;
}
.price-info ul li:first-child {
    padding-top: 200px;
}
.price-count {
    margin: 0 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: white;
}
.price-head {
padding: 12px;
position: relative;
}
.price-head h4 {
font-size: 36px;
    color: #444;
    font-weight: 500;
    text-align: center;
    margin: 24px 0;
    letter-spacing: -1px;
    margin-bottom: 0;
    user-select: none;
    -moz-user-select: none;
}
.price-head .tipos {
        margin-bottom: 24px;
    text-align: center;
    margin-top: 6px;
}
.price-head .tipos span {
    font-size: 13px;
    color: #b5afaf;
    text-align: center;
    letter-spacing: 0px;
    border-bottom: unset;
    display: unset;
    padding: unset;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
}
.price-head .tipos span.active {
    color: #444;
}
.price-head span {
    border-bottom: 2px solid var(--mycolor);
    display: block;
    text-align: center;
    padding: 18px;
    color: var(--mycolor);
    font-weight: bold;
    font-size: 20px;
    padding-top: 0;
}
.price-head span.basic {
    color: #1d428a;
}
.price-head span.premium {
    color: #24b524;
}
.price-count a,
.price-count input[type="submit"] {
    font-size: 15px;
    border: 1px solid var(--mycolor);
    display: block;
    color: #fff;
    padding: 11px;
    background: var(--mycolor);
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    text-align: center;
    margin: 36px auto;
    width: 85%;
}
.price-count a,
.price-count input[type="submit"]:hover {
        -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    text-decoration: none;
    opacity: .8;
}
.tienes-esto {
    background: white !important;
    color: #c3c2c2 !important;
    border: 1px solid #e8e8e8 !important;
    cursor: default !important;
    user-select: none;
    -moz-user-select: none;
}
.tienes-esto:hover {
    opacity: 1 !important;
}
.price-count img {
display: block;
    margin: -18px auto 40px auto;
}
.facturas {
     max-width: 1009px;
     display: block;
     margin: 0 auto; 
}
.facturas .panel-encabezado span {
    font-size: 13px;
}
.pasarela-pruebas {
    display: block;
    margin: 200px auto 200px auto;
    max-width: 1000px;
    text-align: center;
    overflow: hidden;
}
.pasarela-pruebas .boton {
    float: none;
    display: inline-block;
}
.infolistar p {
    padding: 3px 0;
}
.destacado-color {
    background: #ebfff2;
}
.price-head .offert {
    display: none;
    background: #24b524;
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.price-head .offert span {
    border-bottom: unset;
    color: white;
    font-size: 13px;
    display: block;
    padding: 6px 17px;
}
.docs-delaer {
    background: #f1dedf;
    border: 1px solid #d04c51;
    border-radius: 3px;
    padding: 22px;
}
.docs-delaer ul {
        padding: 0;
    margin: 0;
    list-style: none;
}
.docs-delaer ul li:first-child {
        padding: 0 8px;
    font-weight: bold;
    color: #d04c51;
        text-transform: uppercase;
    text-align: left;
    font-size: 13px;
}
.docs-delaer ul li:last-child {
        padding: 0 8px;
    font-weight: bold;
    color: #d04c51;
        text-transform: uppercase;
    text-align: left;
    font-size: 18px;
}
.docs-delaer .fila .columna {
    padding-bottom: 0;
}
.docs-send {
    overflow: hidden;
    margin-top: 8px;
}
.docs-send a {
    background: white;
    color: var(--mycolor);
    padding: 8px 18px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d04c51;
}
.docs-send a:hover { 
  color: var(--mycolor) !important;
}
.docs-send input[type="submit"] {
    background: white;
    padding: 8px 18px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d04c51;
    color: var(--mycolor);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.docs-send input[type="submit"] {
    background: red;
    color: white;
    opacity: .7;
}
.docs-send a:hover,
.docs-send input[type="submit"]:hover {
    text-decoration: none;
    cursor: pointer;
}
.docs-send input[type="submit"]:hover {
    opacity: .8;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.docs-send a i {
    display: none;
    color: #22c744 !important;
}
.docs-send span {
    display: none;
    width: 100%;
    float: left;
    color: red;
    padding: 2px 0 0 0;
}
.price-count ul li span {
    display: none;
}
.boton-azul:hover {
    color: white !important;
} 
.soporte-dealer {
    padding: 0;
    margin: 0;
    list-style: none;
}
.soporte-dealer h2 {
    font-style: 20px;
}
.soporte-dealer li {
    font-size: 16px;
}
.soporte-dealer li strong {
    font-size: 16px;
}
.del-cuenta {
    max-width: 392px;
    margin: 0 auto;
    padding: 44px;
    margin-top: 50px;
    text-align: center;
}
.del-cuenta a {
    cursor: pointer;
}
.del-info {
    display: none;
}
.del-info h2 {
        padding-bottom: 0;
    margin-bottom: 0;
    line-height: 30px;
}
.del-info span {
        padding: 15px 22px;
    display: block;
    padding-top: 4px;
}
.fila-marcas {
    padding: 0px 0 22px 0;
}
.fila-marcas h4 {
    color: #424242;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-bottom: 7px;
}
.recordar-marcas {
    float: left;
    padding-right: 12px;
}
.recordar-marcas label {
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 1px;
}
.h4-home {
    font-size: 19px;
    color: #424242;
    margin: 20px auto;
    line-height: 34px;
}
.texto-home p {
    padding: 4px;
}
.membresia h2 {
    margin-top: 0;
}
.form-boton-redsys {
    text-align: center;
}
.form-boton-redsys img {
   margin-top: 12px;
}
.contador {
    float: left;
    display: none;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid var(--mycolor);
    border-radius: 4px;
    padding: 4px 14px;
}
#whadiv a {
    letter-spacing: 1px;
    font-size: 13px;
    position: fixed;
    z-index: 9999;
    right: 1%;
    float: right;
    top: 95%;
    margin-top: -25px;
    cursor: pointer;
    min-width: 50px;
    max-width: 150px;
    color: #fff !important;
    text-align: center;
    padding: 8px 16px;
    margin: 0 auto;
    background: var(--mycolor);
    border-radius: 50px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
}
#whadiv a:hover {
    text-decoration: none;
    opacity: .8;
}
#whadiv a img {
    float: left;
    margin: 0 5px 0 0;
}
.centrar-botones {
    text-align: center;
    margin-top: 46px;
}
.centrar-botones a {
       margin-top: 4px;
    border-radius: 3px;
    text-transform: initial;
    margin-left: 5px;
    text-decoration: none;
    background: white;
    color: var(--mycolor);
    border-color: var(--mycolor);
    border: 1px solid;
    padding: 10px 18px !important;
}
.todasM {
    background: white;
    border: 1px solid var(--mycolorborde);
    padding: 6px 12px !important;
    border-radius: 4px;
    font-size: 12px !important;
}
.todasM-active {
    background: var(--mycolor);
    color: white;
    border: 1px solid var(--mycolorborde);
}
.h2-renovar {
    font-size: 20px;
    color: green;
    padding: 0;
    margin: 0;
    margin-top: 6px;
}
.todasM i {
    font-size: 11px;
    margin: 3px 3px 0 0;
    float: left;
}
.btn-maw {
width: 158px;
    padding: 11px 0 !important;
    text-align: center;
}
.h3-user {
    text-align: center;
    margin: -12px 0 20px 0;
    font-size: 20px;
}
.p-items {
    cursor: pointer;
}
.p-items.disabled {
    opacity: .5;
}
.referidos {
    max-width: 721px;
    margin: 0 auto;
    text-align: center;
    margin-top: 31px;
}
.referidos  h2 {
    text-align: center;
}
.referidos .etiqueta {
    margin-right: 4px;
}
.referidos .alertas {
    margin-top: 20px;
}





































/*RESPONSIVE*/
@media all and (max-width: 750px) {

.social img {
    margin: 0 5px;
}
.margen-arriba-tia {
    margin-top: 35px !important;
}
.seccion-como {
       margin-top: 12px; 
}
.degradado,
.degradado-home {
    height: auto;
    margin-top: 0;
    margin-bottom: 52px;
}
.degradado img,
.img22 {
    position: relative;
    margin: 0 !important;
    width: 100%;
    height: unset;
}
.degradado h2 {
    margin: 0 !important;
    padding-bottom: 0 !important;
}
.degradado p {
    position: relative;
}
.footer-logos ul li {
    float: none;
    display: inline-block;
}
.menu-res {
    display: block;
    padding: 14px;
    text-decoration: none;
    font-size: 23px;
    float: right;
    position: fixed;
    right: 0;
    z-index: 99;
    top: 0;
    cursor: pointer;
}

.opciones {
    width: 100%;
    display: none;
    padding: 0 5px;
}
.opciones ul li a {
    padding: 12px;
}
.opcion {
    display: none;
}
.cuenta {
    float: right !important;
}
.menu-responsive {
    width: 100%;
    margin-top: 103px;
}
.h1-home {
    font-size: 39px;
    line-height: 34px;
    padding: 50px 16px 36px 16px;
}
.home-elementos {
    padding: 12px 20px;
}
.home-elementos .columna {
    width: 50%;
    padding: 35px;
}
.home-bloque span {
    font-size: 13px;
}
.pide-extra .columna {
     width: 33.3%;
}
.ca-home i {
    font-size: 25px;
}
.ca-home .columna {
    padding-left: 0 !important; 
}
.ca-home h3 {
       font-size: 22px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.home-elementos .columna svg {
    width: auto !important;
    height: auto !important;
}
.contener-home {
    display: none !important;
}
.seccion-botones {
    padding-bottom: 46px;
}
.coche {
   /* margin-top: 15px;*/
}
.tecno {
    margin-top: 4px;
}
.h2-home {
    font-size: 24px;
    line-height: 31px;
    padding: 0 16px;
}
.texto-home {
    margin: 0 8px;
    padding: 26px 16px;
}
.logo {
    padding: 10.5px 14px;
}
.footer-logos .izquierda, 
.footer-logos .derecha {
    float: none !important;
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.footer-logos .izquierda {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.logo-footer {
    float: none;
    margin: 0 auto 10px auto;
}
.social {
    width: 213px;
    margin-left: 50% !important;
    transform: translateX(-50%);
}
.footer-logos {
    padding: 34px 16px;
}
.accede {
    float: right !important;
}
.h1-user {
    padding: 50px 16px 36px 16px;
    margin: 0;
    font-size: 30px;
}
.pagina-formularios {
    max-width: none;
    padding: 44px 22px;
}
.pagina-formularios3 {
    padding: 44px 22px;
}
.alto-minimo {
    min-height: auto !important;
}
.home-paso img {
    max-width: 250px !important;
}
.pide-elementos {
    padding: 30px 20px;
}
.no-margentop {
    margin-top: -16px; 
}
.myboton.myboton-home {
    float: none !important;
    padding: 10px 12px !important;
}
.seccion-info {
    text-align: center;
}
.seccion-paginas {
    padding: 0; 
}
.pide-extra i {
    font-size: 55px;
}
.pichasicono svg {
    width: auto;
    height: 94px;
}
.box-content {
    margin-bottom: 5px;
}
.myboton-small {
    padding: 7px 20px; 
    float: none;
}
.cuerpobanner {
    height: 267px !important;
}
.box-black {
    height: auto !important;
}

.cuerpobanner h1 {
    bottom: 0;
    line-height: 31px;
}
.pagina-cuerpo {
    margin-top: 0;
}
.seccion-info .columna {
    padding: 16px;
}
.center-banner h2 {
    text-align: left;
}
.flotantes {
    width: 100%;
}
.flotantes a {
    padding: 11px 28px !important;
}
.flotantes h1 {
    line-height: 33px;
}
.salas-general h1 {
    padding: 50px 16px 36px 16px;
    font-size: 30px;
    margin-top: 0;
    text-align: center;
}
.salas-general {
    padding: 0;
}
.menuadmin ul li a {
    font-size: 13px;
}
.perfiles-meta {
    width: auto;
}
.span-caduca {
    float: none;
    line-height: 1;
    height: auto;
    display: block;
}
/*.ajustes-ver {
   display: block !important;
}*/
.chat-mensaje a img {
    width: 10%;
    padding: 19px 8px;
}
.chat-mensaje input[type="submit"] {
    width: 20%;
}
.chat-mensaje textarea {
    width: 70%;
}
.perfiles-meta .datos-avatar img {
    width: 112px;
    border-radius: 0;
    height: 113px;
}
.precontenido {
    width: 200px;
}
.preload .pre-loader {
    width: 45px;
}
.themes {
    bottom: 63px;
}
.cookies2 {
        width: 100%;
    bottom: 0;
}
.ajustes-dealer input, 
.ajustes-dealer a {
    padding: 11px 21px !important;
}
.seccion-arriba {
    background-image: none !important;
}
.user-responsive {
    padding: 0;
}
.dealer-search {
float: none !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 8px 0 !important;
}
.dealer-search input[type="search"] {
    width: 70%;
    padding: 6px;
}
.valoraciones-home img {
    margin: 14px auto
}
.pagina-formularios2 {
    padding: 44px 22px;
}
.info-login ul li a {
    display: block;
    margin-top: 12px;
}
.facturas {
    padding: 0 12px;
}
.price {
    overflow: hidden;
    display: block;
    width: 100%;
}
.price-info {
    display: none;
}
.price-count {
    width: 93%;
    margin: 0 auto 12px auto;
    float: none;
    padding-bottom: 2px;
}
.price-count img {
    display: block;
    margin: 0px auto 36px auto;
}
.price-count ul li {
    text-align: left;
}
.price-count ul li span {
    display: inline-block;
    padding-right: 10px;
    padding-left: 20px;
    float: left;
    width: 55%;
    text-align: left;
}
.h2-home2 {
    margin-top: -26px;
    padding: 16px;
}
/*.btn-maw {
    width: 150px;
}*/
 

}