
h1
{
font-size:13px;
color:#001D81;
margin:0 0 5px 0;
background:url(../img/punts.gif) no-repeat 0 5px;
padding:0 0 0 25px;
width:270px;
float:left;
}


div.home 
{
line-height:18px;
}
div.home h3
{
font-size:12px;
line-height:18px;
margin:0 0 15px 0;
}

div.home h3 a
{
text-decoration:none;
}

div.home h3 a:hover
{
text-decoration:underline;
}


div.home p
{
margin:10px 0 10px 0;
}

div.home ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 5px;
padding:0 0 0 16px;
margin:5px 0 5px 0;
}


div.home div.cercador, div.home div.cursos
{
height:170px;
}

div.destaquem  div.veure-totes
{
width:150px!important;
}


div.veure-totes
{
font-size:11px;
padding:2px 0 0 0;
}


div.centrat
{
text-align:center;
}

div.puja
{
margin:-30px 0 0 0;
}


div.confirmacio
{
padding:50px 10px 50px 10px!important;
height:300px;
line-height:20px;
}

/******** dreta *****************/

div.imatge 
{
margin:20px 0 0 0;
}

div.imatge img
{
border:1px solid #CBCBCB;
margin:0;
}


div.cercador h2
{
color:#F33600;
background:url(../img/punt-taronja.gif) 10px 7px no-repeat;
}

div.cercador2 h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.documents-rel h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}


div.bloc div.verd
{
background:#F6F7EE!important;
}

div.bloc div.blau
{
background:#EFF2FB;
}

