@charset "UTF-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Special+Elite);

* {
margin: 0;
padding: 0;
}

body {
font-family:  "Special Elite", "Courier New", Courier, Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.5;
color: #000;
background-color: #fff;
font-weight: normal;
}

#page::before {
content: "Estàs veient la versió arxivada del Joc de Badalona edicions 2012-2023";
font-weight: 700;
text-align: center;
background-color: #ffff85;
padding: 24px 40px 20px 40px;
display: block;
margin-bottom: 40px;
border-radius: 6px;
}

/* estructura */

#page {
width: 986px;
margin: 30px auto;
position:relative;
}

#aside {
width: 220px;
float: left;
margin-bottom: 30px;
}

#footer {
clear: both;
}

#contingut {
width: 746px;
float: right;
padding-top: 60px;
position: relative;
margin-bottom: 30px;
}

#tauler {
position: relative;
}

/* links */

a, a:visited {
color: #01949b;
text-decoration: underline;
}

a:hover {
color: #c00;
}

/* facebook */

#facebook {
 float: right;}

/* aside */

h1 {
margin-bottom: 20px;
font-weight: normal;
color: #c00;
font-size: 28px;
}

h1 a {
background: url(../img/logo_jocdebadalona.gif) no-repeat left top;
display: block;
text-indent: -999em;
width: 221px;
height: 114px;
}

#usuari h2 {
padding-left: 12px;
}

.subtil {
color: #9e9386;
padding-left: 12px;
}

#usuari, #login {
border-top: 1px dashed #ccc4b3;
border-bottom: 1px dashed #ccc4b3;
padding-top: 16px;
background-color:  #eae6e2;
}

#menu_usuari {
border-top: 1px dashed #ccc4b3;
margin-top: 6px;
}

#menu li, #menu_usuari li {
list-style-type: none;
border-bottom: 1px dashed #ccc4b3;
}

#menu a, #menu a:visited, #menu_usuari a, #menu_usuari a:visited {
color: #605748;
display: block;
text-decoration: none;
padding: 8px 0 7px 12px;
}

#menu .nologin a, #menu .nologin a:visited {
color: #01949b;
font-size: 17px;
}

#menu_usuari a, #menu_usuari a:visited {
color: #01949b;
}

#menu_usuari a.sortir, #menu_usuari a.sortir:visited {
color: #605748;
}

#menu a:hover, #menu .selected a {
background-color: #eae6e2;
color: #01949b;
}

#menu_usuari a:hover {
color: #605748;
background-color:#eae6e2;
}

#menu_usuari a.selected, #menu a.selected {
background-color: #01949b;
color: #fff;
}

#menu .segueix {
color: #605748;
padding: 8px 0 7px 12px;
font-size: 87.5%;
}

#menu .segueix a {
display: inline;
padding: 2px 0 0 0;
margin-left: 2px;
}

#menu .segueix a:hover {
background-color: #fff;
}

#menu .segueix img {
margin-bottom: 4px;
vertical-align: middle;
}
#menu .nologin.register {
	border-bottom: none;
	text-align: center;
	margin-bottom: 1em;
}
#menu .nologin.register a {
	font-size: 22px;
	background-color: #01949b;
	color: #fff;
	border-radius: 6px;
	padding-left: 0;
	margin-top: 1em;
	padding-top: 14px;
}

#menu .nologin.register a:hover {
color: #01949b;
background-color: #BFE4E6;
}
#aside select {
display: none;
}

#burot {
background: url(../img/bg_burot.gif) repeat-x left bottom #eae6e2;
margin-top: 20px;
padding: 0;
height: auto;
border-bottom: 1px dashed #ccc4b3;
}

#burot img {
margin-bottom: 0;
padding: 0;
}

#burot p {
padding:  0 20px;
line-height: 1.3;
}

/* contingut */

#contingut h2, #contingut h1 {
background: url(../img/bg_vermell_esq.gif) left center no-repeat;
height: 40px;
line-height: 44px;
padding: 0 19px;
margin-bottom: 12px;
/*display: inline-block;*/
color: #fff;
font-size: 22px;
}

#contingut h1 {
padding-right: 240px;
}

#contingut h2 span, #contingut h1 span {
background: url(../img/bg_vermell_dre.gif) right center no-repeat;
height: 40px;
display: inline-block;
padding: 0 40px 0 20px;
}

#contingut img {
max-width: 100%;
height: auto;
}

#contingut img#taulell {
max-width:none;
height: auto;
}

h2 {
font-size: 22px;
line-height: 1.1;
margin-bottom: 0.2em;
color: #C00;
font-weight: normal;
}

