@font-face {
        src:url("/resources/roda-piscines/fonts/Montserrat-Regular.ttf");
        font-family: Montserrat;
}
@font-face {
    src:url("/resources/roda-piscines/fonts/Montserrat-Bold.ttf");
    font-family: MontseratBold;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/TipografiaBW/BWGlennRegular.otf");
    font-family: BWGlenn;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/TipografiaBW/BWGlennBold.otf");
    font-family: BWGlennBold;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/TipografiaBW/BWGlennExtraBold.otf");
    font-family: BWGlennExtraBold;
}

body {margin:0px;padding:0px;background-image:url('/resources/roda-piscines/images/2021/fonspantalla.png');color:white;font-family:Montserrat;}

#titol {
	font-family:BWGlenn;
	font-size:50px;
}

.negreta {
	font-family:BWGlennExtraBold;
}

#wrapper {text-align:center}
#logo {margin-top:30px;margin-bottom:30px;}
#logo img {width:400px;}
#logo_ajuntament {margin-top:30px;margin-bottom:30px;}

#header {padding-top:30px;padding-bottom:30px;}
#header #logo img {width:200px;margin-left:50px;}
#header #logo_ajuntament img {width:200px;margin-right:50px;}

#tipus_abonaments {text-align:center}
#tipus_abonaments #tbl_tipus {margin:auto;width:100%;}
#tipus_abonaments .tipus_carnet {margin-right:10px;margin-left:10px;}
#tipus_abonaments .tipus_carnet img {width:100%;}

#inscripcio_wrapper {background-color:white;color:black;padding-top:50px;padding-bottom:50px;margin-bottom:50px;text-align:left;padding-left:70px;color:#272727;}
#inscripcio_wrapper .label {text-align:left;}

#inscripcio_wrapper input[type=text] {background-color:#EEEEEE;border:0px;}
#inscripcio_wrapper select {background-color:#EEEEEE;border:0px;}

#admin_wrapper {background-color:white;color:black;padding-top:10px;padding-bottom:50px;margin-bottom:50px;text-align:left;padding-left:70px;color:#272727;}
#admin_wrapper h1 {text-align:center;}



#register-login {background-color:white;padding-top:10px;padding-bottom:10px;padding-left:10px;color:black;text-align:left;}

/* PAGINA GRUPS */
.content_grups .grup_image {width:19%;display:inline-block;}
.content_tipus .tipus_image {width:19%;display:inline-block;}

/* VERSIO PER MOBIL */

@media only screen and (max-device-width: 768px) {
  .content_grups .grup_image {
      width:30%;
  }
  .content_tipus .tipus_image {
      width:30%;
  }
}

/* CURSOS */
#content_wrapper .content_admin {background-color:white;color:black;padding-top:10px;padding-bottom:50px;margin-bottom:50px;text-align:left;padding-left:70px;color:#272727;}
#content_wrapper .content_admin h1 {text-align:center;}
.content_admin {background-color:white;color:black;padding-top:10px;padding-bottom:10px;}
ul.compact li, .action-list ul li {list-style: outside none none; display: inline;}
div.list-button-bar-top {text-align: left;}
a.button {background-color: #51a3d6;padding:5px;border:1px solid black;color:white;text-decoration:none;}
ul.compact, .action-list ul {margin: 0px;padding:0px;}