@charset "utf-8";
/* CSS RESET ****************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
a img{ border:none; }
strong{font-weight:bold;}
.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}

/* GENERAL *******************************************************************************************************************/
html{overflow:scroll;}
body{font-family:Verdana,Arial,sans-serif; color:#FFF; font-size:10px; background:#000;}

h1{width:840px; height:22px; margin:20px auto 0 auto; background:url(../img/barra.jpg) 0 0 no-repeat; line-height:20px; padding-left:10px; font-weight:bold;}
h2{font-size:12px; font-weight:bold; margin:5px 0 15px 5px;}
h3{background:#DE95ED; padding:2px; margin:10px 5px 10px 0; font-weight:bold;}

a{color:#FFF; text-decoration:none;}
a:hover{text-decoration:underline;}

.hr{background:url(../img/linia.jpg) 0 0 no-repeat; width:764px; height:2px; margin:50px 0 20px 0; border:none;}

.input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;}
.combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;}
.check{}
.input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;}

.msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px; margin:20px 10px 20px 10px; color:#65631B;}
.msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px; margin:20px 10px 20px 10px; color:#7C1F1F;}
.msgok p, .msgerror p{margin:0 !important;}

#tot{width:100%; height:100%;}

/* SPLASH *********************************************************************************************************************/
#splash{width:770px; margin:30px auto 0 auto; text-align:center;}
#splash p{text-align:left; margin:0 30px 10px 30px; line-height:15px;}
#splash .idiomes{margin-top:100px;}
#splash a{color:#DE95ED;}
#splash h2 {font-size:13px; padding-top:10px; width:450px; text-align:center; margin-left:auto; margin-right:auto; font-weight:normal; line-height:23px; font-weight:bold;}
#splash span {font-size:18px;}

/* CENTRO COLABORADOR *********************************************************************************************************************/

#gentcat {width:auto; margin-left:auto; margin-top:auto; margin-top:50px; font-size:9px;}
#gentcat img {padding-top:10px;}

/* HEADER *********************************************************************************************************************/
#header{width:840px; margin:10px auto 0 auto;}
#header img{float:left; padding-top:5px;}
#header ul{width:100px; float:right; text-align:right; margin-right:20px;}
#header ul li{line-height:12px;}
#header h2 {font-size:13px; padding-top:0px; width:450px; text-align:left; margin-left:5px; font-weight:normal; line-height:20px; font-weight:bold; margin-bottom:0; float:left;}
#header span {font-size:18px; padding:0; margin:0px;}

/* MENÚ ***********************************************************************************************************************/
#menu{width:840px; height:22px; margin:10px auto 0 auto; background:url(../img/barra.jpg) 0 0 no-repeat;}
#menu ul{display:inline; }
#menu ul li{float:left; line-height:19px;}
#menu ul li a{padding:0 3px 0 3px; margin:0 2px 0 7px; font-weight:bold;}
#menu ul li a:hover, #menu ul li a.actual{text-decoration:none; border-bottom:2px solid #FFF;}

/* CONTINGUTS *****************************************************************************************************************/
#cont{width:840px; margin:10px auto 0 auto;}
#cont p{margin:5px 5px 10px 5px; line-height:14px;}

/* ESCUELA ********************************************************************************************************************/
#cont.escuela img{float:right;}
#cont.escuela #destacats{margin:20px 0 20px 0;}
#cont.escuela #destacats .dest{float:left;}
#cont.escuela #destacats h4{background:url(../img/marc_tit.gif) 0 0 no-repeat; padding-left:5px; width:270px; height:16px; line-height:14px;}
#cont.escuela #destacats a{float:left; margin-right:7px;}
#cont.escuela #destacats a.ultim{margin-right:0;}
#cont.escuela #destacats a img{margin:0; float:left;}

