/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
    box-sizing:border-box;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/******* Custom Reset ***/
a{text-decoration: inherit;color: inherit;transition: all 0.2s ease;}
a:hover{/* text-decoration: inherit; *//* color: inherit; */transition: all 0.2s ease;}
a:visited{}

.unvisible{
    float: left;
    clear: left;
    /* display: none*/
   position: relative;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

input, textarea, button{}
input:focus, textarea:focus, button:focus{outline:none;}

*{box-sizing:border-box;}
em{font-style: italic;}
strong{font-weight:bold;}

/* original 3part css mods */

/* prettyPhoto */
.pp_expand,.pp_contract{right:70px!important;}
.pp_close{top:10px!important;right:30px!important;z-index:20000;}



button, input, textarea, select{-webkit-appearance: none;}


/* ------------------------------------------------------------------------ */
/*                             GENERIC CSS                                  */
/* ------------------------------------------------------------------------ */

html, body{width:100vw;max-width: 100vw;display:block;overflow-x: hidden;}
body{font-family: Libre Franklin, sans-serif;line-height:1.4;color: #818181;font-weight: 400;}

.clickable{cursor:pointer !important;}
.clickable:hover .img.hover{background: #000 no-repeat center center url(../imgs/mas.png);}
.AD_GM .clickable img,.AD_1x1 .clickable img,.AD_1x1_bg .clickable img,.AD_icons .clickable img,.AD_1x1_C .clickable img,.AD_icons .clickable img{opacity: 1!important;}
.AD_GM .clickable:hover .img.hover,.AD_1x1 .clickable:hover .img.hover,.AD_1x1_bg .clickable:hover .img.hover,.AD_1x1_C .clickable:hover .img.hover,.AD_icons .clickable:hover .img.hover{background: none;}



.clickable  img{transition:opacity 0.2s ease}
.clickable:hover .img img{opacity:0.8;}
.aLeft{text-align:left !important;}
.aCenter{text-align:center !important;}
.aRight{text-align:right !important;}
.fLeft, .child_fLeft > *{float:left !important;}
.fRight, .child_fRight > *{float:right !important;}
.pop_error{display:none;}

header, footer, main{float:left;max-width: 100vw;display: block;width: 100vw;text-align: center;}

h1, h2, h3, h4, h5, h6{line-height: 1.4;color: #131313;text-align: left;cursor: default;}

p, .txt{line-height: 1.75;text-align: left;}

.wrapMax{float: left;width: 100vw;display: block;}
.wrap{display: inline-block;margin: 0px auto;float:none;}
.wrapBtn{display: inline-block;width:100%;}
.btn{/* color: #fff; */background: transparent;border: 1px solid;display:inline-block;line-height: 1.3;text-align:center;width:auto;height: auto;cursor: pointer;text-decoration: none;}
.btn:hover{/* color: #fff; */}
.btn:hover span{}

.wrapTable{display:table;width:100%;height:100%;}

.wrap.pageTitle{margin: 33px auto 6px;}
.pageTitle h1{float:left;width:100%;text-align:left;font-weight: 200;}

.bgW{background: rgba(255, 255, 255, 0.8);}
.bgB{background: rgba(0, 0, 0, 0.6);}

/* 404 - page not found ----------------------------------------------------------- */
.pnf-404 .wrap{position:relative;text-align:center;height: 400px;}
.pnf-404 h1{font-size: 300px;font-weight:700;color:#eee;text-align:center;line-height: 400px;}
.pnf-404 p{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%, -50%);font-size: 30px;font-weight:300;color:#585858;line-height: 1.3;}
.pnf-404 p span{font-size:25px;}
.pnf-404 .btn{color:#353535;border-color:#353535;margin: 0 0 60px;}

/* mantenimiento ----------------------------------------------------------- */
.mantenimiento .wrap{position:relative;text-align:center;height: 550px;}
.mantenimiento h1{font-size: 150px;line-height: 1;font-weight: 700;color:#eee;text-align:center;padding: 125px 0;}
.mantenimiento p{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%, -50%);font-size: 25px;font-weight:300;color:#585858;}
.mantenimiento p strong{font-size:30px;}


/* COOKIES ------------------------------------------------------------------------ */
#cookies{float:left;width: 100%;height: 100px;padding: 10px 0;background-color: #EFF3F6;z-index: 1001;position: fixed;bottom: 0;display:none;}
#cookies form{margin: 0px auto;padding:0 20px;height: 100%;float: none!important;}
#cookies .pWrap, #cookies .aWrap, #cookies .iWrap, #cookies .blankWrap{display:table-cell;height: 100%;vertical-align: middle;}
#cookies .pWrap p{font-size: 12px;padding: 5px 0;line-height: 21px;color: #3a3a3a;}
#cookies .blankWrap{width:auto;}
#cookies .aWrap{text-align:center;}
#cookies a{text-decoration:underline;cursor:pointer;color: #3a3a3a;}
#cookies .aWrap a{font-size: 14px;}
#cookies a:hover{text-decoration:none}
#cookies .iWrap{text-align:center;}
#cookies .iWrap input{width: 90px;height: 30px;padding:0 10px;background: #3a3a3a;color:#EFF3F6;font-size:14px;cursor:pointer;border-radius:3px}
#cookies .iWrap input:hover{background: #3a3a3a;}

#modal_cookies .lnk_cookies_ajustes{
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    }
/* HEADER ------------------------------------------------------------------------*/
header{}
header .wrap{padding: 0;margin: 0 auto;display: block;}
header .wrap .header{float: left;width: 100%;position: relative;}
header .headerSup{border-bottom: 1px solid #EDEDED;float: left;}

/* Idioma */
nav#idioma{float:right;border-left:1px solid #E6E6E6;}
.link-idioma{float: left;border-right:1px solid #E6E6E6;text-decoration:none;}
.link-idioma:last-of-type{border:none;/* padding-right: 0; */}

.tel-header, .horari-header{float: left;height: 100%;}
.i-tel, .i-horari{color: #3a3a3a;/*float: left;*/}
.tel-row{display:inline-flex;height: 100%;}
.tel-cell{display: -webkit-flex;display:flex;align-self:center;justify-content:center;line-height:1.6;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.tel-cell div {padding-right: 10px;pointer-events:none;}
/*
.tel-cell div > a {color:inherit;text-decoration:inherit;}
*/
.tel-cell a {color:inherit;text-decoration:inherit;}
.tel-cell a:visited {color:inherit;text-decoration:inherit;}
.tel-cell a:hover {color:inherit;text-decoration:inherit;}

/* Social links */
header .social{border-left: 1px solid #EDEDED;}
header .social a{float:left;padding:0 1vw;margin: 0 0.5vw;height: 100%;}
.i-social-header{color:#3a3a3a;}
header .social a.fb i{}
header .social a.tw i{}
header .social a.pn i{}
header .social a.ins i{}
header .social a.gp i{}

/* Menu */
button.hamburger{float: left;background: transparent;border: none;}
button.hamburger i{/*color: #D3D3D3;*//* position: relative; *//* top: 50%; */}

div.wrapNav, nav ul li.despl .navDespl{display: none;position: absolute;width: 100vw;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.4);overflow-y: auto;overflow-x: hidden;z-index: 1001;}

#navP{}
header .header.mid .wrapNav{text-align:center;width:100%;}
header .header.mid .wrapNav #navP{display: inline-block;position: relative;right: 50%;transform: translateX(50%);}

#navS{
    overflow: hidden;
}
.link-navS{text-decoration:none;}

nav .breadcrumbs{width:100vw;height: 16.6vw;background: #EDEDED;}
nav .breadcrumbs a{float:left;width:16.6vw;height:100%;position: relative;}
nav .breadcrumbs a i{font-size: 8vw;color:#3a3a3a;position: absolute;top: 54%;left: 44%;transform: translate(-50%, -50%);}
nav .breadcrumbs span{float:left;width: 83.4vw;height: 100%;line-height: 18vw;text-align:center;padding-right: 16.6vw;font-size:5vw;/*color: #8B8B8D;*/}

#navP ul{background: #fff;}
#navP ul li{border-bottom: 1px solid #EDEDED;}
.link-navP, .link-subnavP, .link-navS, .link-subnavS{display:block;width:100%;line-height:1.2;text-transform:uppercase;position:relative;color: #333;text-align: left;text-decoration: none;}
#navP ul > li > a i{position:absolute;right: 0vw;top: 50%;/* color: #3a3a3a; */transform: translate(40%, -49%);}
#navP ul li.despl{}
#navP ul li.despl .navDespl{z-index: 1002;background: #fff;}
#navP ul li.despl .navDespl .breadcrumbs{z-index:102;position:relative;}
#navP ul li.despl .navDespl .img_cat{display:block;max-width: 100vw;}
.link-subnavP, .link-subnavS{text-align:left;}

.headerMobile #navP ul li.despl .navDespl{display:block;left:100vw;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.headerMobile #navP ul li.despl .navDespl.actiu{left:0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* Header logo */
header .header_logo{text-align:center;float: left;clear:left;height: auto;}
header img.logo{position:relative;top:50%;transform:translateY(-50%);max-height:70%;max-width:60%;}
header .header.mid img.logo{transform:none;}

/* fi Header ------------------------------------------------------------------------*/

/* HOME ------------------------------------------------------------------------*/

/* Call to Action */
.AD_CtA{background:#E9E9E9;margin: 0!important;}
.AD_CtA .categoria{margin:0 auto;}
.heading-CtA > *{font-weight: 200;float:left;width:100%;}
.p-CtA{color:#818181;float:left;width:100%;}
.btn-CtA{}

/* Titles */
.AD_titles{}
.AD_titles .wrap{}
.heading-title > *{float:left;width:100%;text-align:left;font-weight: 200;}

/* Acces 4x4 */
.AD_4x4{float:left;width:100vw;}
.Gheading-4x4 > *{font-weight: 200;float:left;width:100%;}
.AD_4x4 .categoria{float:left;}
.AD_4x4 .categoria .img{width:100%;float: left}
.AD_4x4 .categoria .img img{width:100%;height: auto;float: left}
.AD_4x4 .categoria .txt_wrap{float:left;width:100%;}
.heading-4x4{float:left;width:100%;}
.heading-4x4 > *{float:left;width:100%;font-weight: 200;}
.txt-4x4{float:left;width:100%;color:#818181;}
.AD_4x4 .categoria .wrapBtn{text-align: left;}
.btn-4x4{color:#000;}

/* Acces 3x3 */
.AD_3x3{float:left;width:100vw;}
.Gheading-3x3 > *{font-weight: 200;float:left;width:100%;}
.AD_3x3 .categoria{float:left;}
.AD_3x3 .categoria .img{width:100%;float: left;}
.AD_3x3 .categoria .img img{width:100%;height: auto;float: left;}
.heading-3x3{float:left;width:100%;}
.heading-3x3 > *{float:left;width:100%;font-weight:200;}
.txt-3x3{float:left;width:100%;color:#818181;}
.AD_3x3 .categoria .wrapBtn{text-align: left;}
.btn-3x3{color:#000;}

/* Acces icons */
.AD_icons{float:left;width:100vw;}
.Gheading-icons > *{font-weight: 200;}
.AD_icons .categoria{float:left;}
.AD_icons .categoria .img{margin:0 auto;}
.AD_icons .categoria .img img{width:100%;height: auto;float: left;border-radius: 100%;}
.AD_icons .categoria .wraptext{text-align: left;}
.heading-icons > *{float:left;width:100%;font-weight:200;}
.txt-icons{float:left;width:100%;color:#818181;}
.btn-icons{color:#000;background:transparent;border:1px solid #3a3a3a;}

/* Acces 1x1 */
.wrapMax.AD_1x1_bg, .wrapMax.AD_1x1_C, .wrapMax.AD_4links, .wrapMax.AD_testimonis, .wrapMax.AD_video{/* margin: 50px 0 0; */}
.AD_1x1, .AD_1x1_bg, .AD_1x1_C{float:left;width:100vw;}
.AD_1x1 h3, .AD_1x1_bg h3, .AD_1x1_C h3{}
.AD_1x1 .categoria, .AD_1x1_bg .categoria, .AD_1x1_C .categoria{display: block;}

.AD_1x1 .categoria.child_fLeft{float:left;}
.AD_1x1 .categoria.child_fLeft .img{}
.AD_1x1 .categoria.child_fLeft .img img{float:left;max-width:100%;}
.AD_1x1 .categoria.child_fLeft .wraptext{text-align: center;}
.heading-1x1 > *{float:left;width:100%;text-align:left;font-weight: 200;}
.txt-1x1{float:left;text-align:left;color:#818181;}
.btn-1x1{color:#000;}

.AD_1x1 .categoria.child_fRight{float:right;}
.AD_1x1 .categoria.child_fRight .img{}
.AD_1x1 .categoria.child_fRight .img img{float:left;max-width:100%;}
.AD_1x1 .categoria.child_fRight .wraptext{text-align: center;}

.AD_1x1_bg .categoria{float:left;width:100%;position: relative;text-align: center;color: #fff;overflow:hidden;}
.AD_1x1_bg .categoria .img{float:left;width:100%;}
.AD_1x1_bg .categoria .img img{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);float: left;min-width: 100%;}
.AD_1x1_bg .categoria .wraptext{position:absolute;transform:translateY(-50%);text-align: center;}
.heading-1x1bg > *{font-weight: 200;text-align: center;}
.txt-1x1bg{text-align: center;}
.btn-1x1bg{background:#000;border:1px solid #000;}

.AD_1x1_C .categoria{}
.AD_1x1_C .categoria .img{}
.AD_1x1_C .categoria .img img{}
.AD_1x1_C .categoria .wraptext{}
.heading-1x1C > *{float:left;width:100%;text-align:left;font-weight: 200;}
.txt-1x1C{float:left;text-align:left;color:#818181;}
.btn-1x1C{color:#000;}

/* Acces 4links */
.AD_4links{float:left;width:100vw;}
#pagA .wrapMax.AD_4links{margin: 20px 0;}
.AD_4links img{}
.AD_4links .links{float:left;}
.AD_4links .links .categoria{float:left;width:100%;display: flex;align-items:center;}
.AD_4links .links .categoria .wraptext{float:left;}
.heading-links > *{float:left;font-weight: 200;width: 100%;}
.txt-links{float:left;color: #818181;width:100%;}
.i-links{float: right;border-radius:50%;background:#DEDEDE;color:#fff;position:relative;/* top: 50%; *//* transform: translateY(-50%); */}
.i-links:before{position:absolute;top:50%;left: 55%;transform:translate(-50%, -50%);margin: 0;}

/* Testiomnis */
.AD_testimonis{float:left;text-align: center;width:100vw;}
.AD_testimonis .categoria{margin:0 auto;display: inline-block;}
.AD_testimonis .categoria img{border-radius:50%;}
.nom-cita{width: 100%;display: inline-block;font-weight:600;color: #505050;}
.carrec-cita{width: 100%;display: inline-block;color: #505050;}
.cita-cita{position: relative;font-weight: 200;line-height:1.4;color: #818181;text-align: center;}
.cita-cita .before{position:absolute;}
.cita-cita .after{position:absolute;}

/* Acces video */
.AD_video{float:left;background:#ECECEC;width:100vw;}
.AD_video .categoria{margin:0 auto;display: inline-block;}
.AD_video .categoria .wrapFrame{float:left;}
.AD_video .categoria .i_aRatio{float:left;width:100%;height:0;padding-bottom: 56.25%;position: relative;}
.AD_video .categoria .i_aRatio iframe{position: absolute;top:0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.AD_video .categoria .wraptext{float:left;width:100%;}
.heading-video > *{float:left;width:100%;font-weight: 200;}
.txt-video{float:left;width:100%;color: #818181;}

/* Actualitat */
.AD_actualitat{float:left;width:100vw;}
.AD_actualitat .wrapCat{}
.Gheading-lm > *{float:left;width:100%;font-weight: 200;}
.AD_actualitat .categoria{float:left;}
.AD_actualitat .categoria .img{float:left;}
.AD_actualitat .categoria .img img{float:left;width:100%;}
.AD_actualitat .categoria .wraptext{float:left;}
.heading-lm > *{font-weight:200;float: left;width:100%;}
.txt-lm{float:left;width:100%;color: #818181;}
.btn-lm{float:left;text-transform:uppercase;font-weight:500;}

/* Acces bottom */
.AD_bottom{float:left;width:100vw;text-align: center;}
.AD_bottom .categoria{float:left;position:relative;overflow:hidden;}
.AD_bottom .categoria .wraptext{position:absolute;display: inline-block;}
.heading-1x1bottom > *{font-weight: 200;float:left;width:100%;text-align: center;}
.txt-1x1bottom{text-align: center;}
.btn-1x1bottom{color:#fff;background:#000;border:1px solid #000;}
.AD_bottom .categoria img{float: left;position:relative;left:50%;transform:translateX(-50%);min-width:100%}

/* Newsletter */
.AD_newsletter{background: #ECECEC;}
.AD_newsletter{/* float: left; *//* position: relative; *//* left: 50%; *//* transform: translateX(-50%); */}
.heading-newsletter > *{float:left;font-weight: 200;}
.txt-newsletter{color: #818181;float:left;}
.AD_newsletter form{float:left;position: relative;}
.AD_newsletter input{float:left;font-style:italic;border: 1px solid #9c9c9c;outline: none;}
.btn-newsletter{float: right;background: #000;border: 1px solid #000;margin: 0;}
.btn-newsletter i{display:block;color: #818181;position:relative;top:50%;transform:translateY(-50%);display:none;}
.btn-newsletter span{display:inline-block;/* color: #fff; */}

/* Acces GM */
.AD_GM{float:left;width:100vw;}
.AD_GM .categoria{position:relative;float: left;width:100%;}
.AD_GM .categoria .img{float:left;width:100%;overflow:hidden;}
.AD_GM .categoria .img img{float:left;position:relative;left:50%;transform:translateX(-50%);min-width: 100%;}
.AD_GM .categoria .bafarada_mapa{display:block;position: absolute;bottom: 40%;left:50%;transform: translateX(-50%);background: #fff;box-shadow: 3px 3px 5px 0 rgba(100,100,100,0.2);}
.AD_GM .categoria .bafarada_mapa:after{position: absolute;display:inline-block;font-family:"fontello";content:"\e857";float: left;color: #fff;text-shadow: 1px 5px 5px rgba(100,100,100,0.2);}
.AD_GM .categoria .bafarada_mapa .logo, .AD_GM .categoria .bafarada_mapa a img{float:left;max-width: 100%;}
.AD_GM .categoria .bafarada_mapa p.contacte{float:left;width:100%;color: #818181;font-weight: 500;}
.AD_GM .categoria .bafarada_mapa p.contacte .dir1{float:left;width:100%;}
.AD_GM .categoria .bafarada_mapa p.contacte .dir2{float:left;width:100%;}
.AD_GM .categoria .bafarada_mapa p.contacte .tel{float:left;width:100%;}
.AD_GM .categoria .bafarada_mapa a.vermas, .AD_GM .categoria .bafarada_mapa a.vermas span{float:right;text-align:right;color:#0086BD;position: relative;}

/* fi Home ------------------------------------------------------------------------*/

/* FOOTER ------------------------------------------------------------------------*/

footer{background: #DBDBDB;color: #7A7A7A;}

footer .top{}
footer .top .wrapIn{float:left;}

.heading-footer > *{float:left;width:100%;color: #959595;text-transform:uppercase;font-weight: 400;letter-spacing: .13em;}

footer .top .wrapIn .empresa{float:left;width:100%;}
footer .top .wrapIn .empresa .footer_logo{float:left;width:100%;}
footer .top .wrapIn .empresa .footer_logo img.logo{float:left;max-width:100%;}
.txt-empresa-footer{float:left;width:100%;line-height: 1.9;text-align: left;}

footer .top .wrapIn .empresa .sellos_calidad{float:left;margin-top:20px;}
footer .top .wrapIn .empresa .sellos_calidad .sellos_container{float:left;margin-top: 5px;}
footer .top .wrapIn .empresa .sellos_calidad .sellos_galeria{display:flex;flex-flow: row wrap;max-height:280px;max-width:100%;}
footer .top .wrapIn .empresa .sellos_calidad img{width: 116px;margin: 0 16px 16px 0;}

footer .wrapIn .social{float:left;width:100%;}
footer .wrapIn .social a{float:left;border-radius:3px;}
footer .wrapIn .social a:last-of-type{margin-right: 0;}
.i-social-footer{text-decoration:none;position: relative;color: #fff;display: inline-block;}

footer .wrapIn .social a.fb{background:#3b5998;}
footer .wrapIn .social a.tw{background:#00aced;}
footer .wrapIn .social a.gp{background:#dd4b39;}
    footer .wrapIn .social a.gp i{left:-2px;}
footer .wrapIn .social a.yt{background:#bb0000;}
footer .wrapIn .social a.li{background:#007bb5;}
footer .wrapIn .social a.pn{background:#cb2027;}
footer .wrapIn .social a.ins{background:#956E5A;}
footer .wrapIn .social a.wh{background:#25d366;}
footer .wrapIn .social a.vi{background:#1ab7ea;}
footer .wrapIn .social a.rss{background:orange;}

footer .wrapIn .social a:hover i{
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity:0.5;
}

footer .top .wrapIn .contact{float:left;width:100%;}
footer .top .wrapIn .contact ul{float:left;width:100%;}
.li-contact{float:left;width:100%;text-align:left;/* line-height: 1.8; */}
.li-contact.dir{}
.li-contact.tel{}
.li-contact.mbl{}
.li-contact.mail{}
.li-contact.mail a.mail{}

footer .top .wrapIn .newsletter{float:left;width:100%;}
.p-news-footer{}
footer .top .wrapIn .newsletter form{float:left;}
footer .top .wrapIn .newsletter form input{float:left;width:100%;background:#f5f5f5;font-style: italic;}
.btn-news-footer{background: #3a3a3a;}
.btn-news-footer i{display:none;}
.btn-news-footer span{/* color:#fff; */}

footer .legal_links{float:left;width:100%;}
footer .legal_links ul{float:left;width:100%;}
footer .legal_links ul li.legal{float:left;width:100%;text-align:left;}
.a-legal-footer{}

footer .wrapMax{margin: 0;}
/*
footer .bottom .copyright{float:left;display: inline-block;}
footer .bottom .copyright span{float:left;width:100%;text-align:left;line-height:1.8;}

footer .bottom ul.legal_links{float:right;}
footer .bottom ul.legal_links li.legal{text-align:left;float: right;line-height:1.8;}
footer .bottom ul.legal_links li.legal.sep{border-left: 1px solid #606060;}
footer .bottom ul.legal_links li.legal span{text-decoration: underline;}
footer .bottom ul.legal_links li.legal span:hover{text-decoration: none;cursor:pointer;}
*/
.bottom{color: #fff;}
footer .bottom .montaweb{float: left;clear: both;/*color: #fff;*/}
footer .bottom .montaweb span{float:left;}
footer .bottom .montaweb a img{float:left;    margin: -2px 5px 0 5px;}


/* fi Footer ------------------------------------------------------------------------*/

/* MODALS ------------------------------------------------------------------------ */

.inline_modal{display:none;}

/* The Modal (background) */
.vbox-container {
    /*display: none;*/ /* Hidden by default */
    /* position: fixed; */ /* Stay in place */
    /* z-index: 10000; */ /* Sit on top */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */ /* Full width */
    /* height: 100%; */ /* Full height */
    /* overflow: auto; */ /* Enable scroll if needed */
    /* background-color: rgb(0,0,0); */ /* Fallback color */
    /* background-color: rgba(0,0,0,0.4); */ /* Black w/ opacity */
    overflow-y: auto;
}
.vbox-container .vbox-content .vbox-inline{overflow:initial;background:none!important}
.vbox-overlay > .vbox-title, .vbox-overlay > .vbox-num, .vbox-overlay > .vbox-close{/* display: none!important; */}

/* Modal Content/Box */
.vbox-container .content {
    background-color: #fefefe;
    /* margin: 15% auto; */
    padding: 20px 30px 30px;
    /* border: 1px solid #888; */
    /* width: 80%; */
    /* max-width: 816px; */
    height: 100%;
    /* max-height: 60%; */
    position: relative;
    /* top: 45%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    overflow: hidden;
}
.vbox-container .content h3{display:inline-block;width:100%;margin-bottom:1em;text-transform: uppercase;}
.vbox-container .content .scrollingContent{/* overflow-y:auto; */height:92%;width: 102%;padding-right: 3%;}
.vbox-container .content .clausulas{overflow-y:auto;height: 92%;display: block;float: left;position: absolute;width: 60%;}
.vbox-container .content p{display:inline-block;padding: 0.25em 0;}


/* The Close Button */
.vbox-container .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 0.5%;
    top: 0;
    border: none;
    background: none;
}

.vbox-container .close:hover,
.vbox-container .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* fi Modals ------------------------------------------------------------------------ */

/*.vbox-container .content.small{width: 490px;height: auto;max-height:590px;margin: 0 auto;top: -3vw;}*/
.vbox-container .content.small h3{font-weight: 300;color: #9c9c9c;font-size: 20px;line-height: 34px;text-align: center;margin-bottom: 25px;text-transform: uppercase;}
.vbox-container .content.small .info_privacidad{width: 100%;height: 286px;border: 2px solid #ccc;color: #9c9c9c;padding: 15px 30px 15px 15px;overflow-y: auto;}
.vbox-container .content.small .info_privacidad p{float:left;width:100%;font-size: 11px;line-height: 1.8;}
.vbox-container .content.small .info_privacidad p strong{color: #9c9c9c;}
.vbox-container .content.small .info_privacidad p span{color: #9c9c9c;}
.vbox-container .content.small .info_privacidad p a{color: #9c9c9c !important;text-decoration:underline;white-space: nowrap;}
.vbox-container .content.small .info_privacidad p a:hover{text-decoration:none;}
.vbox-container .content.small .check_label{float:left;width: 100%;margin: 20px 0 24px;}
.vbox-container .content.small .check_label label{float:left;width: 100%;margin: 5px 0;}
.vbox-container .content.small .check_label label input[type="checkbox"]{/* float:left; *//* width:20px; *//* height:20px; *//* margin: 0; */}
.vbox-container .content.small .check_label label span{float:left;margin-left:5px;color: #9c9c9c;font-size: 11px;margin-top: 5px;}
.vbox-container .content.small .botons{float:left;width:100%;text-align:center;}
.vbox-container .content.small .botons .boto{display:inline-block;padding:10px 20px;min-width:60px;text-align:center;color:#fff !important;border-radius:5px;font-size:14px;margin: 0 20px;}
.vbox-container .content.small .botons .boto.cancel{background:#323232;}
.vbox-container .content.small .botons .boto.accept{background:#3a3a3a;}

/* BreadCrumbs */
main .breadcrumbs{float: left;}
main .breadcrumbs a{color:#3a3a3a;}

/* BreadCrumbs */

/* ----------------------------------------------------------------------------------- */
/* DISSENY A ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

#pagA .wrapMax{}

/* buc_banner ------------------------------------------------------------------------*/
.buc_banner{}
.buc_banner .wrap{position:relative;/* overflow:hidden; */width: 100%;display: block;}

.border-banner{border: 0px solid;}
.buc_banner img{float:left;position: relative;left:50%;transform:translateX(-50%);/* height: 100%; */max-width: 100%;}
.buc_banner a{float:left;display: block;width: 100%;}

/* buc_titol ------------------------------------------------------------------------*/
.buc_titol{}
.buc_titol .wrap{}

.heading-title > *{font-weight: 200;float:left;}

.buc_titol .img_title{margin:0 auto;display:inline-block;height: 0;float: left;}
.buc_titol .aCenter .img_title,
.buc_titol .aCenter span{float:none;}
.buc_titol .img_title img{width:100%;height: auto;float: left;}
.buc_titol span{position: relative;float: left;}

/* buc_text ------------------------------------------------------------------------*/
.buc_text{}
.buc_text .wrap{}

.buc_text.doble{}
.buc_text.doble .wrap{}
.heading-txtD >*{font-weight: 200;width: 100%;}
.buc_text .wrapImg + .txt{/* padding-bottom: 1.8em; */}
.buc_text .col_1, .buc_text .col_2{width:50%;float:left;}

.buc_text .wrapImg{position:relative;overflow: hidden;max-width:100%;width: auto;height: auto;}
.buc_text .wrapImg.fLeft{}
.buc_text .wrapImg.fRight{}
.buc_text .wrapImg.border{border:3px solid;}
.buc_text .wrapImg img{/* position:absolute; *//* top:50%; *//* left:50%; *//* transform:translate(-50%, -50%); */display: block;max-width: 100%;/* width: 100%; */}

.buc_text.destacat{margin:0;}
.buc_text.destacat .wrap{}

/* buc_llista ------------------------------------------------------------------------*/
.buc_llista{}
.buc_llista .wrap{}

.buc_llista ul{display: inline-block;width: 100%;margin: 1.2em 0 0.6em;}
.buc_llista .wrapImg{float:right;overflow: hidden;margin-bottom: 10px;position: relative;width: auto;height: auto;}
.buc_llista img{/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%, -50%); */max-width: 100%;/* width: 100%; */}
.buc_llista ul li{float: left;width: 100%;text-align: left;font-size: inherit;}
.buc_llista.aCenter ul{}
.buc_llista.aCenter ul li{/* text-align: center; *//* padding: 0 5.45vw; */}
.buc_llista.img ul{}
.buc_llista.img ul li{float:none;width:unset;font-size: inherit;}
.buc_llista ul li:before{font-family:fontello;font-size: 26px;content:"\e80d";color:#DDDDDD;margin-left: -33px;display:inline-block;width: 33px;/* float: left; */}
.buc_llista.img ul li:before{content:"\e864";font-size: 20px;}

.buc_llista.doble{}
.buc_llista.doble .col_1, .buc_llista.doble .col_2{width:50%;float:left;padding:0 20px;}
.buc_llista.doble .col_1{padding-left:0;}
.buc_llista.doble .col_2{padding-right:0;}

/* buc_imatges ------------------------------------------------------------------------*/
.buc_imagenes{margin:0!important;}
.buc_imagenes .wrap{display:block;}

.buc_imagenes .wrapImg{float:left;background-color:transparent;margin:0;border-right:1px solid #fff;border-bottom:1px solid #fff;overflow:hidden;position:relative;}
.buc_imagenes a{float:left;width:100%;height: 100%;}
.buc_imagenes a img{float:left}
.buc_imagenes a img.imgal{position:relative;left:50%;top:50%;transform:translate(-50%, -50%);/* transform: translateX(-50%); */
	/* LLO 29/03/2022: añado esta configuracion para que la imagen no se vea cortada */
	object-fit: cover;
	width: 100%;}
.buc_imagenes .wrapImg:hover img{opacity:.7}
.buc_imagenes .wrapImg:hover img.mas{opacity:1;display:block;}
.buc_imagenes img.mas{width: auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:none;z-index:111;}
.buc_imagenes div.separa{width:100%;height:20px;display:none}
.buc_imagenes div.separa.c0{display:none}

/*.buc_imagenes a:after{content : "";background: url(../xtra/imgs/mas.png) no-repeat 0 0;width: 68px;height: 68px;}*/

.buc_imagenes.i3{}
.buc_imagenes.i3 .wrap{}
.buc_imagenes.i3 .wrapImg{width: 33.33333%;}

.buc_imagenes.i5{}
.buc_imagenes.i5 .wrap{}
.buc_imagenes.i5 .fLeft-child a{float:left;}
.buc_imagenes.i5 .fRight-child a{float:right;}
.buc_imagenes.i5 .big{width:50%;height:100%;}
.buc_imagenes.i5 .small{width:25%;height:50%;object-fit: cover;}

.buc_imagenes.i6{}
.buc_imagenes.i6 .wrap{}
.buc_imagenes.i6 .wrapImg{width:16.667%;height:100%;object-fit: cover;}

.buc_imagenes_i6{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;    
    	
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
}

.buc_imagenes_i6_item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;    
    	
	position:relative;
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
  
  border:1px solid #fff;
}

.buc_imagenes .buc_imagenes_i6_item:hover img{opacity:.7}
.buc_imagenes .buc_imagenes_i6_item:hover img.mas{opacity:1;display:block;}

/* buc_arxius ------------------------------------------------------------------------*/
.buc_arxius{}
.buc_arxius .wrap{}

.buc_arxius ul{}
.buc_arxius ul li{float:left;display: inline-flex;}
.buc_arxius ul li img{float:left;}
.buc_arxius ul li a{float:left;text-align: left;}

/* buc_separador ------------------------------------------------------------------------*/
.separador{margin: 0!important;}
.separador.line .wrap{height:1px;background:#d5d5d5;}
.separador.freePx .wrap{}

/* buc_peu_pags ------------------------------------------------------------------------*/
.buc_peu_pags{}
.buc_peu_pags .wrap{}

.buc_peu_pags h3{font-weight: 200;float:left;width:100%;}
.buc_peu_pags .peu_pag{position: relative;}
.buc_peu_pags .peu_pag:after{position:absolute;right:0;top:0;font-family:fontello;content:"\e856";color:#3a3a3a;color:inherit;}
.peuPag-txt, .peuPag-txt > *{font-weight: 400;color: #919191;line-height: 1.5;}

/* buc_cDinamics ------------------------------------------------------------------------*/
.buc_cDinamics{
}
.wrapMax.buc_cDinamics, .wrapMax.buc_arxius, .wrapMax.buc_tabla_precios, .wrapMax.buc_peu_pags,.wrapMax.buc_form{/* margin-top: 40px; */}
.buc_cDinamics .wrap{}

.buc_cDinamics .contDin{height: auto;text-align: center;float: left;}
.buc_cDinamics .contDin:first-of-type{margin-left:0;}
.buc_cDinamics .contDin:last-of-type{margin-right:0;}
.borderDin{
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background-color: #3a3a3a;
  float: none;
  margin: 0 auto;
  background-image: linear-gradient(91deg, transparent 50%, #D5D5D5 50%),          linear-gradient(90deg, #D5D5D5 50%, transparent 50%);
}
.buc_cDinamics .contDin .borderDin .circleDin{position: relative;top: 2%;left: 2%;text-align: center;width: 96%;height: 96%;border-radius: 100%;background-color: #fff;margin: 0;}
.buc_cDinamics .contDin .borderDin .circleDin span.percent{top: 50%;left: 52%;position: absolute;font-weight: 100;transform: translate(-50%, -50%);}
.heading-contDin > *{margin: 1em auto;font-weight: 200;line-height: 1.4;text-align: center;}

/* buc_btn ------------------------------------------------------------------------*/
.buc_btn{}
.buc_btn .wrap{text-align:center;}

.buc_btn a{
    margin-bottom: 23px;
}
.buc_btn a i{}

/* buc_form ------------------------------------------------------------------------*/
.buc_form{}
.buc_form .wrap{text-align:center;}

.buc_form ul{width:680px;max-width: 680px;margin: 0 auto;}
.buc_form ul{margin-top:40px;}
.buc_form ul li{width:100%;margin-bottom: 2em;float: left;position:relative;}
.buc_form ul li label{}
.buc_form ul li label span{text-align:left;float:left;font-size: 14px;margin-bottom: 6px;}
.buc_form ul li label input:not([type='checkbox']):not([type='radio']), .buc_form ul li label select{float:left;width:100%;border: 1px solid #f7f7f7;background: #f7f7f7;height: 46px;padding: 0 20px;font-size: 100%;}
.buc_form ul li label input:not([type='checkbox']):not([type='radio']):focus, .buc_form ul li label select:focus{background:transparent;border-color: #e6e6e6;/* outline: none; */}
.buc_form ul li .pop_error{position:absolute;top: 66%;left: 30%;transform: translateY(-50%);display: block;z-index: 100;overflow: hidden;}
.buc_form ul li .pop_error i{position:relative;top:0;float:left;font-size: 50px;color: #bb3d3d;}
.buc_form ul li .pop_error i:before{height: 26px;line-height: 26px;float: left;margin-right: -20px;}
.buc_form ul li .pop_error p{float:left;height: 26px;line-height: 26px;color: #fff;background: #bb3d3d;padding: 0 15px;font-size: 13px;border-radius: 0 3px 3px 0;}

.buc_form ul li.form_textarea{width: 100%;margin-bottom: 2em;float: left;position: relative;}
.buc_form ul li.form_textarea label{}
.buc_form ul li.form_textarea label span{text-align:left;float:left;font-size: 14px;margin-bottom: 6px;}
.buc_form ul li.form_textarea label textarea{float:left;width:100%;border: 1px solid #f7f7f7;background: #f7f7f7;height: 150px;padding: 10px 20px;}
.buc_form ul li.form_textarea label textarea:focus{background:transparent;border-color: #e6e6e6;}
.buc_form ul li.form_textarea .pop_error{}
.buc_form ul li.form_textarea .pop_error i{}
.buc_form ul li.form_textarea .pop_error p{}

.buc_form li.info_privacidad{width:100%;color: #565656;float: left;}
.buc_form li.info_privacidad h6{float:left;width:100%;text-transform: uppercase;/* color: #9c9c9c; */}
.buc_form li.info_privacidad p{float:left;width:100%;color: #565656;}
.buc_form li.info_privacidad p, .buc_form li.info_privacidad span{line-height:1.9;}
.buc_form li.info_privacidad p strong{color: #565656;}
.buc_form li.info_privacidad p a{color: #3a3a3a;text-decoration:underline;white-space: nowrap;}
.buc_form li.info_privacidad p a:hover{text-decoration:none;}

.buc_form ul li .check_label{float:left;width: 75%;}
.buc_form ul li .check_label label, .buc_form ul li .radio_label label{float:left;width: 100%;}
.buc_form ul li .check_label label input[type="checkbox"]{}
.buc_form ul li .check_label label span, .buc_form ul li .radio_label label span{float:left;font-size: 10px;line-height: 1.5;color: #565656;text-align: left;margin-top: 4px;margin-left: 5px;}

.buc_form ul li.enviar{float:right;width: 100%;margin-bottom: 40px;}
.btn-form{color: #000;margin-top: 5px;float: right;}

.buc_form ul li.error label .pop_error{display :block;}
.buc_form ul li.error label input, .buc_form ul li.error label textarea{background: #bb3d3d73 !important;}

/* buc_tabla_precios ------------------------------------------------------------------------*/
.buc_tabla_precios{}
.buc_tabla_precios .wrap{}

.buc_tabla_precios .infoTab{display:block;float:left;border:1px solid #ddd;text-align:center;position: relative;}
.heading-precios > *{font-weight:200;text-align: center;}
.preu-precios{font-weight: 300;}
.txt-precios{width:100%;float:left;border-top:1px solid #ddd;line-height:1.9;}
.buc_tabla_precios .infoTab .wrapBtn{position: absolute;width: 92%;le;left: 4%;}
.btn-precios{}


/* buc_video ------------------------------------------------------------------------*/
.buc_video{}
.buc_video .wrap{}

.heading-v1 > *, .heading-v2 > *{font-weight: 200;text-align:center;}
.buc_video.v2 ul{}
.buc_video .wrapFrame{float:left;width:100%;}
.buc_video .i_aRatio{float:left;width:100%;height:0;padding-bottom: 56.25%;position: relative;}
.buc_video iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}


/* fi Disseny A ------------------------------------------------------------------------ */

/* ----------------------------------------------------------------------------------- */
/* CONTACTE ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

.dataYform > p{float:left;width:100%;}
.dataYform .col_data, .dataYform .col_form{float:left;}
.dataYform h3{float:left;width: 100%;font-weight:200;}

.dataYform .col_data{padding-right: 5%;}
.dataYform .col_data .ofi_data{float:left;width:100%;}
.dataYform .col_data .ofi_data h2{font-weight: 600;}
.dataYform .col_data .ofi_data p{float:left; width:100%; }
.dataYform .col_data .ofi_data p.dir{}
.dataYform .col_data .ofi_data p.tel{}
.dataYform .col_data .ofi_data p.mail{}
.dataYform .col_data .ofi_data p span{float:left;}
.dataYform .col_data .ofi_data p.tel span{}
.dataYform .col_data .ofi_data p.mail span{}
.dataYform .col_data .ofi_data p a{float:left;/* color: #3a3a3a; */}
.dataYform .col_data .ofi_data p.tel a{}
.dataYform .col_data .ofi_data p.mail a{}

.dataYform .social{float:left;width:100%;}
.dataYform .social h3{}
.dataYform .social a{float:left;border-radius:3px;}
.dataYform .social a i{text-decoration:none;position: relative;color: #fff;display: inline-block;}

.dataYform .social a.fb{background:#3b5998;}
.dataYform .social a.tw{background:#00aced;}
.dataYform .social a.gp{background:#dd4b39;}
    .dataYform .social a.gp i{left:-2px;}
.dataYform .social a.yt{background:#bb0000;}
.dataYform .social a.li{background:#007bb5;}
.dataYform .social a.pn{background:#cb2027;}
.dataYform .social a.ins{background:#956E5A;}
.dataYform .social a.wh{background:#25d366;}
.dataYform .social a.vi{background:#1ab7ea;}
.dataYform .social a.rss{background:orange;}

.dataYform .social a:hover i{
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity:0.5;
}

.dataYform .col_form{text-align:center;}
.dataYform .col_form form{width:100%;float:left;}
.dataYform .col_form ul li.form_input{width:100%;float: left;position:relative;}
.dataYform .col_form ul li.form_input label{}
.dataYform .col_form ul li.form_input label span{text-align:left;float:left;}
.dataYform .col_form ul li.form_input label input{float:left;width:100%;border: 1px solid #f7f7f7;background: #f7f7f7;}
.dataYform .col_form ul li.form_input label input:focus{background:transparent;border-color: #e6e6e6;}
.dataYform .col_form ul li .pop_error{position:absolute;top: 65%;left: 30%;transform: translateY(-50%);display: block;z-index: 100;}
.dataYform .col_form ul li .pop_error i{position:relative;top:0;float:left;font-size: 45px;color: #bb3d3d;}
.dataYform .col_form ul li .pop_error i:before{height: 26px;line-height: 26px;float: left;margin-right: -15px;}
.dataYform .col_form ul li .pop_error p{float:left;height: 26px;line-height: 26px;color: #fff;background: #bb3d3d;padding: 0 15px;font-size: 13px;border-radius: 0 3px 3px 0;}
#form_campo_recaptcha_error{display:none}

.dataYform .col_form ul li.form_textarea{width: 100%;float: left;position: relative;}
.dataYform .col_form ul li.form_textarea label{}
.dataYform .col_form ul li.form_textarea label span{text-align:left;float:left;}
.dataYform .col_form ul li.form_textarea label textarea{float:left;width:100%;border: 1px solid #f7f7f7;background: #f7f7f7;height: 150px;padding: 10px 20px;}
.dataYform .col_form ul li.form_textarea label textarea:focus{background:transparent;border-color: #e6e6e6;}
.dataYform .col_form ul li.form_textarea .pop_error{}
.dataYform .col_form ul li.form_textarea .pop_error i{}
.dataYform .col_form ul li.form_textarea .pop_error p{}

.dataYform .col_form li.info_privacidad{width:100%;color: #565656;float: left;}
.dataYform .col_form li.info_privacidad h6{float:left;width:100%;text-transform: uppercase;}
.dataYform .col_form li.info_privacidad p{float:left;width:100%;color: #565656;letter-spacing: 0.04em;}
.dataYform .col_form li.info_privacidad p, .dataYform .col_form li.info_privacidad span{}
.dataYform .col_form li.info_privacidad p strong{color: #565656;}
.dataYform .col_form li.info_privacidad p a{/* color: #3a3a3a; */text-decoration:underline;white-space: nowrap;}
.dataYform .col_form li.info_privacidad p a:hover{text-decoration:none;}

.dataYform .col_form ul li.enviar .check_label{float:left;}
.dataYform .col_form ul li.enviar .check_label label{float:left;width: 100%;}
.dataYform .col_form ul li.enviar .check_label label input[type="checkbox"]{}
.dataYform .col_form ul li.enviar .check_label label span{float:left;color: #565656;letter-spacing: 0.02em;text-align: left;}

.dataYform .col_form ul li.enviar{float:right;width: 100%;}
.dataYform .col_form ul li.enviar .btn{/* color: #131313; *//* float: right; */}

.dataYform .col_form ul li.error label .pop_error{display:block;}
.dataYform .col_form ul li.error label input, .dataYform .col_form ul li.error label textarea{background: #bb3d3d73 !important;}

/*.dataYform .col_form ul li.form_input label i, .dataYform .col_form ul li.form_textarea label i{ display: none; }*/

/* fi Contacte ------------------------------------------------------------------------ */


/* ----------------------------------------------------------------------------------- */
/* ACTUALITAT ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */
main#actualitat, main#actualitat_detall{width: 100vw;}
main#actualitat > .wrap, main#actualitat_detall > .wrap{}

/* Llistat ------------------------------------------------------------------------*/
.content_act{width: 100%;/* float:left; *//* clear: left; */}

/* Paginador */
.paginador_act {text-align: right;}
.paginador_act span {/* color: transparent; */border: 1px solid #E6E6E6;display: inline-block;}
.paginador_act.abajo {display:inline-block;text-align:center;width: 90%;}
.paginador_act a.pag {text-decoration:none;/* color: transparent; */border: 1px solid #f7f7f7;display: inline-block;background: #f7f7f7;}
.paginador_act a.pag{margin-top:12px;margin-bottom:12px;}
.paginador_act a.pag:hover {box-shadow: 0 0 1px 1px #3a3a3a;}
.paginador_act .pag{position: relative;top: 2px;border-radius: 5px;font-weight: 200;}
.paginador_act a.prev:hover, .content_act .paginador_act a.next:hover {}
.paginador_act span.prev, .paginador_act span.next, .paginador_act a.prev span, .paginador_act a.next span{background:none;color: #818181;width:auto;height:auto;border: none;margin: 0;}
.paginador_act span.prev, .paginador_act a.prev{/* float:left; */border: none;}
.paginador_act span.next, .paginador_act a.next{/* float:right; */border: none;display: inline-block;}
.paginador_act span.disabled {/*opacity:0.5;*/color: #818181;}
/* Paginador */

#actualitat .content_act ul {float:left;width: 100%;margin:0;border-bottom: 1px solid #EDEDED;}
#actualitat .content_act li {cursor:pointer;min-width:0;min-height:0;float: left;outline: none;-webkit-tap-highlight-color: transparent;}

#actualitat .content_act li a{float: left;width: 100%;overflow: hidden;position:relative;outline: none;-webkit-tap-highlight-color: transparent;}
#actualitat .content_act li a img.imgal{position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width: auto;height: auto;min-height:0;outline: none;}
#actualitat .content_act li a img.mas{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);display:none;outline: none;}
#actualitat .content_act li:hover a img.mas{display:block;}
#actualitat .content_act li h3{float:left;font-weight:200;}

/* Social Share */
.content_act .social{float: none;}
.content_act .social a{position:relative;color: #3a3a3a;display:inline-block;}

.content_act .social.corp a{color:#fff;}
.content_act .social.corp a.fb{background:#3b5998;}
.content_act .social.corp a.tw{background:#00aced;}
.content_act .social.corp a.gp{background:#dd4b39;}
.content_act .social.corp a.yt{background:#bb0000;}
.content_act .social.corp a.lk{background:#007bb5;}
.content_act .social.corp a.pn{background:#cb2027;}
.content_act .social.corp a.ins{background:#956E5A;}
.content_act .social.corp a.vi{background:#1ab7ea;}
.content_act .social.corp a.wh{background:#25D366;}
.content_act .social.corp a.mail{background:green;}
.content_act .social.corp a.rss{background:orange;}

.content_act .social a i:before{}
.content_act .social a:hover{
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity:0.5;
    }
/* Social Share */

/* Detall ------------------------------------------------------------------------*/
.content_act.detalle {/* width: 100%; *//*min-height:500px;*//* float:left; *//* clear: left; *//* text-align: center; */}

/* Volver */
.volver {float: right;text-align:right;width: auto;/* border: 1px solid #3a3a3a; */position: relative;background: #fff;}
.volver a{text-transform: capitalize;font-weight: 500;float: right;color: #3a3a3a;}
.volver a:hover{text-decoration: none;}
.volver i{color: #3a3a3a;font-size: 15px;height: 100%;display:inline-block;position: relative;}
.volver i:before{position: relative;top: 0;left: -5px;}
/* Volver */

.content_act.detalle .act-heading, .content_act.detalle .act-heading a {font-weight:200;text-align: center;}
.content_act.detalle .act-heading a:hover{}
.content_act.detalle span.data{font-size:17px;color:#131313;display: inline-block;margin-bottom:20px;width: 100%;padding: 0 100px;}

.content_act.detalle .wrapImg{float:left;width: 100%;margin:20px 0;}
.content_act.detalle .wrapImg img{width: 100%;float: left;}

.content_act.detalle p.entradilla {}

.content_act.detalle .wrapTxt{float:left;width:100%;}
.content_act.detalle .wrapTxt p {text-align: left;}

/* Galeria */
.content_act.detalle .galeria {float:left;}
.content_act.detalle .galeria ul {float:left;margin: 0;}
.content_act.detalle .galeria li {float:left;background: none;padding:0;overflow:hidden;position: relative;}
.content_act.detalle .galeria li a{width: 100%;float: left;background-color: #000;}
.content_act.detalle .galeria li img{width: 100%;float: left;}
.content_act.detalle .galeria li.last{margin-right:0;}
.content_act.detalle .galeria li.first{float:left;clear:left;}
.content_act.detalle .galeria li.wrapImg:hover img{opacity: 0.7;}
.content_act.detalle .galeria li.wrapImg:hover img.mas{opacity: 1;display:block}
.content_act.detalle .galeria li img.mas{width: auto;position: absolute;left: 50%;top: 50%;display: none;z-index: 111;transform: translate(-50%, -50%);}
/* Galeria */

/* fi Actualitat ------------------------------------------------------------------------ */

/* simplemodal.css */

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

.modal{display:none;height: 100%;width: 100%;}
.modal .content{height: 100%;width: 100%;}
.modal .content.small{width: 100%;}
.modal .content .scrollingContent {height: 340px;width: calc(100% + 18px);overflow-x: hidden;overflow-y: auto;padding-right: 30px;font-size: 14px;}
.modal .content .scrollingContent p{/* text-align: justify; */font-size: 14px;}

.alert-tancar{ text-align:center; width:400px; height:100px;}

.modal .cap { text-transform:uppercase;}
.modal ul { margin:0 0 0 50px}
.modal li { padding-top:2px;}
.modal li.dades { padding:2px 0 0 20px;}
.modal a { text-decoration: underline;}
.modal a:hover { text-decoration: none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {color:#191919;background-color: #EFF3F6;border:1px solid #000;padding:30px 20px;max-width:90vw;max-height: 90vh;}
#simplemodal-container .simplemodal-wrap{overflow:hidden!important;}
#simplemodal-container .simplemodal-data {/*padding:8px;*//* overflow:auto; */}
#simplemodal-container a {/* color:#191919; */}
#simplemodal-container a.modalCloseImg {width: auto;height: auto;display:inline;z-index:3200;position:absolute;top:5px;right: 12px;cursor:pointer;}
    #simplemodal-container a.modalCloseImg:before{font-family:"fontello";font-size:30px;color: inherit;content: '\e811';position:relative;}#simplemodal-container h3 {color:#191919;font-size: 17px;padding: 0 0 10px;text-align: left;text-transform: uppercase;}


/* nou modal p. dades */
#modal_privacidadNews{width: 510px !important;/* height: 660px !important; */overflow-y: auto;padding-right: 20px;}
#modal_privacidadNews .content{/*width: calc(100% + 17px);*/}
#modal_privacidadNews h3{font-size: 20px;/* color:#3a3a3a; */color: #9c9c9c;line-height: 1.6;text-align: center;padding: 0 20px 20px;font-weight: 300;}
#modal_privacidadNews .wrapIP{position:relative;border: 2px solid #ccc;padding-top:0;float:left;/*margin: 0 20px;*/width: calc(100% - 2px);background: #fff;}
#modal_privacidadNews .wrapIP > #privacidad_newsletter_btn_volver {display:none;position:absolute;top: 0px;left: 0px;width: 100%;height: 20px;line-height: 20px;padding-right: 20px;text-align: right;text-transform: uppercase;background: #f0f0f0;cursor:pointer;font-size: 12px;}
#privacidad_newsletter_btn_volver:before{content:"<";position: relative;left: -5px;top: -1px;}
#modal_privacidadNews .info_privacidad{width: 100%;height: 320px;padding: 15px 30px 15px 15px;overflow-y: auto;background:#fff;}
#modal_privacidadNews .info_privacidad h3{display:none;}
#modal_privacidadNews .info_privacidad, #modal_privacidadNews .info_privacidad p, #modal_privacidadNews .info_privacidad ul li{float:left;width:100%;font-size: 13px;line-height: 1.9;color:#9c9c9c;}
#modal_privacidadNews .info_privacidad p strong{}
#modal_privacidadNews .info_privacidad p span{}
#modal_privacidadNews .info_privacidad p a{text-decoration:underline;white-space: nowrap;color:#9c9c9c;}
#modal_privacidadNews .info_privacidad p a:hover{text-decoration:none;}
#modal_privacidadNews .check_label{float:left;width: 100%;padding: 20px;}
#modal_privacidadNews .check_label label{float:left;width: 100%;margin: 10px 0;}
#modal_privacidadNews .check_label label input[type="checkbox"]{float:left;width:20px;height:20px;}
#modal_privacidadNews .check_label label span{margin-top: 4px;float:left;margin-left:5px;font-size: 12px;color: #9c9c9c;}
#modal_privacidadNews .check_label label span a{color: #9c9c9c;}
#modal_privacidadNews .wrapBtn{text-align:center;padding: 0 20px;}
#modal_privacidadNews .wrapBtn .btn{min-width:60px;color: #fff;font-size: 15px;margin: 0 20px;text-decoration: none;}
#modal_privacidadNews .wrapBtn .btn.cancel{background:#000;border-color:#000;}
#modal_privacidadNews .wrapBtn .btn.accept{background:#3a3a3a;border-color:#3a3a3a;}

.ancla{visibility:hidden;display:inline-block;width:100%;}


/* cookies-modal-ajustes */
#cookies-modal-ajustes{width: 698px;height:auto;max-height: 75vh;max-width: 100%;overflow: visible!important;/* margin-left: -20px; */margin-right: -40px;float: left;}
#cookies-modal-ajustes h3{font-size: 20px;color: #585858;padding: 0 20px 10px;}
#cookies-modal-ajustes div.content div.scrollingContent{width: 100%;height: auto;max-height: 450px;overflow-y: auto;position:relative;margin-top: 10px;padding: 0;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes{float:left;width:100%;height: auto;overflow-y: auto;overflow-x: hidden;margin: 0;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li{display: inline-block;float:left;clear:left;width:100%;height: 45px;padding: 0px 0px;background:#EFF3F6;border-bottom: 2px solid #fff;box-sizing: border-box;cursor: pointer;position: relative;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li.actiu{background:#fff;border-bottom: 2px solid #EFF3F6;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li .tableCell{display: table-cell;width:100%;height: 45px;vertical-align: middle;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li h5{text-transform:none;font-size: 14px;line-height: 1.6;font-weight: 700;color: #585858;float:none;padding: 0 20px;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li .tableCell i:before{color: #787878;font-size: 30px;margin-right:20px;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li.actiu .tableCell i:before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
        transform:rotate(180deg);
        }
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes .inner{display:none;background: #fff;padding: 20px 20px;overflow-y: auto;width: 100%;height: 174px;}
#cookies-modal-ajustes div.content div.scrollingContent ul.pestanyes li.actiu + li.inner{display:block;}
#cookies-modal-ajustes div.content div.scrollingContent .inner, #cookies-modal-ajustes div.content div.scrollingContent .inner p{font-size: 14px;line-height: 1.6;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row{float:left;width:100%;margin-bottom: 40px;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row.setting{cursor: pointer;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row h5{float:left;font-size: 16px;text-transform: none;font-weight: bold;color: #585858;width: 65%;padding: 0;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch, #cookies-modal-ajustes div.content div.scrollingContent .inner .row span.always_on{float:right;font-size: 15px;line-height: 28px;cursor: pointer;width: 20%;text-align:right;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch span{float:right;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch span.icons{float:left;width: 40px;height: 20px;border-radius: 30px;margin-right: 10px;margin-top: 4px;background: #767676;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch span i{color:#fff !important;font-size: 18px;height: 18px;width: 18px;line-height: 20px;margin: 1px;float: left;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch span i:before{margin: 0;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch.on span, #cookies-modal-ajustes div.content div.scrollingContent .inner .row span.always_on span{color:#007CD2;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch.on span.icons{background:#007CD2;}
#cookies-modal-ajustes div.content div.scrollingContent .inner .row span.switch.on span i{float:right;}
#cookies-modal-ajustes .botons{float:left;display: inline-block;width: 100%;text-align:center;padding: 0;margin: 50px 0 0;/* position: absolute; *//* bottom: 0px; */}
#cookies-modal-ajustes .botons .boto{display:inline-block;padding: 10px 20px;min-width: 80px;text-align:center;font-size: 16px;margin: 0 45px;text-decoration: none;background: #D2DDE1;/* text-transform: uppercase; */font-weight: 700;color: #585858;}

/* fin simplemodal.css */

.novedades.emerg{float:left;width: 756px;height: 444px;padding: 0;position:fixed;background: #FAF9FE;left: 50%;transform:translateX(-50%);top:-500px;z-index:1002;-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);}
.novedades.emerg .imgWrap{position:relative;float: left;margin: 0;width: 40%;height: 100%;overflow:hidden;}
.novedades.emerg .imgWrap img{position:absolute;left:0;top:0;height: 100%;}
.novedades.emerg i.icon-cancel{float:right;font-size:25px;/* color: #00649d; */cursor:pointer;position: absolute;top: 9px;right: 11px;}
.novedades.emerg .form-container{float:left;width: auto;width: 60%;height: 100%;display: flex;align-items: center;padding: 0 48px 45px;}
.novedades.emerg h5{font-size: 42px;font-weight: 700;/* color:#fff; */padding-top:0px;letter-spacing: -.02em;}
.novedades.emerg p{/* color:#fff; */font-size: 16px;margin-top: 0px;margin-bottom: 26px;padding-right: 0;width:100%;font-weight: 400;}
.novedades.emerg p.subtit{color:#00649d;font-size: 24px;font-weight:700;line-height: 35px;display: inline-block;margin-top: -5px;letter-spacing: -.03em;}
.novedades.emerg p.subtit span{font-size: 35px;line-height: 29px;display: inline-block;color:#00649d;text-transform:uppercase;float:none;margin: 0;}
.novedades.emerg p strong{color:#00649d;font-size: 1em;}
.novedades.emerg p i{float:left;width:25px;height:25px;position:relative;top:-3px;left:2px;margin-right:12px;}
.novedades.emerg input.mail, .novedades.emerg input.name{float:left;width: 60%;height: 38px;background:#fff;color:#AEAEAE;font-size:13px;padding:0px 10px 0;font-style:italic;border-radius:0;margin-top: 6px;border: 1px solid #595959;}
.novedades.emerg input.name{width:100%;}
.novedades.emerg div.bt{float:left;width: 40%;height: 38px;line-height: 38px;padding:0;text-align:center;cursor:pointer;color: #3f3f3f;text-transform: uppercase;letter-spacing: 0.1em;margin-top: 6px;border: 1px solid #595959;border-left: none;background:#fff;font-size:14px;}
.novedades.emerg div.bt:hover{opacity:0.8;}
.novedades.emerg div.bt i{float:right;width:15px;height:20px;top:6px;right:18px;}
.novedades.emerg input.chk{float:left;margin: -5px -10px 0 3px;padding:0;position:relative;}
.novedades.emerg span{/*float:left;font-size:10px;color:#fff;margin: 0 0 0 20px;*/}
.novedades.emerg a{float:left;font-size:10px;color:#fff;text-decoration:underline;margin: 0 0 0 5px;}
.novedades.emerg a:hover{text-decoration:none}

/* Custom checkbox and radio ------------------------------------------------------------------------ */

/*CHECKBOX*/
/* Customize the label (the container) */
.customCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  min-height: 22px;
  margin: 0.26em 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customCheck input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;}

/* Create a custom checkbox */
.customCheck .checkmark {position: absolute;top: 0px;left: 0;height: 22px;width: 22px;background-color: #fff;border: 1px solid #D2D2D2;/*font-size: 14px;*//*line-height: 22px;*/}

/* On mouse-over, add a background color */
.customCheck:hover input[type="checkbox"] ~ .checkmark {background-color: #f5f5f5;}

/* When the checkbox is checked, add a background */
.customCheck input:checked ~ .checkmark, .customCheck:hover input:checked ~ .checkmark {background-color: #3a3a3a;border-color:#3a3a3a;}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheck .checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.customCheck input:checked ~ .checkmark:after {display: inline-block;}

/* Style the checkmark/indicator */
.customCheck .checkmark:after {
  left: 7px;
  top: 2px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vbox-container .customCheck .checkmark:after {
  left: 7px;
  top: 2px;
  width: 4px;
  height: 10px;
}

/*RADIO*/
/* Customize the label (the container) */
.customRadio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

/* Hide the browser's default radio button */
.customRadio input[type="radio"] {position: absolute;opacity: 0;}

/* Create a custom radio button */
.customRadio .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: #D2D2D2;border-radius: 50%;}
.customRadio .checkmark:after{}

/* On mouse-over, add a background color */
.customRadio:hover input[type="radio"] ~ .checkmark {background-color: #ccc;}

/* When the radio button is checked, add a background */
.customRadio input:checked ~ .checkmark, .customRadio:hover input:checked ~ .checkmark {background-color: #3a3a3a;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.customRadio .checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
.customRadio input:checked ~ .checkmark:after {top: 8px;left: 8px;width: 8px;height: 8px;}

/* Style the indicator (dot/circle) */
.customRadio .checkmark:after {content:"";display: block;position:relative;top:1px;left:1px;height: 22px;width: 22px;background-color: #fff;border-radius: 50%;}


/* LLO 05/07/2019 - AnADO ESTILOS PARA LAS IMAGENES DE LAS REDES SOCIALES */
.red_social .red_social_icono_out
{
    display:inline-block;
}

.red_social:hover .red_social_icono_out
{
    display:none;
}

.red_social .red_social_icono_hover
{
    display:none;
}

.red_social:hover .red_social_icono_hover
{
    display:inline-block;
}
/* fin LLO 05/07/2019 - AnADO ESTILOS PARA LAS IMAGENES DE LAS REDES SOCIALES */

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

    /* tel linkable */
    .tel-cell div {pointer-events:auto;}

    }


.div_autoplay
{
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;	
}


.div_autoplay_derecha_video
{
	width:40%;
	max-width:40%;
}

.div_autoplay_derecha_texto
{
	width:60%;
	max-width:60%;
	padding-left:20px;
}

.div_autoplay_izquierda_video
{
	width:40%;
	max-width:40%;
}

.div_autoplay_izquierda_texto
{
	width:60%;
	max-width:60%;
	padding-right:20px;
}

/* LLO 20/02/2024 - TAREA 7744: A peticion de Berta Bachs, en los accesos directos el titulo h4 tiene que quedar centrado en pantallas pequeñas */
@media (min-width: 520px) and (max-width: 779px){
	.heading-icons h4
	{
		text-align:center !important;
	}
}
		
@media (max-width: 519px) {		
	.heading-icons h4
	{
		text-align:center !important;
	}
}

/* LLO 05/03/2021 - TAREA 7757: Añadimos el banner telefono */
.banner_telefono_wrapper
{
	background:transparent;
	position: fixed;
	width: 100%;
	height: 71px;
	bottom: -71px;
}

.banner_telefono_envoltorio
{
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  
  justify-contents:center;
  align-items:center;	
}

.banner_telefono
{
	position: relative;
	margin:0 auto;
	
	width:auto;
	min-width: 251px;
	min-height: 71px;
	height:auto;
	background: #F27620;
	border-radius: 15px 15px 0px 0px;
	padding:15px 15px 10px 15px;
	
	/*font-family: 'Libre Franklin';*/
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 23px;
	text-align: center;

	color: #FFFFFF;

  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  
  align-items:center;	
}

.banner_telefono img
{
	margin-right:8px;
}

.banner_telefono_contenido
{
	display:inline-block;
}
.banner_telefono_contenido a, .banner_telefono_contenido a:visited, .banner_telefono_contenido a:hover
{
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;

	color: #000000;
}

/******************************************************************************/
/* COOKIES v.2024 *************************************************************/

/**************/
/*** SWITCH ***/
/**************/

.form_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.form_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.form_switch_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px #979797;
  background-color: #d8d8d8;
  -webkit-transition: .4s;
  transition: .4s;
}

.form_switch_slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.form_switch_slider:hover {
  background-color: var(--PROYECTO_color_principal);
}

input:checked + .form_switch_slider {
	border: solid 1px var(--PROYECTO_color_principal);
  background-color: var(--PROYECTO_color_principal);
}

input:focus + .form_switch_slider {
  box-shadow: 0 0 1px var(--PROYECTO_color_principal);
}

input:checked + .form_switch_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.form_switch_slider.form_switch_round {
  border-radius: 34px;
}

.form_switch_slider.form_switch_round:before {
  border-radius: 50%;
}
/* fin SWITCH */

/*-- COOKIES ---------------------------------------------------------------*/

.COOKIES_BANNER_envoltorio
{	
  position: fixed; 
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#F1F1F1;
  padding:20px 0px;
  z-index:999999;
}

.COOKIES_BANNER_contenido
{
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	
	align-items:center;
	justify-content:space-between;
	
	max-width:90%;
	margin:0 auto;
	@media screen and (min-width: 520px) 	
	{
		max-width:90%;
		margin:0 auto;
	}		

	@media screen and (min-width: 780px) 	
	{
		max-width:100%;
		margin:0;
	}		

	@media screen and (min-width: 1020px) 	
	{
		max-width:100%;
		margin:0;
	}				
}

.COOKIES_BANNER_texto
{
	
	height:auto;
	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 176.923% */	
	text-align: justify;
	
	padding:0;

	width:100%;
	@media screen and (min-width: 520px) 	
	{
		width:100%;
	}		

	@media screen and (min-width: 780px) 	
	{
		width:45%;
	}		

	@media screen and (min-width: 1020px) 	
	{
		width:45%;
	}			

	
	
}

.COOKIES_BANNER_texto a, .COOKIES_BANNER_texto a:visited, .COOKIES_BANNER_texto a:hover
{
	color: #313131;
	text-decoration:underline;
}

.COOKIES_BANNER_botones
{
	
	
	width:100%;
	margin-top:15px;
	padding-left:0px;
	@media screen and (min-width: 520px) 	
	{
		margin-top:15px;
		width:100%;
		padding-left:0px;
	}		

	@media screen and (min-width: 780px) 	
	{
		margin-top:0px;
		width:55%;
		padding-left:15px;
	}		

	@media screen and (min-width: 1020px) 	
	{
		margin-top:0px;
		width:55%;
		padding-left:15px;
	}	
}

a.COOKIES_boton
{
	text-align: center;
	font-family: Libre Franklin, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 200% */
	letter-spacing: 0.28px;

	border-radius: 30px;
	padding:5px 15px;	
	
	text-decoration:none;

	display:block;
	width:100%;
	margin:0 0 15px 0;
	@media screen and (min-width: 520px) 	
	{
		display:block;
		width:100%;
		margin:0 0 15px 0;
	}		

	@media screen and (min-width: 780px) 	
	{
		display:inline-block;
		width:auto;
		margin:5px 5px 5px 0;
	}		

	@media screen and (min-width: 1020px) 	
	{
		display:inline-block;
		width:auto;
		margin:5px 5px 5px 0;
	}		
}


a.COOKIES_boton:last-child
{
	margin-right:0px;
}


a.COOKIES_boton_simple,a.COOKIES_boton_simple:visited,a.COOKIES_boton_simple:hover
{
	color: var(--PROYECTO_color_principal);
	border: 1px solid var(--PROYECTO_color_principal);
	background-color: transparent;
}

a.COOKIES_boton_resaltado, a.COOKIES_boton_resaltado:visited, a.COOKIES_boton_resaltado:hover
{
	color: #fff;
	background-color: var(--PROYECTO_color_principal);
	border: 1px solid var(--PROYECTO_color_principal);
}

.COOKIES_CONFIGURAR_dialogo
{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000000; /* Sit on top */
  left: 0;
  top: 0;
  overflow: visible; /* sin scroll */

  background-color: rgba(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
  
  width:100%;
  height: 100%; /* Full height */
  max-height:100%;
  overflow-y:auto;
}


.COOKIES_CONFIGURAR_dialogo_caja {
	position:relative;
  margin: 100px auto; /* 15% from the top and centered */
  background: #F1F1F1;
  
  box-shadow: 0px 0px 10px 0px #000;
  
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 	 
    
  padding: 20px 20px 20px 20px;
  border: 0;
  width: 95%; /* Could be more or less, depending on screen size */
  max-width:95%;    
	@media screen and (min-width: 520px) 	
	{
	  padding: 20px 20px 20px 20px;
	  border: 0;
	  width: 95%; /* Could be more or less, depending on screen size */
	  max-width:95%;
  }		

	@media screen and (min-width: 780px) 	
	{
	  padding: 20px 0px 20px 0px;
	  border: 0;
	  width: 95%; /* Could be more or less, depending on screen size */
	  max-width:960px;
	}		

	@media screen and (min-width: 1020px) 	
	{
	  padding: 20px 0px 20px 0px;
	  border: 0;
	  width: 95%; /* Could be more or less, depending on screen size */
	  max-width:960px;
	}		     
}

.COOKIES_CONFIGURAR_dialogo_cabecera
{
	margin-left:20px;
	
	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	
	margin-bottom:10px;
}

.COOKIES_CONFIGURAR_dialogo_cabecera img
{
	margin-bottom:5px;
	max-width:234px;
}

.COOKIES_CONFIGURAR_dialogo_contenido
{
	background-color: #F1F1F1;
	padding-bottom:20px;
}

.COOKIES_CONFIGURAR_dialogo_contenido_principal
{
	@media screen and (min-width: 520px) 	
	{
  }		

	@media screen and (min-width: 780px) 	
	{
	  box-sizing: border-box;
	  display: -ms-flexbox;
	  display: -webkit-box;
	  display: flex;
	  -ms-flex: 0 1 auto;
	  -webkit-box-flex: 0;
	  flex: 0 1 auto;
	  -ms-flex-direction: row;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  flex-direction: row;
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
		
		align-items:flex-start;
		justify-content:stretch;

	}		

	@media screen and (min-width: 1020px) 	
	{
	  box-sizing: border-box;
	  display: -ms-flexbox;
	  display: -webkit-box;
	  display: flex;
	  -ms-flex: 0 1 auto;
	  -webkit-box-flex: 0;
	  flex: 0 1 auto;
	  -ms-flex-direction: row;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	  flex-direction: row;
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
		
		align-items:flex-start;
		justify-content:stretch;
	}			
}


.COOKIES_CONFIGURAR_dialogo_menu
{
	flex-grow:1;
	
	display:none;
	@media screen and (min-width: 520px) 	
	{
		display:none;
  }		

	@media screen and (min-width: 780px) 	
	{
	  display:block;
	}		

	@media screen and (min-width: 1020px) 	
	{
	  display:block;
	}	
}

.COOKIES_CONFIGURAR_dialogo_menu_SMALL
{
	display:block;
	@media screen and (min-width: 520px) 	
	{
		display:block;
  }		

	@media screen and (min-width: 780px) 	
	{
	  display:none;
	}		

	@media screen and (min-width: 1020px) 	
	{
	  display:none;
	}		
}

.COOKIES_CONFIGURAR_dialogo_menu_item_SMALL
{
	background-color:#F1F1F1;

	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 186.667% */
	
	
	padding:10px 20px 10px 20px;
	
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 		
	
	border-bottom:1px solid #fff;
	white-space:nowrap;
}

.COOKIES_CONFIGURAR_dialogo_menu_item_SMALL.seleccionado
{
	display:none;
}

.COOKIES_CONFIGURAR_dialogo_menu_item
{
	background-color:#F1F1F1;

	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 208.333% */
	
	
	padding:10px 20px 10px 20px;
	
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 		
	
	border-bottom:1px solid #fff;
	white-space:nowrap;
}

.COOKIES_CONFIGURAR_dialogo_menu_item.seleccionado
{
	background-color:#FFF;
}

.COOKIES_CONFIGURAR_dialogo_contenido_item
{
	flex-grow:1;
	min-width:70%;
	display:none;
	background-color:#FFF;
	padding:10px 20px 10px 20px;
	
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 		
}

.COOKIES_CONFIGURAR_dialogo_contenido_item_texto
{
	background-color:#FFF;
	
	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 192.308% */

	@media screen and (min-width: 520px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 25px; /* 192.308% */
  }		

	@media screen and (min-width: 780px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 25px; /* 208.333% */
	}		

	@media screen and (min-width: 1020px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 25px; /* 208.333% */
	}		
		

}


.COOKIES_CONFIGURAR_dialogo_contenido_item_titulo
{
	position:relative;

	color: #313131;
	font-family: Libre Franklin, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 186.667% */
	
	
	@media screen and (min-width: 520px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 186.667% */
  }		

	@media screen and (min-width: 780px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 25px; /* 208.333% */
	}		

	@media screen and (min-width: 1020px) 	
	{
		color: #313131;
		font-family: Libre Franklin, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 25px; /* 208.333% */
	}		

	
	margin-bottom:15px;
}

.COOKIES_CONFIGURAR_botones
{
	padding:15px 20px 15px 20px;
	text-align:right;
}

.COOKIES_switch
{
	position:absolute;
	top:0;
	right:0;
}

.COOKIES_switch .form_switch_slider:hover {
  background-color: var(--PROYECTO_color_principal);
}

.COOKIES_switch input:checked + .form_switch_slider {
	border: solid 1px var(--PROYECTO_color_principal);
  background-color: var(--PROYECTO_color_principal);
}

.COOKIES_switch input:focus + .form_switch_slider {
  box-shadow: 0 0 1px var(--PROYECTO_color_principal);
}





.heading-1x1bg
{
	text-shadow: 1px 1px 10px #999;
}




.txt-1x1bg
{
	text-shadow: 1px 1px 10px #999;
}


.flex-title
{
	text-shadow: 1px 1px 10px #999;
}

.flex-text
{
	text-shadow: 1px 1px 10px #999;
}

.buc_text ul
{
	list-style-type:disc !important;
	margin-left:25px;
}

.buc_text ol
{
	list-style-type:decimal !important;
	margin-left:25px;
}

.buc_llista ol
{
	list-style-type:decimal !important;
	margin-left:25px;
}