* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    background-color: var(--color-body);
}

html {
    font-family: 'Poppins', sans-serif;
    font-size: 0.96rem;
    color: var(--color-primary);
}

.completado {
    background-color:var(--color-completado) !important;
}

.header-centro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}

#div-cookies {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #5F5F5F;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	z-index: 99;
	background-color: rgba(79,79,79,0.7);
}

#cookies-tabla {
	margin: 0 auto;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: var(--cookies-fondo);
	color: var(--cookies-color);
	padding: 30px;
}

.cookies-header {
    font-size: 1.2rem;
	font-weight: 700;
	color: #333333;

}

.cookies-contenedor {
    margin: 0 auto;
    width: 50%;
}

#myDIV {
	margin: 0 auto;
	text-align: left;
}


#global {
	height: 300px;
	width: 100%;
	overflow-y: auto;
}

table.cookies {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    border: 1px #ccc solid;
    text-align: left;
    border-collapse: collapse;
}

table.cookies th {
    vertical-align: middle;
    border: 1px #ccc solid;
    padding: 5px;
    font-weight: 800;
    background-color: var(--cookies-tabla);
}

table.cookies td,  table.cookies tr {
    vertical-align: middle;
    border: 1px #ccc solid;
    padding: 5px;
}

.cookies-check {
    font-size: 1.2rem;
    font-weight: 800;
    color:var(--cookies-check);
}

.logo-header {
    width: var(--logo-nav);
}

.logo-nav {
    width: var(--logo-nav);
}

.oculto-m {
    display:inline;
}

.blanco {
    color: var(--color-blanco);
}

.icono-servicio {
    font-size:8rem;
    color:var(--icono-servicio);
}

.icono-servicio-secundary {
    font-size:2.5rem;
    color:var(--icono-servicio-secundary);
}

.seccion {
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0px auto;
    width: 100%;
}

.recaptcha-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}

table.resumen {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    border: 1px #ccc solid;
    text-align: right;
    border-collapse: collapse;
}

table.resumen td, table.resumen th, table.resumen tr {
    vertical-align: middle;
    border: 1px #ccc solid;
    padding: 5px;
}

.tabla-coches {
    padding-top: 20px;
    border-spacing: 10;
    width: 100%;
    border: 0px solid #ddd;
    background-color: #ffffff
}

.tabla-coches th, td {
    vertical-align: top;
}

.tabla-default {
    width: 100%;
    margin-bottom: 0em;
    border-spacing: 3px;
    text-align: left;
}

.tabla-default thead {
    position: absolute;
    padding: 0;
    border: 0;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.tabla-default thead th {
    font-family: 'Poppins Bold', sans-serif;
    background-color: #FFFFFF;
    padding: 5px;
    border-bottom: 1px solid #CBCFC7;
    border-top: 0px solid #CBCFC7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
}

.tabla-default tbody, .tabla-default tr, .tabla-default th, .tabla-default td {
    display: block;
    padding: 0;
    white-space: normal;
}

.tabla-default td {
    border-bottom: 0px solid #ccc;
    padding: 10px;
}

.tabla-default tbody tr {
    margin-bottom: 1.5rem;
}

.tabla-default tbody th[scope="row"] {
    font-family: 'Poppins Bold', sans-serif;
    background-color: #FFFCF3;
    text-align: left;
}

.tabla-default tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
}

.tabla-default tbody td {
    text-align: right;
    font-size: 0.8rem;
    vertical-align: middle;
    padding-left: 15px;
    background-color: #F2F2F2;
    border-radius: 1rem;
}

.tabla-second {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0em;
    border-spacing: 3px;
    text-align: left;
}

.tabla-second thead {
    position: absolute;
    padding: 0;
    border: 0;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.tabla-second thead th {
    font-family: 'Poppins Bold', sans-serif;
    background-color: #FFFFFF;
    padding: 5px;
    border-bottom: 1px solid #CBCFC7;
    border-top: 0px solid #CBCFC7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
}

.tabla-second tbody, .tabla-second tr, .tabla-second th, .tabla-second td {
    display: block;
    padding: 0;
    white-space: normal;
}

.tabla-second td {
    border-bottom: 0px solid #ccc;
    padding: 10px;
    background-color: #FFFFFF;
}

.tabla-second tbody tr {
    margin-bottom: 1.5rem;
}

.tabla-second tbody th[scope="row"] {
    font-family: 'Poppins Bold', sans-serif;
    background-color: #FFFCF3;
    text-align: left;
}

.tabla-second tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
}