h3 {
font-size: 22px;
line-height: 1.1;
margin-bottom: 1em;
color: #C00;
font-weight: normal;
}

h4 {
color: #01949b;
font-size: 16px;
font-weight: normal;
}

a img {
border: none;
}

sup {
	font-size: 1em;
}

/* entrar */

#login {
padding: 20px;
}

#login h2 {
font-size: 18px;
color: #605748;
margin-bottom: 1em;
}

input, textarea {
margin-bottom: 1em;
background-color: #FFF;
font-family: "Special Elite", "Courier New", Courier, Helvetica, Arial, sans-serif;
font-size: 16px;
padding: 4px;
border: 1px solid #fff;
}

#contingut input, #contingut textarea {
border: 1px solid #ccc4b3;
}

#user-form input {
width: 200px;
}

#user-form input[type=radio] {
width: auto;
}

input[type=checkbox] {
width: auto;
display: inline;
float: left;
margin-right: 4px;
}

#contingut label {
display: block;
}

#contingut #User_receive_mail label {
display: inline;
margin-right: 40px;
}

input:focus, #contingut input:focus, #contingut textarea:focus {
border: 1px solid #605748;
}

input[type=submit] {
background-color: #c00;
color: #fff;
border: none;
font-size: 18px;
padding: 8px 12px 6px 12px;
margin-left: auto;
margin-right: auto;
}

input[type=submit]:hover {
cursor: pointer;
background-color: #01949b;
}

#login input[type=text], #login input[type=password] {
width: 170px;
}

#login label {
color: #c00;
font-size: 18px;
}

#login input[type=submit] {
width: 120px;
margin: 10px 0 10px 25px;
}

#login label.recorda, .sortir a {
font-size: 11px;
color:#605748;
}

#login input#rem {
width: 13px;
height: 13px;
padding: 0;
margin:0;
margin-bottom: -10px;
position: relative;
top: -1px;
float: none;
 *overflow: hidden;
}

#contingut input[type=submit] {
border: none;
}

.oblit_password {
text-align: center;
}

.oblit_password a, .oblit_password a:visited {
font-size: 11px;
color:#605748;
text-decoration: underline;
}

.oblit_password a:hover {
color: #c00;
}

.benvingut, .benvingut a, .benvingut a:visited {
font-size: 22px;
color: #c00;
line-height: 1.2;
}

.benvingut a:hover {
color: #01949b;
}

/* formulari registre */

.form h4 {
font-size: 20px;
margin-bottom: 0.5em;
margin-top: 1em;
}

#legal, .hint {
font-size: 12px;
}

#confirma {
background-color: #FFC;
border: 2px solid #c00;
padding: 20px;
margin-bottom: 1em;
}

/* home */

 #missatge_home {
position:absolute;
bottom: 460px; /* canviar-ho si creix */
left: 93px;
z-index: 99;
padding-bottom:53px;
background: url(../img/punta_entrepa.gif) no-repeat 50px bottom;
}
#missatge_home + img {
margin-top: 0; /* per textos curts posar-ho a 0 */
}

#entrepa {
background-color: #c00;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
padding: 20px;
width: 512px;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 1.4;
}

#entrepa a, #entrepa a:visited {
 color: #fff;
 }

 #entrepa a:hover {
  color: #f4f2f0;}

/* preguntes */

.una_pregunta {
background-color: #eae6e2;
padding: 30px 24px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
overflow: hidden;
clear: both;
margin-bottom: 1em;
}

.sponsor {
float: right;
font-size: 11px;
color: #c00;
margin-top: -30px;
}

.pregunta {
width: 400px;
float: left;
}

.pregunta p {
margin-bottom: 1em;
}

.resposta {
width: 280px;
float: right;
}

.resposta ul {
margin-bottom: 1.4em;
}

.resposta li {
background-color: #fff;
padding: 12px 16px;
margin-bottom: 0.7em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
list-style-type: none;
cursor:pointer;
}

.resposta li.selected, .resposta li:hover {
background-color: #BFE4E6;
}

.form .resposta h4 {
font-size: 16px;
margin-bottom: 0;
margin-top: 0;
}

.resposta li input {
display: none;
}

.animacio {
background-color:#01949b;
text-align:center;
z-index:999;
float: right;
width: 280px;
}

input.enviar {
width: 286px;
height: 36px;
display: block;
background:url(../img/bt_enviar.gif) no-repeat center top;
text-indent: -999em;
}

input.enviar:hover {
background-position: center bottom;
background-color: transparent;
}

