/* CSS Document */

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/

* { 
	margin:0px; 
	padding:0px; 
	border:none;
}

body, input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	line-height:100%;
	height:100%;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
}
a {
	color:#2b296b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/

body { 
	text-align:center;
	background:url(../img/fons.jpg) repeat-y center 11px;
}
.contenidor {
	border:#fff 1px solid;
	border-top:#fff 11px solid;
	margin:auto;
	padding:0px;
	width:899px;

	text-align:left;
	font-size:1em;
	line-height:1.5em;
	color:#2b296b;

	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 467px;
	height: auto !important;
	height: 467px;
}

.contenidorHome {
	border:#fff 1px solid;
	border-top:#fff 11px solid;
	margin:auto;
	padding:0px;
	width:920px;

	text-align:left;
	font-size:11px;
	line-height:14px;
	color:#ffffff;

	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 682px;
	height: auto !important;
	height: 682px;
}


.cap {
	height:225px;
}
.cap p {
	height:124px;
	width:850px;
	background:url(../img/logo.gif) no-repeat right bottom;
	text-indent:-2000px;
}

.cap a.logo {
    height:87px;
		width:164px;
		margin-left:686px;
		padding-top:37px;
    display:block;
}
.cap h1 {
	font-size:1.4em;
	padding:60px 0 10px 266px;
	text-indent:-2000px;
	background-position:270px 60px;
	background-repeat:no-repeat;
}
.curva {
	font-size:1px;
	line-height:1px;
	background:url(../img/fons_top.gif) no-repeat 48px 0px;
	height:7px;
}
.contingut {
	padding:22px 0 0 72px;
	float:left;
	width:590px;
	background:url(../img/fons_blau.jpg) repeat-y 48px 3px;

	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 420px;
	height: auto !important;
	height: 420px;
}
.article {
	float:left;
	width:368px;
	padding-right:21px;
}
.llista {
	float:left;
	width:156px;
	padding-left:20px;
	border-left:#8583a8 1px solid;
}

.menu {
	float:left;
	width:200px;
	padding:16px 0 0 22px;
}
.peu {
	clear:both;
	background:url(../img/cierra_pastilla.png) no-repeat 0px 0px;
	padding:8px 0 8px 47px;
	font-size:0.6em;
}
.peu span {
	padding-left:10px;
}

.scroll {
	overflow:auto;
	width:565px;
	height:210px;
}
.scroll p {
	padding-right:10px;
}

.colesq {
	float:left;
	width:198px;
}
.colcent {
	float:left;
	width:370px;
}

.masgrande {
	font-size:1.05em;
}

/*----------------------------------------------------------------------------------------------------
	Imatges capçalera segons apartat
----------------------------------------------------------------------------------------------------*/

.cursos .cap {
	background:url(../img/cap_cursos.gif) no-repeat left bottom;
}
.teatre .cap {
	background:url(../img/cap_quisom.gif) no-repeat left bottom;
}
.tallers .cap {
	background:url(../img/cap_tallers.gif) no-repeat left bottom;
}
.projecte .cap {
	background:url(../img/cap_projecte.gif) no-repeat left bottom;
}
.espectacles .cap {
	background:url(../img/cap_espectacles.gif) no-repeat left bottom;
}
.quisom .cap {
	background:url(../img/cap_teatre.gif) no-repeat left bottom;
}
.contactar .cap {
	background:url(../img/cap_contactar.gif) no-repeat left bottom;
}
.links .cap {
	background:url(../img/cap_links.gif) no-repeat left bottom;
}

.noticies .cap {
	background:url(../img/cap_noticies.gif) no-repeat left bottom;
}


/*----------------------------------------------------------------------------------------------------
	Estils generals
----------------------------------------------------------------------------------------------------*/

.contingut h2 {
	font-size:0.93em;
	padding-bottom:3px;
}
.contingut p {
	padding-bottom:14px;
	text-align:justify;
	font-size:0.78em;
	line-height:1.5em;
}

.contingut p.indent {
	padding-bottom:7px;
	padding-left:14px;
	text-align:justify;
	font-size:0.78em;
	line-height:1.5em;
}

.contingut_ample p {
	padding-right:24px;
}

.contingut td {
	font-size:0.71em;
	line-height:1.5em;
	padding:1px 20px 1px 0;
}
.contingut p.firma {
	font-size:0.725em;
	padding-bottom:25px;
}
.contingut img {
	float:left;
	/*border:#2b296b 1px solid;*/
	margin:0 21px 12px 0;
}	

.contingut img.video {
	float:left;
	/*border:#2b296b 1px solid;*/
	margin:0 5px 12px 0;
}	

.contingut a.txtVideo{
	font-size:0.93em;
	font-weight:bold;
}

.fotos {
	float:left;
	margin:0px;
	padding:0px;
}

.fotos img{
	float:left;
	margin: 0 10px 20px 0;
}

.llista img{
	border:none;
	margin:0 10px 12px 11px;
}
.llista p {
	font-size:0.625em;
	text-align:left;
	padding-bottom:10px;
}
.llista p.ultim {
	padding-bottom:0px;
}
.llista a {
	font-weight:bold;
	font-size:1.1em;
	display:block;
}

.enllacos {
	padding-top:20px;
}
.enllacos a {
	font-size:1.1em;
	display:inline-block;
	margin-right:20px;
	font-style:italic;
	text-decoration:underline;
}
.flash img {
	border:0px;
}
.logos img {
	border:0px;
	display:inline-block;
	margin:0 18px 0 0;
}

/*----------------------------------------------------------------------------------------------------
	Informacion general
----------------------------------------------------------------------------------------------------*/

.infoGen {
	line-height:1em;
	clear:both;
}
.infoGen .infoGenCol_1 {
	float:left;
	width:150px;
	padding: 0px 20px 0px 0px;
}
.infoGen .infoGenCol_2 {
	float:left;
	width:197px;
}
.infoGen p {
	font-size:0.725em;
	padding:0 0 4px 0;
	text-align:left;
}
.infoGen h3 {
	font-size:0.8em;
	padding:0 0 8px 0;
}
.infoGen h4 {
	font-size:0.725em;
	padding:1px 0 2px 0;
}
.infoGen .recuadra {
	border:1px solid;
	display:inline-block;
	padding:4px 6px;
	font-weight:bold;
	font-size:0.7em;
}
.infoGen .enllacos {
	text-align:right;
	padding-top:10px;
}
.infoGen .enllacos a {
	font-size:1.2em;
	display:inline-block;
	margin-left:20px;
	font-style:italic;
	text-decoration:underline;
	margin-right:0px;
}

/*----------------------------------------------------------------------------------------------------
	Menú
----------------------------------------------------------------------------------------------------*/
.menu li {
	font-size:0.9em;
	height:23px;
	background-repeat:no-repeat;
	background-position:0px -23px;
	margin-top:12px;
}
.menu li.on {
	text-indent:-2000px;
}

.menu ul {
	padding-bottom:30px;
}

.menu a {
	display:block;
	color:#7e7ba4;
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:195px;
	height:23px;
	text-indent:-2000px;
}
.menu li.on a,
.menu li a:hover {
	color:#2d296c;
	text-decoration:none;
	background-position:0px -23px;
}

/*----------------------------------------------------------------------------------------------------
	Formulari
----------------------------------------------------------------------------------------------------*/

.contingut_ample form p {
	padding:0 0 5px 0;
}
label {
	display:block;
}
input, textarea {
	width:170px;
	height:18px;
	border:#8583a9 1px solid;
	background:none;
}
textarea {
	height:60px;
}
p.boto {
	text-align:right;
	width:170px;
}
p.boto input {
	background:url(../img/boton.gif) no-repeat 0px 0px;
	color:#fff;
	cursor:pointer;
	width:45px;
	height:15px;
	padding-bottom:3px;
	border:0px;
	text-indent:-2000px;
}

/*----------------------------------------------------------------------------------------------------
	Formulari
----------------------------------------------------------------------------------------------------*/

.thumbs {
	padding:10px 0 0 10px;
}
.thumbs span {
	padding:0 0 25px 25px;
	float:left;
	display:block;
}
.contingut .thumbs img {
	margin:0px; padding:0px;
}

.enlaces {
	font-size:0.75em;
	margin-right:20px;
	float:left;
}

/*
Formulario inscripciones
*/


.contingut form.inscrip p.boto input {
	margin-top:10px;
}

/* File de guais */
.fileBonitoJS input.campofile {
	filter: alpha(opacity=0); opacity:0;
	position:absolute;
	width:255px;
}
.fileBonitoJS input.campofile, x:-moz-any-link {
	/*Hack Firefox*/
	margin-left:65px;
}

.fileBonito .imitaField {
	display:none;
}
.fileBonitoJS .imitaField {
	margin-top:-5px;
	background:url(../img/fileguapo.gif) no-repeat 0px 0px;
	width:165px;
	height:25px;
	padding:0px 85px 0px 5px;
	font-size:12px;
	color:#000;
	overflow:hidden;
}