@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');

:root {
  --colorPrincipal: #4093b4;
  --colorSecundario: #4093b4;
 
 
}

/*color: var(--my-var, red);*/
html{ margin:0px; height:100%; background-color:#19191a; position:relative; }

body { height:100%; overflow-x:hidden; margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; background-color:#ffffff;}
.ampla_pagina{ width:100%; max-width:1300px; margin:0 auto;  }
img { outline:0; vertical-align:top; border:0; }
.clear{ clear:both; }
*{ box-sizing: border-box; }
input[type="text"], input[type="email"], input[type="submit"], textarea{ font-weight:600;}
p{ font-size: 20px;
line-height: 28px;
color: #525252;
text-align: justify;
margin: 0;
padding: 0;
font-weight: 300;}
p.mini{ font-size: 15px !important; line-height:18px !important;
text-align: justify;
margin: 0;
padding: 0;
font-weight: 300 !important;}
.img100{ width:100%; height:auto; }
ul li{ font-size: 20px; line-height:28px; color: #626262;text-align: justify;font-weight: 300;}
a.linkBlancNegre{ color:#ffffff; font-size:18px; font-weight:400; line-height:24px; text-decoration:none; }
a.linkBlancNegre:hover{ color:#000000; font-size:18px; font-weight:400; line-height:24px; text-decoration:none;  }

#header{ position:relativa; width:100%; background-color:#FFFFFF; border-bottom:#EDEDED solid 1px; padding-top:20px !important; padding-bottom:20px !important; height:165px; }
#header #logo{position:relativa; width:30%; float:left; }
#header #logo object{ width:100%; max-width:275px; height:auto; }
#header #logo object img{ width:100%; max-width:272px; height:auto;}
#header #menu{ position:relativa; width:70%; float:left; text-align:right; padding-top:60px; }
#header #menu #menuPC{ display:inline-block; }

#header #menu #menuPC > a{
    display: inline-block;
    width: auto;
    font-weight: 300;
    text-decoration: none;
    color: #2f2e41;
    text-align: center;
    padding-left:20px;
    font-size: 15px;
    margin: 0;
	transition: all 0.2s ease-out;
	
}
#header #menu #menuPC > a i{
 
    color: #ed4343;
  font-size: 18px;
	transition: all 0.2s ease-out;
	
}

#header #menu #menuPC > a:hover{ color:#4093b4;  transition: all 0.2s ease-out; }
#header #menu #menuPC > a.Actiu{
	
	display: inline-block;
    width: auto;
    font-weight: 900;
    text-decoration: none;
    color:#4093b4;
    text-align: center;
    padding-left:20px;
    font-size: 15px;
    margin: 0;
	transition: all 0.2s ease-out;
}

#header #menuMOBIL{ display:none;  }
#header #menuMOBIL a {
    display: inline-block;
    width: auto;
    font-weight: 300;
    text-decoration: none;
    color: #000000;
    text-align: center;
	padding: 5px;
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
	transition: all 0.2s ease-out;
	
}
#header #menuMOBIL a i{
	margin-right:8px; margin-top:20px;
	color:#ed4343 !important;
}
#header #menuMOBIL a:hover{ color:var(--colorPrincipal, #000000) !important; box-shadow:none !important;  transition: all 0.2s ease-out; text-transform:uppercase; }
#header #menuMOBIL a.Actiu{
	
	display: inline-block;
    width: auto;
    font-weight: 700;
    text-decoration: none;
    color:var(--colorPrincipal, #000000) !important;
    text-align: center;
    padding: 0;
	padding: 5px;
    font-size: 15px !important;
    margin: 0;
    text-transform: uppercase;
	transition: all 0.2s ease-out;
}