/* CURSOS *********************************************************************************************************************/
#cont.cursos #col1{width:230px; border-right:2px solid #DE95ED; float:left; margin-top:10px;}
#cont.cursos #col1 ul{margin:8px 10px 0 15px;}
#cont.cursos #col1 ul li{line-height:16px;}
#cont.cursos #col1 ul li a{width:100%; display:block; padding:0 0 0 4px;}
#cont.cursos #col1 ul li a.actual{background:#DE95ED;}
#cont.cursos #col1 ul li ul{margin:0 0 0 10px; list-style:outside;}
#cont.cursos #col1 ul li ul li{padding:0; margin-left:10px;}

#cont.cursos #col2{float:left; margin:0 0 0 6px;}
#cont.cursos #col2 h1{width:590px; _width:588px; background:url(../img/barra2.jpg) 0 0 no-repeat;}
#cont.cursos #col2 h2{margin:20px 0 20px 10px; font-size:14px;}
#cont.cursos #col2 ul.llistat{margin:0 0 0 40px; font-size:12px;}
#cont.cursos #col2 ul.llistat li{line-height:20px; list-style:outside;}
#cont.cursos #col2 #des{width:590px; margin-top:10px; margin-bottom:30px; line-height:14px;}
#cont.cursos #col2 #des #img{float:right; margin:0 0 0 10px;}
#cont.cursos #col2 #des #img img{display:block; margin-bottom:10px;}
#cont.cursos #col2 #des #img a.print{background:url(../img/print.gif) 0 0 no-repeat; padding-left:22px; width:auto; display:block; line-height:16px; margin:0 0 0 10px;}
#cont.cursos #col2 #des #img a.info{background:url(../img/info.gif) 0 0 no-repeat; padding-left:22px; width:auto; display:block; line-height:16px; margin:5px 0 20px 10px;}
#cont.cursos .btn{background:url(../img/boto3.jpg) center 2px no-repeat; border:none; font-size:10px; padding:0 5px 0 5px;}
#cont.cursos #frmlogin #btnlogin{margin:0; float:right; background:url(../img/boto2.jpg) center 2px no-repeat;}
#cont.cursos #btnregistrar{margin:0 0 100px 80px;}
#cont.cursos #frm{width:420px; margin:70px auto 70px 50px;}
#cont.cursos #frm li{width:420px; display:block; clear:both; height:24px;}
#cont.cursos #frm label{width:140px; float:left; line-height:20px; text-align:right;}
#cont.cursos #frm .input{width:200px; float:left; margin:0 0 0 4px;}
#cont.cursos #frm #chk{margin:4px 0 0 143px; float:left;}
#cont.cursos #frm .lbl2{float:right; width:275px; text-align:left;}
#cont.cursos #frm .lbl3{float:right; width:260px; text-align:left;}
#cont.cursos #frm .btn{background:url(../img/boto.jpg) center top no-repeat; border:none; font-size:10px; padding:1px 5px 2px 5px; }
#cont.cursos #frm #btnenviar{margin:10px 30px 0 190px;}

/* TESTIMONIALES **************************************************************************************************************/
#cont.testimoniales .testimoni{border-bottom:2px solid #C28ADA; margin:10px 0 10px 0;}
#cont.testimoniales .testimoni img{float:left; margin:0 10px 0 0;}
#cont.testimoniales .testimoni h2{font-size:10px; margin:10px 0 0 0;}
#cont.testimoniales .testimoni .txt{width:550px; float:right; margin-bottom:10px;}