.simplemodal-overlay {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
}

#not-loggined {
background-color: #fff;
padding: 30px;
width: 320px;
border: 2px solid #c00;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}

#not-loggined p {
margin-bottom: 1em;
}

.left {
float: left;
}

/* preguntes anteriors */

#preguntes #contingut_txt ol.anteriors_respostes li {
list-style-type: upper-alpha;
list-style-position: inside;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #eae6e2;
margin-bottom: 8px;
padding: 7px 20px 5px 20px;
border-bottom: none;
}

#preguntes #contingut_txt ol.anteriors_respostes li.selected {
background-color: #BFE4E6;
font-weight: bold;
}

.anteriors_correcta {
font-weight: bold;
color: #01949b;
text-transform: uppercase;
}

.preguntes-anteriors #contingut_txt ul {
margin-bottom: 1.5em;
}

.preguntes-anteriors #contingut_txt li {
padding-top: 0.5em;
}

#contingut_txt p.data-ant, #contingut_txt p.percentatge {
margin-bottom: 0.5em;
}

#preguntes #contingut_txt .yiiPager li {
border-bottom: none;
}

ul.yiiPager {
font-size: 87.5%;
}

.comment {
 padding-bottom: 1.5em;
 border-bottom: 1px dashed #CCC4B3;
 margin-bottom: 1.5em;}

ul.yiiPager .hidden a, ul.yiiPager a:link, ul.yiiPager a:visited {
border: 1px solid #CCC4B3;
padding: 6px 8px 3px 8px;
color: #01949b;
}

ul.yiiPager .hidden a {
color: #9E9386;
}

ul.yiiPager .selected a {
background-color: #eae6e2;
}

/* planes de text */

#contingut_txt {
width: 490px;
float: left;
padding-left: 20px;
margin-top: 1em;
}

#contingut_txt h2 {
font-size: 18px;
margin-top: 2em;
margin-left: -20px;
}

#contingut_txt p {
margin-bottom: 1em;
}

#anchors {
margin-bottom: 1em;
}

#anchors a {
text-decoration: none;
}

#contingut_txt #anchors li {
margin-bottom: 0;
border-bottom:1px dashed #CCC4B3;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

#contingut_burot {
width: 220px;
float: right;
position:relative;
top: -100px;
border-bottom: none;
}

#contingut_burot #burot {
border-bottom: none;
}

#contingut_txt ol {
list-style-type: decimal;
}

#contingut_txt ul {
list-style-type: circle;
}

#contingut_txt li {
list-style-position: inside;
margin-bottom: 1em;
}

#preguntes #contingut_txt li {
list-style-type: none;
border-bottom: 1px dashed #9e9386;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

.percentatge {
color: #9e9386;
}

dt {
color: #c00;
font-size: 106.25%;
margin-bottom: 0.5em;
padding-top: 1em;
line-height: 1.2;
}

dd {
margin-bottom: 1em;
}

#preguntes.preguntes-2013-05-17-2013-any-espriu-era-inevitable-una-pregunta-l-any-1948 #contingut_txt ol.anteriors_respostes li:nth-of-type(2) {
	background-color: #BFE4E6;
font-weight: bold;}

/* classificacio */

#tauler {
clear: both;
background-color:  #f4f2f0;
}

#llegenda {
padding: 5px 0;
overflow: hidden;
border-bottom: 1px dashed #CCC4B3;
border-top: 1px dashed #CCC4B3;
}

#classificacio_primer, #classificacio_usuari {
font-size: 87.5%;
color:#9E9386;
padding-left: 40px;
background-position: left top;
background-repeat: no-repeat;
float: right;
height: 33px;
line-height: 33px;
margin-left: 30px
}

#classificacio_primer {
background-image:url(../img/taulell_millor.png);
}

#classificacio_usuari {
background-image:url(../img/taulell_usuari.png);
}

#taulell {
border-bottom: 1px dashed #CCC4B3;
}

#total_jugadors {
padding: 0 20px 8px 20px;
background-color: #f4f2f0;
border-bottom: 1px dashed #CCC4B3;
}

#classificacio_stats {
padding: 8px 20px;
background-color:  #f4f2f0;
border-bottom: 1px dashed #CCC4B3;
}

.classificacio_info {
color:#9E9386;
margin-left: 20px;
}

.noleft {
margin-left: 0;
}

#titol_ranking {
margin-top: 1.5em;
}

#ranking {
margin-top: 1em;
}

#ranking li {
list-style-position: inside;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #eae6e2;
margin-bottom: 8px;
padding: 7px 20px 5px 20px;
}

