.barlogo_open{visibility: hidden;}
#barlogo_open{visibility: hidden;}
#div_dj_responsive{visibility: hidden;display:none;}
/* -------------------------------------------------- */
a:active,
a:link,
a:visited {
  color: #0093d2;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* -------------------------------------------------- */
body {
  background-color: #525252;
  background-image: url("/images/header_bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  font-family: Arial;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
/* -------------------------------------------------- */
div#div_dj {
  position: absolute;
  right: 0px;
  top: 34px;
}
/* -------------------------------------------------- */
div#div_footer {
  color: #ffffff;
  font-size: 11px;
  margin: 10px 0px 0px 0px;
  text-align: center;
  padding-top: 15px;
}
/* -------------------------------------------------- */
div#div_footer a:active,
div#div_footer a:hover,
div#div_footer a:link,
div#div_footer a:visited {
  color: #ffffff;
  text-decoration: underline;
}
/* -------------------------------------------------- */
div#div_header {
  height: 200px;
  position: absolute;
  text-align: right;
  top: 0px;
  width: 900px;
}
/* -------------------------------------------------- */
div#div_header_logo {
  /* background-image: url("/images/header_logo_bg.png"); */
  /* background-position: top center; */
  /* background-repeat: no-repeat; */
  background-color: #0093d2;
  border-radius: 0px 0px 10px 10px;
  height: 56px;
  left: 10px;
  padding: 30px 0px 29px 0px;
  position: absolute;
  top: 0px;
  width: 284px;
}

/* -------------------------------------------------- */
img#logo_imatge {
  margin-left: 13%;
}

/* -------------------------------------------------- */
div#div_languages {
  color: #a2a2a2;
  font-size: 11px;
  position: absolute;
  right: 0px;
  top: 10px;
}
/* -------------------------------------------------- */
div#div_languages span.on {
  color: #ffffff;
}
/* -------------------------------------------------- */
div#div_languages span a:active,
div#div_languages span a:hover,
div#div_languages span a:link,
div#div_languages span a:visited {
  color: #a2a2a2;
}
/* -------------------------------------------------- */
div#div_main_menu {
  bottom: 10px;
  font-weight: bold;
  position: absolute;
  right: 0px;
}
/* -------------------------------------------------- */
div#div_main_menu ul li a:active,
div#div_main_menu ul li a:link,
div#div_main_menu ul li a:hover,
div#div_main_menu ul li a:visited {
  color: #ffffff;
}
/* -------------------------------------------------- */
div#div_main_menu ul li {
  float: left;
}
/* -------------------------------------------------- */
div#div_main_menu ul li div div div {
  margin: 0px 5px 0px 5px;
  padding: 10px 0px 75px 0px;
}
/* -------------------------------------------------- */
/* div#div_main_menu ul li.on div {
  background-image: url("/images/menu_left_on.png");
  background-position: top left;
  background-repeat: no-repeat;
} */
/* -------------------------------------------------- */
/* div#div_main_menu ul li.on div div {
  background-image: url("/images/menu_right_on.png");
  background-position: top right;
  background-repeat: no-repeat;
} */
/* -------------------------------------------------- */
div#div_main_menu ul li.on div div div {
  /* background-color: #ffffff; */
}
/* -------------------------------------------------- */
div#div_main_menu ul li.on div div div a:active,
div#div_main_menu ul li.on div div div a:hover,
div#div_main_menu ul li.on div div div a:link,
div#div_main_menu ul li.on div div div a:visited {
  color: #0093d2;
}
/* -------------------------------------------------- */
div.h1 {
  color: #0093d2;
  font-size: 30px;
  margin: 0 0 10px 0;
}

div.h_1 {
  color: #0093d2;
  font-size: 30px;
  margin: 0 0 10px 0;
  padding-top: 20px;
}

div.concert{
  color: #ffffff;
  font-size: 30px;
  margin: 0 0 10px 0;
}