div.cursos h2
{
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.destaquem h2
{
width:80px;
float:left;
color:#001D81;
background:url(../img/punt-blau.gif) 10px 7px no-repeat;
}

div.home div.cursos ul li
{
font-size:10px;
background:url(../img/fletxa-verda.gif) no-repeat 0 3px;
margin:3px 0 3px 0;
}



div.cursos ul li
{
background:url(../img/fletxa-verda.gif) no-repeat 0 3px;
}

div.bloc div.cursos
{
background:#EFF2FB;
}

div.bloc div.cursos span
{
font-size:11px;
}

div.home div.cursos span
{
font-size:12px;
}

div.bloc div.documents-rel
{
background:#fff;
}

div.documents-rel ul li
{
padding:0;
}

div.documents-rel ul li a
{
background:url(../img/pdf.gif) no-repeat 0 3px!important;
padding:3px 0 3px 25px;
}



div.bloc div.cercador input.camp, div.bloc div.cercador select
{
border:1px solid #D1D0D0;
padding:2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width:100%;
}





div.bloc div.cercador   input.boto
{
margin:5px 0 0 0;
cursor:pointer;
width:74px;
height:20px;
background: url(../img/cerca-blau.gif);
border:none;
font-size:11px;
font-weight:bold;
color:#fff;
padding:0;
text-align:center;
}




div.bloc div.cercador label.l1
{
float:left;
width:48%;
}

div.bloc div.cercador label.l2
{
float:right;
width:48%;
}


div.bloc div.cercador label.l3
{
float:right;
width:48%;
text-align:right;
}

div.bloc div.cercador label.l4
{
float:left;
width:100%;
}

div.bloc div.cercador label.l5
{
float:right;
width:48%;
text-align:right;
}
div.bloc div.cercador label.l6
{
float:left;
width:50px;
text-align:left;
}




input.tipus-check
{
margin:0 0 0 20px;
display:inline;
}





table.llista
{
border:1px solid #CBCBCB;
border-spacing: 0;
border-collapse:collapse;
font-size:11px;
width:100%;
}

table.llista tr.top 
{
background:#001D81;
color:#fff;
font-size:10px;
}

table.llista tr.top  a
{
color:#fff;
text-decoration:underline;
}

table.llista tr.l1 
{
background:#fff;

}

table.llista tr.l2
{
background:#F2F2F2;
}

table.llista tr.l3
{
background:#FAFFCF;
}


table.llista tr.l3 td
{
border-bottom:1px solid #CBCBCB;
border-top:1px solid #CBCBCB;
}

table.llista  td
{
padding:5px 3px 3px 3px;
text-align:center;
}


table.llista  td a
{
display:block;
text-decoration:none;
}

table.llista  td a:hover
{
color:#F33600;
}

table.llista  td.esquerra
{
text-align:left;
}

table.llista  td.gratuit
{
width:50px;
}


table.llista  td.especialitat
{
width:185px;font-weight:bold;text-align: left;
}
table.llista  td.concepte
{
width:350px;font-weight:bold;text-align: left;
}

table.llista  td.miniatura 
{
width:36px;
}

table.llista  td.miniatura img
{
border:1px solid #8F9090;
width:34px;
}


table.llista  td span
{
background:#C5DA01;
font-size:9px;
padding:3px;
display:block;
}

/* LListes*/

table.llista_cataleg, table.llista_itinerari
{
border:1px solid #CBCBCB;
border-spacing: 0;
border-collapse:collapse;
font-size:11px;
width:100%;
}

table.llista_cataleg tr.top , table.llista_itinerari tr.top 
{
color:#fff;
font-size:10px;
}

table.llista_cataleg tr.top 
{
background:#FC6619;
}

table.llista_itinerari tr.top 
{
background:#C5DA01;
}

table.llista_cataleg tr.top  a, table.llista_itinerari tr.top  a
{
color:#fff;
text-decoration:underline;
}

table.llista_cataleg tr.top  a:hover
{
color:#001D81;
}

table.llista_cataleg tr.l1 , table.llista_itinerari tr.l1 
{
background:#fff;

}

table.llista_cataleg tr.l2, table.llista_itinerari tr.l2
{
background:#F2F2F2;

}

table.llista_cataleg  td, table.llista_itinerari  td
{
padding:5px 3px 5px 3px;
text-align:center;
}

table.llista_cataleg  td a, table.llista_itinerari  td a
{
text-decoration:none;
}

table.llista_cataleg  td a:hover, table.llista_itinerari  td a:hover
{
color:#F33600;
}



table.llista_cataleg  td.esquerra, table.llista_itinerari  td.esquerra
{
text-align:left;
}


table.llista_cataleg  td.especialitat, table.llista_itinerari  td.especialitat
{
width:185px;font-weight:bold;text-align: left;
}
table.llista_cataleg  td.concepte, table.llista_itinerari  td.concepte
{
width:300px;font-weight:bold;text-align: left;
}



table.llista_cataleg  td span, table.llista_itinerari  td span
{
background:#C5DA01;
font-size:9px;
padding:3px;
display:block;
}


/********** fitxa   formacio ******************/

div#esquerra h2.titol
{
font-size:16px;
font-weight:bold;
padding:10px 10px 0 0;
}


div#esquerra h2.titol
{
font-size:16px;
font-weight:bold;
padding:10px 10px 0 0;
}


div#esquerra h5
{
font-size:11px;
font-weight:bold;
background:url(../img/punt-taronja.gif) no-repeat 0 6px;
padding:0 0 0 10px;
}


div#esquerra h2.titol span.inscripcio-oberta
{
font-size:11px;
color:#fff;
background:url(../img/boto-petit-verd.gif) no-repeat;
display:inline;
text-align:center;
text-decoration:none;
padding:2px 29px 1px 29px;
}

div#esquerra h2.titol span.inscripcio-tancada
{
font-size:11px;
color:#fff;
background:url(../img/boto-petit-vermell.gif) no-repeat;
display:inline;
text-align:center;
text-decoration:none;
padding:2px 5px 1px 5px;
}


div#esquerra h2.titol span a
{
color:#fff;
text-decoration:none;
}

div#esquerra h4
{
color:#F33600;
background:url(../img/fletxa-taronja.gif) no-repeat 0 4px;
padding:0 0 0 10px;
font-size:12px;
font-weight:normal;
}

/* Cercador de cataleg i itineraris*/
div#esquerra #cercador2{
background-color:#F6F6F6;
margin:20px 0px 20px 0px;
font-weight:bold;
}