/* borde y color tr */
.tabla-second tbody td {
    text-align: right;
    font-size: 0.8rem;
    vertical-align: middle;
    padding-left: 15px;
    background-color: #DFE3DB;
    border-radius: 1rem;
}

@media only screen and (max-width: 1024px) {

    .tabla-default tbody tr{
        border: 0px solid rgb(201, 201, 201);
    }
    .tabla-default tbody td {
        background-color: #FFFFFF;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
        text-align: right !important;
        border: 2px solid #fff;
        border-bottom: 1px solid #CCCCCC;
        border-radius: 0rem;
    }
    .tabla-second tbody tr{
        border: 0px solid rgb(201, 201, 201);
    }
    .tabla-second tbody td {
        
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
        text-align: right !important;
        border-bottom: 1px solid #ccc;
        background-color: #FFFFFF;
        border-radius: 0rem;
    }
}

@media (min-width: 62em) {
    .tabla-default {
        font-size: 1em;
    }
    .tabla-default th, .tabla-default td {
        padding: 0.75em 0.5em;
    }
    .tabla-second {
        font-size: 1em;
    }
    .tabla-second th, .tabla-second td {
        padding: 0.75em 0.5em;
    }
}

@media (min-width: 52em) {
    .tabla-default {
        font-size: 0.9rem;
    }

    .tabla-default thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;

    }

    .tabla-default tr {
        display: table-row;
    }

    .tabla-default th, .tabla-default td {
        display: table-cell;
        padding: 0.5rem;
    }

    .tabla-default thead th, .tabla-default thead td {
        font-family: 'Poppins Bold', sans-serif;
        padding-left: 1rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .tabla-default tbody {
        display: table-row-group;
    }

    .tabla-default tbody th[scope="row"] {
        font-family: 'Poppins', sans-serif;
        background-color: transparent;
        padding: 1rem 1.5rem;
        vertical-align: center;
        text-align: left;
    }

    .tabla-default tbody td {
        text-align: left;
    }

    .tabla-default tbody td[data-title]:before {
        content: none;
    }

    .tabla-second {
        font-size: 0.9rem;
    }

    .tabla-second thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;

    }

    .tabla-second tr {
        display: table-row;
    }

    .tabla-second th, .tabla-second td {
        display: table-cell;
        padding: 0.5rem;
    }

    .tabla-second thead th, .tabla-second thead td {
        font-family: 'Poppins Bold', sans-serif;
        padding-left: 1rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .tabla-second tbody {
        display: table-row-group;
    }

    .tabla-second tbody th[scope="row"] {
        font-family: 'Poppins', sans-serif;
        background-color: transparent;
        padding: 1rem 1.5rem;
        vertical-align: center;
        text-align: left;
    }

    .tabla-second tbody td {
        text-align: left;
    }

    .tabla-second tbody td[data-title]:before {
        content: none;
    }
}


.progress-bar-contenedor {
    width: 100%;
}

.progress-bar {
    background-color:  var(--progress-bar-off);
    padding: 0px;
    border-radius: 3px;
}

.progress-bar-fill {
    font-size: 0.8rem;
    color: #000;
    display: block;
    height: 6px;
    background-color: var(--progress-bar-on);
    border-radius: 3px;
}

.bold-extra {
    font-family: 'Poppins Bold Extra', sans-serif;
}

