/* regles generals */
html>body #content {
height: 800px;
min-height: 580px;
width:100%;
font-family:'Roboto';
}
body{
font-size: 100%;
line-height: 115%;
text-align: center;
font-family:'Manrope' !important;
margin: 0px; height:1000px;
width:100%;
overflow:hidden;
}
html,body
{
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
body,td,th {
color: #000000;
}
a, a:link {
color: #646464;
text-decoration: none;
display:inline;
border:0px;
margin:0; padding: 0;
outline:none;
}
a:hover {
display:inline;
border:0px;
color: #9B0400;
text-decoration: none;
margin:0; padding: 0;
}
a:visited {
display:block;
border:0px;
text-decoration: none;
margin:0; padding: 0;
color:inherit;
}
h1 {
font-weight: bold;
font-size: 190%;
padding-top: .1em;
padding-bottom: .5em;
line-height:100%;
}
h2 {
font-weight: bold;
font-size: 150%;
padding-bottom:0px;
}
h3 {
font-size:115%;
}
h4 {
font-size: 105%;
}
h5 {
font-size: 100%;
padding-bottom:0px;
}
p {
font-size: 130%;
text-align: justify !important;
margin-bottom: 1em;
line-height: 130%;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
}
a img {
border: none;
}
h3 a:link, h3 a:visited {color:#000000;}
h3 a:hover{
color: #9B0400;
}
/* divs generals estructura */
.fotosequip {position:relative;float:left;width:auto;}
#general {
width:100%;
height: auto;
}
#hd {
position:relative;
margin:0 auto;
text-align: center;
width:90%;
height:200px;
}
#hd h1{
font-size: 290%;
color: #000000;
}
#bloc {
margin:0 auto;
width:100%;
height:100%;
display:grid;}
#hd h1 a{
text-decoration: none;
color: #000000;
}
#contingut {
width:100%;
height:auto;
margin:0 auto;
margin-top: 25px;
}
/*nova web 2026*/
#menudinamis {width:98%;position: relative;float:left;margin-top:30px;left:1%;z-index: 9999999;}
#banner {width:100%;height:auto;top: 9px;position: relative;left:0%;background-image:url(images/home1.jpg);background-repeat:repeat-x;background-position: center; height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;}
#bannerelgim {width:100%;height:auto;top: 9px;position: relative;left:0%;background-image:url(images/elgimnas1.jpg);background-repeat:repeat-x;background-position: center; height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;}
#capsulabanner {max-width:1600px;position: relative;float:left;width:90%;margin:0 auto;}
#logodinamisblanc {width:15%;float:left;position: relative;margin-left:5%;margin-top:20px;}
#logodinamisblanc img {width:100%;height:auto;}
#bannermoute {position:relative;float:left;width:70%;left:7%;top:15%;height:50%;text-align:left;}
#bannermoutetitol {position:relative;width:60%;left:0%;height:auto;}
#bannerelgimnas{position:relative;margin-top:250px;}
#bannerelgimtitol {position:relative;width:100%;left:0%;height:auto;margin-top:50px;}
#bannerelgimboto {color:white;background-color:#ff5757;border-radius: 25px;width:50%;left:25%;text-align:center;line-height:50px;position: relative;float:left;}
#bannerlliguesboto {color:white;background-color:#ff5757;border-radius: 25px;width:25%;left:37%;text-align:center;line-height:50px;position: relative;float:left;margin-top:30px;}
#bannerelgimnasboto {width:30%;position:relative;float:left;left:35%;}
.titolblanc {color:white;font-size:3.5em;line-height:100%;}
.titolvermell {color:#ff5757;font-size:3.5em;line-height:100%;}
.titolblau {color:#152A35;font-size:3.5em;line-height:100%;}
.titolblaulloguer {color:#152A35;font-size:3.5em;line-height:100%;}
#bannerlloguerespaistext {color:#152A35;font-size:100%;line-height:120%;}
#bannermoutetext {color:white;font-size:100%;line-height:120%;}
#bannermouteboto {color:white;background-color:#ff5757;border-radius: 25px;width:150px;text-align:center;line-height:50px;}
#segonbanner {background-color:#0d293a;width:100%;margin-top:50px;position: relative;float:left;min-height:360px;display:flex;}
#segonbannerquadrat, #segonbannerquadrat1 {width:25%;position: relative;margin-left:12%;background-color:white;border-radius: 25px;min-height:270px;text-align:left;float:left;margin-top:45px;}
#segonbannerquadrat1 {margin-left:0%;}
#quadratsvg {background-color:#0d293a;width:60px;height:60px;position:relative;float:left;margin-left:25px;margin-top:25px;border-radius:15px;}
#quadratsvg img {width:80%;height:80%;position:relative;float:left;left:10%;top:10%;}
#titolquadrat {color:#0d293a;position:relative;float:left;width:90%;margin-left: 25px;margin-top: 5%;font-weight:800;}
#bannersquadrats {width:80%;position:relative;float:left;left:0%;font-size:90%;margin:0 auto;max-width:1500px;}
#bannersquadrattext {width:81%;position:relative;float:left; margin-left: 25px; margin-top: 5%;min-height:75px;}
#bannerquadratboto {width:60%;position: relative;float:left;margin-left: 25px;margin-top: 5%;background-color:#ff5757;color:white;border-radius: 15px;line-height:25px;text-align:center;}
#mesqueungimnastitol {color:#0D293A;font-size:3.5em;position:relative;float:left;margin-left:0%;width:80%;line-height:100%;text-align:left;margin-top:50px;}
#mesqueungimnaselgimtitol {color:white;font-size:3em;position:relative;float:left;margin-left:0%;width:80%;line-height:85%;text-align:left;margin-top:100px;}
#mesqueungimnasfotos {color:#0D293A;font-size:3.5em;position:relative;float:left;margin-left:1%;width:45%;line-height:100%;}
#mesqueungimnaselgimfotos {color:#0D293A;font-size:3.5em;position:relative;float:left;margin-left:1%;width:55%;line-height:100%;margin-top:25px;}
#mesqueungimnas {position:relative;width:90%;left:5%;min-height:450px;float:left;height:auto;margin:0 auto;margin-bottom:30px;max-width:1600px;}
#mesqueungimnasblau {position:relative;width:100%;left:0%;float:left;height:auto;margin-bottom:30px;margin-right:auto;margin-left:auto;background-color:#0d293a;margin-top:75px;display:flex;}
#mesqueungimnasblaucontingut {width: 90%;
position: relative;
margin: 0 auto;
max-width: 1600px;margin-bottom:50px;}
#mesqueungimnastext {position: relative;float:left;width:30%;margin-left:0%;text-align:left;}
#mesqueungimnastext2 {position: relative;float:left;width:80%;text-align:left;margin-top:30px;}
#mesqueungimnaselgimtext2 {position: relative;float:left;width:80%;text-align:left;margin-top:30px;color:white;}
#bannermouteboto2 {color:white;background-color:#ff5757;border-radius: 25px;width:150px;text-align:center;margin-top:30px;line-height:35px;}
#mesqueungimnasfotos1 {width:40%;position: relative;float:left;margin-top:30px;}
#mesqueungimnasfotos2 {width:50%;position: relative;float:right;;margin-top:30px;}
#mesqueungimnasfotos1 img, #mesqueungimnasfotos2 img {width:AUTO;height:400px;border-radius:15px;}
#mesqueungimnaselgimfotos1 {width:40%;position: relative;float:left;margin-top:30px;margin-bottom:50px;}
#mesqueungimnaselgimfotos2 {width:50%;position: relative;float:right;margin-top:30px;margin-bottom:50px;}
#mesqueungimnaselgimfotos1 img {width:AUTO;height:400px;border-radius:15px;}
#mesqueungimnaselgimfotos2 img {width:AUTO;height:400px;border-radius:15px;}
#barrarosa{width:100%;height:60px;background-color:#ff5757;color:white;position:relative;float:left;line-height:60px;text-align:center;font-size:110%;}
#tercerbanner {width:90%;top: 9px;position: relative;left:0%;background-image:url(images/home4.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;}
#ft {position:relative;float:left;width:100%;text-align: center;background-color:#0D293A;min-height:200px;color:white;}
#ftcontenidor {position: relative;float:left;width:60%;left:20%;}
.footertext {text-align:center;position: relative;float: left; width: 100%;color:white;margin-top:20px;}
.footertext a {color:white;}
#tercerbannerzonainferior {width:60%;float: left;position: relative;color:white;}
#tercerbannerzonainferior1 {width:45%;float: left;position: relative;}
#tercerbannerzonainferior2 {width:45%;float: left;position: relative;margin-left:5%;}
.creuvermella {color:#ff5757;font-size:4em;margin-top:10px;position: relative;float:left;}
#instagramnou {position:relative;float:right;margin-left:5px;margin-top:30px;margin-right:1%;}
#textxarxes {text-align:left;float:right;position:relative;color:white;margin-top:30px;}
#barrarosa2{width:100%;min-height:200px;background-color:#ff5757;color:#0d293a;position:relative;float:left;line-height:60px;text-align:center;font-size:2em;display:flex;}
#barrarosaboto {color:#0D293A;background-color:white;border-radius: 25px;width:16%;text-align:center;line-height:50px;position: relative;float:left;left: 42%;
font-size: 0.5em;max-width:250px;}
#barrarosabotoelgim {color:#0D293A;background-color:white;border-radius: 25px;width:32%;text-align:center;line-height:50px;position: relative;font-size: 0.5em;max-width:350px;margin:0 auto;display:inline-block;}
.barrarosabototextos {line-height: 130%;
position: relative;
float: left;
width: 100%;
margin-top: 30px;
margin-bottom: 10px;}
#quartbanner {width:100%;position:relative;background-color:#0d293a;min-height:700px;}
#quartbannerintern {position: relative;width:90%;min-height:600px;background-color:white;margin:0 auto;margin-top:50px;border-radius:25px;max-width:1600px;}
#quartbannerfoto {position:relative;float:left;width:40%;left:5%;}
#quartbannerfoto img{width:AUTO;height:400px;border-radius:15px;margin-top:100px;}
#quartbannertext {position:relative;float:left;width:60%;left:5%;}
#quartbannertexttext {position: relative;float:left;width:90%;margin-left:5%;text-align:left;}
#quartbannertexttitol {color:#0D293A;font-size:3.5em;position:relative;float:left;margin-left:0%;width:80%;line-height:100%;text-align:left;margin-top:100px;}
#quartbannertexttext2 {position: relative;float:left;width:90%;text-align:left;margin-top:30px;}
#quartbannerzonainferior {width:60%;float: left;position: relative;margin-left:5%;}
#quartbannerzonainferior1 {width:45%;float: left;position: relative;color:#152a35;text-align:left;}
#quartbannerzonainferior2 {width:45%;float: left;position: relative;margin-left:5%;color:#152a35;text-align:left;}
#cinquebanner {background-color:white;width:100%;position:relative;min-height:550px;margin:0 auto;max-width:1600px;}
#cinquebannerfotos{width:90%;margin-left:5%;position: relative;min-height:300px;float:left;}
#cinquebannerfoto1{position:relative;width:37%;float:left;border-radius:25px;}
#cinquebannerfoto2{position:relative;width:30%;float:left;border-radius:25px;}
#cinquebannerfoto3 {position:relative;width:30%;float:left;border-radius:25px;margin-left:3%}
#cinquebannerfoto1 img{width:auto;height:300px;margin-top:30px;margin-left:0%;border-radius:25px;position:relative;float:left;}
#cinquebannerfoto2 img{width:auto;height:300px;margin-top:30px;margin-left:0%;border-radius:25px;position:relative;float:left;}
#cinquebannerfoto3 img{width:auto;height:300px;margin-top:30px;margin-left:0%;border-radius:25px;position:relative;float:left;}
#cinquebannertext {position:relative;float:left;width:90%;left:5%;margin-top:50px;text-align:left;}
#totenunmateix {width: 90%;
position: relative;
min-height: 400px;
margin: 0 auto;
max-width: 1600px;}
#totenunmateixtext {width:90%;text-align:left;position: relative;height:60px;color:#152a35;font-size:1.5em;margin-left:0%;font-weight: bold;}
#totenunmateix1 , #totenunmateix2 , #totenunmateix3 , #totenunmateix4 {position:relative;float:left;width:19%;height:300px;border-radius: 25px;margin-left:7%;color:white;text-align:left;}
#totenunmateix1 {margin-left:0%;background-image: url(images/elgimnas4.jpg);background-size:cover;background-repeat:no-repeat;}
#totenunmateix2 {background-image: url(images/elgimnas5.jpg);background-size:cover;background-repeat:no-repeat;}
#totenunmateix3 {background-image: url(images/elgimnas6.jpg);background-size:cover;background-repeat:no-repeat;}
#totenunmateix4 {background-image: url(images/elgimnas7.jpg);background-size:cover;background-repeat:no-repeat;}
#ofertaformativa, #serveis, #calendari, #contacta { width: 20%; height:100%; display: inline-block;position:relative; float:left;color:#000;left:85px;}
#totenunmateixdins {width:80%;position: absolute;margin-left:10%;margin-top:40%;}
#totenunmateixdins2 {width:80%;position: absolute;margin-left:10%;margin-top:30%;}
#perquedinamis {width:90%;position: relative;min-height:400px;margin:0 auto;text-align:left;max-width: 1600px;
float: left;}
#perquedinamisesquerra {width:50%;position: relative;float:left;min-height:300px;margin-left:0%;margin-top:75px;}
#perquedinamisdreta {width:43%;position: relative;min-height:300px;float:left;margin-top:75px;margin-left:7%;}
.titolperque {font-size:3em;text-align:left;color:#152a35;line-height:0.8em;}
#perquedinamisdreta1, #perquedinamisdreta2, #perquedinamisdreta3 {position:relative;float:left;margin-top:30px;width:90%;}
#perquedinamisdreta1 {margin-top:0px}
#perquedinamisdretaimg{position: relative;float:left;}
#perquedinamisdretatext{position:relative;float:left;height:55px;line-height:27px;margin-left:5%;}
#perquedinamiscontingut {width:80%;margin:0 auto;position: relative;min-height:250px;}
#tarifescontenidor {width:80%;float:left;margin-left:10%;position:relative;}
#tarifesbotons {width:90%;float:left;position:relative;margin-left:5%;color:#152a35;max-width: 1600px;}
#tarifesbotons1{width:25%;float:left;position:relative;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifesbotons2{width:25%;float:left;position:relative;margin-left:12%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifesbotons3 {width:25%;float:left;position:relative;margin-left:12%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifestext {position: relative;width:100%;text-align:center;margin-top:75px;color:white;}
#tarifestextos {width:80%;height:80%;margin-left:10%;margin-top:10%;line-height:normal;}
.tarifestitol{font-size:3em;color:#ff5757;}
.tarifespreus{font-size:6em;}
#tarifespeu {width:100%;text-align:center;position: relative;float:left;color:white;margin-top:30px;margin-bottom:30px;}
#perquedinamis2 {width:80%;position: relative;min-height:425px;margin:0 auto;text-align:left;max-width: 1600px;
float: left;}
#perquedinamistarifes {width:90%;min-height:320px;margin:0 auto;position: relative;height:auto;border:solid;border-color:#ff5757;border-radius:25px;margin-top:50px;}
#perquedinamistarifesesquerra {width:40%;position: relative;float:left;min-height:150px;margin-left:10%;margin-top:80px;}
#perquedinamistarifesdreta {width:50%;position: relative;min-height:150px;float:left;margin-top:80px;margin-left:0%;}
.checkbox li {background-image: url(images/checkbox.jpg;);line-height:40px;background-position:left center; background-repeat:no-repeat;list-style-type: none; }
.imgindex {padding-left:0px;position:relative;float:left;top:30px;width:170px;height:auto; left:35px;}
.textbotonsindex {font-family: 'Roboto';
text-align: center;
margin-top: 0px;
position: relative;
float: left;
top: 45px;
font-size: 115%;
left: 17%;
clear: both;
width: 31%;
line-height:30px;
}
#altresserveis {width:100%;background-color:#152a35;color:white;min-height:250px;}
#altresserveiscontenidor {width:80%;position:relative;min-height:150px;margin-top:65px;margin:0 auto;left:5%;}
#altresserveistitol {font-size:3em;position:relative;float:left;width:25%;line-height:normal;margin-top:50px;}
#altresserveistext1 {position:relative;float:left;width:15%;text-align:left;margin-top:50px;}
#altresserveistext2 {position:relative;float:left;width:15%;text-align:left;margin-top:50px;}
#altresserveistext3 {position:relative;float:left;width:15%;text-align:left;margin-top:50px;}
#altresserveistext4 {position:relative;float:left;width:15%;text-align:left;margin-top:50px;}
#mesavantatges {width:90%;margin:0 auto;max-width:1600px;margin-top:75px;margin-bottom:75px;color:white;}
#mesavantatgescontenidor {width:100%;top: 9px;position: relative;left:0%;background-image:url(images/elgimnas8.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;}
#mesavantatgestextsuperior{position: relative;float:left;width:80%;margin-left:10%;margin-top:150px;text-align:left;}
.mesavantatgestitol{color:white;font-size:4em;}
#mesavantatgesopcions{position:relative;float:left;width:80%;margin-left:10%;margin-top:50px;text-align:left;}
#mesavantatgesopcio1{position:relative;float:left;width:45%;}
#mesavantatgesopcio2{position:relative;float:left;width:45%;margin-left:5%;}
#extraescolarsfoto4{position: relative;
float: left;
width: 42%;
min-height: 300px;}
#quisomblau {width:100%;position:relative;background-color:#152a35;min-height:750px;color:white;margin-top:50px;display:flex;}
#quisomcontingut {width:80%;margin:0 auto;position:relative;margin-top:50px;float:left;text-align:left;max-width:1600px;margin-bottom: 30px;}
#quisomtext {width:47%;position:relative;float:left;margin-left:1%;}
#quisomtext2 {margin-top:50px;position:relative;float:left;line-height:1.9em;}
#quisomtitol {font-size:3em;line-height: 45px;}
#quisomfotos1 {width:41%;position:relative;float:left;margin-left:1%;}
#quisomfotos1 img{width:100%;height:auto;border-radius:25px;}
#quisomicones {width:90%;position: relative;float:left;margin-top:50px;margin-left:5%;margin-bottom:50px;}
#quisomicones1 {width:90%;position: relative;float:left;margin-top:50px;margin-left:0%;margin-bottom:50px;}
#quisomicones2 {width:47%;position: relative;float:left;margin-top:75px;margin-left:3%;margin-bottom:50px;}
#quisomzonainferior {width:100%;float: left;position: relative;color:white;margin-bottom:18%;}
#quisomzonainferior1 {width:20%;float: left;position: relative;}
#quisomzonainferior2 {width:20%;float: left;position: relative;margin-left:5%;}
#quisombanner {width:90%;top: 9px;position: relative;left:0%;background-image:url(images/quisom3.jpg);background-repeat:repeat-x;background-position: center; min-height:400px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:80px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#banneractivitats {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/activitatsdirigides1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannerextraescolars {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/extraescolars1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannernadons {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/natacionadons1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannercasals {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/casals1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-50px;margin:0 auto;max-width:1600px;background-size:cover;}
#banneropos {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/oposicions1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-50px;margin:0 auto;max-width:1600px;background-size:cover;}
#banneradults {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/portada activitats adults.png");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-50px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannerinstal {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/instalacions1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-200px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannerlloguer {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/lloguer1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-200px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannerlligues {width:100%;top: 9px;position: relative;left:0%;background-image:url("images/lligues1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-200px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannerinferiorlligues {width:100%;top: 0px;position: relative;left:0%;background-image:url("images/lligues2.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;margin-top:0px;float:left;background-position-y:0px;margin:0 auto;max-width:1600px;background-size:cover;}
#bannercontacta{width:100%;top: 9px;position: relative;left:0%;background-image:url("images/contacta.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:-200px;margin:0 auto;max-width:1600px;background-size:cover;}
#activitatsdirigides {position:relative;float:left;width:80%;left:10%;top:15%;height:50%;text-align:center;}
#activitatsdirigidesprimer {width:100%;position:relative;background-color:#152A35;float:left;text-align:center;margin-top:50px;min-height:400px;}
#activitatsdirigidescontingut{width:80%;position:relative;float:left;margin-left:10%;margin-top:30px;}
#activitatsdirigidestitol{font-size:4em;color:white;line-height:65px;}
#activitatsdirigidestext{color:white;margin-top:50px;position:relative;line-height:normal;}
#botoactivitats {background-color:#FF5757;width:200px;margin:0 auto;border-radius:20px; height: 50px; line-height: 50px; margin-top: 50px;color:white;}
#activitats1 {width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin-left:10%;font-weight: normal;margin-top:50px;float:left;height:350px;}
#activitats2 {width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin-left:10%;font-weight: normal;margin-top:20px;float:left;height:350px;}
#activitatsdirigides111 {width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin:0 auto;font-weight: normal;margin-top:50px;min-height:350px;max-width:1600px;}
#activitatsdirigides222 {width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin:0 auto;font-weight: normal;margin-top:20px;min-height:350px;max-width:1600px;}
#activitats3{width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin:0 auto;font-weight: normal;margin-top:20px;min-height:350px;max-width:1600px;}
#contenidorsuperactivitats {width:80%;text-align:left;position: relative;color:#152a35;font-size:1em;margin:0 auto;font-weight: normal;margin-top:20px;min-height:1100px;max-width:1600px;}
#activitatsdirigides1 , #activitatsdirigides2 , #activitatsdirigides3 , #activitatsdirigides4, #activitatsdirigides5, #activitatsdirigides6, #activitatsdirigides7, #activitatsdirigides8, #activitatsdirigides9, #activitatsdirigides10, #activitatsdirigides11, #activitatsdirigides12 {position:relative;float:left;width:19%;height:300px;border-radius: 25px;margin-left:7%;color:white;text-align:left;}
#activitatsdirigides1 {margin-left:0%;background-image: url(images/activitatsdirigides2.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides2 {background-image: url(images/activitatsdirigides3.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides3 {background-image: url(images/activitatsdirigides4.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides4 {background-image: url(images/activitatsdirigides5.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides5 {margin-left:0%;background-image: url(images/activitatsdirigides6.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides6 {background-image: url(images/activitatsdirigides7.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides7 {background-image: url(images/activitatsdirigides8.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides8 {background-image: url(images/activitatsdirigides9.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides9 {margin-left:0%;background-image: url(images/activitatsdirigides10.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides10 {background-image: url(images/activitatsdirigides11.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides11 {background-image: url(images/activitatsdirigides12.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsdirigides12 {background-image: url(images/activitatsdirigides13.jpg);background-size:cover;background-repeat:no-repeat;}
#activitatsextraescolarsprimer{width:100%;position:relative;text-align:center;margin-top:50px;min-height:350px;display:flex;}
#activitatsextraescolarscontingut{width:70%;position:relative;float:left;margin:0 auto;margin-top:50px;max-width:1600px;}
#activitatsextraescolarstitol{font-size:4em;color:#152A35; line-height: 0.9em;}
#activitatsextraescolarstext{color:black;margin-top:50px;position:relative;line-height:normal;}
#botoextraescolars {background-color:#FF5757;width:70%;margin:0 auto;border-radius:20px; height: 50px; line-height: 50px; margin-top: 50px;color:white;text-align: center; max-width: 500px;}
#activitatsextraescolarsbanner {width:100%;float: left;position: relative;color:white;}
#activitatsextraescolarsbanner1 {width:100%;float: left;position: relative;color:white;margin-bottom:150px;}
#activitatsbanner2 {width:95%;position: relative;left:0%;background-image:url(images/extraescolars2.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:30px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#activitatsbanner3 {width:95%;position: relative;left:0%;background-image:url(images/extraescolars3.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:80px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#nadonsbanner2 {width:95%;position: relative;left:0%;background-image:url(images/natacionadons3.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#nadonsbanner3 {width:95%;position: relative;left:0%;background-image:url(images/natacionadons5.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#oposbanner {width:95%;position: relative;left:0%;background-image:url(images/oposicions3.jpg);background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#kendobanner {width:95%;position: relative;left:0%;background-image:url("images/kendo.png");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#jiujitsubanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults3.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#judobanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults1.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#barrebanner {width:95%;position: relative;left:0%;background-image:url("images/barre.png");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#teatrebanner {width:95%;position: relative;left:0%;background-image:url("images/teatre.png");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#karatebanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults4.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#kobudobanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults5.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#muaytaybanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults6.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#boxabanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults7.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#kravmagabanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults8.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#countrybanner {width:95%;position: relative;left:0%;background-image:url("images/activitatsadults9.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#ballgallecbanner {width:95%;position: relative;left:0%;background-image:url("images/ball galleg.png");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;margin-left: auto;margin-right:auto;max-width:1600px;background-size: cover;}
#lloguerbanner {width:90%;top: 9px;position: relative;left:0%;min-height:600px;border-radius: 25px;margin:0 auto;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;max-width:1600px;background-color:white;color:#152A35;}
#celebrabanner {width:90%;position: relative;left:0%;background-image:url("images/lloguer9.jpg");background-repeat:repeat-x;background-position: center; min-height:600px;border-radius: 25px;margin:0 auto;margin-top:30px;float:left;background-position-y:0px;margin-bottom:50px;max-width:1600px;background-size: cover;}
#extraescolarsfoto4 img {width: 100%;
height: auto;
border-radius: 25px;max-width:600px;}
#extraescolarsblau {width:100%;position:relative;background-color:#152a35;min-height:500px;color:white;margin-top:50px;display:flex;}
#nadons1 {width:45%;position:relative;float:right;margin-bottom:50px;}
#nadons1 img{width:100%;height:auto;border-radius:25px;}
#nadonsblau {width:100%;position:relative;background-color:#152a35;min-height:470px;color:white;margin-top:50px;display:flex;}
#horarisnadons {background-color:#FF5757;width:100%;min-height:400px;position:relative;float:left;}
#horarisnadonstitol {font-size:3em;color:white;text-align:center;width:100%;height:auto;margin-top:50px;}
#horarisnadonscaixa {position:relative;float:left;width:30%;margin-top:40px;min-height:300px;margin-left:35%;}
#horarisnadonscaixa1, #horarisnadonscaixa2, #horarisnadonscaixa3, #horarisnadonscaixa4 {position:relative;float:left;width:45%;height:70px;background-color:#152A35;color:white;border-radius:15px;margin-left:4%;margin-top:5%;line-height:30px;}
#nadonspractica {position:relative;float:left;width:80%;margin:0 auto;max-width:1600px;min-height:500px;}
#nadonspracticatitol{ font-size: 3em;
text-align: center;
width: 100%;
position: relative;
float: left;
margin-top: 50px;
line-height: 40px;
margin-left: 0;}
#nadonspracticafoto{position:relative;float:left;width:40%;margin-left:5%;margin-top:30px;}
#nadonspracticafoto img{position:relative;float:left;width:100%;height:auto;border-radius:25px;margin-bottom: 30px;}
#nadonspracticatext{position:relative; float: left; width: 40%; margin-left: 5%;margin-top:30px;}
#nadonspracticatext1, #nadonspracticatext2, #nadonspracticatext3, #nadonspracticatext4{position:relative;float:left;width:40%;line-height:normal; text-align: left;
padding-left: 40px;margin-top:10%;}
.nadonscheckbox {background-image: url(images/checkbox.jpg;);line-height:40px;background-position:left center; background-repeat:no-repeat; }
#casalsfotos1 {position:relative;float:left;width:40%;margin-left:1%;}
#casalsfotos1 img{width:100%;height:auto;border-radius:25px;}
#casalszonainferior1 {width:15%;float: left;position: relative;}
#casalszonainferior2 {width:15%;float: left;position: relative;margin-left:3%;}
#tipuscasals{background-color:#FF5757;width:100%;min-height:400px;position:relative;float:left;}
#tipuscasalstitol{font-size:3em;color:#152A35;text-align:center;width:100%;height:auto;margin-top:50px;}
#tipuscasalscaixa {position:relative;float:left;width:90%;margin-top:40px;min-height:100px;margin-left:0%;}
#tipuscasalscaixafila2 {position:relative;float:left;width:90%;margin-top:30px;min-height:100px;margin-left:10%;}
#tipuscasalscaixa1, #tipuscasalscaixa2, #tipuscasalscaixa3, #tipuscasalscaixa4, #tipuscasalscaixa5 {position:relative;float:left;width:25%;height:70px;background-color:#152A35;color:white;border-radius:25px;margin-left:4%;line-height:70px;}
#tipuscasalscaixa1 {margin-left:17%;}
#tipuscasalscaixa4 {margin-left:17%;}
#tipuscasalsinterior {position:relative;float:left;width:70%;left:15%;max-width:1600px;}
#tipuscasalstextbaix {width:100%;text-align:center;position:relative;float:left;}
#properscasalstitol {font-size:3em;text-align:center;width:100%;position:relative;float:left;margin-top:50px;line-height:40px;margin-left:0%;}
#properscasalsfoto {position:relative;float:left;width:40%;margin-top:50px;margin-left:10%;}
#properscasalsfoto img{position:relative;float:left;width:100%;height:auto;max-width:600px;border-radius:25px;}
#properscasals {width:80%;position:relative;margin:0 auto;margin-bottom:50px;}
#casalstextblanc{width:100%;position:relative;float:left;text-align:center;margin-top:50px;min-height:250px;margin-bottom:30px;display:flex;}
#lliguesbasquettextblanc{width:100%;position:relative;float:left;text-align:center;margin-top:25px;min-height:250px;margin-bottom:30px;display:flex;}
#barrarosa3{width:100%;height:200px;background-color:#ff5757;color:#0d293a;position:relative;float:left;line-height:60px;text-align:center;}
#barrarosa3text1 {font-size:2em;width:100%;text-align:center;position:relative;float:left;font-weight:bold;margin-top:20px;}
#barrarosa3text2 {font-size:0.8em;width:100%;text-align:center;position:relative;float:left;line-height:normal;}
#barrarosa3boto {color:#0D293A;background-color:white;border-radius: 25px;width:20%;text-align:center;line-height:50px;position: relative;float:left;margin-left: 40%;
font-size: 0.8em;margin-top:20px;}
#opostitol {font-size:3em;text-align:left;line-height:40px;position:relative;float:left;width:80%;left:10%;}
#oposcaixa {position:relative;width:80%;margin:0 auto;}
#opostext { width: 90%; position: relative; float: left; text-align: left; left: 0%;margin-top:25px;}
#opostext0, #opostext1, #opostext2, #opostext3, #opostext4, #opostext5, #opostext6 {width:30%;height:60px;text-align:left;position:relative;float:left;margin-left:1%;}
#opostext1, #opostext2, #opostext3, #opostext4, #opostext5, #opostext6 {background-image: url(images/checkbox.jpg;);background-position:left center; background-repeat:no-repeat;line-height:60px;}
#oposfila {width: 100%;position:relative;float:left;left:10%;}
#textdinsopos {position:relative;float:left;margin-left:40px;}
.videoyoutube {height:500px;}
#volssabermes {position:relative;float:left;width:80%;margin:0 auto;max-width: 1600px;min-height:330px;margin-bottom:30px;}
#volssabermestitol {position:relative;float:left;text-align:left;font-size:3em;color:#152A35;width:40%;margin-left:5%;line-height:40px;}
#volssabermestext {position:relative;float:left;text-align:left;width:40%;margin-top:30px;left:5%;line-height:normal;}
#volssabermesvideo {position:relative;float:right;text-align:left;width:54%;border-radius:25px;margin-left:1%;}
#instalacionsprimer {width:100%;position:relative;background-color:#152A35;float:left;text-align:center;margin-top:50px;min-height:400px;}
#tipusactivitats99{width:90%;min-height:400px;position:relative;float:left;margin-bottom:50px;max-width:1600px;margin-left:5%;}
#tipusactivitatstitol{font-size:3em;color:#152A35;text-align:center;width:90%;height:auto;margin-top:50px;margin-left:5%;line-height: 0.9em;}
#tipusactivitatscontenidor {width:90%;position:relative;float:left;margin:0 auto;margin-bottom:30px;max-width:1600px;}
#tipusactivitatscaixa {position:relative;float:left;width:90%;margin-top:40px;min-height:100px;margin-left:5%;}
#tipusactivitatscaixafila2 {position:relative;float:left;width:90%;margin-top:30px;min-height:100px;margin-left:5%;}
#tipusactivitatscaixa1, #tipusactivitatscaixa2, #tipusactivitatscaixa3, #tipusactivitatscaixa4, #tipusactivitatscaixa5 {position:relative;float:left;width:30%;height:275px;background-color:#152A35;color:white;border-radius:25px;margin-left:4%;line-height:normal;text-align:left;}
#tipusactivitatscaixa1 {background-image:url(images/instalacions2.jpg);background-size:cover;}
#tipusactivitatscaixa2 {background-image:url(images/instalacions3.jpg);background-size:cover;}
#tipusactivitatscaixa3 {background-image:url(images/instalacions4.jpg);background-size:cover;}
#tipusactivitatscaixa4 {background-image:url(images/instalacions1.jpg);background-size:cover;}
#tipusactivitatscaixa5 {background-image:url(images/instalacions6.jpg);background-size:cover;}
#tipusactivitatscaixa1 {margin-left:0%;}
#tipusactivitatscaixa4 {margin-left:17%;}
#tipusactivitatstextos {width:90%;position: absolute;margin-left:7%;float:left;}
#tipusactivitatstextos2 {width:80%;position: absolute;margin-left:10%;margin-top:30%;}
#instalacionsesquerra {width:50%;position: relative;float:left;min-height:300px;margin-left:0%;margin-top:75px;}
#instalacionsdreta {width:40%;position: relative;min-height:300px;float:left;margin-top:75px;margin-left:10%;}
#lloguerespais1 , #lloguerespais2 , #lloguerespais3 , #lloguerespais5, #lloguerespais6, #lloguerespais7 {position:relative;float:left;width:19%;height:300px;border-radius: 25px;margin-left:7%;color:white;text-align:left;}
#lloguerespais1 {margin-left:15%;background-image: url(images/instalacions3.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespais2 {background-image: url(images/lloguer3.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespais3 {background-image: url(images/lloguer4.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespais5 {margin-left:15%;background-image: url(images/lloguer5.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespais6 {background-image: url(images/instalacions1.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespais7 {background-image: url(images/lloguer7.jpg);background-size:cover;background-repeat:no-repeat;}
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {width:25%;height:60px;text-align:left;position:relative;float:left;margin-left:1%;}
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {background-image: url(images/checkbox.jpg;);background-position:left center; background-repeat:no-repeat;line-height:25px;}
#lloguerespaisfila1 {width: 100%;position:relative;float:left;left:10%;margin-top:30px;}
#lloguerespaisfila2 {width: 100%;position:relative;float:left;left:10%;margin-top:20px;}
#elsespaissubtitol {position:relative;float:left;margin-left:10%;text-align:left;width:80%;margin-top:30px;}
#lloguerespaisblau {width:100%;background-color:#152A35;min-height:700px;display:flex;}
#lloguerespaisblancdinsblau {position:relative;float:left;width:80%;min-height:500px;margin-left:10%;}
#lliguesblau {width:100%;position:relative;float:left;background-color:#152A35;min-height:450px;color:white;}
#lliguesblaucontenidor {position:relative;float:left;margin-left:30%;width:40%;max-width:1600px;margin-top:50px;}
#lliguesblautitol {position:relative;float:left;text-align:left;width:80%;left:5%;font-size:3em;color:white;line-height:45px;}
#lliguesblauesquerra {position:relative;float:left;text-align:left;width:40%;margin-left:5%;margin-top:50px;}
#lliguesblaudreta {position:relative;float:left;text-align:left;width:40%;margin-left:5%;margin-top:50px;}
#lliguescheck {background-image:url(images/lliguescheck.png;);background-position:left center; background-repeat:no-repeat;line-height:40px;margin-top:30px;}
.lligueschecktext {padding-left:40px;}
#horarislliguessuper{width:80%;float:left;position:relative;margin-left:10%;}
#horarislligues{background-color:#FF5757;width:80%;margin-left:10%;position:relative;float:left;border-radius:25px;min-height:315px;margin-top:50px;margin-bottom:50px;max-width:1600px;}
#horarislliguescontenidor {position:relative;float:left;width:70%;margin-left:15%;}
#horarislliguestitol{font-size:3em;color:white;width:100%;float:left;position:relative;text-align:center;margin-top:50px;}
#horarislliguesesquerra{position:relative;float:left;background-color:#152A35;color:white;width:30%;margin-top:50px;height:125px;border-radius:25px;}
#horarislliguesdreta{position:relative;float:left;color:white;width:70%;margin-left:0%;margin-top:0px;}
#horarislliguesdretasup{position:relative;float:left;background-color:#152A35;color:#ff5757;width:95%;margin-left:5%;margin-top:50px;border-radius:25px;height:40px;border-radius:25px;line-height:40px;}
#horarislliguesdretainf{position:relative;float:left;background-color:#152A35;color:white;width:45%;margin-left:5%;margin-top:10px;border-radius:25px;height:70px;border-radius:25px;font-size:0.8em;line-height:22px;}
#classificacioblau{position:relative;width:100%;background-color:#152A35;min-height:250px;}
#classificacioblautitol{font-size:3em;width:100%;position:relative;float:left;color:#FF5757;text-align:center;margin-top:30px;line-height:0.8em;}
#classificacioblausubtitol{width:100%;position:relative;float:left;text-align:center;margin-top:20px;color:white;margin-bottom:30px;}
#classificacioblaucontenidor{width:60%;position:relative;float:left;margin-left:20%;margin-top:30px;max-width:1600px;}
#classificacioblaubotons{width:16%;background-color:white;border-radius:25px;height:50px;line-height:50px;color:#152A35;margin-left:4%;position:relative;float:left;text-align:center;}
#classificacioblaubotons0{width:16%;background-color:white;border-radius:25px;height:50px;line-height:50px;color:#152A35;margin-left:2%;position:relative;float:left;text-align:center;}
#barrarosacontenidor {position: relative;float:left;width:60%;margin-left:20%;}
#bannerinferiorlliguestitol {font-size:3em;color:white;margin-top:100px;text-align:center;width:100%;line-height:0.8em;}
#bannerinferiorlliguessubtitol {font-size:1em;color:white;margin-top:70px;text-align:center;width:100%;margin-bottom:30px;}
#botolliguescontacta {color:#0D293A;background-color:white;border-radius: 25px;width:16%;text-align:center;line-height:50px;position: relative;float:left;left: 42%;
font-size: 1em;max-width:250px;}
#contactaicones {position:relative;float:left;width:45%;margin-top:50px;min-height:400px;}
#contactablau {width:100%;position:relative;background-color:#152a35;min-height:750px;color:white;margin-top:50px;display:flex;}
#contactacontingut {width:80%;margin:0 auto;position:relative;margin-top:50px;float:left;text-align:left;max-width:1600px;}
#mapacontacta {width:50%;position:relative;float:left;margin-left:5%;}
#contactaesquerra1,#contactaesquerra2 {position:relative;float:right;margin-top:30px;width:90%;min-height:100px;}
#contactaesquerra1 {margin-top:0px}
#contactadretatext{position:relative;float:left;height:125px;line-height:27px;margin-left:5%;}
#contactaform {position:relative;background-color:#152A35;min-height:900px;width:80%;max-width:1170px;margin:0 auto;margin-top:30px;margin-bottom:50px;border-radius:25px; box-shadow: 0px 0px 8px 0 #152A35, 0 0px 20px 0 #152A35;
}
#formularidinamis {position:relative;float:left;margin-top:50px;width:70%;margin-left:15%;margin-bottom:150px;}
#nomicorreu { width: 100%;
position: relative;
float: left;
border-radius: 25px;
line-height: 70px;
margin-top: 30px;
background-color: white;
height: 75px;}
#textcorreu { width: 100%;
position: relative;
float: left;
border-radius: 28px;
line-height: 70px;
margin-top: 30px;
background-color: white;
height: 400px;
margin-bottom:25px;}
.formularicontactans {width: 95%;
height: 70px;
border-radius: 25px;
position: relative;
float: left;
margin-right: 0%;
line-height: 70px;
margin-left: 0%;
border: none;
margin-top: -20px;
padding-left: 5%;}
.formularicontactansdropdown {width: 100%;
height: 70px;
border-radius: 25px;
position: relative;
float: left;
margin-right: 0%;
line-height: 70px;
margin-left: 0%;
border: none;
margin-top: -20px;
padding-left: 5%;}
.formularicontactansemail {width:95%;height:65px;border-radius:30px;position:relative;float:left;line-height:65px;}
.formularicontactanstext { width: 95%;
border-radius: 30px;
position: relative;
float: left;
left: 0%;
margin-right: 0;
resize: none;
padding-left: 5%;
top: -50px;
padding-top: 20px;}
#botoenviarformulari {width:80%;margin-left:10%;height:50px;position:relative;float:left;}
.formularienviarcontactans {width:100%;background-color:#FF5757;border-radius:25px;min-height:50px;text-align:center;color:white;font-size:1.1em;}
#botoenviarfletxa {position:relative;float:right;margin-right:30px;width:100px;height:70px;background-image: url(images/fletxa.png);background-repeat:no-repeat;background-position:right;}
.wpcf7-submit {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 17'%3E%3Cpath d='M1 8.5 H42 M35 1.5 L42 8.5 L35 15.5' stroke='%23fff' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 50% 70%;
background-position: right;}
#accepta {position:relative;float:left;width:90%;margin-left:5%;color:white;}
.check {width:25px;height:25px; }
.wpcf7 .wpcf7-submit:enabled {cursor:pointer;}
#textsuperiortarifas {width:100%;height:50px;float:left;position: relative;}
.activitatspiscina {padding-left:40px;}
#mesinfocontacte a:link {
color: white;text-decoration:none;
}
/*old*/
#ofertaformativa:hover, #serveis:hover, #calendari:hover, #contacta:hover, #lloguerespais:hover, #krav:hover, #celebra:hover, #aikidokobukai:hover, #taows:hover {filter: hue-rotate(90deg) saturate(50%); }
#barrasuperior {color:#FFFFFF;text-align:left; line-height:47px;height:47px;width:100%;font-style:normal; font-family:'Delius';font-style:italic;background-image:url(images/fons1.jpg);background-repeat:repeat-x;}
#contingutsuperior {width:60%; margin:0 auto; position:relative;text-align: right;}
#botonsindex {width:65%;height:300px;position:relative;margin:0 auto;}
#botonsindex2 {width:65%;height:235px;position:relative;margin:0 auto;}
#lloguerbanner1 {width:100%;float: left;position: relative;color:#152A35;}
#lloguerbanner1inferior1 {width:80%;float: left;position: relative;}
#lloguerbanneresquerra {float:left;position:relative;width:30%;margin-top:5%;margin-left:5%;}
#lloguerbanneresquerra img {border-radius:25px;height:500px;width:auto;}
#lloguerbannerdreta {position:relative;float:left;width:50%;margin-left:7%;margin-top:5%;min-height:500px;text-align:left;}
#escoladelsteussomnis {
width:100%;
height:4px;
background-color:#2a4481;
position:relative;
margin:0 auto;
top:21px;
}
#emocionaticontagiat {
width:100%;
height:4px;
background-color:#2a4481;
position:relative;
margin:0 auto;
}
#noticies {position:relative;top:0px;height:auto;background-color: #f6f6f6;}
#barracalendariimes { width:70%;height:100%;position:relative;margin:0 auto;padding-bottom:30px; padding-top: 50px;overflow: hidden;left:0%;}
#esdeveniments {width:30%;height:100%;position:relative;float:left;}
#tuiter {width:25%;height:630px;position:relative;float:left;overflow:scroll;margin-right: 7%;}
#botonsinferior {width:100%;height:auto;position:relative;float:left;}
#botocorreu, #botoeducamos, #botointranet, #botomoodle {
width:80%;
height:auto;
padding-top: 15px;
filter:brightness(0.9);}
#botocorreu img, #botoeducamos img, #botointranet img, #botomoodle img, #infantsgaudi img,#alumni img{
width:100%;
height:auto;
}
#infantsgaudi,#alumni {width:80%;height:auto;padding-top: 15px;
filter:brightness(1);}
#botocorreu:hover, #botoeducamos:hover, #botointranet:hover, #botomoodle:hover {filter: brightness(1) saturate(50%); }
#videopalcam {position:relative;top:62px;}
#logopalcam{height:auto;width:30%;min-width:125px;max-width: 235px;position:relative;top:0px;display:inline;cursor:pointer;left:0px;float:left;}
#capa2
{
position:absolute;
background-color:#FFFFFF;
height:2500px;
width:2500px;
z-index:9999999;
overflow:hidden;
}
#contenidormenu {position:relative;top:13px;width:975px;margin:0 auto;}
#menu {
width:80%;
position:relative;
float:right;
}
.horizontal-menu {
position:relative;
float:left;
height:52px;
top:30px;
width:95%;
left:3%;
font-size:1em;
line-height:normal;
}
/* PRIMER NIVELL */
.horizontal-menu > li {
display: inline-block;
float:left;
width:15%;
margin-right:10px;
height:34px;
color:#FFF;
position:relative;
}
.horizontal-menu > li > a {
display:block;
text-align:center;
text-decoration:none;
line-height:normal;
color:#FFF;
}
/* SUBMENÚ */
.horizontal-menu li ul {
display:none;
position:relativef;
top:0%;
left:0;
width:100%;
padding:0;
}
.horizontal-menu li ul li {
display:block;
width:100%;
}
.horizontal-menu li ul li a {
display:block;
padding:8px;
color:white;
}
/* MOSTRAR SUBMENÚ */
.horizontal-menu li:hover > ul {
display:block;
}
/* HOVER */
.horizontal-menu > li:hover,
.horizontal-menu > li > a:hover {
background-color:#ff5757 !important;
color:#FDFDFD;
border-radius:15px;
}
.horizontal-menu > li:hover > a {
background-color:#ff5757;
color:#FDFDFD;
border-radius:15px;
}
.horizontal-menu li ul.sub-menu li a {
background:transparent !important;
}
.horizontal-menu li ul.sub-menu li a:hover {
background:#ff5757 !important;
border-radius:15px;
}
.logodinamis {width:250px;height:auto;padding-left:0px;position:relative;float:left;left:39%;top:50px;display:flex;}
#mengem, #visita, #onsom, #articles { width: 20%; height:100%; display: inline-block;position:relative; float:left;color:#000;left:85px;}
#bannerinstalacions { width:60%;height:auto;padding-bottom: 10px;position:relative;float:right;}
#lloguerespais{width:20%;float:right;position:relative;top:30px;}
#celebra {width:20%;float:right;position:relative; top:30px;}
#krav {width:33%;float:left;position:relative; top:53px;}
#taows {width:33%;float:left;position:relative; top:80px;}
#aikidokobukai {width:33%;float:left;position:relative; top:100px;}
#lloguerespais img, #celebra img {width: 70%;}
#contingutpagina {width:95%;position:relative;margin:0 auto;max-width:1600px;}
.mapagoogle {padding-bottom:30px;}
.text2 {
width:60%;
float:left;
left: 20%;
position: relative;}
.text3, .wpcf7-form-control wpcf7-submit {
width:25%;
float:right;
position: relative;
background-color: transparent;
border: 2px solid #333399;
border-radius:10px;-moz-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;
clear:both;
transition: color 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s, background 0.15s ease-in-out 0s;
}
#degradat {position:relative;background-image:url(images/degradat.jpg);background-repeat:repeat-x; height:56px;width:100%;top: 40px;display:none;}
.responsive-tabs .responsive-tabs__panel {text-align:left;}
.ws_images, .ws_shadow {max-height:500px;}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFCC;
clear: both;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;padding:10px;
}
.alignright, img.alignright {
display: block;
position:relative;
float:right;padding:10px;}
.alignleft, img.alignleft {
display: block;
position:relative;
float:left;padding:10px;}
#insta {position: relative;
float: right;
height: 112px;
width:99px;
right:10%;
top:30px;}
.insta {height:90px;width:99px;position:relative;top:10px;}
.text {
color: white;
font-size: 150%;
line-height:150%;
font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.chpcs_img img {border-radius:12px;}
/*hovers*/
#bannermouteboto:hover, #bannerelgimboto:hover, #bannerlliguesboto:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#bannerquadratboto:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#bannermouteboto2:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#botoactivitats:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#barrarosa3boto:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#barrarosaboto:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#botolliguescontacta:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#botoextraescolars:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#botoenviarformulari:hover {transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#classificacioblaubotons0:hover, #classificacioblaubotons:hover{transform:scale(1.1);-webkit-transition: all 0.2s ease-in-out;}
#responsive-menu-pro-search-box {display:none;}
/*responsive*/
@media (min-width: 1350px) {
#activitatsdirigidescontingut {
margin-top: 60px;}
}
@media (min-width: 1570px) {
.horizontal-menu{ position: relative;
float: left;
height: 52px;
width: 95%;
right: 0%;
left:1%;}
.logodinamis{left:40%;}
}
@media (min-width: 1955px) {
.horizontal-menu{ position: relative;
float: left;
height: 52px;
width: 100%;
right: 0%;
left:0%;
margin-top:0px;}
.logodinamis{left:40%;}
#esdeveniments {width:54%;height:100%;}
#celebra, #lloguerespais {width:15%;}
}
@media (max-width: 1600px) {#banner, #bannerelgim, #banneractivitats, #bannerextraescolars, #bannernadons, #bannercasals, #banneropos, #banneradults, #bannerlloguer, #bannerinstal, #bannerlligues, #bannercontacta {width:95%;background-position-y:0;}
#quartbannerfoto img {width:100%;height:auto;}
#cinquebannerfoto1 img, #cinquebannerfoto2 img, #cinquebannerfoto3 img {height:250px;}
}
@media (max-width: 1500px) {
#contactacontingut {
width: 85%;}
#activitats2, #activitats1 {width:100%;margin-left:0%;}
#classificacioblaucontenidor {width:80%;margin-left:10%;}
#casalsfotos1 {
margin-top: 30px;
}
#horarisnadonscaixa {
width: 60%;
margin-left: 20%;
}
#nadons1 {
margin-top: 5%;
}
#tarifesbotons {width:90%;float:left;position:relative;margin-left:5%;color:#152a35;max-width: 1600px;}
#tarifesbotons1{width:30%;float:left;position:relative;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifesbotons2{width:30%;float:left;position:relative;margin-left:5%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifesbotons3 {width:30%;float:left;position:relative;margin-left:5%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifestext {position: relative;width:100%;text-align:center;margin-top:75px;color:white;}
#tarifestextos {width:80%;height:80%;margin-left:10%;margin-top:10%;line-height:normal;}
.tarifestitol{font-size:3em;color:#ff5757;}
.tarifespreus{font-size:6em;}
#quisomfotos1 {margin-top:10%;}
#ofertaformativa, #serveis, #calendari, #contacta { width: 20%; height:100%; display: inline-block;position:relative; float:left;color:#000;left:85px;}
.imgindex {padding-left:0px;position:relative;float:left;top:30px;width:130px;height:auto; left:35px;}
.veuretots {font-size:30%;visibility:visible;}
#celebra, #lloguerespais {width:20%;}
}
@media (max-width: 1439px)
{
#contactacontingut {
width: 90%;}
#botolliguescontacta {color:#0D293A;background-color:white;border-radius: 25px;width:30%;text-align:center;line-height:50px;position: relative;float:left;margin-left: 35%;left:0px;max-width:1000px;}
#horarislligues {width:80%;margin-left:10%;}
#horarislliguessuper {width:100%;margin-left:0%;}
#lliguesblaucontenidor {width:60%;margin-left:20%;}
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {width:30%;}
#mesqueungimnasfotos1 img, #mesqueungimnasfotos2 img {height:350px;}
#mesqueungimnaselgimfotos1 img, #mesqueungimnaselgimfotos2 img {height:350px;}
#activitatsdirigides111, #activitatsdirigides222, #activitats3 {width:100%;}
#hd {width:92%;}
#celebra, #lloguerespais {width:30%;top:0px;float:left;left:25%;}
a img {height: auto;width: 80%; }
#krav img, #taows img, #aikidokobukai img {height:140px; width:auto;}
#krav, #taows, #aikidokobukai {top:26px;}
#esdeveniments {width:90%;height:100%;padding-bottom:5%}
}
@media (max-width: 1320px)
{
#contactacontingut {
width: 95%;}
#lloguerespais1, #lloguerespais2, #lloguerespais3, #lloguerespais5, #lloguerespais6, #lloguerespais7 {width:25%;margin-left:7%;}
#contenidorsuperactivitats {width:90%;}
#mesqueungimnastext {width:59%;}
#mesqueungimnaselgimfotos {width:40%}
#mesqueungimnaselgimfotos1 {display:none;}
#mesqueungimnaselgimfotos2 {width:100%;}
#mesqueungimnaselgimfotos2 img {height:auto;width:90%;}}
@media (max-width: 1250px) {
#contactaesquerra1, #contactaesquerra2 {
position: relative;
float: left; width: 85%;
margin-left: 7%;}
#contactaicones {width:100%;}
#mapacontacta {width:90%;margin-left:5%;margin-bottom:50px;margin-right:0px;float:left;}
.wpcf7-submit {background-image:none;}
#lliguesblaucontenidor {width:80%;margin-left:10%;}
#lloguerbanner {width:95%;}
#lloguerbanneresquerra{margin-left:3%;}
#lloguerbanneresquerra img{width:100%;height:auto;}
#lloguerbannerdreta {width:52%;}
#tipusactivitatscaixa1, #tipusactivitatscaixa2, #tipusactivitatscaixa3, #tipusactivitatscaixa4, #tipusactivitatscaixa5 {width:60%;height:400px; margin-left: 20%;
margin-top: 30px;}
#tipuscasalsinterior {
position: relative;
float: left;
width: 90%;
left: 5%;}
#tipuscasalscaixa1, #tipuscasalscaixa4 {margin-left:13%;}
#nadonspracticafoto {
position: relative;
float: left;
width: 80%;
margin-left: 10%;
margin-top: 30px;}
#casalsfotos1 {
position: relative;
float: left;
width: 60%;
margin-left: 20%;
margin-top: 30px;
margin-bottom:25px;
}
#nadonspracticatext {
position: relative;
float: left;
width: 80%;
margin-left: 20%;
margin-top: 0px;
margin-bottom:25px;
}
#nadons1 {width:90%;margin-left:5%;float:left;}
#extraescolarsfoto4 {
position: relative;
float: left;
width: 80%;
min-height: 0px;
margin-bottom: 5%;
margin-top: 5%;
margin-left: 10%;
}
#activitatsdirigides1, #activitatsdirigides2, #activitatsdirigides3, #activitatsdirigides4, #activitatsdirigides5, #activitatsdirigides6, #activitatsdirigides7, #activitatsdirigides8, #activitatsdirigides9, #activitatsdirigides10, #activitatsdirigides11, #activitatsdirigides12 {width:22%;}
#activitatsdirigides2, #activitatsdirigides3, #activitatsdirigides4, #activitatsdirigides6, #activitatsdirigides7, #activitatsdirigides8, #activitatsdirigides10, #activitatsdirigides11, #activitatsdirigides12 {margin-left:4%;}
#altresserveiscontenidor {width:90%;}
#totenunmateix1, #totenunmateix2, #totenunmateix3, #totenunmateix4 {width:45%;margin-left:4%;margin-bottom:30px;}
#mesqueungimnaselgimtitol {margin-top:50px;}
#quisomfotos1, #quisomtext {width:90%;margin-left:5%;}
#quisomicones2 {margin-top:20px;width:100%;}
#quisomfotos1 {margin-bottom:50px;}
#perquedinamisdreta {width:70%;margin-top:0px;}
#perquedinamisesquerra {width:100%;text-align:center;min-height:250px;}
#perquedinamisdretaimg {margin-left:20%;}
#cinquebannerfoto1 img, #cinquebannerfoto2 img, #cinquebannerfoto3 img {height:200px;}
#quartbanner {display:flex;}
#quartbannerintern {height:auto;margin-bottom:50px;}
#quartbannerfoto, #quartbannertext {width:80%;margin-left:5%;}
#quartbannertext {margin-bottom:30px;}
#quartbannertexttitol, #quartbannerfoto img {margin-top:50px;}
#quartbannertexttext2, quartbannertexttext1{width:100%;}
#quartbannerzonainferior {width:90%;}
#mesqueungimnastext {width:40%;margin-left:5%;}
#mesqueungimnasfotos {width:59%;}
#mesqueungimnasfotos1 {display:none;}
#mesqueungimnasfotos2 {width:80%;}
#mesqueungimnasfotos2 img {height:auto;width:90%;}
#mesqueungimnaselgimfotos1 {display:none;}
#mesqueungimnaselgimfotos2 {width:100%;}
#mesqueungimnaselgimfotos2 img {height:auto;width:100%;}
#hd{height:120px;}
.horizontal-menu {display: none;}
#insta {position: relative;
float: right;height: 67px;width:60px;right:0%;top:10px;}
.insta {height:55px;width:60px;position:relative;top:10px;}
.logodinamis {float:left;width:175px;top: 45px;}
#banner {background-size: cover;}
}
@media (max-width: 1100px)
{
#classificacioblaubotons0, #classificacioblaubotons {width: 50%;margin-left:25%;margin-bottom:20px;}
#horarislligues {margin-left:5%;width:90%;}
#lloguerbanneresquerra{margin-top:6%;}
#oposcaixa {width:95%;}
#tipuscasalscaixa1, #tipuscasalscaixa2, #tipuscasalscaixa3, #tipuscasalscaixa4, #tipuscasalscaixa5 {width:60%;margin-left:20%;margin-top:25px;}
#tipuscasalscaixa, #tipuscasalscaixafila2{width:90%;margin-left:5%;margin-top:0px;}
#tipuscasalscaixa {margin-top:25px;}
#tipuscasalstextbaix {margin-top:15px;margin-bottom:25px;}
#activitatsextraescolarstitol{font-size:3em;color:#152A35;line-height:0.9em;}
#tarifesbotons {width:90%;float:left;position:relative;margin-left:5%;color:#152a35;max-width: 1600px;}
#tarifesbotons1{width:30%;float:left;position:relative;background-color:#ff5757;height:250px;margin-top:50px;border-radius:25px;}
#tarifesbotons2{width:30%;float:left;position:relative;margin-left:5%;background-color:#ff5757;height:250px;margin-top:50px;border-radius:25px;}
#tarifesbotons3 {width:30%;float:left;position:relative;margin-left:5%;background-color:#ff5757;height:250px;margin-top:50px;border-radius:25px;}
#tarifestext {position: relative;width:100%;text-align:center;margin-top:75px;color:white;}
#tarifestextos {width:80%;height:80%;margin-left:10%;margin-top:10%;line-height:normal;}
.tarifestitol{font-size:3em;color:#ff5757;}
.tarifespreus{font-size:5em;}
#perquedinamistarifes {width:90%;}
#perquedinamis2 {width:90%;}
#altresserveiscontenidor {width:100%;}
#barrarosa3boto {width:40%;margin-left:30%;}
}
@media (max-width: 960px)
{
#horarislliguesesquerra {min-height:140px;}
#horarislliguesdretainf {height:90px;}
#lliguesblaucontenidor {width:90%;margin-bottom:50px;}
#lliguesblaudreta, #lliguesblauesquerra {width:80%;margin-left:10%;text-align:center;}
#lloguerbanner {background-image:url("images/instalacions3.jpg");background-size:cover;background-repeat:no-repeat;}
#bannerlloguerespaistext, #lloguerbanner1inferior1 {color:white;}
.titolblaulloguer {color:white;}
#lloguerespaisblau {background-color:white;}
#lloguerbanneresquerra {display:none;}
#lloguerbannerdreta {width:90%;margin-left:3%;}
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {width:60%;margin-left:20%;}
#lloguerespaisfila2 {margin-top:0px;}
#lloguerbanneresquerra{margin-top:7%;}
#lloguerespais1, #lloguerespais2, #lloguerespais3, #lloguerespais5, #lloguerespais6, #lloguerespais7 {width:30%;margin-left:3%;height:250px;}
#activitats1 {height:250px;}
#tipusactivitats99, #tipusactivitatscontenidor {margin-bottom:0px;}
#kendobanner,#jiujitsubanner, #karatebanner, #judobanner, #kobudobanner, #muaytaybanner, #boxabanner, #kravmagabanner, #countrybanner, #ballgallecbanner
{min-height:350px;}
#casalszonainferior1 {width:25%;float: left;position: relative;margin-left:3%;}
#casalszonainferior2 {width:25%;float: left;position: relative;margin-left:3%;}
#horarisnadonscaixa {
width: 80%;
margin-left: 10%;
}
#botoextraescolars {width:70%;}
#activitatsbanner2 {min-height:400px;}
#activitatsbanner3 {min-height:400px;}
#activitatsextraescolarsbanner1{ margin-bottom: 5%;}
#activitatsdirigidestitol {font-size:3em;}
#activitatsdirigidescontingut {margin-bottom:5%;}
#totenunmateixdins2 {margin-top:15%;}
#contenidorsuperactivitats {width:95%;}
#altresserveiscontenidor {width:100%;left:0%;}
#altresserveistitol {width:100%;}
#altresserveistext1,#altresserveistext2,#altresserveistext3,#altresserveistext4 {width:40%;}
#altresserveistext1, #altresserveistext3 {margin-left:20%;margin-bottom:50px;}
#perquedinamistarifes {width:95%;}
#perquedinamis {width:95%;}
#quisomicones2 {margin:0 auto;margin-bottom: 50px;}
#perquedinamis2 {width:95%;}
#tarifesbotons {width:90%;float:left;position:relative;margin-left:5%;color:#152a35;max-width: 1600px;}
#tarifesbotons1{width:50%;float:left;position:relative;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;margin-left:25%;}
#tarifesbotons2{width:50%;float:left;position:relative;margin-left:25%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifesbotons3 {width:50%;float:left;position:relative;margin-left:25%;background-color:#ff5757;height:300px;margin-top:50px;border-radius:25px;}
#tarifestext {position: relative;width:100%;text-align:center;margin-top:75px;color:white;}
#tarifestextos {width:80%;height:80%;margin-left:10%;margin-top:10%;line-height:normal;}
.tarifestitol{font-size:3em;color:#ff5757;}
.tarifespreus{font-size:5em;}
#bannerelgimnasboto {width:60%;left:20%;}
#perquedinamiscontingut {width:100%;margin-left:0%;}
#logodinamisblanc {width:100%;margin-left:0%;}
#textxarxes {float:left;}
#logodinamisblanc img {width:50%;}
#barrarosaboto {width:40%;left:30%;}
#barrarosabotoelgim {width:40%;}
#cinquebannerfoto1, #cinquebannerfoto2 {display:none;}
#cinquebannerfoto3 {width:100%;margin-left:0%;margin-bottom: 30px;}
#cinquebannerfoto3 img {width:90%;height:auto;margin-left:5%;}
#cinquebannerfotos {min-height:300px;margin-bottom:50px;width:100%;margin:0 auto;}
#cinquebanner {margin-bottom:50px;width:90%;margin:0 auto;}
#bannermoute {width:90%;}
.titolblanc, .titolvermell {font-size:2.5em;}
#tercerbannerzonainferior,#quisomzonainferior {width:90%;margin-bottom: 5%;}
#bannermoute {top:5%;}
#mesqueungimnastext {width:90%;margin-left:5%;}
#mesqueungimnasfotos {width:90%;margin-left:0%;}
#mesqueungimnasfotos2 {width:100%;}
#mesqueungimnasfotos2 img {height:auto;width:90%;}
#mesqueungimnaselgimtext {width:90%;margin-left:5%;}
#mesqueungimnaselgimfotos {width:90%;margin-left:0%;}
#mesqueungimnaselgimfotos2 {width:100%;}
#mesqueungimnaselgimfotos2 img {height:auto;width:90%;}
#bannersquadrats {width:95%;}
#segonbannerquadrat, #segonbannerquadrat1 {
width: 26%;
position: relative;
margin-left: 6%;
background-color: white;
border-radius: 25px;
min-height: 270px;
text-align: left;
float: left;
margin-top: 45px;}}
@media (max-width: 810px)
{
#botolliguescontacta {color:#0D293A;background-color:white;border-radius: 25px;width:60%;text-align:center;line-height:50px;position: relative;float:left;margin-left: 15%;left:0px;max-width:1000px;}
#horarislligues {margin-left:2%;width:95%;}
#horarislliguescontenidor {width:90%;margin-left:5%;}
#lloguerbanneresquerra{margin-top:8%;}
#tipusactivitatscaixa1, #tipusactivitatscaixa2, #tipusactivitatscaixa3, #tipusactivitatscaixa4, #tipusactivitatscaixa5 {width:80%;height:400px; margin-left: 10%;
margin-top: 30px;}
#volssabermesvideo, #volssabermestext, #volssabermestitol {width:90%;}
#volssabermesvideo{float:left;margin-left:5%;margin-bottom:30px;}
#opostitol {text-align:center;
}
#opostext0, #opostext1, #opostext2, #opostext3, #opostext4, #opostext5, #opostext6
{width:60%;margin-left:20%;}
}
@media (max-width: 750px)
{
#classificacioblaubotons0, #classificacioblaubotons {width: 70%;margin-left:15%;margin-bottom:20px;}
#lloguerespais1, #lloguerespais2, #lloguerespais3, #lloguerespais5, #lloguerespais6, #lloguerespais7 {width:50%;margin-left:25%;margin-bottom:25px;}
#tipusactivitats99 {min-height:1200px;margin-bottom:50px;}
#nadonspracticatext1, #nadonspracticatext2, #nadonspracticatext3, #nadonspracticatext4 {
position: relative;
float: left;
width: 80%;
line-height: normal;
text-align: center;
padding-left: 40px;
margin-top: 10%;}
#activitatsextraescolarscontingut {
width: 85%;}
#botoextraescolars {width:80%;}
#quisomtext1 {}
#quisomtext2 {text-align:center;}
#quisomtitol {text-align:center;}
#bannerelgimtitol {margin-top:20%;}
#activitatsdirigides1, #activitatsdirigides2, #activitatsdirigides3, #activitatsdirigides4, #activitatsdirigides5, #activitatsdirigides6, #activitatsdirigides7, #activitatsdirigides8, #activitatsdirigides9, #activitatsdirigides10, #activitatsdirigides11, #activitatsdirigides12 {
width: 40%;
margin-left: 7%;margin-top:5%;}
#quisomfotos1, #quisomtext {
width: 95%;
margin-left: 0%;
}
#contenidorsuperactivitats {margin-bottom:5%;}
#quisomicones1 {width:100%;}
#perquedinamisdreta {width:90%;margin-bottom: 5%;}
#perquedinamistarifes{ padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;}
#perquedinamistarifesdreta {width:80%;text-align:left;margin-left:20%;margin-top:0px;}
#perquedinamistarifesesquerra {width:100%;margin:0 auto;text-align:center;}
#quisomzonainferior1 {width:46%;text-align:center; min-height: 150px;
}
#quisomzonainferior2 {width:46%;margin-left:0%;text-align:center; min-height: 150px;
}
#quisomzonainferior {
width: 100%;
margin-bottom: 5%;
}
#perquedinamisdreta1, #perquedinamisdreta2, #perquedinamisdreta3 {margin-left:0%;width:100%;}
#perquedinamisdretaimg {width:100%;margin-left:0%;
}
#perquedinamisdretaimg img{ width: 20%;
margin-left: 40%;}
#perquedinamisdretatext {width: 100%;
text-align: center;margin-top:1%;margin-left:0%;}
#quisomcontingut {width:100%;}
#barrarosaboto {
width: 80%;
left: 10%;max-width:none;}
#barrarosabotoelgim {
width: 80%;
;max-width:none;}
#bannermoute {width:90%;margin-top:5%;}
#cinquebanner, #cinquebannerfotos {min-height:0px;}
#bloc {display:ruby;}
#segonbannerquadrat, #segonbannerquadrat1 {
width: 50%;
position: relative;
margin-left: 25%;
background-color: white;
border-radius: 25px;
min-height: 270px;
text-align: left;
float: left;
margin-top: 25px;
margin-bottom:30px;
}
#mesavantatgestextsuperior {margin-top:100px;width:90%;margin-left:5%;}
#mesavantatges {
width:95%;}
.mesavantatgestitol {font-size:3em;}
}
@media (max-width: 600px) {
#horarislliguesesquerra, #horarislliguesdreta {width:80%;margin-left:10%;}
#horarislliguesdreta {margin-bottom:30px;}
#horarislliguesdretainf {width:95%;margin-left:5%;height:70px;}
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {width:80%;margin-left:10%;}
#lloguerespais1, #lloguerespais2, #lloguerespais3, #lloguerespais5, #lloguerespais6, #lloguerespais7 {
width: 90%;
margin-left: 5%;}
#tipusactivitats99, #tipusactivitatscontenidor {margin-bottom:50px;}
#horarisnadonscaixa4 {margin-bottom:5%;}
#horarisnadonscaixa {
width: 90%;
margin-left: 5%;
}
#botoextraescolars {width:90%;}
#tarifesbotons1, #tarifesbotons2, #tarifesbotons3 {width:80%;margin-left:10%;}
#mesavantatgesopcio1 {width:80%;}
#mesavantatgesopcio2 {
position: relative;
float: left;
width: 80%;
margin-left: 0%;
margin-top: 4%;
margin-bottom:5%;}
#perquedinamisdreta1, #perquedinamisdreta2, #perquedinamisdreta3 {
margin-top: 5%;
}
#mesavantatgestextsuperior {margin-top:75px;width:90%;margin-left:5%;}
#mesavantatgescontenidor {min-height:700px;}
}
@media (max-width: 500px)
{
#lloguerespaistextos1, #lloguerespaistextos2, #lloguerespaistextos3 {width:100%;margin-left:0%;font-size:0.8em;}
#opostext0, #opostext1, #opostext2, #opostext3, #opostext4, #opostext5, #opostext6
{width:80%;margin-left:10%;}
#tipuscasalscaixa1, #tipuscasalscaixa2, #tipuscasalscaixa3, #tipuscasalscaixa4, #tipuscasalscaixa5 {width:80%;margin-left:10%;margin-top:25px;}
#horarisnadonscaixa {
width: 90%;
margin-left: 5%;
}
#horarisnadonscaixa1, #horarisnadonscaixa2, #horarisnadonscaixa3, #horarisnadonscaixa4 {width:70%;margin-left:15%;}
#barrarosa3boto {width:60%;margin-left:20%;}
#bannerelgimtitol {margin-top:30%;}
#perquedinamistarifesdreta {margin-left:0%;}
#totenunmateix1, #totenunmateix2, #totenunmateix3, #totenunmateix4 {width:80%;margin-left:10%;margin-bottom:30px;}
#bannerelgimnasboto {width:80%;left:10%;}
#quisomzonainferior1 {width: 90%;text-align:center; min-height: 150px;
}
#quisomzonainferior2 {width:90%;margin-left:0%;text-align:center; min-height: 150px;
}
#barrarosaboto {margin-bottom:30px;}
#barrarosabotoelgim {margin-bottom:30px;}
#logodinamisblanc img {width:80%;}
#segonbannerquadrat, #segonbannerquadrat1 {
width: 80%;
position: relative;
margin-left: 10%;
background-color: white;
border-radius: 25px;
min-height: 270px;
text-align: left;
float: left;
margin-top: 25px;
margin-bottom:30px;
}
#perquedinamisesquerra {margin-top:40px;}
}
@media (max-width: 500px)
{
#tipuscasalstitol {
line-height: 0.9em;}
#activitatsextraescolarscontingut {
width: 92%;}
#botoextraescolars {width:100%;font-size: 0.9em;}
#tarifesbotons1, #tarifesbotons2, #tarifesbotons3 {width:100%;margin-left:0%;height:250px;}
#textxarxes {display:none;}
#instagramnou {float:left;width:30%;margin-left:35%}
#instagramnou img{float:left;width:100%;}
#mesavantatgestextsuperior {margin-top:75px;width:90%;margin-left:5%;}
#mesavantatges {
width: 95%;
margin: 0 auto;
max-width: 1600px;
margin-top: 30px;
margin-bottom: 40px;
}
#mesavantatgesopcio1, #mesavantatgesopcio2 {width:95%;}
.mesavantatgestitol {line-height:0.9em;font-size:2.5em}
#activitatsdirigides1, #activitatsdirigides2, #activitatsdirigides3, #activitatsdirigides4, #activitatsdirigides5, #activitatsdirigides6, #activitatsdirigides7, #activitatsdirigides8, #activitatsdirigides9, #activitatsdirigides10, #activitatsdirigides11, #activitatsdirigides12 {
width: 80%;
margin-left: 10%;margin-top:5%;}
}
@media (max-width: 400px)
{
#opostext0, #opostext1, #opostext2, #opostext3, #opostext4, #opostext5, #opostext6
{width:90%;margin-left:5%;}
#horarisnadonscaixa1, #horarisnadonscaixa2, #horarisnadonscaixa3, #horarisnadonscaixa4 {width:90%;margin-left:5%;}
#altresserveistext1,#altresserveistext2,#altresserveistext3,#altresserveistext4 {width: 60%;
margin-left: 30%;}
#altresserveistext4 {margin-bottom:50px;}
#altresserveistext1, #altresserveistext3 {margin-bottom:0%;}
#perquedinamistarifes {width:100%;}
#perquedinamistarifesdreta {
width: 100%;}
.checkbox li {background-image:none;}
.activitatspiscina {padding-left:0px;}
#mesavantatgestextsuperior {
margin-top: 40px;}
#mesavantatgescontenidor {min-height:750px;}
#activitatsextraescolarscontingut {
width: 96%;
}
#botoextraescolars {
width: 100%;
font-size: 0.8em;}
}
@media (max-width: 310px)
{
#tipuscasalscaixa1, #tipuscasalscaixa2, #tipuscasalscaixa3, #tipuscasalscaixa4, #tipuscasalscaixa5 {width:90%;margin-left:5%;margin-top:25px;}
#barrarosa3boto {width:80%;margin-left:10%;}
ul .checkbox { padding-inline-start: 0px;text-align:center;}
#perquedinamistarifes {border:none;}
#perquedinamistarifesdreta {text-align:center;}
.activitatspiscina {left: -20px;
position: relative;
}}