@charset "UTF-8";
/* CSS Document */

body{margin: 0; font-family: 'Barlow', sans-serif; font-size: 18px; line-height: 26px; font-weight: 200; !important}

.areaCapsal{width:100%; margin: 0; float: left;}
.areaBoto{width:80%; padding: 2% 10%; float: left; background-color: #0a2b47; text-align: center; float: left; border-bottom: 20px solid #336387;}
.areaBoto2{width:80%; padding: 2% 10%; float: left; background-color: #eaeaea; text-align: center; float: left;}
.areaFooter{width:80%; padding: 2% 10%; float: left; background-color: #0a2b47; text-align: left; float: left;}
.areaTitol{width:90%; padding: 2% 5%; float: left; background-color: #0a2b47; text-align: left; float: left;}
.areaCredits{width:100%; float: left; text-align: right; float: left; border-top: 1px solid #ffffff; margin-top: 1%;}
.areaTitolInscripcio{width:80%; padding: 2% 10%; float: left; background-color: #336387; text-align: center; float: left; border-bottom: 20px solid #0a2b47; color:#ffffff;}

.imatge{max-width:100%; overflow:hidden; position:relative;}
.imatgeCapsal{object-fit: cover; width:100%; height:100%; display: block;}

.my-button {
  padding: 15px 20px;
  background-color: #0f63cf;
  color: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 400;
  font-size:20px;
  font-family:'Barlow', sans-serif !important;
}

.my-button:hover {
  background-color: #ffffff;
  color: #0a2b47;
}


.my-button2 {
  padding: 15px 20px;
  background-color: #0f63cf;
  color: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 400;
  font-size:20px;
  font-family:'Barlow', sans-serif !important;
}

.my-button2:hover {
  background-color: #0a2b47;
  color: #ffffff;
}


.zona{width:70%; padding: 4% 15%; float: left;}
.titolSeccio{color:#0a2b47; font-size: 50px; font-weight: 200;}
.titolInscripcio{color:#ffffff; font-size: 60px; font-weight: 200; line-height: 65px;}
.titolInscripcioPetit{color:#ffffff; font-size: 40px; font-weight: 200; line-height: 45px;}
.SubtitolSeccio{color:#0a2b47; font-size: 30px; font-weight: 600;}
.SubtitolSeccioGAN{color:#0a2b47; font-size: 22px; font-weight: 300;}
.titolColumna{width: 100%; float:left; margin:0 0 5%; 0;}
.columna{width:45%; padding-right: 5%; margin-top: 4%; float: left;}
.columna75{width:75%; margin-top: 4%; float: left;}
.columna25{width:25%; margin-top: 4%; float: left;}
.entreLI{margin-bottom: 25px;}
.grisFondo{background-color: #f8f8f8;}
.nomDoctor{font-size:20px; font-weight: 500;}
.linkWeb{font-size: 16px; text-decoration:none; line-height: 45px;}
.linkWeb:hover{color:#0f63cf;}
.linkCredit{font-size: 14px; text-decoration:none; line-height: 45px; font-weight: 300; color:#ffffff;}
.linkCredit:hover{color:#0f63cf;}
.logoCapsal{width: 150px;}
.logoGAN{width: 300px;}
.titolGracies{color:#0a2b47; font-size: 50px; font-weight: 300; line-height: 55px; text-align: center;}
.titolGraciesPetit{color:#0a2b47; font-size: 35px; font-weight: 200; line-height: 40px; text-align: center;}
.titolGraciesPetit2{color:#0a2b47; font-size: 25px; font-weight: 200; line-height: 30px; text-align: center;}


/*FORMULARI*/

.itemForm{width: 100%; float: left; margin-bottom: 4%;}
.nomForm{font-size:18px; width: 10%; padding-right: 2%; float: left;}
.nomForm2{font-size:18px; width: 15%; padding-right: 2%; float: left;}
.caixaForm{font-size:18px; width: 87%; float: left; text-indent: 10px; padding: 5px; border:1px solid #0a2b47; }
.caixaForm2{font-size:18px; width: 81%; float: left; text-indent: 10px; padding: 5px; border:1px solid #0a2b47; }
.comentariContra{font-size:14px; padding-top:10px; margin-left: 12%; float: left;}
.columna{width:45%; padding-right: 5%; margin-top: 4%; float: left;}
.columna2{width:50%; margin-top: 4%; float: left;}
.columna3{width:45%; padding-right: 5%; margin-top: 4%; float: left;}
.columna100{width:100%; margin-top: 3%; float: left;}
.asterisc{color:#ff5b00;}
.politica{font-size:14px; float: left;}
.linkpolitica{text-decoration:none; font-weight: 500;}
.linkpolitica:hover{color:#0f63cf;}




@media only screen and (max-width: 1900px){
.nomForm{ width: 100%;}
.nomForm2{ width: 100%;}
.comentariContra{margin-left: 0; }
}

@media only screen and (max-width: 1000px){
.columna{width:100%; padding-right: 0; margin-top: 9%;}
.columna2{width:100%; padding-right: 0;}
.columna3{width:100%; padding-right: 0;}
.caixaForm{font-size:18px; width: 100%;}
.caixaForm2{font-size:18px; width: 100%;}
.titolInscripcio{font-size: 50px; line-height: 55px;}
.titolInscripcioPetit{font-size: 30px; line-height: 35px;}
}

@media only screen and (max-width: 700px){
.areaTitol{padding: 3% 5%;}
.logoCapsal{width: 100px;}
.areaBoto{padding: 7% 10%;}
.zona{width:80%; padding: 4% 10%;}
.titolSeccio{font-size: 45px; line-height:45px;}
.SubtitolSeccioGAN{font-size: 18px; margin-top:6%;}
.logoGAN{width: 200px;}
.areaBoto2{padding: 9% 10%;}
.areaFooter{padding: 6% 10%;}
.titolInscripcio{font-size: 40px; line-height: 45px;}
.titolInscripcioPetit{font-size: 20px; line-height: 25px;}
.titolGracies{color:#0a2b47; font-size: 40px; font-weight: 300; line-height: 45px; text-align: center;}
.titolGraciesPetit{color:#0a2b47; font-size: 30px; font-weight: 200; line-height: 30px; text-align: center;}
.titolGraciesPetit2{color:#0a2b47; font-size: 20px; font-weight: 200; line-height: 20px; text-align: center;}
}