html, body, div, applet, object, iframe, img, h1, h2, p, img,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, 
center, i{font-family: 'Roboto Condensed', sans-serif;border:0;outline:0;color: black;text-decoration:none; font-size:18px; line-height: 24px; font-weight: 400; color: rgba(0,0,0,1);}
*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: bold; font-style: normal;}
hr{border:0;color:#FFFFFF;}
.opacidad60{opacity: 0.4;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
a{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{opacity: 0.6; }
.comoboton{cursor: pointer;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.comoboton:hover{opacity: 0.6; }
.fondogris{background-color:rgba(120,120,120,1);}
.margensup80{margin-top: 80px;}
.padding40{padding: 40px 0px 80px 0px; box-sizing: border-box}
.padding40sinabajo{padding: 40px 0px 0px 0px; box-sizing: border-box}
.padding80{padding: 80px; box-sizing: border-box}
.textocentro{text-align: center}
.downloads{position: fixed; z-index: 100; top: 50%; right: 0; background-color: #981c47; border-radius: 10px 0px 0px 10px; text-align: left;  width: 270px; padding: 20px; box-sizing: border-box;}
.downloads > a{color: white; font-size: 18px; font-weight: bold; }
.downloads > a:before{content:url('images/download.png'); float: left; display: block; margin-right: 20px;}

.home{width: 100%; position: relative;margin-top: 50px;}
.logos{width: 500px; background: url(images/logo.svg) no-repeat center center; background-size: contain; height: 415px; position: absolute; top: 100px; left: 20px; }
.logos22{width: 365px; background: url(images/quien.svg) no-repeat center center; background-size: contain; height: 90px; position: absolute; bottom: 200px; left: 20px; }
.logos33{width: 500px; background: url(images/loguitos.svg) no-repeat center center; background-size: contain; height: 50px; position: absolute; bottom: 40px; left: 20px; }
.infohome{background-color: rgba(255,255,255,0.8);width: 100%; padding: 60px; box-sizing: border-box}
.infohomebottomxx{position: absolute; bottom: 0px; background-color: rgba(255,255,255,0.8);width: 100%; padding: 20px; box-sizing: border-box}

.whatsapp{position: fixed; bottom: 20px; right: 20px; z-index: 1000;}

.home2{background-color: rgba(24,24,39,1); padding: 80px 0px 80px 0px; box-sizing: border-box}

.contenidocentrado{width: 1004px; margin: 0 auto;}
.contenidocentradomedioancho{width: 500px; margin: 0 auto;}
.boton{width: 100%; display: block; text-align: center; margin-bottom: 20px; padding: 10px; margin-top: 20px; color: white; font-size: 18px; cursor: pointer; border: 1px solid #2e70c3; background: #981c47; border-radius: 10px; box-sizing: border-box;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }

.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.abaix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}
.flexat2{width: 50%}
.flexat2 img{width: 100%}
.altolinea0{line-height: 0;}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 2.5s infinite;
   -moz-animation: flickerAnimation 2.5s infinite;
   -o-animation: flickerAnimation 2.5s infinite;
    animation: flickerAnimation 2.5s infinite;
}

.boton:hover{opacity: 0.6;}
.link{text-align: center;color: #981c47;display: block; font-size: 20px}

.quees{padding: 80px; box-sizing: border-box}
h2{font-weight: bold; font-size: 60px; line-height: 60px; color: #981c47; padding-top: 40px; padding-bottom: 40px;}
em.azul{color: #981c47;}
.doscolumnas{column-count: 2;column-gap: 80px;}

.doscolumnas > p{margin-bottom: 20px}
.conicono:before{content: '·'; font-size: 40px; color: #981c47; font-weight: bold; margin-right: 10px; display: inline-block; vertical-align: middle}

.doscolumnasconp{display: inline-flex; justify-content: space-between; flex-wrap: wrap; }
.doscolumnasconp div:nth-child(1){width: 100%; margin-bottom: 20px}
.doscolumnasconp div:nth-child(1) > h3{margin-bottom: 20px; font-weight: bold; font-size: 26px!important; color: #981c47;}
.doscolumnasconp div:nth-child(1) > p{margin-bottom: 20px}
.doscolumnasconp div:nth-child(2) span{margin-left: 20px; display: block}

.doscolumnasconp div:nth-child(2){width: 48%; margin-bottom: 20px}
.doscolumnasconp div:nth-child(3){width: 48%; margin-bottom: 20px}

.dades{width: 100%; background: url(images/rugby_2.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; box-sizing: border-box; padding: 400px 0px 400px 0px}
.dades > div > h2{font-size: 36px; box-sizing: border-box; text-align: center; line-height: 36px}
.conmargintop40{margin-top: 40px!important}
.sisactivitats{display: inline-flex; width: 100%; justify-content: space-between; flex-wrap: wrap}
.sisactivitats > div{width: 33.33%; text-align: center; box-sizing: border-box; font-weight: 18px; cursor: pointer; position: relative}
.sisactivitats > div > .info{position: absolute; top: 50%; text-align: center; width: 100%; margin-top: -50px; display: none}
.sisactivitats > div > div > h2{font-size: 24px; font-weight: bold}
.sisactivitats > div > div > span{font-size: 24px; font-weight: bold; display: block; margin-top: 20px;margin-bottom: 20px}
.sisactivitats > div:nth-child(1) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}
.sisactivitats > div:nth-child(2) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_6.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}
.sisactivitats > div:nth-child(3) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}
.sisactivitats > div:nth-child(4) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_5.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}
.sisactivitats > div:nth-child(5) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_2.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}
.sisactivitats > div:nth-child(6) > .fondo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(images/ex_4.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1;}


.colonies{padding: 80px; box-sizing: border-box}
.colonies > div > h2{font-weight: bold; font-size: 60px; line-height: 60px;}
.colonies > div > h3{font-size: 28px; line-height: 38px; margin-top: 40px;}


.rectoria{width: 100%; height: 50vh; background: url(images/rugby_3.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; box-sizing: border-box}
.rectoria > h2{font-size: 40px; text-align: center; color: white; line-height: 40px; padding-top: 40px;}
.rectoria > a{color: white; text-align: center; margin: 0 auto; margin-top: 40px;display: block;}


.equiptecnic{width: 100%; padding: 400px 0px 400px 0px; background: url(images/rugby_4.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; box-sizing: border-box}

.equiptecnic3{width: 100%; padding: 400px 0px 400px 0px; background: url(images/rugby_4_88.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; box-sizing: border-box}
.equiptecnic2{width: 100%;}
.equiptecnic2 > img{width: 100%; height: auto;}

.separadora{width: 100%; height: 600px; background: url(images/rugby_5.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; box-sizing: border-box}

.peu{padding: 20px; box-sizing: border-box;text-align: center; font-weight: bold}

.logos2{width: 80%; margin-left: 10%; background: url(images/logos.jpg) no-repeat center center; background-size: contain; height: 108px; margin-top: 20px;}
.horaris{padding: 80px 160px 80px 160px; text-align: center; box-sizing: border-box;}
.headerhorari{display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #981c47; }
.coshorari1{display: inline-flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #981c47; margin-bottom: 20px }
.coshorari2{display: inline-flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; }
.headerhorari > div:nth-child(1){width: 10%; padding: 10px; box-sizing: border-box; color: #981c47; font-weight: bold; font-size: 18px; text-align: left}
.headerhorari > div:nth-child(2){width: 30%; padding: 10px 30px 10px 10px; box-sizing: border-box; color: #981c47; font-weight: bold; font-size: 18px; text-align: left}
.headerhorari > div:nth-child(3), .headerhorari > div:nth-child(4), .headerhorari > div:nth-child(5), .headerhorari > div:nth-child(6), .headerhorari > div:nth-child(7), .headerhorari > div:nth-child(8){width: 12%; padding: 10px; box-sizing: border-box; color: #981c47; font-weight: bold; font-size: 18px; text-align: left}
.coshorari1 > div:nth-child(3), .coshorari1 > div:nth-child(4), .coshorari1 > div:nth-child(5), .coshorari1 > div:nth-child(6), .coshorari1 > div:nth-child(7), .coshorari1 > div:nth-child(8){width: 12%; padding: 10px; box-sizing: border-box; color: black; font-size: 16px; text-align: left}
.coshorari1 > div:nth-child(2){width: 30%; padding: 10px; box-sizing: border-box; color: black; font-size: 16px; text-align: left}
.coshorari1 > div:nth-child(1), .coshorari2 > div:nth-child(1){width: 10%; padding: 10px; box-sizing: border-box; color: #981c47; font-size: 18px; text-align: left; font-weight: bold;}
.coshorari2 > div:nth-child(1){width: 10%; padding: 10px; box-sizing: border-box; color: #981c47; text-align: left}
.coshorari2 > div:nth-child(2){width: 30%; padding: 10px 30px 10px 10px; box-sizing: border-box; font-size: 16px; color: black; text-align: left}
.coshorari2 > div:nth-child(3){width: 60%; padding: 10px; box-sizing: border-box; color: black; font-size: 16px; text-align: left}
.coshorari2 > div em{color: #981c47;}
.solomovil{display: none!important}
.headerhorari > div:nth-child(8), .coshorari1 > div:nth-child(8){display: none}


.cabecera{position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; padding: 15px 20px 10px 20px; box-sizing: border-box; z-index: 10; display: inline-flex; justify-content: space-between; align-items: center;-webkit-box-shadow: 0px 3px 6px -1px rgba(255,255,255,0.72); box-shadow: 0px 3px 6px -1px rgba(255,255,255,0.72);}
.cabecera a{color: #981c47; font-size: 15px; background-color: white; border: 1px solid #981c47; padding: 5px 20px 5px 20px; border-radius: 20px;}
.cabecera a:hover{color: white; background-color: #981c47; opacity: 1}

@media screen 
and (max-width : 1367px) 
and (min-width : 1101px) 
{
.contenidocentrado {width: 100%; box-sizing: border-box}
.doscolumnas{column-count: 1;column-gap: 0px;}
.quees > div > h2{font-size: 40px;line-height:50px;}
.separadora{height: 400px;}
.logos2{width: 100%; margin-left: 0%; }
.logos {width: 400px; height:150px }
.dades, .equiptecnic, .equiptecnic3{padding: 250px 0px 250px 0px;}
.horaris {padding: 80px 20px 80px 20px;}
}

@media screen 
and (max-width : 1100px) 
and (min-width : 769px) 
{
.contenidocentrado {width: 100%; box-sizing: border-box}
.doscolumnas{column-count: 1;column-gap: 0px;}
.quees > div > h2{font-size: 40px;line-height:50px;}
.separadora{height: 400px;}
.logos2{width: 100%; margin-left: 0%; }
.dades, .equiptecnic, .equiptecnic3{padding: 250px 0px 250px 0px;}
.horaris {padding: 80px 20px 80px 20px;}
.headerhorari > div:nth-child(3), .headerhorari > div:nth-child(4), .headerhorari > div:nth-child(5), .headerhorari > div:nth-child(6), .headerhorari > div:nth-child(7), .coshorari1 > div:nth-child(3), .coshorari1 > div:nth-child(4), .coshorari1 > div:nth-child(5), .coshorari1 > div:nth-child(6), .coshorari1 > div:nth-child(7){display: none}
.logos22{bottom: 150px}
.headerhorari > div:nth-child(8), .coshorari1 > div:nth-child(8){display: block; width: 30%}
.headerhorari > div:nth-child(1), .coshorari1 > div:nth-child(1), .coshorari2 > div:nth-child(1){width: 20%}
.coshorari2 > div:nth-child(3) {width: 30%;}
.headerhorari > div:nth-child(2), .coshorari1 > div:nth-child(2), .coshorari2 > div:nth-child(2){width: 50%}

}


@media screen 
and (max-width : 768px)
{
.contenidocentrado {width: 100%; box-sizing: border-box}
.doscolumnas{column-count: 1;column-gap: 0px;}
.downloads{position: absolute}
.contenidocentradomedioancho{width: 100%;}
.quees > div > h2, .colonies > div > h2, .dades > div > h2, .equipo > div > h2, .stage > div > h2{font-size: 32px;line-height:34px; margin-bottom: 20px}
.quees, .colonies{padding: 20px}
.padding40sinabajo{padding: 0}
.padding40{padding:0px}
.colonies > div > h3, .rectoria > h2  {font-size: 22px;line-height: 28px;}
.separadora{height: 250px;}
.infohome{bottom: 0;}
.sisactivitats > div{width: 100%}
.dades, .equiptecnic{width: 100%; height: auto; background: none;}
.dades > .infohome, .equiptecnic > .infohome ,.infohomebottom{position: relative}
.fondodades{width: 100%; background: url(images/rugby_2.jpg) no-repeat top center; background-size: cover; width: 100%; height: 300px; }
.fondoequip{width: 100%; background: url(images/rugby_4.jpg) no-repeat top center; background-size: cover; width: 100%; height: 300px; }
.equipo > div > h2, .stage > div > h2{margin-bottom: 0;}
.equiptecnic > .padding40{padding: 0}
.sisactivitats > div > .info {top: auto;bottom: 0px;margin-top: 0px;display: block;background-color: rgba(255,255,255,0.6);padding: 20px;box-sizing: border-box}
.sisactivitats > div > .fondo {opacity: 1;}
p, p.conicono{text-align: left;margin-bottom: 10px;font-size: 16px}
.link{font-size: 16px}
h2{padding-top: 20px;padding-bottom: 20px;}
.home{width: 100%; height: 100vh;  position: relative}
.solomovil{display: block!important}
.solopc{display: none!important}

.logos {width: 300px;background: url(images/logo.svg) no-repeat center center;background-size: contain;height: 250px;position: absolute;top: 100px;left: 50%;margin-left: -151px;}
.logos22 {width: 300px;background: url(images/quien.svg) no-repeat center center;background-size: contain;height: 90px;position: absolute;bottom: 200px;left: 50%;margin-left: -150px;}
.logos33 {width: 300px;background: url(images/loguitos.svg) no-repeat center center;background-size: contain;height: 50px;position: absolute;bottom: 40px;left: 50%;margin-left: -150px;}
.infohome{padding: 20px}
.home2{padding-top: 0}

.dades, .equiptecnic, .equiptecnic3{padding: 10px 0px 30px 0px;}
.horaris {padding: 40px 0px 40px 0px;}
.headerhorari > div:nth-child(3), .headerhorari > div:nth-child(4), .headerhorari > div:nth-child(5), .headerhorari > div:nth-child(6), .headerhorari > div:nth-child(7), .coshorari1 > div:nth-child(3), .coshorari1 > div:nth-child(4), .coshorari1 > div:nth-child(5), .coshorari1 > div:nth-child(6), .coshorari1 > div:nth-child(7){display: none}
.headerhorari > div:nth-child(8), .coshorari1 > div:nth-child(8){display: block; width: 100%}
.headerhorari > div:nth-child(1), .coshorari1 > div:nth-child(1), .coshorari2 > div:nth-child(1){width: 100%}
.coshorari2 > div:nth-child(3) {width: 100%;}
.headerhorari > div:nth-child(2), .coshorari1 > div:nth-child(2), .coshorari2 > div:nth-child(2){width: 100%;padding-left: 0!important}
.equipo{padding: 20px}
equiptecnic3{margin-top: 20px}
.doscolumnasconp div:nth-child(2), .doscolumnasconp div:nth-child(3) {width: 100%;}
h2 {font-weight: bold;font-size: 31px;line-height: 32px;padding-bottom: 0}
.headerhorari{display: none}
.home{height: auto;padding-top: 60px;}
.flexat2{width: 100%; border-bottom: 1px solid grey}

.cabecera{flex-wrap: wrap;}
.cabecera > div:nth-child(1){order: 1}
.cabecera > div:nth-child(2){order: 3; margin-top: 20px; width: 100%; text-align: center}
.cabecera > div:nth-child(3){order: 2;}

}