/* Maquetació realitzada per KinderTIC, S.L. */
/* estils generals */
* {margin:0;padding:0;font-family:Verdana,Arial, Tahoma;}
h1, h2, h3, h4, h5, p {margin-bottom:10px;}
a{text-decoration:none;}
a div{cursor:pointer;}
img{border:none;}
.clear {clear:both;}
.esquerra{float:left;}
.dreta{float:right;}
.centrar{text-align:center;}
body{}
.missatgeerror{margin-top:15px;font-size:12px;color:red;font-weight:bold;}
/* contenidors */
#contenidor-blanc{width:100%;background-color:white;height:92px;}
#contenidor-taronja{width:100%;background:url("../imatges/background-taronja.png") repeat-x;height:381px;}
#contenidor-blau{width:100%;background-color:#45c0e9;}
#contenidor-bus{width:100%;height:525px;background:#447146 url("../imatges/background-bus.jpg") no-repeat center top;}
/* capçalera */
#contenidor-blanc-interior{width:980px;height:92px;margin:0 auto 0;text-align:center;position:relative;}
#logo{position:absolute;left:16px;top:11px;height:72px;width:199px; background:url("../imatges/logo.png") no-repeat;}
#idiomes{position:absolute;right:16px;top:5px;height:20px;width:500px;text-align:right;font-size:12px;color:#FF9101;}
#idiomes a{color:#3e3b3c;}
#idiomes a.destacat{font-weight:bold;}
#sessio{position:absolute;right:16px;top:36px;height:37px;width:191px;text-align:center;font-size:18px;font-weight:bold;color:white;background:url("../imatges/boto-sessio.png") no-repeat;line-height:37px;}
#facebook{position:absolute;right:505px;top:30px;height:50px;width:50px;background:url("../imatges/facebook.png") no-repeat;opacity:0.7;}
#facebook:hover{opacity:1;}
#twitter{position:absolute;right:436px;top:30px;height:50px;width:50px;background:url("../imatges/twitter.png") no-repeat;opacity:0.7;}
#twitter:hover{opacity:1;}
/* 2na part */
#contenidor-taronja-interior{width:980px;height:381px;margin:0 auto 0;text-align:center;position:relative;}
#port{position:absolute;left:0px;top:0px;height:355px;width:654px;}
#port-dreta{position:absolute;right:0px;top:0px;height:355px;width:350px;text-align:center;}
#text-contacta1{text-align:center;color:white;font-size:23px;font-weight:bold;margin:30px 17px 15px 0;}
#boto-contacta1{height:38px;width:165px;text-align:center;color:#ff9101;font-size:18px;background-color:white;border-radius:10px;font-weight:bold;line-height:38px;margin:0 auto 35px;}
#marge-blanc-superior{position:absolute;left:17px;bottom:-1px;height:28px;width:946px;text-align:center;background-color:white;border-radius:14px 14px 0 0;}
#divcentres, #divcolabora{width:130px;float:left;}
#divcentres{margin-left:44px;}
#divcolabora{}
#videokt{margin-top:20px;margin-bottom:30px;text-align:center;}
.icocentres, .icocolabora{height:88px;width:88px;margin:0 auto 0;}
.textcolabora, .textcentres{color:white;text-align:center;margin-top:10px;font-size:14px;}
.icocentres{background:url("../imatges/centres.png") no-repeat;}
.icocolabora{background:url("../imatges/colaboradors.png") no-repeat;}
/* contenidor */
#contenidor-blau-interior{width:912px;margin:0 auto 0;background-color:white;padding:0 17px 40px 17px;color:#3e3b3c;line-height:16px;border-radius:0 0 14px 14px;}
#contenidor-blau-interior li{margin-left:40px;margin-bottom:6px;}
#mig-text1{text-align:left;font-weight:bold;font-size:20px;}
#mig-text1 .imatge{margin-left:12px;}
#mig-text1 .texttitol{margin-top:20px;line-height:27px;}
#login{text-align:left;font-weight:bold;font-size:20px;}
#login .imatge{margin-left:12px;}
#login .texttitol{margin-top:20px;line-height:27px;}
#mig-textavis{float:left;padding:25px 50px 0 10px;font-size:12px;text-align:justify;}
#mig-textavis a{color:#ff9101;}
#mig-textavis h3, #mig-text2 h4{color:#45C0E9;margin-top:20px;}
#mig-textavis h4{margin-left:10px;}
.lineataronja{float:left;width:100%;height:1px;background-color:#fe8200;margin-top:20px;}
.lineablava{float:left;width:911px;height:1px;border-bottom:1px dotted #45C0E9;margin-top:20px;}
#div-login{float:left;width:300px;height:237px;margin-top:84px;text-align:right;margin-left:23px;}
#div-login .introdueix{text-align:left;margin-bottom:8px;font-weight:bold;}
#div-login input{width:284px;height:40px;margin-top:15px;line-height:40px;font-size:18px;text-align:left;border-radius:10px;border:none;background-color:#FF9101;color:#3e3b3c;padding-left:16px;}
#div-login input.input-submit{height:37px;width:191px;text-align:center;font-size:18px;font-weight:bold;color:white;background:url("../imatges/boto-sessio.png") no-repeat;line-height:37px;cursor:pointer;margin-top:26px;padding-left:0;}
#sticky-imatge{float:left;margin-top:44px;margin-left:119px;}
/*contacte*/
#contacte-imatge{float:left;width:350px;margin-left:37px;margin-bottom:20px;}
#text-superior-contacta{float:left;margin-top:28px;font-size:13px;text-align:justify;}
#div-contacto{float:left;width:443px;margin-top:28px;text-align:left;font-size:14px;color:#45C0E9;margin-left:40px;}
#titoldretacontacta{font-weight:bold;font-size:15px;margin-left:113px;margin-bottom:30px;color:#3E3B3C;}
#div-contacto div.desplasament{width:440px;text-align:right;color:#45C0E9;margin-top:14px;font-weight:bold;font-size:12px;}
#div-contacto label.error{display:none !important;}
#div-contacto div.text-superior{margin-bottom:25px;text-align:justify;margin-right:5px;color:#3E3B3C;font-weight:bold;font-size:13px;}
#div-contacto input{border:2px solid #FF9000;margin-left:15px;height:30px;color:#3E3B3C;width:303px;padding-left:18px;border-radius:5px;background-color:#FF9000;font-size:12px;}
#div-contacto input.error{border:2px solid red;}
#div-contacto textarea{border:2px solid #FF9000;margin-left:15px;height:100px;color:#3E3B3C;width:300px;padding:10px;border-radius:5px;background-color:#FF9000;font-size:12px;}
#div-contacto textarea.error{border:2px solid red;}
#div-contacto div.boto{margin-top:6px;}
#div-contacto #enviar{height:37px;width:191px;text-align:center;font-size:18px;font-weight:bold;color:white;background:url("../imatges/boto-sessio.png") no-repeat;line-height:37px;cursor:pointer;padding-left:0;border:none;}
#div-contacto div.missatgeenviat{margin-top:20px;text-align:right;color:#FF9000;font-weight:bold;font-size:13px;}
#div-contacto div.lopd{text-align:right;margin-right:5px;font-size:12px;height:22px;padding-top:12px;}
#div-contacto div.imatge-lopd{cursor:pointer;margin-top:-4px;margin-right:3px;float:right;width:24px;height:23px;background:url("../imatges/checklopd.png") no-repeat -24px 0;}
#div-contacto div.imatge-lopd-ok{background:url("../imatges/checklopd.png") no-repeat 0 0;}
#div-contacto div.text-lopd{float:right;margin-left:5px;}
#div-contacto div.text-lopdko{color:red;}
#div-contacto div.text-lopd a{color:#45C0E9;text-decoration:none;font-weight:bold;}
/*treballa amb nosaltres*/
#treballa-imatge{float:left;margin-top:11px;margin-bottom:20px;}
#treballa-imatge img{border-radius:5px;}
#text-superior-treballa{float:left;margin-top:28px;font-size:13px;text-align:justify;}
#treballa-esq{float:left;width:350px;margin-left:37px;}
#div-treballa{float:left;width:443px;margin-top:28px;text-align:left;font-size:14px;color:#45C0E9;margin-left:40px;}
#div-treballa div.desplasament{width:440px;text-align:right;color:#45C0E9;margin-top:14px;font-weight:bold;font-size:12px;}
#div-treballa label.error{display:none !important;}
#div-treballa div.text-superior{margin-bottom:25px;text-align:justify;margin-right:5px;color:#3E3B3C;font-weight:bold;font-size:13px;}
#titoldretatreballa{font-weight:bold;font-size:15px;margin-left:113px;margin-bottom:30px;color:#3E3B3C;}
#nom, #email, #telefon, #comentari{border:2px solid #FF9000;margin-left:15px;height:30px;color:#3E3B3C;width:303px;padding-left:18px;border-radius:5px;background-color:#FF9000;font-size:12px;}
#comentari{vertical-align:top;}
#curriculum{margin-left:15px;height:30px;color:#3E3B3C;width:321px;border:2px solid #FF9000;color:#3E3B3C;border-radius:5px;font-size:12px;background-color:#FF9000;padding-top:8px;}
#div-treballa input.error{border:2px solid red;}
#div-treballa textarea{border:2px solid #FF9000;margin-left:15px;height:100px;color:#3E3B3C;width:300px;padding:10px;border-radius:5px;background-color:#FF9000;font-size:12px;}
#div-treballa textarea.error{border:2px solid red;}
#div-treballa div.boto{margin-top:6px;}
#div-treballa #enviar{height:37px;width:191px;text-align:center;font-size:18px;font-weight:bold;color:white;background:url("../imatges/boto-sessio.png") no-repeat;line-height:37px;cursor:pointer;padding-left:0;border:none;}
#div-treballa div.missatgeenviat{margin-top:20px;text-align:right;color:#FF9000;font-weight:bold;font-size:13px;}
#div-treballa div.lopd{text-align:right;margin-right:5px;font-size:12px;height:22px;padding-top:12px;}
#div-treballa div.imatge-lopd{cursor:pointer;margin-top:-4px;margin-right:3px;float:right;width:24px;height:23px;background:url("../imatges/checklopd.png") no-repeat -24px 0;}
#div-treballa div.imatge-lopd-ok{background:url("../imatges/checklopd.png") no-repeat 0 0;}
#div-treballa div.text-lopd{float:right;margin-left:5px;}
#div-treballa div.text-lopdko{color:red;}
#div-treballa div.text-lopd a{color:#45C0E9;text-decoration:none;font-weight:bold;}
/*On som*/
#instalacions{text-align:left;font-weight:bold;font-size:20px;margin-top:10px;}
#instalacions .texttitol{margin-top:20px;}
#lineatablava{float:left;width:911px;height:1px;border-bottom:1px dotted #45C0E9;margin-top:20px;}
#edificionsom{text-align:center;width:100%;margin-top:20px;height:454px;}
#info-onsom{width:410px;height:184px;float:left;margin:60px 0 0 37px;text-align:left;color:#3E3B3C;font-size:14px;font-weight:bold;background-image:url("../imatges/pintura.png");padding-left:81px;padding-top:125px;}
#info-onsom p{border-bottom:1px dotted #3E3B3C;height:22px;}
#info-onsom p.desplasat, #info-onsom p.desplasat1{height:70px;border-bottom:none;margin-left:20px;color:#FFF;margin-top:0px;font-size:13px;line-height:19px;margin-bottom:0;}
#info-onsom p.desplasat span, #info-onsom p.desplasat1 span{color:#3E3B3C;}
#info-onsom p.desplasat1{height:30px;margin-top:0px;}
#info-onsom a{color:#FFF;text-decoration:none;}
#googlemaps{text-align:center;width:100%;margin-top:20px;}
#trobans{text-align:left;font-weight:bold;font-size:20px;}
#trobans .texttitol{margin-top:20px;}
#onsom-imatge{float:left;margin-top:44px;margin-bottom:20px;margin-left:25px;}

#nen1{float:left;width:221px;height:289px;margin-top:20px;margin-left:10px;background:url("../imatges/nen1.png") no-repeat center;}
#text1{float:right;width:639px;margin-top:20px;background:url("../imatges/text1.png") no-repeat top right;min-height:289px;}
#text1 .titol1{margin-top:29px;margin-left:82px;font-weight:bold;font-size:16px;}
#text1 .text-parraf1{margin-top:29px;margin-left:82px;font-size:12px;text-align:justify;margin-right:25px;}
#nen2{float:right;width:221px;height:289px;margin-top:30px;margin-right:10px;background:url("../imatges/nen2.png") no-repeat center;}
#text2{float:left;width:634px;margin-top:30px;background:url("../imatges/text2.png") no-repeat top left;min-height:289px;}
#text2 .titol2{margin-top:29px;margin-left:82px;font-weight:bold;font-size:16px;}
#text2 .text-parraf2{margin-top:29px;margin-left:82px;font-size:12px;text-align:justify;margin-right:25px;}
#nen3{float:left;width:221px;height:289px;margin-top:30px;margin-left:10px;background:url("../imatges/nen3.png") no-repeat center;}
#text3{float:right;width:634px;margin-top:30px;background:url("../imatges/text3.png") no-repeat top right;min-height:289px;}
#text3 .titol3{margin-top:29px;margin-left:82px;font-weight:bold;font-size:16px;}
#text3 .text-parraf3{margin-top:29px;margin-left:82px;font-size:12px;text-align:justify;margin-right:25px;}
#nen4{float:right;width:221px;height:289px;margin-top:30px;margin-right:10px;background:url("../imatges/nen4.png") no-repeat center;}
#text4{float:left;width:634px;margin-top:30px;background:url("../imatges/text4.png") no-repeat top left;min-height:289px;}
#text4 .titol4{margin-top:29px;margin-left:82px;font-weight:bold;font-size:16px;}
#text4 .text-parraf4{margin-top:29px;margin-left:82px;font-size:12px;text-align:justify;margin-right:25px;}
/* part inferior */
#contenidor-bus{position:relative;}
#contenidor-bus-interior{width:980px;height:444px;margin:0 auto 0;text-align:center;position:relative;}
#contenidor-bus-contacta{position:absolute;left:51px;top:270px;height:119px;width:114px;}
#contenidor-bus-bus-ca{position:absolute;left:350px;top:-15px;height:433px;width:550px; background:url("../imatges/bus-ca-s.png") no-repeat;}
#contenidor-bus-bus-es{position:absolute;left:350px;top:-15px;height:433px;width:550px; background:url("../imatges/bus-es-s.png") no-repeat;}
#contenidor-bus-bus-en{position:absolute;left:350px;top:-15px;height:433px;width:550px; background:url("../imatges/bus-en-s.png") no-repeat;}
#contenidor-bus-centres{position:absolute;right:3px;top:157px;height:259px;width:227px; background:url("../imatges/birds.png") no-repeat;}
#centres-adherits{position:relative;height:259px;width:227px;}
#centres-adherits .text{position:absolute;top:88px;left:25px;width:176px;font-size:13px;text-align:center;color:#FE8200;font-weight:bold;}
#centres-adherits .centre{position:absolute;top:133px;left:40px;width:147px;display:none;}
#centres-adherits .centre.visible{display:block;}
#canvi-centre-esq{position:absolute;top:158px;left:19px;width:18px;height:18px;background:url("../imatges/fletxa-esq.png") no-repeat;cursor:pointer;}
#canvi-centre-dre{position:absolute;top:158px;right:19px;width:18px;height:18px;background:url("../imatges/fletxa-dre.png") no-repeat;cursor:pointer;}
#contenidor-bus-links{width:980px;height:56px;margin:0 auto 0;text-align:center;position:relative;color:white;font-size:13px;}
#contenidor-bus-links a{text-decoration:none;color:white;}
#contenidor-bus-links a.kindertic{color:#45c0e9;font-weight:bold;}
#contenidor-bus-links a.kindertic span{color:#ff9000;}

#colaboradors{position:absolute;top:30px;left:50px;height:50px;width:300px;height:177px;background-image:url("../imatges/nuvol-peu.png");}
#colaboradors .text{position:absolute;top:53px;left:99px;width:123px;color:#FF9000;font-size:12px;font-weight:bold;text-align:center;}
#colaboradors .colaborador{position:absolute;top:75px;left:81px;width:147px;display:none;}
#colaboradors .colaborador.visible{display:block;}
#canvi-colaborador-esq{position:absolute;top:105px;left:52px;width:18px;height:18px;background:url("../imatges/fletxa-esq.png") no-repeat;cursor:pointer;}
#canvi-colaborador-dre{position:absolute;top:105px;left:235px;width:18px;height:18px;background:url("../imatges/fletxa-dre.png") no-repeat;cursor:pointer;}

#llistat-centres{margin:20px 0;}
#llistat-centres .centre{width:250px;height:125px;float:left;position:relative;margin:40px 27px 10px;overflow:hidden;}
#llistat-centres .centre:hover .text{bottom:0px;}
#llistat-centres .centre .text{opacity:0.9;border-radius:20px 20px 0 0;position:absolute;width:240px;height:33px;background-color:#45c0e9;bottom:-37px;text-align:center;color:#FFF;padding:5px 5px;font-size:11px;font-weight:bold;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
#llistat-centres .centre .logo img{vertical-align:top;}

/* Webs centres */
#capsalera-web{position:relative;height:120px;margin-bottom:20px;}
#capsalera-web .nom{position:absolute;left:260px;top:0;color:#FF9000;font-size:26px;font-style:italic;line-height:26px;}
#capsalera-web .depensenyament{position:absolute;right:0;bottom:0;width:182px;height:18px;background:url("/imatges/depensenyament.png") no-repeat;color:#000;font-size:12px;padding-top:58px;padding-left:75px;}
#capsalera-web .depensenyament label{color:#FF9000;font-weight:bold;}
#capsalera-web .logos{position:absolute;left:260px;bottom:0px;}
#capsalera-web .logos .icone{height:50px;opacity:0.7;width:50px;float:left;margin-right:10px;}
#capsalera-web .logos .icone:hover{cursor:pointer;opacity:1;}
#capsalera-web .logos .icone.facebook{background:url("/imatges/facebook.png") no-repeat;}
#capsalera-web .logos .icone.twitter{background:url("/imatges/twitter.png") no-repeat;}
#capsalera-web .logos .icone.web{background:url("/imatges/www.png") no-repeat;}

#menu-escola .menu{background-color:#FF9000;color:#333;font-weight:bold;font-size:12px;float:left;padding:5px;margin:5px;border-radius:5px;cursor:pointer;}
#menu-escola .menu.actiu{color:#FFF;}
#contingut-escola{margin-top:20px;}
#contingut-escola .contingut{}
#contingut-escola .contingut.actiu{display:block !important;}

#contingut-escola .contingut #mig-text1{margin-bottom:20px;}
#contingut-escola .contingut #mig-text1 .lineataronja{margin-top:10px;}

#contingut-escola .contingut .apartattipus{position:relative;padding:5px;margin-bottom:20px;text-align:justify;clear:both;font-size:12px;line-height:16px;color:#3E3B3C;}
#contingut-escola .contingut .apartattipus .text b{color:#45C0E9;}
#contingut-escola .contingut .apartattipus .text li{margin-left:180px;}
#contingut-escola .contingut .apartattipus-2 .text li{margin-left:20px;}
#contingut-escola .contingut .apartattipus-1{margin-bottom:0px;}
#contingut-escola .contingut .apartattipus-1 .text{font-weight:bold;text-transform:uppercase;color:#FF9000;font-size:14px;}
#contingut-escola .contingut .apartattipus-3 img{float:left;margin-right:10px;}
#contingut-escola .contingut .apartattipus-4 img{float:right;margin-left:10px;}
#contingut-escola .contingut .apartattipus-6 img{max-width:100%;}

#contingut-escola .contingut .infocentre .nom{font-weight:bold;color:#FF9000;font-size:16px;margin-bottom:10px;}
#contingut-escola .contingut .infocentre label{font-weight:bold;color:#45C0E9;}
#contingut-escola .contingut .infocentre .telefon{margin:10px 0;}
#contingut-escola .contingut .infocentre .email{margin-bottom:30px;}
#contingut-escola #div-contacto{margin-left:150px;}

#divcookies{position:fixed;bottom:0;background-color:white;color:black;text-align:center;z-index:500000;width:100%;opacity:0.9;font-size:10px;padding:10px;}
#divcookies .textaccepta{cursor:pointer;font-weight:bold;font-size:11px;color:#45c0e9;}
#divcookies .mesinfo{cursor:pointer;font-weight:bold;}

/* Preinscripcions */
.infocentrepre{margin-top:7px;font-size:14px;font-weight:normal;float:left;}
.infocentrepre span{font-weight:bold;}
#preinscripcio{float:left;width:888px;margin-top:30px;margin-left:23px;font-size:20px;}
#preinscripcio .titol{text-align:left;margin-bottom:8px;font-weight:bold;border-bottom:3px solid #3e3b3c;padding:0 0 5px 5px;}
#preinscripcio .subtitol{text-align:left;margin-bottom:8px;font-weight:bold;font-size:16px;border-bottom:2px solid #3e3b3c;margin-top:25px;padding:0 0 5px 5px;}
#preinscripcio .camp{float:left;font-size:14px;width:284px;margin-top:15px;}
#preinscripcio .camp span{font-size:10px;}
#preinscripcio .llarg{width:700px;}
#preinscripcio .selectpetit{float:left;width:100px;height:40px;margin-top:15px;line-height:40px;font-size:18px;border-radius:10px;border:none;background-color:#FF9101;color:#3e3b3c;padding-left:16px;}
#preinscripcio .barranaixement{float:left;margin-right:20px;margin-left:20px;margin-top:15px;line-height:40px;}
#preinscripcio .selectample{width:300px;}
#preinscripcio input{float:left;width:500px;height:40px;margin-top:15px;line-height:40px;font-size:18px;text-align:left;border-radius:10px;border:none;background-color:#FF9101;color:#3e3b3c;padding-left:16px;}
#preinscripcio input.error{background-color:red;}
#preinscripcio input.input-submit{height:37px;width:191px;text-align:center;font-size:18px;font-weight:bold;color:white;line-height:37px;cursor:pointer;margin-top:26px;padding-left:0;}
#preinscripcio label.error{display:none !important;}
#preinscripcio .novasol{height:37px;width:325px;text-align:center;font-size:16px;font-weight:bold;color:white;line-height:37px;cursor:pointer;margin-top:30px;padding-left:0;background-color:#ff9000;border-radius:10px;float:right;margin-right:50px;}
#preinscripcio .impsol{height:37px;width:325px;text-align:center;font-size:16px;font-weight:bold;color:white;line-height:37px;cursor:pointer;margin-top:30px;padding-left:0;background-color:#45c0e9;border-radius:10px;float:left;margin-left:50px;}
#resultat{font-size:14px;}
#resultat .titolresultat{margin-top:20px;}
#resultat .titolresultat span{font-size:16px;font-weight:bold;}