body{ font-family: 'Soho W01 Light', arial, sans-serif; text-decoration: none; padding-top: 0}
.hidden {display: none}
a{text-decoration: none; color: #fff; text-decoration: underline;}
h1,h2,h3{ margin: 0px; padding: 0px; font-weight: normal;}
h1{color:red; font-size: 40px; font-family: 'Soho Gothic W01 Bold', arial, sans-serif; color:#fff; margin-bottom: 20px;}
h2{font-size: 30px; color:#ffee36; font-family: 'Soho Gothic W01 Bold', arial, sans-serif; margin-bottom: 20px;}
label{margin: 10px 0;}
form select {padding: 5px 5px 5px 0;}
form label input[type="checkbox"] { float:left;}
form label input[type="checkbox"] + span {display: block; padding-top: 2px;}
select.form-control {padding: 0;height: inherit; border-radius: 0; height: 30px}
label {font-weight: normal; margin:0;}

footer {width: 100%}
footer p {height:40px; text-align: right;}
footer .pull-right {float: right;display: block}

.phone footer#cookies-advice {display: none}
footer#cookies-advice {position:fixed; bottom: 0; width: 100%; height: 33px; background-color: #5b5b5b; z-index: 99; font: 13px/33px "Soho Gothic W01 Light",sans-serif; color:#fff; opacity:0.9; border-top:1px solid #fff; }
footer#cookies-advice p {margin:0 auto; text-align: left;}
footer#cookies-advice p a {color:#fff; font-weight: bold}
footer#cookies-advice p a.pull-right {background-color: #000; padding:0 15px;}

footer#links {text-align: center; margin-top:50px; padding:5px 0 0 0;border-top:1px solid #056f9e;bottom: initial; position:absolute; width: 100%}
footer#links ul {list-style: none; margin-bottom: 10px; padding: 0}
footer#links li { display: inline-block; padding:0 5px;}
footer#links a {font: 13px/16px 'Soho Gothic W01 Medium', sans-serif; color:#056f9e;}
footer#links.swipe {overflow-x: hidden; }
footer#links.swipe ul {width: 150%;text-align: left; }

footer#peu-ara {position: fixed; right:10px; bottom: 0px}

.container{ margin-top:0px; }
.container_central{ max-width: 1280px; margin: 0px auto; overflow: hidden;}
.container_text{ width: 750px; margin:20px auto 0; overflow: hidden;position: relative; padding:15px 0;}
/*.container_text:before { background-color: #000; opacity: .2; content:' ';position:absolute;top:0;left:0;width: 100%;height: 100%; z-index: -1}*/
.container_form{width: 320px; padding: 10px; margin:0 auto 30px; overflow: hidden; background-color:#1899c1; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.container_form p { font-family: 'Soho Gothic W01 Regular'; /*font-size: 25px;text-align: center; padding: 0px 0px 20px 0px;*/ margin:0 0 10px 0; color:#fff;}

.row {overflow: auto; margin:0;}
.form-group {display: inline;}
.form-group label {display:none;}
.form-group.form-group-entradesi label {display: block;float:left; width: 135px;line-height: 30px;}
.form-group.form-group-entradesi select {width: 100px; display: inline-block;}
.formulari label, .formulari label span {color: #fff}
.form-errors {display: none}

.avis, .alert{background: #FFF3F3; border:5px solid #FF8B8E; margin:0 0 1.5em; padding:10px;}
.avis p, .alert p {margin-bottom:10px; padding:0;font-weight:bold; color:#c00; font-size:0.85em; text-align: left;}
.avis ul.errors, .alert ul.errors { margin:0 0 0 1em; padding:0;  }
.avis li, .alert li {color:#c00; list-style:square outside none; font-family:Arial,Helvetica,sans-serif;font-size:0.85em;}
.avis a, .alert a {color:royalblue; text-decoration: none}
.avisgris p {color:#888;}

.boto-pensant {background: #88a url(../img/loading_b.gif) 240px center no-repeat !important; padding-left:25px}

.text{padding:0 10px;}
.boto{ font-size: 17px; line-height: 17px; width: 100%;}
ul.destacats {margin-left: 1.5em; padding-left: 1em}
ul.destacats li, p.destacats{font-size: 18px;color: #fff;}
.divisor{ font-size: 12px; text-align: center; padding: 20px 0;}
.divisor .line{border-bottom: 1px solid #fff;}
.divisor .obe{  margin-top: -8px; background-color: #1899c1; display: inline-block; padding: 0 10px;}

form input.half{ width: 145px !important; float: left;}
.a{ margin-right:10px;}
.botoaccedeix{ width: 100%; background-color:#da8741; padding: 7px; margin-top:20px;}
.botoaccedeix:hover{ background-color:#da8741; }
.botofacebook{ width: 100%; padding: 10px; background: #3a5894 no-repeat 10px center; background-size: 22px 18px;}
.botofacebook:hover{ background-color: #3a5894; }

.boxpassword{ width: 100%; position: relative;}
.boxpassword .showpassword{ position: absolute; top: 0px; right: 0px; background-color: #ccc; height:30px; width:75px;}
.boxpassword .showpassword label{margin: 5px 0 0 5px; }
.boxpassword .showpassword label span {color:#333;}

#diahora-taula {list-style: none;margin: 3em 0 0 0;padding: 0; }
#diahora-taula li {width: 9.7em; height:3.5em; padding-top: 0.7em;color:#999;font-weight: bold;font-size:0.9em;background-color: #fff; margin: 5px;text-align: center; float:left;}
#diahora-taula li.selected {background-color: #1899c1;}
#diahora-taula a {color:royalblue;  text-decoration: none;display: block;}
#diahora-taula a:hover {text-decoration: underline;}
#diahora-taula li.selected a {color: #ff0;}
#diahora-taula span {color:#aaa;font-size: 0.9em;}
#diahora-taula li.selected span {color:#fff;}
#diahora-taula li.proximament, #diahora-taula li.proximament span {color:#777;}
#diahora-taula li.proximament:before {content: "Pròximament";width: 11em; background-color: #ddd; color:#777;position: absolute; margin:0.5em 0 0 -5.5em; padding: 3px 0;
                                      text-transform: uppercase;letter-spacing: 3px; opacity: 0.3; font-family: arial;-webkit-transform: rotate(-14deg);-moz-transform: rotate(-14deg);transform: rotate(-14deg); }
#diahora-taula li.exhaurides, #diahora-taula li.exhaurides span {color:#777;}
#diahora-taula li.exhaurides:before {content: "Complet";width: 11em; background-color: #ddd; color:#f00;position: absolute; margin:0.5em 0 0 -5.5em; padding: 3px 0;
                                      text-transform: uppercase;letter-spacing: 3px; opacity: 0.7; font-family: arial;-webkit-transform: rotate(-14deg);-moz-transform: rotate(-14deg);transform: rotate(-14deg); }


#diahora-div {background-color: #fff;color:#666; padding: 0 10px 10px; min-height: 8em; margin-bottom: 1.5em;}
#diahora-div a {color:royalblue;}
#diahora-div:before {border-top:4px solid #686868; content:" "; display:block; width:13em; margin:0 auto 1em; margin-bottom: 1em}
.formulari textarea {height: 8em !important;  resize: none; margin-top:1em;color:#000;}
#ben_email-sublabel {display: none}
#ben_sexe-options.form-group label {display: initial; }
#ben_sexe-options.form-group .control-options {display: inline}
#ben_sexe-options.form-group input {vertical-align: text-bottom;}
label#extra1-label span {display: none}
.form-group-entradesi label {margin-right: 10px}
.confirmacio h4, .exhaurides h4 {color:#fff; font-size:1.2em;}
.entra-al-ara h4, .default h4{color:#fff; }

#pagament-options.form-group label {padding-right: 10px}
.pagos {margin-top: 1em}
#import {display: inline-block; color:#ff0; padding-left: 15px; font-weight: bold;}
.form-group-redsys_cvv2 .control-input {display: inline;}
#redsys_cvv2 {width: 18%; margin-right:0; display:inline-block;}
#redsys_date .control-label-select {color: #fff; padding-left: 15px; padding-right: 0; margin-top: 0}
#redsys_date .control-select {width: 70px; padding-left: 10px; padding-right: 0}

.form-group label {display: none; }
#pagament-options.form-group label {display: initial; }
#pagament-options.form-group .control-options {display: inline}
#pagament-options.form-group input {vertical-align: text-bottom;}
#paypal {background-color: transparent; border:1px solid #fff;}
#paypal p {font-size: 0.84em;text-align: left}

form label input[type="checkbox"] + span { padding-left:20px;}

.container_form.exhaurides {width:100%; max-width:710px; border:1px solid #fff;}
.container_form.exhaurides h4 {margin-top: 0; margin-bottom: 1em}

@media only screen and (min-width: 769px) and (max-width: 1124px) {
  body{padding-top: 0px;}
  .container {margin-top:10px;}
  .container_central{ max-width: 1024px;}
  .container_text{ width: 570px; }
  .container_form{ margin-top:15px;}
  h1 {font-size: 30px}
  h2{ font-size: 20px;}
  ul.destacats li{font-size: 18px;color: #fff;}
  #diahora-taula {margin-left: 10px}
  #diahora-taula li {width: 10.5em}
  footer p {width: 100%}
  footer.legal {padding-right: 10px; padding-left: 10px}
}

@media only screen and (min-width: 737px) and (max-width: 768px) {
  body{padding-top: 0px;}
  h1{ font-size: 28px; text-align: left;margin-left: 10px}
  h2{ font-size: 20px; text-align: left;margin-left: 10px}
  .container_text {width: 65%}
  .container_form{ float: none; width: 50%; margin:0 auto;}
  ul.destacats li{font-size: 17px; margin-left: 1em}
  #diahora-taula{display: block; margin:1em 1.3em;overflow: auto;}
  #diahora-taula li {width: 10.5em; height:4.2em;font-size:0.8em; }
  .formulari .dades {display: block !important;}
  form input.half{ width: 48.5% !important; }
  form label {font-size: 1em}
  form input[type="checkbox"] {transform: scale(1.5);  -webkit-transform: scale(1.5); height: 20px}
  .botoaccedeix {font-size: 1.1em; padding: 15px}
  footer p {width: 100%}
}

@media only screen and (max-width: 767px) {
  body{ padding-top: 0; }
  #araHeader {display: none;}
  footer#peu-ara {position: static}
  footer p {width: auto; text-align: center; margin:1em 0; background-position: top center;}
  footer p a {float: none; display: block;margin: 0 auto;}
  .avis p {font-size: 0.7em}
  .container{ margin-top:10px; }
  .container_central{ width: 100%;}
  .container_text{width: 100%; clear: both; padding: 0}
  .container_form{ float: none; width: 90%; margin:0 auto;}
  h1{ font-size: 21px; text-align: center;}
  h2{ font-size: 18px; text-align: center; font-weight: normal;}
  ul.destacats li{font-size: 15px; font-weight: bold}
  #diahora-taula {display: none;}
  input, textarea, select {font-size: 16px}
  form input.half{ width: 48% !important; }
  #redsys_date .control-select {width: 66px; padding-left: 12px; }
  .botoaccedeix {font-size: 1.1em; padding: 10px}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  form input.half{ width: 48.9% !important; }
}