*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#barraCook h1, #modalCook h1,#barraCook h5, #modalCook h5,#barraCook h3, #modalCook h3{
    color: var(--principalC);
    margin-top: 7px;
    margin-bottom: 7px;
}
#barraCook p, #modalCook p{
    color: var(--secundarioC);
    margin: 0 0 10px;
}
#barraCook a, #modalCook a{
    color: var(--principalC);
	text-decoration:none;
}
#barraCook a:hover, #modalCook a:hover{
    color: var(--secundarioC);
}
#barraCook .c-columna, #modalCook .c-columna{
  display: block;
    float: left;
}
#barraCook .w10, #modalCook .w10{
  width: 10%;
}
#barraCook .w40b, #modalCook .w40b{
  width: 40%;
}
#barraCook .w40, #modalCook .w40{
  width: 40%;
}
#barraCook .w60, #modalCook .w60{
  width: 60%;
}
#barraCook .w30, #modalCook .w30{
  width: 32%;
}
#barraCook .w50, #modalCook .w50{
  width: 50%;
  float: left;
}
#barraCook .pt10, #modalCook .pt10{
    padding-top:7px;
}
#barraCook .t-rojo, #modalCook .t-rojo{
    color: var(--rojo);
}
#barraCook .t-gris h5, #barraCook .t-gris p , #modalCook .t-gris h5, #modalCook .t-gris p{
    color: var(--gris);
}
#barraCook .f-izquierda, #modalCook .f-izquierda{
    text-align:  left;
}
#barraCook .f-derecha, #modalCook .f-derecha{
    text-align:  right;
}
#barraCook .t-center, #modalCook .t-center{
    text-align: center;
}
#barraCook .t-right, #modalCook .t-right{
    text-align: right;
}
#barraCook , #modalCook{
    position: fixed;
    width: 100%;
    bottom:0;
    left:0;
    z-index: 99999999999;
    border: var(--gris);
    padding: 10px 20px;
    font-size: 12px;
    background: var(--principalC);
    color: #fff;
    font-size: 13px;
}
#barraCook  a, #modalCook  a{
    color:#fff;
}
#modalCook {
    color: var(--secundarioC);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 99999999;
    line-height: 1.65;
    opacity: 0;
}
#barraCook .set-preferecias, #modalCook .set-preferecias{
    width: 100%;
    display: block;
    float: left;
}
#barraCook .modal-cookies-footer, #modalCook .modal-cookies-footer{
    width: 100%;
    display: block;
    margin-top: 21px;
    padding: 12px 20px;
}
#barraCook .sub-footer-cookies, #modalCook .sub-footer-cookies{
    font-size: 12px;
	float: right;
    padding-top: 20px;
}
#barraCook .w50.f-derecha a, #modalCook .w50.f-derecha a {
    color: inherit;
    text-decoration: none;
	font-size: 11px;
}
#barraCook .sub-footer-cookies img, #modalCook .sub-footer-cookies img{
        max-width: 31px;
    vertical-align: middle;
    margin-bottom: 8px;
}
#barraCook .lista-mensajes, #modalCook .lista-mensajes{
    padding: 0 30px;
}
#barraCook .lista-mensajes ul, #modalCook .lista-mensajes{
    margin: 0;
}
#barraCook .barra, #modalCook .barra{
    padding: 20px;
}
.oculto, .oculto{
    display: none;
}
#barraCook .modal-cookies-header p,#modalCook .modal-cookies-header p{
  font-size: 12px;
border-bottom: .5px solid #cdcdcd;
padding: 0px 0px 20px 20px;
}
#barraCook .modal-cookies-body, #modalCook .modal-cookies-body{
    position: relative;
    padding: 20px;
}
#barraCook .modal-cookies-content h1, #modalCook .modal-cookies-content h1{
    font-size: 18px;
    padding-left: 20px;
}
#barraCook  .modal-cookies-content p,#modalCook  .modal-cookies-content p{
    font-size: 14px;
    text-align: justify;
}

#barraCook .set-preferecias h5, #modalCook .set-preferecias h5{
    font-size:15px;
}
#barraCook .set-preferecias p, #barraCook .set-preferecias ul>li, #modalCook .set-preferecias p, #modalCook .set-preferecias ul>li{
    font-size:12px;
}

#barraCook .modal-cookies-footer .set-preferecias, #modalCook .modal-cookies-footer .set-preferecias {
    padding: 10px;
}

#barraCook .modal-cookies-content, #modalCook .modal-cookies-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding:10px;
    width: 50%;
    height: auto;
    border-radius:10px;
}
#barraCook .close-button, #modalCook .close-button {
    float: right;
    width: 15px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    border-radius: 1px;
    background-color: lightgray;
}
#barraCook .close-button:hover, #modalCook .close-button:hover {
    background-color: darkgray;
}
#modalCook.mostrar-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

#barraCook .boton-cookies, #modalCook .boton-cookies  {
  background: var(--principalC);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  border: transparent;
}
#barraCook .boton-barra:hover, #modalCook .boton-barra:hover{
    opacity: 0.9;
}

#barraCook .boton-cookies:hover,#modalCook .boton-cookies:hover {
  background: var(--secundarioC);
  text-decoration: none;
}
#barraCook .boton-barra, #modalCook .boton-barra{
    background: var(--fondoB);
    border: transparent;
    padding: 11px 24px;
    margin-left: 41px;
    color:var(--colorB);
    border-radius: 5px;
}
#barraCook .copy, #modalCook .copy{
    margin-left: 20px;
}
#barraCook input[type=range][orient=vertical], #modalCook input[type=range][orient=vertical]
{
    writing-mode: bt-lr;
    -webkit-appearance: slider-vertical;
    width: 8px;
    height: 175px;
    padding: 0 5px;
}
@media (max-width: 992px) {
	#barraCook  .modal-cookies-content, #modalCook  .modal-cookies-content {
		width: 70%;
	}
	#barraCook .w10, #modalCook .w10{
	  width: 30%;
	}
	#barraCook .w40, #modalCook .w40{
	  width: 70%;
	}
	#barraCook .w50, #modalCook .w50{
	  width: 100%;
	}
	#barraCook .f-izquierda, #modalCook .f-izquierda{
		text-align: center;
	}
	#barraCook .f-derecha, #modalCook .f-derecha{
		text-align: center;
	}
	#barraCook .w40b, #modalCook .w40b{
		width: 100%;
	}
	#barraCook .w60, #modalCook .w60{
		width: 100%;
	}
	#barraCook .t-right, #modalCook .t-right{
		text-align: center;
	}
	#barraCook .boton-barra, #modalCook .boton-barra{
		margin-left: 0;
		margin-top: 12px;
	}
}
@media (max-width: 768px) {
    #barraCook .modal-cookies-content, #modalCook .modal-cookies-content {
        width: 90%;
    }
    #barraCook .lista-mensajes, #modalCook .lista-mensajes{
        display: none;
    }

    #barraCook .modal-cookies-content p, #modalCook .modal-cookies-content p {
        font-size: 12px;
        text-align: justify;
        line-height: 15px;
    }
    #barraCook .modal-cookies-content h1, #modalCook .modal-cookies-content h1 {
        font-size: 18px;
        padding-left: 0px;
        text-align: center;
    }
    #barraCook .modal-cookies-footer, #modalCook .modal-cookies-footer{
        margin: 0;
        padding: 0;
    }
	#barraCook  .set-preferecias h5, #modalCook  .set-preferecias h5 {
		font-size: 12px;
    }
}