/*///////////////////////////////////////////////////////////////////////////////////////// © AXONGRAFICS . Todos los derechos reservados. Prohibida la utilización, difusión o redistribución de este código sin previa autorización. http://www.axongrafics.com © AXONGRAFICS para FACSA /////////////////////////////////////////////////////////////////////////////////////////*/ body {font-family:"Helvetica", Arial, sans-serif;font-size:1em; margin:0;} html{margin:0; padding:0; height:100%; width:100%;} a:link, a:visited{text-decoration:none;} a:hover, a:active{text-decoration:none;} img{border:none;} .left{float:left;} .right{float:right;} form, h1, h2, h3, h4, p, img, ul, li, ol{margin:0; padding:0;} h1{float:left; display:inline; color:#6b6c81; font-size:1em; font-weight:bold; border-bottom:1px solid #d2d3d9; margin:5px 15px 0 18px; width:260px; height:20px; padding:0 0 0 10px;} .verd{color:#48bf19;border-bottom:1px dotted #d2d3d9; font-weight:bold; margin:8px 0 0 0; height:20px; width:270px; font-size:.9em; padding:0 0 0 10px;} .contentsCentre{width:600px; padding:0 0 0 10px;} .contentsServeis{width:574px; padding:0 0 0 10px;} h2{} h3{} p{float:left; display:inline; color:#6b6c81; font-size:.75em; line-height:1.3em;} .blue{font-weight:bold; color:#27b4d1; cursor:pointer;} .blue:hover{color:#3b3981;} .cursosTit{margin:0 0 20px 0;} .cursosTit1{margin:0 0 10px 0; width:500px;} .cursosTit2{margin:0 0 15px 0; font-weight:bold; font-size:1em; background:#c1ecf5; color:#3b3880; padding:5px 10px 5px 10px;} .cursosParts{margin:0 400px 8px 0; font-weight:bold; font-size:.8em; background:#e6f7fb; color:#3b3880; padding:5px 10px 5px 10px; float:left; display:inline;} .cursosParts1{margin:0 0 10px 10px; width:550px; float:left; display:inline;} .cursosParts3{margin:10px 0 0 10px; width:550px; float:left; display:inline;} .cursosParts2{margin:10px 400px 0 0; font-weight:bold; font-size:.8em; background:#e6f7fb; color:#3b3880; padding:5px 10px 5px 10px; } .cursosInex{margin:20px 0 8px 0; font-weight:normal; font-size:.8em; background:#b7fc59; color:#3b3880; padding:5px 10px 5px 10px;} .cursosInexM{margin:20px 0 8px 0; font-weight:bold; font-size:.8em; background:#b7fc59; color:#3b3880; padding:5px 10px 5px 10px;} .cursosInexM:hover{color:#3b3880; text-decoration:underline;} /***************************************************************************************** ESTRUCTURA *****************************************************************************************/ #bodyIndex{background:url("../img/bg-body-index.png"); margin:auto;} #bodyContinguts{background:url("../img/bg-body-continguts.png"); margin:auto;} #contenidoIndex{width:960px; margin:auto;} #top-ca{float:left; width:960px; height:358px; background:url("../img/bg-top-index-ca.jpg") no-repeat;} #top-es{float:left; width:960px; height:358px; background:url("../img/bg-top-index-es.jpg") no-repeat;} #contenidoContent{width:960px; margin:auto;} #cont-ca{float:left; width:960px; height:270px; background:url("../img/bg-top-content-ca.jpg") no-repeat;} #cont-es{float:left; width:960px; height:270px; background:url("../img/bg-top-content-es.jpg") no-repeat;} #menuTop{float:right; display:inline; width:215px; height:30px;} .meContacte{float:left; display:inline; color:#666; font-size:.75em; padding:5px 5px 0 5px; cursor:pointer;} .meContacte:hover{color:#0aa9cb;} #bgIdiomes{float:left; display:inline; width:54px; height:26px; background:url("../img/bg-flags.jpg") no-repeat; margin:0 0 0 20px; padding:0 0 0 4px;} .catFlag{float:left; display:inline; width:20px; height:15px; background:url("../img/flag-ca.jpg") no-repeat; margin: 5px 3px 0 1px; cursor:pointer;} .catFlag:hover{background:url("../img/flag-ca.jpg") no-repeat 0 -19px;} .esFlag{float:left; display:inline; width:20px; height:15px; background:url("../img/flag-es.jpg") no-repeat; margin: 5px 3px 0 1px; cursor:pointer;} .esFlag:hover{background:url("../img/flag-es.jpg") no-repeat 0 -19px;} #logo{float:left; display:inline; width:183px; height:168px; margin:51px 0 0 24px;} #logoContent{float:left; display:inline; width:154px; height:142px; margin:51px 0 0 36px;} #buscador{float:left; display:inline; width:211px; height:28px; background:url("../img/bg-buscador.jpg") no-repeat; margin:262px 0 0 462px;} #buscadorCont{float:left; display:inline; width:211px; height:28px; background:url("../img/bg-buscado-content.jpg") no-repeat; margin:172px 0 0 510px;} .insertBusc{float:left; display:inline; width:150px; height:14px; margin:6px 0 0 16px; border:1px solid #FFF; color:#666; padding:0; font-size:.7em;} #lupa{float:left; display:inline; width:24px; height:19px; background:url("../img/ico-lupa.jpg") no-repeat; margin:4px 0 0 10px; cursor:pointer;} #lupa:hover{background:url("../img/ico-lupa.jpg") no-repeat 0 -23px;} .enllas{color:#3ec4e1; font-weight:bold; text-decoration:underline !important;} .enllas:hover{color:#3b3981;} /***************************************************************************************** FRASE DEL DIA *****************************************************************************************/ #contentFrase{float:left; display:inline; width:900px;} .fraseDia{float:left; display:inline; color:#797a92; font-size:.75em; margin:28px 0 0 20px;} .fraseAutor{ color:#797a92; font-size:1em; margin:28px 0 0 10px; font-weight:bold; font-style:italic;} /***************************************************************************************** CONTINGUTS INDEX *****************************************************************************************/ #contentIndex{float:left; display:inline; width:960px; height:350px; margin:20px 0 0 0;} #contentIndex01{float:left; display:inline; width:312px; height:350px;} #contentIndex02{float:left; display:inline; width:312px; height:350px;} #contentIndex03{float:left; display:inline; width:312px; height:350px;} #contentPes{float:left; display:inline; margin:10px 0 0 18px; width:275px; height:auto;} #contentPes02{float:left; display:inline; margin:10px 0 0 18px; width:275px; height:auto;} #contentPes03{float:left; display:inline; margin:10px 0 0 18px; width:275px; height:auto;} #contentAenor{display:inline; float:left; width:267px; height:154px; margin:15px 0 0 0;} #iluAenor{display:inline; float:left; width:110px; height:137px;} #textAenor{float:left; display:inline; margin:10px 0 0 18px; width:130px;} /***************************************************************************************** LLISTATS, MENU, ETC *****************************************************************************************/ #menu01{float:left; display:inline; margin:10px 0 10px 25px; width:215px;} #menu01 ul{list-style:none; } #menu01 li{float:left; display:inline; width:215px; line-height:1.2em;} #menu01 li a{float:left; display:inline; background:url("../img/ico-menu-index.jpg") no-repeat 0 2px; color:#6b6c81; font-size:.8em; padding:0 0 0 16px; font-weight:bold;} #menu01 li a:hover{background:url("../img/ico-menu-index.jpg") no-repeat 0 -17px; color:#3b3981;} #menu02{float:left; display:inlie; margin:10px 0 10px 25px; width:215px;} #menu02 ul{list-style:none; } #menu02 li{float:left; display:inline; width:215px; line-height:1.3em;} #menu02 li a{float:left; display:inline; background:url("../img/ico-menu-index.jpg") no-repeat 0 4px; color:#6b6c81; font-size:.8em; padding:0 0 0 16px; font-weight:bold;} #menu02 li a:hover{background:url("../img/ico-menu-index.jpg") no-repeat 0 -15px; color:#3b3981;} /***************************************************************************************** BOTONS ID && CLASS && SPAN *****************************************************************************************/ /***************************************************************************************** FORMULARIS *****************************************************************************************/ .formCamps{float:left; display:inline; color:#666; font-size:.9em; background:url("../img/bg-form-camps.jpg") no-repeat; height:19px; width:358px; border:none; margin:3px 250px 3px 0; padding:6px 0 0 6px;} .formCamps:focus{background:url("../img/bg-form-camps.jpg") no-repeat 0 -28px;; } .formCamps2{float:left; display:inline; color:#666; background:url("../img/bg-form-camps2.jpg") no-repeat; height:94px; width:358px; border:none; margin:3px 250px 8px 0; padding:6px 0 0 6px;} .formCamps2:focus{background:url("../img/bg-form-camps2.jpg") no-repeat 0 -105px; } .errormsg{float:left; display:inline; color:#F30; font-size:1em; margin:6px 0 6px 0; width:600px;} .button{float:left; display:inline; margin:5px 0 15px 0;} #campsCV{float:left; display:inline; background:#f7f8f9; width:565px; height:30px; margin:10px 0 0 0; padding:10px 0 0 10px;} .campArxiu{background:#bbeaf4;} .borsaParts{float:left; display:inline; color:#363c81; font-size:1.3em; margin:20px 20px 15px 0; width:565px; height:23px; background:#f6f8f9; padding:8px 0 0 10px;} /***************************************************************************************** CENTRE, SERVEIS I HOMOLOGACIONS *****************************************************************************************/ #contentCentre{float:left; display:inline; width:945px; height:auto; margin:15px 0 25px 10px;} #contentEsq{float:left; display:inline; width:300px; height:auto; margin:15px 0 0 0;} #contentEsqServ{float:left; display:inline; width:328px; height:auto; margin:15px 0 0 0;} #iluEsq-ca{float:left; display:inline; width:300px; height:auto;} #iluEsq-es{float:left; display:inline; width:300px; height:auto;} #iluEsq2{float:left; display:inline; width:300px; height:auto; margin:1px 0 30px 0;} #menu03{float:left; display:inline; margin:0; width:150px; height:180px; background:url("../img/bg-menu-content01.jpg") no-repeat;} #menu03 ul{list-style:none; padding:14px 0 0 0; //padding:13px 0 0 0; margin:0; height:20px;} #menu03 li{float:left; display:inline; width:120px; line-height:1.2em; padding:9px 0 0 10px; margin:0;} #menu03 li a{float:left; display:inline; color:#6b6c81; font-size:.8em; padding:0 0 0 6px;} #menu03 li a:hover{background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce;} #menu03 .current{float:left; display:inline; background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce; } #menu04{float:left; display:inline; margin:0; width:150px; height:140px; background:url("../img/bg-menu-content01b.jpg") no-repeat;} #menu04 ul{list-style:none; padding:14px 0 0 0; //padding:13px 0 0 0; margin:0; height:20px;} #menu04 li{float:left; display:inline; width:120px; line-height:1.2em; padding:9px 0 0 10px;} #menu04 li a{float:left; display:inline; color:#6b6c81; font-size:.8em; padding:0 0 0 6px; } #menu04 li a:hover{background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce;} #menu04 .current{float:left; display:inline; background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce; } #menu05{float:left; display:inline; margin:0; width:150px; height:87px; background:url("../img/bg-menu-content02.jpg") no-repeat;} #menu05 ul{list-style:none; padding:14px 0 0 0; //padding:13px 0 0 0; margin:0; height:20px;} #menu05 li{float:left; display:inline; width:120px; line-height:1.2em; padding:9px 0 0 10px;} #menu05 li a{float:left; display:inline; color:#6b6c81; font-size:.8em; padding:0 0 0 6px; } #menu05 li a:hover{background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce;} #menu05 .current{float:left; display:inline; background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce; } #menu06{float:left; display:inline; margin:0; width:178px; height:205px; background:url("../img/bg-menu-content03.jpg") no-repeat 3px 3px;} #menu06 ul{list-style:none; padding:14px 0 0 0; //padding:13px 0 0 0; margin:0; height:20px;} #menu06 li{float:left; display:inline; width:160px; line-height:1.2em; padding:9px 0 0 10px;} #menu06 li a{float:left; display:inline; color:#6b6c81; font-size:.8em; padding:0 0 0 6px; } #menu06 li a:hover{background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce;} #menu06 .current{float:left; display:inline; background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce; } #menu07{float:left; display:inline; margin:0; width:150px; height:140px; background:url("../img/bg-menu-content04.jpg") no-repeat;} #menu07 ul{list-style:none; padding:14px 0 0 0; //padding:13px 0 0 0; margin:0; height:20px;} #menu07 li{float:left; display:inline; width:120px; line-height:1.2em; padding:9px 0 0 10px;} #menu07 li a{float:left; display:inline; color:#6b6c81; font-size:.8em; padding:0 0 0 6px; } #menu07 li a:hover{background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce;} #menu07 .current{float:left; display:inline; background:url("../img/ico-menu-content01.jpg") no-repeat 0 7px; color:#18afce; } #contCentre{float:left; display:inline; width:624px; height:auto; margin:7px 0 0 0;} #contServeis{float:left; display:inline; width:574px; height:auto; margin:7px 0 0 0;} #textEsq{float:left; display:inline; width:282px; margin:15px 0 0 28px; height:auto;} #textEsq2{float:left; display:inline; width:582px; margin:25px 0 0 28px; height:auto;} #textEsq3{float:left; display:inline; width:602px; margin:25px 0 0 18px; background:#d8d8de; height:290px; padding:8px 0 0 8px;} #textEsq4{float:left; display:inline; width:602px; margin:25px 0 0 28px; height:290px; } #textDret{float:left; display:inline; width:282px; margin:15px 0 0 28px;} #fotoPremi{float:left; display:inline; width:265px; height:140px; margin:0 0 15px 0;} #iluHomo{float:left; display:inline; height:auto; width:600px; margin:10px 0 10px 0;} /***************************************************************************************** CURSOS *****************************************************************************************/ #relCursos{float:left; display:inline; margin:0; width:566px; height:auto; } #relCursos ul{list-style:none; background:#000; } #relCursos li{float:left; display:inline;} #relCursos li a{float:left; display:inline; color:#3b3880; font-size:.8em; width:562px; background:#f7f8f9; no-repeat; padding:6px 0 5px 22px; //padding:4px 0 5px 22px; margin:0 0 6px 0; font-weight:bold;} #relCursos li a:hover{background:#868999; no-repeat 0 -29px; color:#FFF;} #arianna{float:left; display:inline; width:572px; margin:40px 0 0 0;} .arian{ color:#18afce; padding:0 5px 0 0;} .arian:hover{color:#3b3781;} .askCursos{float:left; display:inline; width:550px; height:20px; background:url("../img/bg-menu-cursos-mmm.gif"); color:#FFF; margin:15px 0 0 0; padding:7px 0 0 27px; cursor:pointer; font-size:.8em;} .askCursos:hover{background:url("../img/bg-menu-cursos-mmm.gif") no-repeat 0 -29px; color:#3b3880; text-decoration:underline;} /***************************************************************************************** PROJECTES *****************************************************************************************/ /***************************************************************************************** GOOGLE MAPS *****************************************************************************************/ #mapSit{float:left; display:inline; width:271px; height:84px; background:url("../img/ico-situacio-ca.jpg") no-repeat; margin:10px 0 0 0; text-indent:-10000px;} #mapSit:hover{background:url("../img/ico-situacio-ca.jpg") no-repeat 0 -84px;} .baseGoogle{float:left; display:inline; margin:8px 0 0 5px; color:#6b6c81; font-size:.9em;} /***************************************************************************************** BASE *****************************************************************************************/ #base{float:left; display:inline; width:920px; height:50px; border-top:1px solid #d2d3d9; margin:5px 0 0 19px; padding:10px 0 0 0;} .dadesBase{color:#838499; font-size:.7em;} .facebook{float:left; display:inline; height:30px; width:170px; color:#838499; font-size:.7em; padding:15px 0 0 44px; background:url("../img/facebook.jpg") no-repeat;} .facebook:hover{color:#3b3880;} /*///////////////////////////////////////////////////////////////////////////////////////// © AXONGRAFICS . Todos los derechos reservados. Prohibida la utilización, difusión o redistribución de este código sin previa autorización. http://www.axongrafics.com © AXONGRAFICS para FACSA /////////////////////////////////////////////////////////////////////////////////////////*/