/* -------------------------------------------------- */
div.h12 {
  color: #0093d2;
  font-size: 14px;
  position: absolute;
  display: inline-block;
  text-align: center;
  margin-top: 27px;
  margin-left: 60px;
  /*
  margin: 10px 0;
  bottom: 50px;
  left: 545px; */
}
/* -------------------------------------------------- */
div.h2 {
  font-size: 16px;
  font-weight: bold;
  color: #252525;
  margin: 10px 0;
}
/* -------------------------------------------------- */
input, select, textarea {
  font-family: Arial;
  font-size: 12px;
}
/* -------------------------------------------------- */
li.button {
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}
/* -------------------------------------------------- */
li.button div {
  background-image: url("/images/button_right.png");
  background-position: top right;
  background-repeat: no-repeat;
}
/* -------------------------------------------------- */
li.button div div {
  background-image: url("/images/button_left.png");
  background-position: top left;
  background-repeat: no-repeat;
}
/* -------------------------------------------------- */
li.button div div div {
  background-image: url("/images/button_bg.png");
  background-repeat: repeat;
  /* margin: 0px 15px 0px 15px; */
  padding: 3px 0px 5px 0px;
}
/* -------------------------------------------------- */
li.small_button {
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
}
/* -------------------------------------------------- */
li.small_button div {
  background-image: url("/images/small_button_right.png");
  background-position: top right;
  background-repeat: no-repeat;
}
/* -------------------------------------------------- */
li.small_button div div {
  background-image: url("/images/small_button_left.png");
  background-position: top left;
  background-repeat: no-repeat;
}
/* -------------------------------------------------- */
li.small_button div div div {
  background-image: url("/images/small_button_bg.png");
  background-repeat: repeat;
  margin: 0px 10px 0px 10px;
}
/* -------------------------------------------------- */
span.error {
  color: #ff0000;
}
/* -------------------------------------------------- */
td {
  font-family: Arial;
  font-size: 12px;
}
/* -------------------------------------------------- */
td.box {
  border: 1px solid #0093d2;
  color: #0093d2;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
/* -------------------------------------------------- */
td.button {
  background-color: #0093d2;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
/* -------------------------------------------------- */
td.form {
  background-color: #ffffff;
  border: 1px solid #0093d2;
}
/* -------------------------------------------------- */
td.form_field {
  background-color: #e9e9e9;
  padding: 2px 10px 2px 10px;
}
/* -------------------------------------------------- */
td.form_label {
  background-color: #0093d2;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
}
/* -------------------------------------------------- */
td.form_required {
  background-color: #e9e9e9;
  color: #ff0000;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
/* -------------------------------------------------- */
td.grid {
  background-color: #ffffff;
  border: 1px solid #0093d2;
}
/* -------------------------------------------------- */
td.grid_cell {
  padding: 5px 10px 5px 10px;
  text-align:left;
}
/* -------------------------------------------------- */
td.grid_cell a:active,
td.grid_cell a:hover,
td.grid_cell a:link,
td.grid_cell a:visited {
  color: #0093d2;
}
/* -------------------------------------------------- */
td.grid_footer {
  color: #0093d2;
  font-size: 11px;
}
/* -------------------------------------------------- */
td.grid_header {
  background-color: #0093d2;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  vertical-align: bottom;
}
/* -------------------------------------------------- */
td.grid_header a:active,
td.grid_header a:hover,
td.grid_header a:link,
td.grid_header a:visited {
  color: #ffffff;
}
/* -------------------------------------------------- */
tr.grid_row_1 {
  background-color: #e9e9e9;
}
/* -------------------------------------------------- */
tr.grid_row_2 {
  background-color: #f6f6f6;
}
/* -------------------------------------------------- */
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  /* padding: 4%;
  background-color: #525c62;
  border-radius: 10px; */
}
/* -------------------------------------------------- */
div#div_index_16 {
    position: absolute;
    top: 5px;
    right: 120px;
    z-index: 99999;
}
/* -------------------------------------------------- */
div#div_index_16 img {
  margin: 0px 10px 0px 0px;
}
h1, h2 {font-weight: normal}

div#div_index_14 ul{
  list-style: none;
  margin: 0px;
  padding: 4%;
  background-color: #525252;
  border-radius: 10px;
}

#condiciones{
  display: inline-flex;
}

.newsletters_home{
  background-color: #21a3c3;
  display: inline-flex;
  width: 100%;
}

.newsletters_home #descripcio{
  color: white;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-right:10px;
  width: 100%;
}

.newsletters_home #descripcio span{
  min-height: 66px;
  display: inline-flex;
  align-items: center;
}

