@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;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DIN-Condensed-Bold.ttf");
    font-family:DINCondensedBold;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-BoldCondensed.otf");
    font-family:DINProCondensedBold;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-Bold.otf");
    font-family:DINProBold;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-Condensed.otf");
    font-family:DINProCondensed;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-Light.otf");
    font-family:DINProLight;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-Medium.otf");
    font-family:DINProMedium;
}

@font-face {
    src:url("/resources/roda-piscines/fonts/DIN/DINNextLTPro-Regular.otf");
    font-family:DINProRegular;
}

body {margin:0px;padding:0px;background-image:url('/resources/roda-piscines/images/2026/fons-web-piscines.jpg');color:white;font-family:DINProRegular;}

#temporada {
    font-size:30px;
    margin-bottom:10px;
    font-family:DINProCondensed;
}

#titol {
	font-family:DINProCondensed;
	font-size:80px;
	line-height:80px;
	font-weight:bold;
}

#dates {
    font-size:30px;
    margin-top:10px;
    font-family:DINProCondensed;
}

.negreta {
	font-family:DINProBold;
}

#wrapper {text-align:center}
#logo {margin-top:30px;margin-bottom:30px;color:white;margin-left:30px;}
#logo a {color:white;text-decoration:none;font-family:DINProCondensed;font-size:25px;}
#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 {width:90%;margin:auto;}
.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-width: 768px) {
  .content_grups .grup_image {
      width:90%;
  }
  .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;}