div#esquerra #cercador2 select{
border:1px solid #D1D0D0;
padding:1px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width:93%;
}

div#esquerra #cercador2 input.camp{
border:1px solid #D1D0D0;
padding:2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width:95%;}


div#esquerra div#cercador2  form{
padding:10px 10px 10px 20px;
}

div#esquerra div#cercador2  label.l1{
float:left;
width:50%;

}

div#esquerra div#cercador2 label.l4{
float:left;
width:100%;
}





/************************/


div.fitxa 
{
padding:0 10px 0 10px;
}

div.destacats , div.solicitud 
{
margin:10px 0 0 0;
padding:5px 10px 5px 10px;
background:#F6F6F6;
}

div.tags 
{clear:both;
padding:10px 10px 20px 10px;
font-size:11px;
}

div.tags  a
{
color:#F33600;
}


div.fitxa p,div.destacats p
{
margin:12px 0 12px 0;
line-height:18px;
}

div.fitxa ul
{
margin:12px 0 12px 0;
line-height:18px;
padding:0 0 0 5px;
list-style:none;
}

div.fitxa ul li
{
background:url(../img/punt-taronja.gif) no-repeat 0 8px;
padding:0 0 0 10px;
margin:12px 0 12px 0;
}

div.destacats ul 
{
list-style:none;
}


div.destacats ul li
{
float:left;
width:295px;
line-height:24px;
}


div.destacats span.mesinfo
{
font-size:10px;
padding:0 0 0 30px;
}

div.destacats span.mesinfo a
{
background:url(../img/mes.gif) no-repeat;
padding:0 0 0 15px;
}

div.destacats p#mesinfo
{
font-size:10px;
padding:5px;
border:1px solid #CBCBCB;
background:#fff;
width:240px;
display:none;
}

div.mesinfo-ins
{
width:150px;
float:right;
}

a.inscripcio-oberta
{
height:21px;
width:192px;
color:#fff;
background:url(../img/boto-verd.gif) ;
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
margin:0 auto 0 auto;
padding:3px 0 0 0;
}

p.inscripcio-tancada
{
text-align:center;
}

p.inscripcio-tancada span
{
height:21px;
width:192px;
color:#fff;
background:url(../img/boto-vermell.gif) ;
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
margin:0 auto 0 auto;
padding:3px 0 0 0;
}

a.inscripcio-oberta:hover, div#esquerra h2.titol a:hover
{
color:#F6F6F6;
}

/******** inscripcio *****************/

div.inscripcio 
{
padding:20px 10px 20px 10px;
}


div.destacats  span, div.solicitud  span
{
color:#F33600;
}