.newsletters_home #imatge_callout{
  display: inline-flex;
}

.newsletters_home #descripcio p strong{
  font-size: 17px;
}

.newsletters_home #imatge_callout img{
  margin-top: 14px;
  width: 60px;
  height: 40px;
  margin-bottom: 14px;
}

.concerts_pastilla{
  background-color: #e2e2e2;
  margin-top: 2%;
  display: inline-flex;
  width: 100%;
}

.concerts_pastilla .dintre{
  margin: 20px;
  width: 100%;
  margin-left: 0px;
}

#city{
  font-weight:bold;
  color: 	#000000;
  font-size: 18px;
  text-align: center;
}

.concerts_pastilla .dintre .city{
  text-align: center;
}

.concerts_pastilla .dintre .data{
  margin-bottom: 2%;
}

.concerts_pastilla .dintre2{
  margin: 20px;
  width: 100%;
  margin-top: 35px;
  margin-left: 0px;
}

.boton{
  margin-left: 18%;
  margin-top: 12px;
}

.titol{
  display: inline-flex;
}

.subtitol{
  display: inline-flex;
  margin-left: 141px;
  margin-top: 13px;
}

.subtitol_sm{
  display: inline-flex;
  margin-top: 13px;
}

.subtitol .comparte{
  margin-top: 7px;
}

.yt_holder #ytvideo2 iframe{
  width: 100%;
}

.status{
  color: red;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
}

ul .button a{
  color: white;
  text-decoration: none;
}
#barlogo_close{
  display:none;
}

#div_languages_sm{
  display:none;
}

div#div_footer_sm{
  display:none;
}

/* -------------------------------------------------- */
/* Responsive movile */

@media only screen and (max-width: 700px) {
  /* Header bar */
  div#div_header{
      width: 100%;
      z-index: 1;
      text-align: center;
      height: 350px;
      display:none;
  }
  div#div_main_menu ul li div div div{
      margin: 0px;
      padding: 10px 0px 3px 0px;
      font-size: 26px;
  }
  div#div_main_menu{
      width: 100%;
      background-color: #0093d2;
      visibility: hidden;
      height: 350px;
  }
  .barlogo_open{
      font-size: 30px;
      margin-left: 85%;
      margin-top: 7%;
      color: white;
      position: absolute;
      visibility: visible !important;
      top:0px;
  }
  #barlogo_close{
      font-size: 30px;
      margin-left: 85%;
      margin-top: 2%;
      color: white;
      position: absolute;
      display:block;
  }
  div#div_main_menu ul li{
      float: none;
  }
  div#div_languages{
      display: none;
  }
  div#div_main_menu ul li.on div div div a:active, div#div_main_menu ul li.on div div div a:hover, div#div_main_menu ul li.on div div div a:link, div#div_main_menu ul li.on div div div a:visited{
      color: white;
  }

  .top_menu{
      margin-top: 5%;
  }
  div#div_header_logo{
      background-color: transparent;
      left: 0px;
      width: 100px;
      padding: 15px 0px 29px 0px;
  }
  div#div_header_logo img{
      width: 150px;
  }
  /* Footer */
  #div_index_8_1{
      display: none !important;
  }

  .publi{
      margin-top: 3%;
  }

  #div_dj_responsive{visibility: visible;display:block;}

  div#div_footer{
      margin: 10px 10px 0px 10px;
  }

  /* div on hi ha las xarxes socials */
  #div_dj{
      display: none;  
  }
  #div_languages_sm{
    display:block;
    margin-bottom:15px;
    font-weight:bold;
    font-size:15px;
    position:absolute;
    top:0px;
    margin-left:74%;
    color:white;
  }
  div_languages_sm span.on {
    color: #ffffff;
  }
  div#div_languages_sm span a:active,
  div#div_languages_sm span a:hover,
  div#div_languages_sm span a:link,
  div#div_languages_sm span a:visited{
    color: #a2a2a2;
    text-decoration:none;
  }
  div#div_footer{
    display:none;
  }
  div#div_footer_sm{
      display: block;
      margin: 10px 10px 0px 10px;
      text-align: center;
      padding-top: 15px;
      color: #ffffff;
      font-size: 11px;
  }
}