/* CSS Document */
:root{
--colorPrincipal:#858c00;
--colorSecundari:#e5d8cf;
}
a{ text-decoration:none; color:inherit}
body{background-color:#fff; font-family: 'Open Sans Condensed', sans-serif; background-image:url(../imatges/fons2.jpg); background-size:cover; margin:2px; font-size:1.15em;}
#xerrades{background-image:url(../imatges/fonsCursos.jpg); height:900px;}
#contacte{background-image:url(../imatges/fons5.jpg); height:965px;}
#assessorament{background-image:url(../imatges/fons3N.jpg);}
#formacio{background-image:url(../imatges/fonsFormacio2.jpg); height:910px}
#gestio{background-image:url(../imatges/fons4.jpg);}
h1{font-family: 'Comfortaa', bold;}
h2{font-family: 'Comfortaa'; font-size:1.15em}
h3{}
#total{position:relative; margin-top:0px;top:0px;  width:1024px; margin-left:-512px; left:50%; margin-top:0px; background-position:top left; no-repeat; min-height:650px;  }
#cap{position:absolute; width:100%; height: 225px; top:0px; margin-top:0px; z-index:10000}
#container{z-index:1000; background-color:rgba(0,0,0	,0.6);  padding-top:30px; margin-top:-30px}
#barraSup{ position:relative;  height:38px; width:90%; background-color:var(--colorPrincipal); margin-top:120px; left:10%; background-image:url(../imatges/fonsMenu.jpg); background-size:}
#logo{position:absolute; top:0px; left:0px; background-size:contain; width:225px; height:220px;z-index:100000; background-image:url(../imatges/logo.png); background-repeat:no-repeat}
#menu{ position:relative; width:780px; left:130px; height:236px;background-repeat:no-repeat; background-position:bottom; z-index:100000 }
.opMenu{ position:relative; float:left; font-size:1.1em; color:#fff; padding:8px; padding-top:2px; font-weight:lighter; padding-right:35px; padding-left:35px; margin-top:3px; background-position:center; background-repeat:no-repeat; background-size:contain; height:50%; text-align:center; height:35px;  }
.opMenu:hover{color:var(--colorSecundari);}
#ap3{ height:100%;  z-index:10 }
#ap4{ z-index:5 }
#ap5{ z-index:6 }
.opSM{ font-size:1em; color:#fff;padding-right:10px; padding-left:10px; margin-top:0px; padding-top:3px; height:22px; float:none; border-bottom:#FFFFFF 1px solid;}
.opSM:hover{color:#494949; background-color:var(--colorSecundari);}
#subMenu{position:relative; width:200px; height:105px; background-repeat:no-repeat; background-position:bottom; background-color:var(--colorPrincipal); font-size:1em; color:#fff; margin-top:5px; visibility:hidden}
#quiSom #menu #ap1{ background-color:#FFFFFF;color:#696161; font-size:1.3em; height:25px; }
#xerrades #menu #ap2{ background-color:#56524b;color:#fff; font-size:1.3em; height:25px;}
#assessorament #menu #sap1{  background-color:#efe6e1;color:#696161; font-size:1em; height:25px; box-shadow:#aaa 0px 2px 5px}
#gestio #menu #sap2{  background-color:#efe6e1;color:#696161; font-size:1em; height:25px;box-shadow:#aaa 0px 2px 5px}
#formacio #menu #sap3{  background-color:#efe6e1;color:#696161; font-size:1em; height:25px;box-shadow:#aaa 0px 2px 5px}
#contacte #menu #ap6{  background-color:#FFFFFF;color:#696161; font-size:1.3em; height:25px;}

#container{position:absolute; width:100%; top:155px; text-align:justify}
#fons1{ background-image:url(../imatges/p1.jpg); background-size:cover; opacity:1; height:505px; position:absolute;  width:100%; margin-top:1px; }
#fons2{ background-image:url(../imatges/p2.jpg); background-size:cover; opacity:0; height:505px; position:absolute;  width:100%; margin-top:1px; }
#fons3{ background-image:url(../imatges/p3.jpg); background-size:cover; opacity:0; height:505px; position:absolute; ; width:100%; margin-top:1px; }
#contingut{height:505px; position:absolute;  width:1004px; margin-left:20px; margin-top:50px; margin-bottom:27px; z-index:100001; text-align:justify }
#home #total #contingut{height:50px; position:absolute;  width:1004px; margin-left:20px; margin-top:50px; margin-bottom:27px; z-index:100001 }
#frase1{ position:absolute; top:200px; height:40px; padding-top:25px;  padding-bottom:25px; width:100%; background-color:rgba(0,0,0,0.3); color:#fff; text-align:center; cursor:pointer; font-size:30px }
#lema{ position:absolute; top:30px; height:35px; padding-top:25px;  padding-bottom:25px;  width:97.5%;  color:#fff; text-align:right; cursor:pointer;  font-size:30px; font-weight:800; margin-right:30px; }
#frase2{ position:absolute; top:200px; height:35px; padding-top:25px;  padding-bottom:25px;  width:100%; background-color:rgba(0,0,0,0.3); color:#fff; text-align:center; cursor:pointer; opacity:0; font-size:30px }
#frase3{ position:absolute; top:140px; height:190px; padding-top:25px;  padding-bottom:25px; width:100%;  color:#fff; text-align:center; cursor:pointer; opacity:0; font-size:25px; background-image:url(../imatges/simbiosi.png); background-position:center; background-repeat:no-repeat; background-size:cover}

#peu{position:absolute; height:80px; background-color:var(--colorPrincipal); width:100%;; margin-bottom:50px; padding-top:40px; text-align:center; color:#fff;}
#home #total #peu{top:660px;}
#home #total #contingut{margin-left:0px; width:1024px;}
#home #total #container{height:505px;}
#xerrades #total #container{height:565px;}
#formacio #total #container{height:535px;}
#contacte #total #peu{top:670px;}
#contacte #total #container{height:645px;}
#quiSom #total #peu{top:940px;}
#xerrades #total #container{height:565px;}
#quiSom{height:1100px;}
#xerrades #total #peu{top:720px;}
#formacio #total #peu{top:600px;}
#formacio #total #container{height:600px;}
#assessorament #total #peu{top:890px;}
#assessorament #total {height:1165px;}
#assessorament #total #container{height:860px; background-color:rgba(0,0,0,0.4); color:#fff}
#gestio #total #container{height:760px; background-color:rgba(0,0,0,0.4);}
#gestio #total #peu{top:790px;}
#gestio{height:1100px;}
#textAssessorament h1{color:#ffffff; margin-bottom:150px;}
#menuXarxes{ position:absolute;  height:48px; width:800px; left:934px; background-color:#FFFFFF; padding-left:5px; padding-right:5px}
.xMenu{ position:relative; float:left; margin-top:10px; height:30px; width:30px; background-size:contain; background-repeat:no-repeat; margin-right:5px; margin-left:5px;}
#fb{background-image:url(../imatges/fb.png)}
#tw{background-image:url(../imatges/tw.png)}
#vi{background-image:url(../imatges/vimeo.png)}
#ig{background-image:url(../imatges/ig.png)}

#fonsClases{ background-image:url(../imatges/fonsClases.jpg); background-size:cover; height:550px; position:absolute;  width:1024px; z-index:1; opacity:0.7  }
#fonsQS{ background-image:url(../imatges/fonsQuiSoc.jpg); background-size:cover; height:785px; position:absolute;  width:1024px; z-index:1; background-size:cover  }
#fonsTitulacio{ background-image:url(../imatges/fonsTitulacio.jpg); background-size:cover; height:550px; position:absolute;  width:1024px; z-index:1 ; background-position:bottom; opacity:0.5 }
#textPresentacio{text-align:left;  width:60%; text-align:justify }
#textXerrades{text-align:left;  width:90%;color:#FFFFFF; position:relative; margin-top:20px; padding-left:3% ; text-align:justify}
#textXerrades h1{margin-top:40px}
#textClases{text-align:left; padding:50px; padding-top:0px; margin-top:-25px; text-align:justify }
.textClasse{ padding-left:0px; clear:both; padding-top:20px; border-top:2px solid #A8E4E5; position:absolute; top:85px;}
#infoC2{opacity:0}
.titAp{font-family: 'Indie Flower', cursive; font-weight:bold; color:#A8E4E5; padding-right:10px}
.btClasse{float:left; border:2px solid #A8E4E5; border-radius:10px 10px 0px 0px; color:#FFFFFF; background-color:#A8E4E5; margin-left:10px; padding-bottom:2px;padding-top:5px; padding-left:10px; padding-right:10px}
.noSel{opacity:0.5}
.precios{background-color:#E32F32; border-color:#E32F32; margin-left:70px;}
.preus{border-color:#E32F32; opacity:0; width:560px;}
.titPreu{font-family: 'Indie Flower', cursive; font-weight:bold; font-size:1.2em; color:#E32F32; padding-right:10px}
.estret{ width:10%;}
.ample{width:18%}
.dia{background-color:#79BFEB; color:#FFFFFF}
table,tr,td{border:0px; border-collapse:collapse; text-align:center}
td{padding:5px; background-color:#FFFFFF;}
.horari{ background-color:#BABFCD;border-bottom:3px solid #fff;}
tr{border-bottom:1px solid #fff;}
.nomProfe{ position:relative; margin-bottom:25px; font-size:24px; font-weight:400; color:#A8E4E5; margin-top:30px; }
.imgProfe{ position:relative; float:left;  background-size:contain; width:400px; height:580px; background-repeat:no-repeat}
.curriProfe{ position:relative; float:left; width:370px;}
.curriProfe ul{ text-align:justify; margin-bottom:8px; margin-top:0px; margin-left:0px; padding-left:0px;}

.iconoG{ position:relative; float:left; background-size: contain; background-repeat:no-repeat; cursor:pointer; width:50px; height:50px; min-height:50px; min-width:50px;}
#g1{ background-image:url(../imatges/grafic/1.png)}
#g1:hover{ background-image:url(../imatges/grafic/1sel.png)}
#g2{ background-image:url(../imatges/grafic/2.png)}
#g2:hover{ background-image:url(../imatges/grafic/2sel.png)}
#g3{ background-image:url(../imatges/grafic/3.png)}
#g3:hover{ background-image:url(../imatges/grafic/3sel.png)}
#g4{ background-image:url(../imatges/grafic/4.png)}
#g4:hover{ background-image:url(../imatges/grafic/4sel.png)}

.nomFletxa{position:absolute; margin-top:-80xp; top:0px; font-size:24px; color:#000000; width:100%; text-align:center; }
.nomFletxaF{position:absolute; margin-top:-80xp; top:0px; font-size:24px; color:#000000; width:100%; text-align:center; }

.fletxes{ position:relative; background-size:contain; margin-bottom:20px; width:100%; height:35px;  background-repeat:no-repeat;background-position:left; background-repeat:no-repeat; background-image:url(../imatges/icoMes.png); overflow:hidden; cursor:pointer; opacity:0.6; padding-left:50px; background-size:25px;}
.fletxesF{ position:relative; float:left;  background-size:contain; padding-bottom:20px; height:35px; background-repeat:no-repeat;background-position:top center; overflow:hidden; cursor:pointer; opacity:0.6}
.fletxesSN{ position:relative; width:100%; height:0px;overflow:hidden; cursor:pointer; }

.fletxes:hover{opacity:1;}
.fletxesF:hover{opacity:1}
#fonsAssessorament{ width:100%; position:absolute; top:70px; height:800px;  }
#textAssessorament h1{ margin-bottom:30px;}
#calendari{background-image:url(../imatges/assessorament/calendari.png); position:relative; background-size:contain; padding-top:60px; width:98%; height:25px; background-repeat:no-repeat; background-position:center; margin-bottom:20px; }
#textAssessorament { font-size:1.3em;}
.texteAss{position:relative; width:70%; height:150px; padding-left:5%; padding-right:5%; padding-top:10px; overflow:hidden;  color:#afafaf; text-align:justify; font-size:20px;}

#contingutContacte{position:relative; left:0px;}
.campCurt{ position:relative; width:50%;}
.etiqNom{font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight:400; color:#ccc; margin-bottom:5px;}

.tbCurt{ border-radius:10px; font-size:15px;  border:#BCBCBC solid 1px;width:300px;}
.tbLlarg{ border-radius:10px;font-size:15px;  border:#BCBCBC solid 1px;width:300px;}
.tbTxArea{ border-radius:10px; border-left:solid #909090 2px;font-size:15px;  border:#BCBCBC solid 1px;  width:500px;
}
.tbCurt:focus{
	outline:0px;
}
.tbLlarg:focus{
	outline:0px;
}
.tbTxArea:focus{
	outline:0px;
}
#botoEnviar{position:absolute; color:#FFFFFF; text-align:center;font-family: 'Barlow Condensed', sans-serif;font-style: normal;font-weight:400; cursor:pointer; margin-left:20px; margin-top:20px; background-color:rgba(130,25,27,0.78); padding:20px;}