/*UTILS*/
body{font-family: 'Open Sans', sans-serif;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus { border-color: inherit!important; box-shadow: none; outline: 0 none; }
a { color: inherit;}
a:hover { text-decoration: none; opacity: 0.7; color: inherit;}
:focus { outline: none; }
.btn.focus, .btn:hover, .btn:focus { text-decoration: none; box-shadow: none; }
.dropdown-item.active, .dropdown-item:active { background-color: #dd0031;}
.dropdown-menu{border-radius: 0;}
.container-fluid{padding-left: 30px; padding-right: 30px;}

@media (min-width: 1200px){
    body { padding-top: 200px; }
}

/*COLORS*/
.fons-gris-1{background-color: #f5f6fa;}

/*MARGINS*/
.margin-lr-15{margin-left: 15px; margin-right: 15px;}
.margin-top-30{margin-top: 30px;}
.margin-bottom-0{margin-bottom: 0!important;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-50{margin-bottom: 50px;}

/*TOP*/
.navbar-light{background-color: #ffffff!important; min-height: 110px; font-size: .9rem;}
.navbar-light .block-top {margin-left: auto;}
.navbar-light .block-top .ico{float: left; margin-right: 5px; width: 20px; color: #a9a9a9;}
.navbar-light .block-top .txt{float: left; width: calc(100% - 35px); color: #5b5b5f;}
.navbar-light .navbar-toggler{color: rgba(255,255,255,0.9);}
.navbar-light .navbar-brand { max-width: 25%;}
.navbar-light .navbar-toggler { background-color: #dd0031; color: #fff; height: 45px; line-height: 45px; border-radius: 0; padding: 0 10px;
    border: 1px solid #dd0031; }
.navbar-light .navbar-toggler:hover{opacity: .8}
.navbar-2{background-color: #f4f4f4; box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7);}
.navbar-2 .nav-item {text-transform: uppercase; color: #000;}

@media (min-width: 576px){
    .navbar-light input, .navbar-light .accedir, .navbar-light .tancar, .navbar-light .buscar { width: auto; }
}

@media (min-width: 992px){
    .navbar-light .navbar-brand { max-width: calc(100% - 90px);}
    .navbar-brand img { max-width: 110px;}
}

@media (min-width: 1200px) {
    .fixed-top-xl { position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
    .navbar-expand-xl .navbar-collapse {flex-wrap: wrap;}
    .navbar-light .navbar-brand { margin-right: 45px;}
    .navbar-2 .desplegable{display: -ms-flexbox!important; display: flex!important;}
}

/*CONTACTAR*/
.form-control { border-radius: 0; border: 1px solid #a7a7a7; margin-bottom: 15px; padding: 10px 15px; font-size: .88em;}
textarea.form-control {height: 217px;}
input[type="submit"] { background-color: #000; border: none; color: #fff; padding: 10px 30px; margin-bottom: 30px; cursor: pointer;
	text-transform: uppercase; font-weight: 700;}
.custom-checkbox { font-size: .75em;}
.custom-checkbox .custom-control-label{margin-top: 3px;}
.custom-checkbox .custom-control-label::before{border-radius: 0;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #000;}
.custom-control-input:checked~.custom-control-label::before { background-color: #000;}
.ok, .ko { padding: 15px; margin-bottom: 20px; text-align: center; font-weight: 900; font-size: 1.2em; text-transform: uppercase;}
.ok { background-color: #dff0d8; }
.ko { background-color: #f2dede; }
.grecaptcha-badge { display: none!important;}
.mapa { height: 550px;}
.mapa iframe { width: 100%; height: 550px;}

/*HOME*/
.slider-inici{margin-bottom: 60px!important;}
.slider-inici .slick-slide { position: relative; }
.slider-inici .block-txt{background-color: #fff; color: #1b1c1e; padding: 20px;}
.slider-inici .nom{ font-size: 1.88em; font-weight: 700; margin-bottom: 5px;}
.slider-inici .text{ font-size: 1.5em; margin-bottom: 0; line-height: 1.2em; font-weight: 700;}
.slider-inici .container { position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto;
    margin-right: auto; }
.slider-inici .slick-dots { width: 100%; margin-right: auto; margin-left: auto; left: 0; right: 0; bottom: -35px;
	padding-left: 15px; padding-right: 15px;}
.txt-home{background-color: #f5f6fa; margin-bottom: 30px;}
.txt-home .col-xl-4{padding-left: 45px; padding-right: 45px;}
.txt-home .titol { margin-top: 30px; font-size: 1.38em; margin-bottom: 20px; font-weight: 700;}
.blocks-home{background-color: #f5f6fa; margin-bottom: 30px; padding-top: 30px; padding-bottom: 15px;}
.blocks-home .block-home { display: block; background-color: #fff; padding: 30px; text-align: center; height: 100%;}
.blocks-home .block-home i { font-size: 48px; border-radius: 50%; width: 100px; height: 100px;
    line-height: 90px; margin-bottom: 20px; border: 5px solid #000; background-color: #f5f6fa;}
.blocks-home .block-home .titol{font-size: 1.38em; font-weight: 700; margin-bottom: 20px;}
.blocks-home .block-home .txt{}
.contacte-txt{font-weight: 700; margin-top: 30px; margin-bottom: 30px; text-align: center; font-size: 1.2em;}

@media (min-width: 576px){
	.slider-inici .slick-dots {max-width: 540px;}
}

@media (min-width: 768px){
	.slider-inici .slick-dots {max-width: 720px;}
    .txt-home .fons{background-image: url(../img/contactar-1.jpg); background-size: cover; background-position: center;
    background-repeat: no-repeat; height: 100%;}
}

@media (min-width: 992px){
	.slider-inici .slick-dots {max-width: 960px;}
}

@media (min-width: 1200px){
	.slider-inici .slick-dots {max-width: 1140px;}
    .txt-home .titol { margin-top: 80px;}
}


/*SECCIO*/
.titol-seccio { padding-bottom: 150px; margin-bottom: 30px; background-position: center; background-size: cover;}
.titol-seccio .block { background-color: #000; color: #fff; padding: 30px 15px;}
.titol-seccio .nom { font-size: 1.25em; text-transform: uppercase; margin-bottom: 15px;}

/*DOCUMENTACIO*/
.document-block { border: 1px solid #000; padding: 15px; height: 100%;}
.document-block .nom{font-size: 1.25em; margin-bottom: 20px; font-weight: 700;}
.document-block .txt{ margin-bottom: 20px; }
.document-block .link{ background-color: #000; color: #fff; padding: 15px; font-weight: 700; border-radius: 5px;
    text-transform: uppercase; display: inline-block;}

/*ENTITATS AUDITORES*/
.titol-entitat { background-color: #f4f4f4; padding: 10px 20px; margin-bottom: 30px; text-transform: uppercase;
    font-weight: 700; font-size: 1.25em;}
.entitat-block { margin-bottom: 15px;}
.entitat-block img{box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7); padding: 15px; margin-bottom: 15px;}
.entitat-block .nom{margin-bottom: 30px; font-weight: 700; font-size: 1.13em;}
.entitat-block .txt{margin-bottom: 30px;}
.entitat-block i{margin-right: 10px;}

/*EMPRESES PARTICIPANTS*/
.empresa-block{margin-bottom: 30px}
.empresa-block .nom {font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #cfcfcf;}
.empresa-block .ico{float: left; margin-right: 5px; width: 20px;}
.empresa-block .txt{float: left; width: calc(100% - 35px); margin-bottom: 5px;}
.empresa-block img{box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7); padding: 15px;}

/*FOOTER*/
footer{background-color: #000000; color: #fff; padding-top: 30px; padding-bottom: 30px;}
footer .ico{float: left; margin-right: 5px; width: 20px;}
footer .txt{float: left; width: calc(100% - 35px);}
footer .social{font-size: 24px; margin-left: 5px; margin-right: 5px;}

/*COOKIES*/
/*
.capa-cookies { position: fixed; bottom: 0; width: 100%; z-index: 99999;
    background-color: #fff; padding-top: 15px; box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok { float: right; display: inline-block; padding-left: 15px; padding-right: 15px;
    background-color: #dd0031; color: #ffffff; font-weight: bold; text-align: center;
    line-height: 40px; border: none; cursor: pointer; width: 100%;}
button.cookies-ok:hover{opacity: 0.8;}
*/



/**** COOKIES */
.capaCookies { z-index: 99999;
  background-color: #fff; padding-top: 15px; padding-bottom: 15px;
  box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok, button.cookies-config, button.cookies-ko { float: right; display: inline-block; padding-left: 8px; padding-right: 8px;
  background-color: #0063a3; color: #ffffff; font-weight: bold; text-align: center;
  line-height: 35px; border-radius: 5px; border: none; margin-left: 10px}

.div-list-cookies table, .table-titol-cookies { font-size: 12px}

.input-switch { margin-top: 8px}
.input-switch > input[type="checkbox"] {
  display: none;
}

.input-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.input-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.input-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.input-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.input-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}

.titol-cookies { font-size: 1.1rem; cursor: pointer; display: block; line-height: 3rem}
.text-cookies { padding: 1rem 0; font-size: 1.4rem; border-bottom: 2px solid #dedede}
.table-titol-cookies { margin-bottom: 1rem}

@media (max-width: 992px){
  button.cookies-ok, button.cookies-config, button.cookies-ko { font-size: 1rem }
}

.marginBottom15 { margin-bottom: 15px; }
.switch-margin { margin-top: 2%; }