html {background: #000 url(../img/bg.jpg?2) no-repeat top center;  background-size:cover; height: 100%; background-attachment: fixed}
body {background-color: transparent;}
.botofacebook{ background-image: url(../img/fbpetit.png); }
.botoaccedeix,.botoaccedeix:hover {background-color: #FFEE36; color:#000;}
#peu-ara {display: none}
.validacio-usuari .container { width: 350px; color:#fff; margin:0 auto; padding-right: 0}
.validacio-usuari  .titol-normal {margin-top:3em; color:#ff0; font-size: 2em; padding-left: 15px}
.validacio-usuari .subtitol-m {margin-bottom:0.5em; font-size:1.5em;}
.form-errors {display: block!important; }

h1, ul.destacats li, p.destacats {color:#fff;}
h1, h2{text-align: center; }

p.destacats {font-weight: bold;}
.exhaurides li {color:#fff;}

#diahora-div p {color:#000;}
#diahora-div p.data {font-size: 18px; font-weight: bold; display: block;text-align: center;}
#diahora-div p.exclusiu {margin:0.5 auto; font-size: 18px; color: blue;text-align: center;text-transform: uppercase;}

.form-group label#partit-label {display: block; font-size: 14px; margin-bottom: 8px}
#accpt:after {content:attr(data-btn);}
#acepta-sublabel {font-size: 13px;color: #fff; font-family: arial, sans-serif}

@media (min-width: 1200px) {
  .container_text {width: 550px}
}

@media (max-width: 1024px) {
	p.destacats {font-size: 1.2em;}
	.text {padding: 0 5px; }
	html {background-size:contain; }
}

@media (max-width: 480px) {
	p.destacats {font-size: 1em;}
	.text {margin-top: 0; }
	h1, h2 {margin-left: 0; width: 100%}
	h2 {margin: 1em auto 3em; width: 65%}
	footer#cookies-advice {display: none}
}