/* Generics
----------------------------------------------*/
body{font-size:62.5%;background:#aeadac; font-family:arial,verdana,sans-serif;  color:#333;padding:0;margin:0;line-height:1.3;}
a{color:#cc3399;text-decoration:none;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4{font-family:arial,verdana,sans-serif;color:#000;margin:0;padding:0;line-height:1;font-size:1em;}
h1{font-size:1.8em;font-family:georgia,verdana,sans-serif;font-weight:normal;background:url(../img/fletxa_titol.gif) no-repeat 0 6px;padding:0 0 20px 32px;}
h2{font-family:georgia,verdana,sans-serif;}
h3 {font-family:georgia,verdana,sans-serif;font-size:1.4em;margin:0 0 10px;}
h3.inline{margin:0;display:inline;}
img{border:0;margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li,p,div{margin:0;padding:0;}
input,select{font-family:arial,verdana,sans-serif;color:#666;margin:0;padding:0;}
.roig {color:#880000}


/* Layout
----------------------------------------------*/
#contenidor{background:#fff; width:944px;margin:0 auto;padding:0 0 30px;}
#capcalera {position:relative;height:161px;margin:0 0 21px;}
.capH {background:url(../img/cabecera_fons1.jpg);}
.capC {background:url(../img/cabecera_fons7.jpg);}
.capD {background:url(../img/cabecera_fons3.jpg);}
.capI {background:url(../img/cabecera_fons2.jpg);}
.capP {background:url(../img/cabecera_fons8.jpg);} /* PRODUCCIONES PARA CUANDO ESTÉ */
.capL {background:url(../img/cabecera_fons4.jpg);}
.capCO {background:url(../img/cabecera_fons5.jpg);}

#capcalera #logo {position:absolute; left:12px; top:12px;}
#capcalera #contacte {position:absolute; right:12px; top:26px;font-size:1.1em;text-align:right;}
#capcalera #contacte img{margin:0 0 4px;}
#contingut{margin:0 0 30px 14px;overflow:hidden;}
.columna-left{float:left;width:288px;margin:0 12px 0 0;color:#333;}
.columna-right{float:left;width:608px;margin:0;}
.p-interior .columna-left{width:450px;margin:0 38px 0 0;padding:20px 0 0;}
.p-interior .columna-right{width:421px;margin:0;}


/* Menu
----------------------------------------------*/
/* #menu{position:absolute;left:176px;bottom:0;} */
#menu{position:absolute;left:232px;bottom:0;}
#menu ul{height:28px;}
#menu li{float:left;height:28px;overflow:hidden;}
#menu li a{display:block;background-repeat:no-repeat;background-position:0 0;height:28px;text-decoration:none;margin:0 0 0 1px;}
#menu li.on a,#menu li a:hover{background-position:0 -28px;}
#menu a span{visibility:hidden;}
#m-inicio a{background-image:url(../img/bg_home.gif);width:59px;}
#m-cursos a{background-image:url(../img/bg_cursos.gif);width:72px;}
#m-docentes a{background-image:url(../img/bg_docentes.gif);width:85px;}
#m-instalaciones a{background-image:url(../img/bg_instalaciones.gif);width:115px;}
#m-producciones a{background-image:url(../img/bg_producciones.gif);width:114px;}
#m-links a{background-image:url(../img/bg_links.gif);width:58px;}
#m-contacto a{background-image:url(../img/bg_contacto.gif);width:85px;}


/* Contingut
----------------------------------------------*/

/*home*/
.p-home .columna-left h1{font-size:1.2em;display:inline;padding:0 3px 0 0;background-image:none;}
.p-home .columna-left h2{font-size:1.8em;font-weight:normal;background:url(../img/linia_punts.gif) repeat-x left bottom;margin:0 0 15px;padding:0 0 3px;}
.columna-left p,.columna-left div.p,.columna-left li{font-size:1.2em;padding:0 0 1.2em;}
#intro{border-top:1px solid #e5389b;border-bottom:1px solid #e5389b;padding:2px 0;margin:0 0 20px;}
#intro #intro-inner{background:#FBFAF9; padding:18px 10px 28px 10px;}
#llista-links{background:#FBFAF9 url(../img/bg_llista_links_top.gif) no-repeat 0 0;padding:10px 0 0;}
#llista-links #llista-links-inner{background:url(../img/bg_llista_links_bottom.gif) no-repeat left bottom;padding:5px 12px 10px;}
#llista-links #llista-cursos-inner{padding:5px 12px 10px;}

#llista-links ul{margin:0 0 15px;}
#llista-links li{background:url(../img/list_home.gif) no-repeat 0 4px;padding:0 0 5px 14px;}

.columna-right .llista-noticies h2{font-size:1.8em;font-weight:normal;background:url(../img/fletxa_titol.gif) no-repeat 0 6px;padding:0 0 12px 32px;margin:20px 0 0;clear:both;display:block}
.columna-right .llista-noticies p{margin:0 0 14px 32px;font-size:1.2em;}
.columna-right .llista-noticies .noticia{background:url(../img/separador_noticies.gif) no-repeat right bottom;padding:0 0 18px;}
.columna-right .llista-noticies .noticia img{float:right;margin:0 0 0 14px;}

.llista-noticies ul{margin:0 0 15px 32px;}
.llista-noticies li{background:url(../img/list_home.gif) no-repeat 0 4px;padding:0 0 5px 14px;font-size:1.2em;}


div.link{background:url(../img/fletxa_link.gif) no-repeat 0 8px;padding:0 0 0 22px;margin:12px 0 0;}
div.link a{font-family:georgia,verdana,sans-serif;color:#e5389b;font-size:1.6em;}


/*popup*/
.popup h1{font-size:1.8em;font-family:georgia,verdana,sans-serif;font-weight:normal;background:url(../img/linia_punts.gif) repeat-x left bottom;margin:0 0 24px;padding:0 0 3px;}
.popup form{font-size:1.2em;margin:0 0 0 100px;}
.popup label{display:block;color:#666;margin:0 0 3px;}
.popup input{width:216px;}
.popup select{width:216px;}
.popup p{padding:0 0 15px;}
.popup p.checkbox {padding:5px 0 20px;}
.popup p.checkbox label{display:inline;}
.popup p.checkbox input{width:auto;}
.popup p.peu{font-size:1.1em;color:#999;}
.popup p.boto{padding:6px 0 26px 76px;}
.popup p.boto input{width:56px;height:26px;font-size:14px;color:#fff;border:none;background:#e5389b url(../img/bg_boto_enviar.gif) no-repeat 0 0;cursor:pointer;line-height:1;}

/*contacte*/
.columna-left h2,.columna-right h2{font-size:1.6em;font-weight:normal;margin:0 0 25px;background:url(../img/linia_punts.gif) repeat-x left bottom;padding:0 0 3px;display:inline}

#adreca{padding:0 0 20px;}
#adreca p{padding:0 0 0 32px;}
#adreca ul{padding:10px 0 10px 32px;}
#adreca ul li{padding:0 0 5px;}

#com-arribar{padding:0 0 0 32px;}
#com-arribar ul{padding:0 0 10px;}
#com-arribar li{padding:0 0 14px;}
#com-arribar li img{vertical-align:middle;}
#com-arribar li img.ico-linia{margin:0 0 0 5px;}

#mapa-situacio{margin:8px 0 0;padding:19px 0 0 28px; background:#FBFAF9 url(../img/bg_mapa_situacio.gif) no-repeat 0 0; height:432px;}


/*detall curs*/
.detall{padding:0 0 0 32px;}
.p-cursos .columna-left{width:563px;margin-right:57px;}
.p-cursos .columna-right{width:287px;padding-top:80px;}
.p-cursos h1{padding-bottom:20px;}
.p-cursos h2{margin-bottom:20px;margin-top:10px;}
.p-cursos .link{margin-bottom:35px;}
.p-cursos .detall ul{margin:0 0 23px;}
.p-cursos .detall ul.sense-marge{margin:0 0 10px;}
.p-cursos .detall li{background:url(../img/list_home.gif) no-repeat 0 4px;padding:0 0 7px 14px;}
.p-cursos .detall div.p h3 {font-size:1.2em;}
.p-cursos .destacat{background:url(../img/bg_destacat.gif) repeat-x 0 0;padding:10px 0 15px;margin:10px 0 20px;}
.p-cursos .destacat .link{margin:0}

/*detall docents*/
.p-docentes .columna-left{width:682px;margin-right:27px;}
.p-docentes .columna-right{width:165px;padding-top:58px;}
.p-docentes h1{padding-bottom:20px;}
.p-docentes h2{margin-bottom:20px;margin-top:10px;}
.p-docentes .link{margin-bottom:35px;}
.p-docentes .detall ul{margin:0 0 10px;}
.p-docentes .detall li{background:url(../img/list_home.gif) no-repeat 0 4px;padding:0 0 7px 14px;}

/*llista cursos*/
.llista-cursos h2{font-size:1.8em;font-weight:normal;background:url(../img/fletxa_titol.gif) no-repeat 0 6px;padding:0 0 12px 32px;margin:20px 0 0;clear:both;}
.llista-cursos h3{font-family:georgia;font-size:1.6em;font-weight:normal;margin:10px 0 20px 32px;clear:both;}
.llista-cursos p{margin:0 0 14px 32px;font-size:1.2em;}
.llista-cursos .noticia{border-bottom:1pt dotted #CC3399;padding:0 0 18px;overflow:none}
.llista-cursos .noticia img{float:right;margin:0 0 0 14px;}
.llista-cursos .noticia p{margin-top:0;}
.llista-cursos p{margin:0 0 14px 32px;font-size:1.2em;}
.llista-cursos #llista-links{background:#fff; padding:10px 0 0;}
.llista-cursos #llista-links #llista-links-inner{padding:5px 12px 10px;}
.llista-cursos #llista-links ul{margin:0 0 15px;}
.llista-cursos #llista-links li{background:url(../img/list_home.gif) no-repeat 34px 4px;padding:0 0 5px 48px;font-size:1.2em;}
.llista-cursos #llista-links .introCurs {padding:0 0 15px 32px; font-size:1.2em;}

/*instalaciones*/
.instalacions {width:817px;}
.instalacions h2{font-size:1.8em;font-weight:normal;background:url(../img/fletxa_titol.gif) no-repeat 0 6px;padding:0 0 26px 32px;margin:20px 0 0;clear:both;}
.instalacions h3{font-family:georgia;font-size:1.6em;font-weight:normal;margin:10px 0 20px 32px;clear:both;}
.instalacions p{margin:0 0 14px 32px;font-size:1.2em;}
.instalacions img{margin:0 0 25px 32px;}
.instalacions .bloc{padding:0 0 10px;}

/*reserva*/
.sense-columnes{clear:both;padding:0 14px 0 32px;}
.p-reserva .columna-left{width:290px;margin-right:20px;}
.p-reserva .columna-right{width:590px;padding-top:72px;}
.p-reserva .columna-right p{font-size:1.2em;}
.p-reserva form{margin:0 0 0 32px;}
.p-reserva label{display:block;margin:0 0 3px;}
.p-reserva input{width:216px;}
.p-reserva select{width:216px;}
.p-reserva p{padding:0 0 15px;}
.p-reserva p.checkbox {padding:5px 0 20px;}
.p-reserva p.checkbox label{display:inline;}
.p-reserva p.checkbox input{width:auto;}
.p-reserva p.peu{font-size:1.1em;color:#999;}
.p-reserva p.boto{padding:6px 0 26px 76px;}
.p-reserva p.boto input{width:56px;height:26px;font-size:14px;color:#fff;border:none;background:#e5389b url(../img/bg_boto_enviar.gif) no-repeat 0 0;cursor:pointer;line-height:1;}

/*producciones*/
.p-producciones #capcalera{margin-bottom:35px;}
.p-producciones #contingut{background:url(../img/linia_punts.gif) repeat-y 448px 0;}
.p-producciones .columna-left{width:426px;margin-right:33px;padding:7px 0 0;}
.p-producciones .columna-right{width:426px;padding:7px 0 0;}
.p-producciones  h2{display:block;font-size:1.8em;font-weight:normal;background:url(../img/fletxa_titol.gif) no-repeat 0 6px;padding:0 0 0 32px;margin:20px 0 17px;clear:both;}
.p-producciones .columna-left h3,.p-producciones .columna-right h3{display:inline;font-size:1.6em;font-weight:normal;margin:0 0 0 32px;background:url(../img/linia_punts.gif) repeat-x left bottom;padding:0 0 3px;}
.p-producciones #contingut p{font-size:1.2em;margin-left:32px;padding:0 0 1.2em;}
.p-producciones #contingut ul{margin:8px 0 23px 32px;}
.p-producciones #contingut li{background:url(../img/list_home.gif) no-repeat 0 4px;padding:0 0 7px 14px;font-size:1.2em;}


/* Peu
----------------------------------------------*/

#peu{font-size:1.1em;color:#666;border-top:1px solid #666;border-bottom:1px solid #666;padding:12px 0;margin:0 14px;text-align:center;}
#peu a{color:#666;}
#peu ul{display:inline;padding:0 0 0 3px;}
#peu li{display:inline;background:url(../img/list_peu.gif) no-repeat 0 5px;padding:0 2px 0 7px;}