/* genèric */
body {
  padding-top: 70px;
  padding-bottom: 0;
}

h1 { margin-bottom: 20px; }

.home .jumbotron{padding-top: 15px; padding-bottom: 15px;}
@media (min-width: 768px) {
  .home .jumbotron{padding-top: 25px; padding-bottom: 25px;}
}

.navbar-brand {
	padding: 7px 15px;
}

.subtitol_pagina {
	font-weight: bold;
	font-size:1.2em;
	margin-bottom: 9px;
}

/* formularis */
.form_field_obligatori::after {
	content: '*';
	display: inline-block;
	color: red;
	margin-left: 6px;
	font-weight: bold;
}


/* home */
.backmap_world  { background-image: url("../img/backmap/world.jpg"); background-position: center center; }
.backmap_europe { background-image: url("../img/backmap/europe.jpg"); background-position: center center; }
.backmap_ca     { background-image: url("../img/backmap/catalonia.jpg"); background-position: center center; }
.backmap_es     { background-image: url("../img/backmap/spain.jpg"); background-position: center center; }
.backmap_us     { background-image: url("../img/backmap/usa.jpg"); background-position: center center; }

.col-md-12 .backmap_world  { background-image: url("../img/backmap/world_big.jpg"); }
.col-md-12 .backmap_ca     { background-image: url("../img/backmap/catalonia_big.jpg"); }

.banner {text-align: center;}
.banner img {width: 100%;}

.usp-bottom {display: block;margin-top: 20px;margin-bottom: 20px;}
.usp-bottom > div {background-color: #eee;box-shadow: 4px 4px 2px #aaa;padding:9px; margin-bottom:9px;}
.usp-bottom .usp-title {font-weight: bold;}
.usp-bottom > div::before{float:left;width:50px;font-family: 'Glyphicons Halflings';}
.usp-bottom .user::before {content: "\e008";}
.usp-bottom .tops::before {content:"\e007";}
.usp-bottom .free::before {content:"\e225";}
@media (min-width: 768px) {
  .usp-bottom {display: flex;justify-content: space-between}
  .usp-bottom > div {width: 30%;padding:15px}
  .usp-bottom > div::before{font-size: 1.8em;}
  
}


/* more info */
.tab-panel-content {padding: 20px 5px;}
ul.more-info {list-style: none; counter-reset: li}
ul.more-info li::before {content: counter(li); color: red; display: inline-block; width: 2em; margin-left: -1em}
ul.more-info li {counter-increment: li; margin-bottom: 12px;}
.more-info-panel img {max-width: 100%; display:block;margin-top: 6px;}


/* home usuari */
.taula_tops_by_game th { background-color: #449d44; color:#fff; }
.taula_tops_by_game th, .taula_tops_by_game td { text-align: center; }
.taula_tops_by_game td:nth-child(1) { text-align: left; font-weight: bold; }

.taula_reptes th { background-color: #ec971f; color:#fff; }

.taula_grups th { background-color: #c9302c; color:#fff; }

/* grup usuari */
.taula_msgs { margin-bottom:0; }
.taula_msgs th { background-color: #c9302c; color:#fff; }
.taula_msgs th.ajustat, .taula_msgs td.ajustat { width:5%; white-space: nowrap; }

.taula_tops_grup th { background-color: #449d44; color:#fff; }
.taula_tops_grup tr:nth-child(1) th, .taula_tops_grup tr:nth-child(2) th, .taula_tops_grup tr:nth-child(3) th,
.taula_tops_grup tr:nth-child(4) th:nth-child(1), .taula_tops_grup tr:nth-child(4) th:nth-child(3),
.taula_tops_grup td:nth-child(1), .taula_tops_grup td:nth-child(3) { text-align:center; }


/* footer */
footer {
	/* background: #000000 url("../img/template/footer_background_00.jpg") no-repeat top center; */
	background: #262626 url("../img/template/footer_background_26.jpg") no-repeat top center;
	padding: 20px 0; margin-top: 30px; line-height: 24px;
}
footer .title {color:#9d9d9d; font-weight:bold; text-transform:uppercase;}
footer .bottom-text {color:#ffa500; font-weight:bold; margin-top: 40px; }
footer a:active, footer a:focus, footer a:hover { color: #fff; text-decoration:none; }


/* social */
.btn_twitter {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 4px 8px 2px 6px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}
.btn_twitter:active,.btn_twitter:focus,.btn_twitter:hover { background-color:#0c7abf; color: #fff; text-decoration:none; }
.btn_twitter:active { box-shadow:inset 0 3px 5px rgba(0,0,0,.1); }
.btn_twitter i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
    background-image: none;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}
.btn_twitter span {
    margin-left: 3px;
    white-space: nowrap;
}