#ranking strong {
color: #c00;
font-size: 114.28571%;
}

#ranking li.selected {
background-color: #bfe4e6;
}

#ranking li.selected strong {
color: #01949b;
}

/* patrocinadors */
.destacat {
font-size: 20px;
color: #c00;
}

.destacat2 {
font-size: 18px;
color: #c00;
}

.patrocinadors h2 {
 clear: both;
 margin-top: 1em;}
h3.patro {
font-size: 18px;
clear: both;
margin-bottom: 0.2em;
padding-top: 1em;
}

.patrocinadors li {
border: 1px solid #eae6e2;
margin: 6px;
float: left;
list-style-type: none;
width: 223px;
}

.patrocinadors img {
display: block;
}

#contingut_txt  .patrocinadors p {
margin-bottom: 0;
}

.pag-quepucguanyar #contingut_txt {
width: 100%;
}

.pag-quepucguanyar #contingut_burot {
display: none;
}

/* credits */

.credits_sep {
border-top: 1px dashed #CCC4B3;
padding-top: 1em;
}

/* formularis */

#yw0 {
vertical-align: middle;
}

input#ContactForm_verifyCode {
display: block;
}

.captcha {
margin: 1em 0;
}

.errorSummary {
border: 2px solid #c00;
padding:20px;
background: #FFC;
margin-bottom: 1em;
}

#contingut_txt .errorSummary li {
margin-bottom: 0;
}

/* footer */

#footer {
clear: both;
margin-top: 40px;
padding: 6px 0 2px 0;
font-size: 68.75% /* 11 / 16 */;
border-top: 1px dashed #ccc4b3;
border-bottom: 1px dashed #ccc4b3;
color: #c00;
overflow: hidden;
}

#footer p {
float: left;
vertical-align: top;
margin: 0 5px;
}

p#credits {
float: right;
padding-top: 25px;
font-size: 109.0909%;
}

p#credits a {
text-decoration: none;
}

/* mailings */

.mail_contestar {
background-color: #01949b;
padding: 8px 20px;
font-size: 20px;
font-weight: bold;
}

#video_container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* part responsive */

@media screen and (max-width: 1023px) {
 #page {
 width: 740px;
}
 #contingut {
width: 500px;
padding-top: 0;
}
 #contingut h2, #contingut h1 {
 font-size: 16px;
 padding-right: 0;
}
 #contingut_burot {
 position:static;
 clear: both;
 float: none;
 margin: 20px auto;
}
 #entrepa {
 position:static;
 width: auto;
}

 #missatge_home {
position: relative;
width: 92%;
top: auto;
left: 4%;
top: 170px;
margin-top: -170px;
}

#missatge_home + img {
	margin-top: 0;
}
 #contingut_txt {
 width: 480px;
}
 .sponsor {
 float:none;
text-align: center;
 margin-top: 0;
 clear: both;
}
 h2.left {
 float:none;
}
 .pregunta, .resposta, .animacio {
 float: none;
 width: 100%;
}
 .animacio {
 text-align: center;
}
 a.enviar {
 margin-left: auto;
 margin-right: auto;
}
}
 @media screen and (max-width: 766px) {

  #facebook {
   display: none;}
 #page, #aside, #contingut {
 width: 95%;
 float: none;
 margin-left: auto;
 margin-right: auto;
}
 #aside select {
 margin: 10px 0;
 width: 100%;
}
 #contingut {
 padding-top: 5px;
}
 h1 a {
 margin-left: auto;
 margin-right: auto;
}
 .missatge_home, #contingut_burot {
 position:static;
}
 .pregunta, .resposta {
 float: none;
 width: 100%;
}
 .pregunta img {
 max-width: 100%;
 height: auto;
}
 a.enviar {
 margin-left: auto;
 margin-right: auto;
}
 #burot {
 width: 220px;
 margin-left: auto;
 margin-right: auto;
}
 #not-loggined {
 width: 240px;
}
 #contingut_txt {
 width: 100%;
 padding-left: 0px;
}
}
 @media screen and (max-width: 480px) {
#login {
 margin-bottom: 1em;
}

 #missatge_home {
  width: 98%;
 left: 1%;

  line-height: 1.2;
  top: 100px;
  margin-top: -100px;
 }
  #entrepa {
   font-size: 14px;}

    #footer img {
     width: 80%;
     height: auto;}


#twitter-widget-0 {
	display: none;
}
}


/* amaguem coses provisionalment

#login, .register {
display: none;
}*/