body {

	background:url(../img/bg_header.jpg) repeat-x top #FFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:62.5%;

}

h1 span { display:none; }

h2 { font-size:1.6em; color:#f25012; font-weight:bold; margin-bottom:1em; padding-bottom:.3em; border-bottom:#f25012 solid; width:20em; }

h3 { font-size:1.4em; font-weight:bold; margin:1.5em 0 0.5em 0; color:#f25012; }

h4 { font-size:1.2em; font-weight:bold; margin-bottom:0.5em; }

h5 { font-size:1.1em; font-weight:bold; margin-bottom:0.5em; }



#main-frame { margin:0 auto 0 auto; width:99.5em; }

	

/*------ home -------*/

#body-home {

	background:url(../img/bg_header_home.jpg) repeat-x top #FFF;
	
	font-family:Arial, Helvetica, sans-serif;

	font-size:62.5%;

}

#body-home #main-frame #menu { padding:0 8em; }

#header-home { padding:3em 0 0 35.85em; margin-bottom:3em; }

#content-home { padding:1em 0; }

	#content-home img.promo { margin-left:21.15em; }

	

/*------ interiores -------*/

#header { padding:2em 2em 0 2em; margin-bottom:2em; height:10em; }



#menu { height:5em; padding-left:2em;}

	#menu ul { margin:0 auto 0 auto; padding:1.7em 0 0 0; color:#FFF; }

		#menu ul li { font-size:1.4em; float:left; margin-right:1em; }

			#menu ul li.current { font-weight:bold; }

			#menu ul li a { display: block; color:#FFF; text-decoration:none; }

			#menu ul li a:hover{ text-decoration:none; border-bottom:thin dashed #FFF; }



#content { padding:4em 3em; }

	#content p { font-size:1.2em; margin-bottom:1em; color:#666; line-height:1.5em; }

	#content ul { font-size:1.2em; margin-bottom:2em; color:#666; padding-left:2em; }

	#content ul li { margin-bottom:.5em; font-weight:bold; }

		#content ul li h4 { margin-top:2em; }

		#content ul li p { font-size:1.1em; }

		#content ul li img { margin:0 1em 1em 0; float:left; }

		#content ul li a { color:#666; text-decoration:none; }

			#content ul li a:hover{ text-decoration:none; border-bottom:thin solid #CCC; }

		#content ul li ul { font-weight:normal; font-size:1.1em; }

			#content ul li ul li { font-weight:normal; }

	#content dl { color:#666; font-size:1em; margin-bottom:1.5em; padding-left:1em; }

		#content dl dt { float:left; font-weight:bold; margin-right:0.5em; }

		#content dl dd { margin-bottom:.5em; }

	#content table tbody tr td ul.participa{ color:#000; font-size:1em; margin-left:-1.7em; width:21em; }

#content table tbody tr td ul.participa li{ font-weight:normal; }



table.horari { border:1px solid #CCC; margin-bottom:1.5em; text-align:center; font-size:1.2em; }

	table.horari tbody tr { padding:0.3em 0 0.3em 0.3em; }

		table.horari tbody tr.impar { background-color:#EFF4F5; }

		table.horari thead tr th { background-color:#069; color:#FFF; font-size:1.2em; font-weight:bold; padding:0.5em 0 0.5em 0.5em; }

		table.horari tbody tr td { padding:0.4em 0 0.4em 0.5em; }

	table.horari .disciplina { width:20em; text-align:left; font-weight:bold; }

	table.horari .dia { width:15em; }



table.agenda { border:1px solid #CCC; margin-bottom:1.5em; text-align:left; font-size:1.2em; }

	table.agenda tbody tr { padding:0.3em 0 0.3em 0.3em; }

		table.agenda tbody tr.impar { background-color:#EFF4F5; }

		table.agenda thead tr th { background-color:#069; color:#FFF; font-size:1.2em; font-weight:bold; padding:0.5em 0 0.5em 0.5em; }

		table.agenda tbody tr td { padding:0.25em 0 0.25em 0.3em;}



	table.agenda .data { width:8em; text-align:left; font-weight:bold; padding-left:0.5em; }

	table.agenda .hora { width:5em; }

	table.agenda .col { width:25em; }



/*---------------------formulari contacte-----------------------------------*/

form, button{border:0; margin:0; padding:0;}



#contacte{ background:#e7e6e6; margin:0 auto 3em; width:32em; padding:1.3em;float:left;margin-top:1em;}

	#contacte p{font-size:1.1em; color:#666666; margin-bottom:1.9em; border-bottom:solid 0.1em #F25012; padding-bottom:0.9em;}

	#contacte label{font-size:1em; display:block; font-weight:bold; float:left; width:2.5em; font-family:Arial, Helvetica, sans-serif;}

	#contacte input{font-size:1em; padding:0.3em 0.1em; width:17em; margin:0 0 0 3em; font-family:Arial, Helvetica, sans-serif; }

	#contacte textarea{font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:0.3em 0.1em; width:17em; height:10em; margin:0 0 0 3em; }

	#contacte button{clear:both; width:10.3em; height:2.6em; background:#e7e6e6 url(../img/button.png) no-repeat; color:#FFFFFF; font-size:1.1em; font-weight:bold; margin-left:10em; }

#resposta{color:#F25012; font-size:1.1em; font-weight:bold;}

.error {color:#F25012; font-size:0.9em; margin-bottom:1em; margin-left:10em;}

	#mapa{height:35em;float:left;margin-left:2em;margin-top:1em;}
	#dades{background:url(../img/contacte_info_bg.png) repeat-x; height:35em;width:16em;margin-right:0.9em;margin-top:1em;height:35em;float:right;}
	
		 #dades p{color:#FFFFFF;font-size:10px;margin-left:0.4em;padding-left:1em;padding-top:5em;line-height:2em;text-align:center;}
		 #dades a{text-decoration:none;font-size:10px;}
		#dades #pest{float:right;width:2.6em; height:35em;margin-right:-2em;}
	
#footer {clear:both; height:100%; background:url(../img/bg_footer.gif) #000; color:#FFF; width: 70%; text-align: center; padding: 0 15%; height:4.2em;}

	#footer p { font-size:1em; font-weight:bold; padding:1.5em 0; }


/*---------------------contact-----------------------------------*/
#header h1 { width: 9.8em; float:left; }

#header .contact { background:url(../img/bg_contact.png) no-repeat; width:19.1em; height:1.9em; float:right; padding:0.4em;}
#header .contact a { text-decoration:none; }
#header .contact img { float:left; padding:0.1em 1em; }
#header .contact span { color:#FFF; }

/*---------------------l'escola-----------------------------------*/

#content .qui-som .texto { float:left; width:60em; text-align:justify; }
#content .qui-som img { margin-left:2em; clear:left; }

#content .que-fem { margin-top:3em; clear:left; }
#content .que-fem ul li { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }
#content .que-fem p { margin-bottom:0.5em; }
/*--------------------companyies-----------------------------------*/
#content .propies-list li { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }
#content .ballarins-list { padding:0; }
	#content .ballarins-list li { display:inline; }
#content .repertori-list dt { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }
#content .link { color:#f25012;}

#content .dblock-list dt { background:url(../img/raquo.gif) no-repeat; padding-left:1em;line-height:1.2em; }
#content .dblock-list dd {line-height:1.2em;}
#content .remarcar{font-weight:bold;}

/*--------------------enllacos-----------------------------------*/
#content .enllacos li { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }

/*--------------------exalumnes-----------------------------------*/
#content .exalumnes-list { font-size:1.2em; }
#content .exalumnes-list dt { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }

/*--------------------estiu-----------------------------------*/
#content .bloc-estiu { margin-bottom:3em;}
#content .bloc-estiu a{ color:#f25012; text-decoration:none;}
#content .bloc-estiu dl { font-size:1.2em;}
#content .bloc-estiu dl dt { background:url(../img/raquo.gif) no-repeat; padding-left:1em; }

/*--------------------RAD-----------------------------------*/
#content .rad h4 { font-size:1.3em;}
#content .rad h5 { text-decoration:underline; }
#content .rad ul li { background:url(../img/raquo.gif) no-repeat; padding-left:1em; font-size:0.9em; }
#content .rad img { margin:0.7em 1em 1em 0; float:left; }

/*--------------------fama Ħa bailar!-----------------------------------*/
#content .fama { margin-top:4em; }
#content .fama img{  margin-right:1.1em; margin-bottom:1.1em; }
#content .fama img.ultima-foto { margin-right:0; }