/* BOLSA **********************************************************************************************************************/
#cont.trabajo #col1{width:230px; border-right:2px solid #DE95ED; float:left; margin-top:10px;}
#cont.trabajo #col1 img{margin-top:100px;}
#cont.trabajo #col1 ul.resultats{margin:8px 0 0 17px; list-style:outside;}
#cont.trabajo #col1 ul.resultats li{line-height:16px;}
#cont.trabajo #col1 ul.resultats li a{width:204px; display:block; padding:0 0 0 4px;}
#cont.trabajo #col1 ul.resultats li a.actual{background:#DE95ED;}
#cont.trabajo #col2{float:left; margin:10px 0 0 10px;}
#cont.trabajo #col2 div{width:520px; margin:60px 0 100px 30px;}
#cont.trabajo #col2 #des{width:580px; margin:10px 0 10px 10px; line-height:14px;}
#cont.trabajo #col2 #des #img{float:right; margin:0 0 0 10px;}
#cont.trabajo #col2 a.print{background:url(../img/print.gif) 0 0 no-repeat; padding-left:22px; width:auto; display:block; line-height:16px; margin:0 0 0 10px; float:left;}
#cont.trabajo #col2 a.info{background:url(../img/info.gif) 0 0 no-repeat; padding-left:22px; width:auto; display:block; line-height:16px; margin:0 0 20px 10px; float:left;}
#cont.trabajo #frmlogin{margin:20px auto 0 auto; width:200px}
#cont.trabajo #frmlogin{margin:10px 0 0 5px;}
#cont.trabajo #frmlogin li{width:210px; display:block; clear:both; height:44px;}
#cont.trabajo #frmlogin label{width:200px; float:left; line-height:20px; text-align:left;}
#cont.trabajo #frmlogin .input{width:200px; margin:0; font-size:11px;}
#cont.trabajo .btn{background:url(../img/boto3.jpg) center 2px no-repeat; border:none; font-size:10px; padding:0 5px 0 5px;}
#cont.trabajo #frmlogin #btnlogin{margin:0; float:right; background:url(../img/boto2.jpg) center 2px no-repeat;}
#cont.trabajo #btnregistrar{margin:0 0 100px 80px;}
#cont.trabajo #frm{width:420px; margin:70px auto 70px 50px;}
#cont.trabajo #frm li{width:420px; display:block; clear:both; height:24px;}
#cont.trabajo #frm label{width:140px; float:left; line-height:20px; text-align:right;}
#cont.trabajo #frm .input{width:200px; float:left; margin:0 0 0 4px;}
#cont.trabajo #frm #chk{margin:4px 0 0 143px; float:left;}
#cont.trabajo #frm .lbl2{float:right; width:275px; text-align:left;}
#cont.trabajo #frm .lbl3{float:right; width:260px; text-align:left;}
#cont.trabajo #frm .btn{background:url(../img/boto.jpg) center top no-repeat; border:none; font-size:10px; padding:1px 5px 2px 5px; }
#cont.trabajo #frm #btnenviar{margin:10px 30px 0 190px;}


/* CONTACTO *******************************************************************************************************************/
#cont.contacto #col1{width:230px; border-right:2px solid #DE95ED; float:left; margin-top:10px;}
#cont.contacto #col1 img{margin-top:100px;}
#cont.contacto #col2{float:left; margin:10px 0 0 10px;}
#cont.contacto #frm{width:420px; margin:90px auto 0 auto;}
#cont.contacto #frm li{width:420px; display:block; clear:both; height:24px;}
#cont.contacto #frm label{width:140px; float:left; line-height:20px; text-align:right;}
#cont.contacto #frm .input{width:200px; float:left; margin:0 0 0 4px;}
#cont.contacto #frm #chk{margin:4px 0 0 143px; float:left;}
#cont.contacto #frm .lbl2{float:right; width:275px; text-align:left;}
#cont.contacto #frm .lbl3{float:right; width:260px; text-align:left;}
#cont.contacto #frm .btn{background:url(../img/boto.jpg) center top no-repeat; border:none; font-size:10px; padding:1px 5px 2px 5px; }
#cont.contacto #frm #btnenviar{margin:10px 30px 0 190px;}

/* AVISO **********************************************************************************************************************/
#cont.legal{width:600px;}
#cont.legal h1{font-size:14px; font-weight:bold; background:none; width:550px; text-decoration:underline; margin-left:25px;}
#cont.legal h3{font-size:12px; font-weight:bold; background:none; width:550px; margin-top:20px; margin-left:25px;}
#cont.legal p{width:550px; margin-left:25px;}

/* FOOTER *********************************************************************************************************************/
#footer{width:840px; height:22px; margin:20px auto 0 auto; background:url(../img/barra.jpg) 0 0 no-repeat;}
#footer p{line-height:19px;}
#footer p.rellotge{float:left; margin-left:10px;}
#footer p.copy{width:100%; text-align:center; _margin-top:-20px; #margin-top:-20px;}
#footer p.legal{float:right; margin-right:10px;}