.menu_respo{background:none !important; border: none !important; border: none; text-align:right !important; display: block !important; padding:0; }
.menu_respo button{ padding:5px; width:60px; background-color:var(--colorPrincipal, #000000) !important; color:#FFFFFF; border: none; border-radius:10px; }
.menu_respo button i{ font-size:26px !important; padding-top:3px; color:#ffffff !important;}
.desplegable_respo{  background:#FFFFFF !important;border: none !important; text-align:left !important; width:350px !important;}
.desplegable_respo ul li, .desplegable_idiomes ul li a{font-family: 'Montserrat', sans-serif; font-size:16px !important;   text-align:center !important; transition: all 0.2s ease-out; color:#515151 !important; border-right:none !important; box-shadow:none !important; text-shadow:none !important; }
.desplegable_respo ul li a:hover{ color:var(--colorPrincipal, #000000) !important; background:none !important;  transition: all 0.2s ease-out; text-align:left !important; }
.desplegable_respo ul li a.Actiu{  color:var(--colorPrincipal, #000000); font-family: 'Montserrat', sans-serif; font-size:16px !important;   text-align:left !important; transition: all 0.2s ease-out; border-right:none !important;}




em{ color:#23743E !important; }

#inici{ margin:0 !important; padding:0 !important; }

.esloganHome{position:absolute; top:20%; width:50%;z-index:9;text-align:center  }
.esloganHome h1{ color:#3e4041; font-size:40px; line-height:normal;  margin:0; padding:0; font-weight:300; text-align:center; margin-bottom:20px; text-transform:uppercase; }
.esloganHome h1 span{ color:#1e89ac; text-transform:uppercase;   }

a.boton{ display:block; width:220px; padding:10px; margin:0 auto; background-color:#e7c92f; font-size:20px; text-align:center; color:#FFFFFF; font-weight:bold;border-radius:20px; transition: all 0.2s ease-out; text-decoration:none; }
a.boton:hover{background-color:#4093b4; color: #ffffff; text-decoration:none; transition: all 0.2s ease-out;  }


.blocsHome{ }
.blocsHome h2{ color:#111111; font-size:24px; text-align:center;  margin:0; padding:0; font-weight:300; margin-bottom:20px; }
.blocsHome h2 span{ color:#1c88ac; font-size:36px; text-align:center; font-weight:300; text-transform:uppercase;  }
.blocsHome h3{ color:#2e2c2c; font-size:24px; text-align:center;  margin:0; padding:0; font-weight:300; margin-bottom:20px; }
.blocsHome p{ color:#535251; font-size:16px !important; line-height:24px !important; text-align:center;  margin:0; padding:0; font-weight:300; margin-bottom:30px; }
.blocsHome p strong{  color:#1c88ac; font-weight:300;}

#bloqueFundacion{ padding-bottom:80px; padding-top:80px; border-bottom:#efefef solid 1px;  }
#bloqueFundacion #foto{ width:50%; float:left; text-align:left;  padding-right:80px; }
#bloqueFundacion #foto img{ width:100%; height:auto; }
#bloqueFundacion #info{ width:50%; float:left;}

#bloqueSchool{ padding-bottom:80px; padding-top:80px; border-bottom:#efefef solid 1px;  }
#bloqueSchool #foto{ width:45%; float:left; }
#bloqueSchool #foto img{ width:100%; height:auto; }
#bloqueSchool #info{ width:55%; float:left; padding-right:80px;}

#bloquePrograma{ padding-bottom:80px; padding-top:80px; border-bottom:#efefef solid 1px;  }
#bloquePrograma img{ width:100%; height:auto; }
#bloquePrograma h2{ margin-bottom:60px; }

#capcalera{ background-color:#f8f7f7; padding-top:30px; padding-bottom:30px; }
#capcalera #url{ width:50%; float:left; }
#capcalera #url p{  color:#2e2d2d; font-size:12px; line-height:normal;  margin:0; padding:0; font-weight:300;}
#capcalera #url p a{  color:#686161; font-size:12px; line-height:normal;  margin:0; padding:0; font-weight:300; text-decoration:none; transition: all 0.2s ease-out; }
#capcalera #url p a:hover{  color:#000000; font-size:12px; line-height:normal;  margin:0; padding:0; font-weight:300; text-decoration:none; transition: all 0.2s ease-out; }
#capcalera #eslogan{ width:50%; float:left; }
#capcalera #eslogan p{  color:#4495b5; font-size:14px; line-height:normal; text-align:right;  margin:0; padding:0; font-weight:300;}



#bola{position:relativa; width:100px; margin:0 auto; text-align:center; margin-bottom:20px;  }
#bola object{ width:100%; max-width:100px; height:auto; }
#bola object img{ width:100%; max-width:100px; height:auto;}

#interiors{ width:100%; padding:80px; padding-left:0; padding-right:0; background-color:#FFFFFF; }
#interiors h1{ 
	font-size: 46px;
	color: #686161;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom:40px;
	font-weight: 300;
	line-height: normal; }
#interiors h2{ font-size: 22px;
	color: #4093b4;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom:40px;
	font-weight: 700;
	line-height: normal; }
#interiors h3{ font-size: 20px;
	color: #686161;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom:40px;
	font-weight: 700;
	line-height: normal; }
#interiors 	.bloque{ margin-bottom:80px; }
#interiors p{  color:#535251; font-size:16px !important; line-height:24px !important; text-align:center;  margin:0; padding:0; font-weight:300;}
#interiors p strong{  color:#1c88ac; font-weight:300;}
#interiors ul li{  color:#535251; font-size:16px !important; line-height:24px !important; line-height:normal;  margin:0; padding:0; font-weight:300; margin-bottom:10px;}

.esquinasRedondas{ border-radius: 20px; }

.uk-slidenav-position{ position:relative; margin-bottom:40px !important; }
.uk-slidenav{ position:absolute; top:30%; }
.uk-slidenav-contrast{color:rgba(148,148,148,1) !important}
.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(148,148,148,.7) !important}
.uk-slidenav-contrast:active{color:rgba(148,148,148,.9) !important}

.listadoPrincipios{ margin-bottom:50px; margin-top:50px; background-color:#F5F5F5; border-radius:20px; padding:40px;}
.principios{ width:14%; display:inline-block; margin-bottom:30px; margin-top:30px;}
.principios p{ margin-bottom:20px !important; font-size:22px !important; color:#000000 !important; font-weight:300; text-align:center !important; }
.principios div{ text-align:center; width:50px; font-size:24px; font-weight:700; height:50px; margin:0 auto; padding-top:10px; border-radius:100px; background-color:#1c88ac; color:#FFFFFF; margin-bottom:20px;  }

.formulario{ width:100%; max-width:500px; margin:0 auto;  }
.formulario h2{ color:var(--colorPrincipal, #ffffff); font-size:24px; font-weight:400; text-decoration:none; margin:0; padding:0; margin-bottom:20px; }
.formulario input[type="text"], .formulario input[type="email"]{ font-family: 'Montserrat', sans-serif;width:100%; padding:10px !important; background-color:#ffffff; border:none; border:#dddee0 solid 1px;  font-size:16px; color:#777777; margin-bottom:20px;border-radius:3px; height:auto; font-weight:300; }
.formulario textarea{ font-family: 'Montserrat', sans-serif;width:100% !important; padding:10px !important; background-color:#ffffff; border:none; border:#dddee0 solid 1px;  font-size:16px; color:#777777; margin-bottom:10px;border-radius:3px; height:auto; font-weight:300; }
.formulario input[type="checkbox"]{ margin-right:10px; }
.formulario input[type="submit"]{ display:block; font-family: 'Montserrat', sans-serif;  background-color:var(--colorPrincipal, #ffffff); padding:10px; padding-left:20px; padding-right:20px; text-align:center; color:#FFFFFF !important; font-size:16px !important; text-decoration:none; width:auto; transition: all 0.2s ease-out; margin-top:20px; border:none !important;  border-radius:4px; margin:0 auto; }
.formulario input[type="submit"]:hover{   background-color:#000000 ; transition: all 0.2s ease-out; }



#footer {  }
#footer #FranjaIco  {
	
	background-color:#1c88ac; 
	background: no-repeat center;
	background-image: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	position:relative;
	width: 100%;
	height:140px; }
#footer #infoFooter{ padding-bottom:50px; padding-top:50px;  }
#footer #infoFooter .col_1{ width:50%; float:left;  }
#footer #infoFooter .col_2{ width:50%; float:left;  }
#footer #infoFooter .col_1 p{ color:#212121; font-size:14px; line-height:24px; font-weight:300; margin:0; padding:0;  }
#footer #infoFooter .col_2 p{ color:#212121; font-size:14px;line-height:24px; font-weight:300; margin:0; padding:0; text-align:right;  }
#footer #infoFooter .col_1 p a, #footer #infoFooter .col_2 p{ color:#212121; font-size:14px; font-weight:300;  }



.cookies{ background-color:#FFFFFF; padding:50px; width:100%; height:auto; position:fixed; bottom:0; }
.cookies__titulo{ color:#000000; font-size:20px; }
.cookies__texto{ color:#777777 !important; font-size:15px !important; }
.cookies__texto a{ color:#000000 !important; font-size:15px !important; text-decoration:underline; }

.cookies__boton--si{  padding:12px !important; background-color:#000000; color:#FFFFFF; border:#000000 solid 1px; cursor:pointer; font-size:14px;}
.cookies__boton--config{padding:8px !important; background:#FFFFFF !important; color:#000000 !important; border:#000000 solid 1px !important; cursor:pointer;  font-size:14px !important;border-radius: 0  !important; line-height: 22px !important;
text-shadow:none !important;}
.cookies__boton--config:hover{ text-decoration:none; }
.cookies__boton--no{ background-color:#FFFFFF; color:#000000; border:#000000 solid 1px; cursor:pointer;  font-size:14px; }
.cookies__boton--si2{ background-color:#FFFFFF; color:#000000; border:#000000 solid 1px; cursor:pointer;  font-size:14px; }
.si2_Activo{ background-color:#0DA310 !important; color:#ffffff !important; border:#0DA310 solid 1px !important; cursor:pointer;  font-size:14px; }
.no_Activo{ background-color:#000000 !important; color:#ffffff !important; border:#000000 solid 1px !important; cursor:pointer;  font-size:14px; }

#panelCookies .uk-modal-dialog { padding:40px !important;  }
#panelCookies .bloqueCookie{ border-bottom:#EFEFEF solid 1px; padding-bottom:20px; margin-bottom:30px; }
#panelCookies h2{ color:#000000; font-size:20px; }
#panelCookies p{ color:#777777 !important; font-size:15px !important; }
#panelCookies p a{ color:#000000 !important; font-size:15px !important;  text-decoration:underline; }
.cookies__boton--obligatorias{ background-color:#c9c9cb; color:#777777; border:#777777 solid 1px; cursor:none;  font-size:14px; }
.cookieConfigAccept{  background:#000000 !important; color:#ffffff !important; border:#000000 solid 1px !important; cursor:pointer !important;  font-size:14px !important; padding:10px !important; padding-left:20px !important; padding-right:20px !important; line-height:normal !important; min-height:inherit !important; border-radius: 0  !important; text-shadow:none !important; margin:0 auto !important;margin-bottom:30px 	!important; margin-top:20px !important;  display:block !important; }

.pagCookies{ width:800px; margin:0 auto; }
.pagCookies .divPanell{ border:#777777 solid 1px; padding:20px; padding-bottom:0; margin-bottom:30px; }
.pagCookies .divPanell p{ text-align:center !important; }
.pagCookies h2{color:#000; text-align:center; font-size:28px !important; text-transform:uppercase; margin-bottom:50px; font-weight:300; }
.pagCookies p{font-size:16px !important;  }
.pagCookies p a{font-size:16px !important; color:#000000;  }
.pagCookies ul li, .pagCookies ul li a{font-size:16px !important; line-height: 28px; color:#777777; margin: 0; padding: 0; text-align: justify; font-weight:300 !important; }
.pagCookies .llistaCookie{border:#DFDFDF solid 1px; padding:10px; margin-bottom:10px; }