div.destacats input, div.solicitud input, div.solicitud textarea, div.destacats select
{
border:1px solid #D1D0D0;
padding:2px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.solicitud textarea
{
width:175px;
height:104px;
font-size:12px;
}

div.destacats input.c1, div.solicitud input.c1, div.destacats select.c1
{
width:175px;
}

div.destacats input.c2, div.solicitud input.c2, div.destacats select.c2
{
width:330px;
}

div.destacats label, div.solicitud label
{
padding:0 0 0 20px;
background:url(../img/fletxa-verda.gif) 0 3px no-repeat;
width:150px;
float:left;
font-weight:bold;
}

div.destacats label.radio, div.solicitud label.radio
{
height:20px;
padding:0;
background:none;
width:120px;
float:left;
font-weight:normal;
}

div.destacats label.radio input, div.solicitud label.radio input
{
margin:0 5px 0 0;
border:none;
}

div.obligatoris
{
text-align:right;
font-size:10px;
}

div.lpd
{
font-size:10px;
}

input.boto-inscripcio
{
border:none;
height:24px;
width:192px;
color:#fff;
background:url(../img/boto-verd.gif) ;
text-align:center;
font-weight:bold;
text-decoration:none;
margin:10px auto 10px auto;
cursor:pointer;
}

input.boto-solicitud
{
border:none!important;
height:24px;
width:90px;
color:#fff;
background:url(../img/boto-verd2.gif) ;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}

input.boto-cataleg
{
border:none!important;
height:20px;
width:74px;
color:#fff;
background:url(../img/cerca-taronja.gif) ;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}

input.boto-itinerari
{
border:none!important;
height:20px;
width:74px;
color:#fff;
background: url(../img/cerca-verd.gif);
font-weight:bold;
text-decoration:none;
cursor:pointer;
}



/********** fitxa   avantatges i serveis ******************/


img.imatge-servei
{
border:1px solid #CBCBCB;
width:608px;
height:130px;
margin:3px 0 10px 0;
}


div.introduccio
{

}

div.introduccio p
{
margin: 0 0 15px 0;
}

div.fitxa-serveis div.esquerra
{
float:left;
width:440px;
}

div.fitxa-serveis div.esquerra p
{
margin:0 0 0 0;
font-weight:normal;
line-height:18px;
}

div.fitxa-serveis div.esquerra ul
{
line-height:18px;
list-style:none;

}

div.fitxa-serveis div.esquerra ul li
{
padding: 0 0 0 10px;
background:url(../img/punt-blau.gif) 0 7px no-repeat;
}

div.fitxa-serveis div.dreta
{
float:right;
width:150px;
line-height:18px;
}

div.fitxa-serveis div.dreta div
{
margin:0 0 15px 0;
}

div.fitxa-serveis div.dreta div p
{
font-weight:normal;
}

div.fitxa-serveis div.dreta div.gratuit
{
text-align:center;
background:#C5DA01;
font-size:9px;
padding:3px;
}

div.fitxa-serveis div.dreta div.linia
{
border-bottom:1px solid #001D81;
padding:0 0 10px 0;
}

div.fitxa-serveis div.dreta div.linia img
{
width:150px;
}

div.fitxa-serveis div.dreta ul
{
margin:0;
padding:0;
list-style:none;
}

div.fitxa-serveis div.dreta ul li
{
background:url(../img/pdf.gif) no-repeat;
padding:0 0 0 25px;
margin:0 0 5px 0;
}

div.fitxa-serveis div.dreta ul li.pdf
{
background:url(../img/pdf.gif) no-repeat;
}

div.fitxa-serveis div.dreta ul li.imprimir
{
background:url(../img/imprimir.gif) no-repeat;
}


/*************** solicitud *********************/

div.solicitud h2
{
font-size:12px;
margin:0 0 10px 0;
padding:0 5px 0 5px;
}
div.columna
{
width:186px;
float:left;
padding:0 5px 0 5px;
}

div.solicitud div.obligatoris
{
width:180px;
float:left;
text-align:left;
}

div.solicitud div.boto
{
width:180px;
float:right;
text-align:right;
padding:0 10px 0 0;
}

div.solicitud div.conf
{
padding:10px;
text-align:center;
font-weight:normal!important;
}

div.solicitud div.conf p
{
font-weight:normal;
}


div.fitxa-serveis ul.doc
{
margin:12px 0 12px 0;
line-height:18px;
padding:0 0 0 0;
list-style:none!important;

}

div.fitxa-serveis ul.doc li 
{
background:#EFF2FB!important;
padding:3px 0 3px 0;
}


div.fitxa-serveis ul.doc li a
{
font-weight:bold;
background:url(../img/pdf.gif) no-repeat 0 2px;
padding:3px 0 3px 25px;
margin:12px 0 12px 0;
text-decoration:none;
display:block;
}

div.fitxa-serveis ul.doc li a:hover
{
text-decoration:underline;
}


div#b1,div#b2,div#b3,div#b4,div#b5,div#b6,div#b7,div#b8,div#b9,div#b10,div#b11,div#b12,div#b13,div#b14
{
display:none;
}


div#c1,div#c2,div#c3,div#c4,div#c5,div#c6,div#c7,div#c8,div#c9,div#c10,div#c11,div#c12
{
display:none;
}

div.aturats
{
padding:5px;
border:1px dotted #DE390C;
color:#DE390C;
font-weight:bold;
background:#F7DFD9;
font-size:11px;
margin:10px 0 0 0;
}