.danger {
    font-family: 'Poppins Bold', sans-serif;
    padding: 1rem;
    background-color: var(--danger-color);
    color: #fff;
    margin-bottom: 10px;
    border-left: var(--danger-borde) 10px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.done {
    font-family: 'Poppins Bold', sans-serif;
    padding: 1rem;
    background-color: var(--done-color);
    color: #fff;
    margin-bottom: 10px;
    border-left: var(--done-borde) 10px solid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb {
    width: 100%;
    padding: 0em 0em;
    margin: 0em auto;
    background-color: #FFFFFF;
}

.cd-breadcrumb:after {
    content: "";
    display: block;
    clear: both;
}

.cd-breadcrumb li {
    float: left;
    margin: 0.5em;
}

.cd-breadcrumb li::after {
    content: '';
    margin: 0 .6em;
    color: #959fa5;
}

.cd-breadcrumb li>* {
    font-size: 1rem;
    color: var(--cd-breadcrumb-incompleto);
}



.cd-breadcrumb a {
    font-style: normal;
    font-weight: bold;
    color: var(--cd-breadcrumb-off);
}

.cd-breadcrumb a:hover {
    color: var(--cd-breadcrumb-on);
}

.cd-breadcrumb li.actual>* {
    border-bottom: 1px solid var(--cd-breadcrumb-linea);
}

@media only screen and (max-width: 780px) {
    .cd-breadcrumb li {
        width: 100%;
        text-align: left;
    }
}

.info-header {
    color: var(--info-header-color);
	background-color: var(--info-header-Fondo);
	padding-left:15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 1.2rem;
    -webkit-border-top-left-radius: 0.2875rem;;
    -webkit-border-top-right-radius: 0.2875rem;;
    -moz-border-radius-topleft: 0.2875rem;;
    -moz-border-radius-topright: 0.2875rem;;
    border-top-left-radius: 0.2875rem;;
    border-top-right-radius: 0.2875rem;;
}


.huella-mark-seccion {
    background-color: var(--huella-mark-seccion-fondo) !important;
    color: var(--huella-mark-seccion-color);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0.2875rem;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    color: var(--color-h);
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.75rem;
}

/**Parrafo */

p {
    margin-top: 0;
    margin-bottom: 1rem;
}


/**Display */

.display-1 {
    font-size: 4rem;
    font-weight: 300;
}

.display-2 {
    font-size: 3.5rem;
    font-weight: 300;
}

.display-3 {
    font-size: 3rem;
    font-weight: 300;
}

.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
}

.display-5 {
    font-size: 1.4rem;
    font-weight: 300;
}

/**Linea horizontal */

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/**Tipo de fuente */

.font-bold {
    font-weight: 900 !important;
}

.text-secundary {
    color: var(--color-secundary);
}

.calculo-nombre {
    color: var(--color-calculo);
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-muted {
    color: var(--color-mute);
    font-weight: 300;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-right-center {
    text-align: right;
}

.text-left-center {
    text-align: left;
}

.small {
    font-size: 75%;
}

.medium {
    font-size: 80%;
}

/**Etiqueta label */

label {
    font-family: 'Poppins Bold', sans-serif;
    display: block;
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: var(--color-primary);
}

/**Textos colores */
.full {
    margin: 0 auto;
    width: 100%;
    background-color: #FFFFFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.full-descripcion {
    margin: 0 auto;
    width: 100%;
    background-color: #FFFFFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    text-align: center;
}

.header {
    z-index: 99;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    background-color: #FFFFFF;
    padding: 1.5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.imagen-slider-header {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: -9999;
    height: 200px;
    background-size: cover;
    background-position: 50% 50%;
}


/**Tamaños iconos */

.icon-lg {
    font-size: 2.5rem;
}

.icon-md {
    font-size: 1.875rem;
}

.icon-sm {
    font-size: 1.2rem;
}

/**Marcador */



.mark-nuevo {
    background-color: #52C19C !important;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 0.9rem;
}

.mark-pendiente {
    background-color: #ACD8BA !important;
    color: #000;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    font-size: 0.9rem;
}


/**Listas */

.list-ticked, .list-arrow, .list-star {
    list-style: none;
    padding: 0;
}

.list-ticked li, .list-arrow li, .list-star li {
    padding-left: 1.5rem;
    padding-bottom: 10px;
}

.list-ticked li:before, .list-arrow li:before, .list-star li:before {
    font-family: "Material Design Icons";
    margin-left: -1.5rem;
    width: 1.5rem;
    margin-right: .5rem;
    font-size: 1.3rem;
}

.list-ticked li:before {
    content: '\F12D';
    color: var(--color-lista);
}

.list-arrow li:before {
    content: '\F142';
    color: var(--color-lista);
}

.list-star li:before {
    content: '\F4CE';
    color: var(--color-lista);
}

/**Columnas */

.row {
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 1.3rem;
    margin-bottom: 20px;
    grid-template-columns: repeat(6, 1fr);
}

.grid-0 {
    padding: 0rem;
    grid-column: 1 / 7;
}

.grid-1 {
    padding: 0rem;
    grid-column: 1 / 2;
}

.grid-2 {
    padding: 0rem;
    grid-column: 2 / 3;
}

.grid-3 {
    padding: 0rem;
    grid-column: 3 / 4;
}

.grid-4 {
    padding: 0rem;
    grid-column: 4 / 5;
}

.grid-5 {
    padding: 0rem;
    grid-column: 5 / 6;
}

.grid-6 {
    padding: 0rem;
    grid-column: 6 / 7;
}

.grid-1-2 {
    padding: 0rem;
    grid-column: 1 / 3;
}

.grid-1-3 {
    padding: 0rem;
    grid-column: 1 / 4;
}

.grid-1-4 {
    padding: 0rem;
    grid-column: 1 / 5;
}

.grid-1-5 {
    padding: 0rem;
    grid-column: 1 / 6;
}

.grid-2-2 {
    padding: 0rem;
    grid-column: 2 / 4;
}

.grid-2-3 {
    padding: 0rem;
    grid-column: 2 / 5;
}

.grid-2-4 {
    padding: 0rem;
    grid-column: 2 / 6;
}

.grid-2-5 {
    padding: 0rem;
    grid-column: 2 / 7;
}

.grid-3-2 {
    padding: 0rem;
    grid-column: 3 / 5;
}

.grid-3-3 {
    padding: 0rem;
    grid-column: 3 / 6;
}

.grid-3-4 {
    padding: 0rem;
    grid-column: 3 / 7;
}

.grid-4-2 {
    padding: 0rem;
    grid-column: 4 / 6;
}

.grid-4-3 {
    padding: 0rem;
    grid-column: 4 / 7;
}

.grid-5-2 {
    padding: 0rem;
    grid-column: 5 / 7;
}

@media screen and (max-width: 1024px) {
    body {
        font-family: 'Poppins', sans-serif;
        font-size: 0.8rem;
        font-weight: 500;
    }

    html {
        font-family: 'Poppins', sans-serif;
        font-size: 0.8rem;
        color: var(--color-primary);
    }
    
    .text-right-center, .text-left-center {
        text-align: center;
    }
    
    .oculto-m {
        display: none;
    }

    .medium {
        font-size: 100%;
    }

    .small {
        font-size: 100%;
    }

    .row {
        display: initial;
        margin: 0 auto;
    }

    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-1-4, .grid-1-5, .grid-2-2,
    .grid-2-3, .grid-2-4, .grid-2-5, .grid-3-2, .grid-3-3, .grid-3-4, .grid-4-2, .grid-4-3, .grid-5-2 {
        display: block;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 780px) {
    body {
        font-family: 'Poppins', sans-serif;
        font-size: 1rem;
        font-weight: 500;
    }

    html {
        font-family: 'Poppins', sans-serif;
        font-size: 1rem;
        color: var(--color-primary);
    }

    .text-right-center, .text-left-center {
        text-align: center;
    }

    h2, .h2 {
        font-size: 1.1rem;
    }

    .medium {
        font-size: 80%;
    }

    .small {
        font-size: 80%;
    } 
    .row {
        display: initial;
        margin: 0 auto;
    }

    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-1-4, .grid-1-5, .grid-2-2,
    .grid-2-3, .grid-2-4, .grid-2-5, .grid-3-2, .grid-3-3, .grid-3-4, .grid-4-2, .grid-4-3, .grid-5-2 {
        display: block;
        margin-bottom: 20px;
    }

    .seccion {
        clear: both;
        padding: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 1px auto;
        width: 100%;
        text-align: left;
    }

    .cd-breadcrumb li {
        float: left;
        margin: 0em;
    }

    .oculto-m {
        display: none;
    }

    table.resumen {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        border: 1px #ccc solid;
        text-align: right;
        border-collapse: collapse;
        font-size: 0.8rem;
    }

    table.resumen td, table.resumen th, table.resumen tr {
        vertical-align: middle;
        border: 1px #ccc solid;
        padding: 5px;
    }
    
    .cookies-contenedor {
        margin: 0 auto;
        width: 100%;
    }
}