@charset "UTF-8";
/* CSS Document */

body { background-color: #aaaaaa;
	margin-top:-2px;
	text-align:center;
	padding-bottom: 20px;
	
}

#container { width: 100%;
	text-align: center;
}

#general { width: 800px;
	height: auto;
	margin: auto;
	border:	solid 2px black;
	background-color:#ffffff;
}

#generalnegre { width: 800px;
	height: auto;
	margin: auto;
	border:	solid 2px black;
	background-color:#000000;
	vertical-align: middle;
	text-align: center;
}

#top { background-image: url(images/top.jpg) ;
	width: 800px;
	height: 120px;
}

#menu { width: 800px;
	background-color: #000000; /* Color de fons del men√∫*/
	margin-top: 0px; /*Marge sobre el men√∫*/
	margin-bottom: 0px; /*Marge sota el menu*/
	height: 25px; /*Alçada del menú*/
	font-family: Verdana; /*Tipografia dels elements del menu*/
	font-size: 9pt; /*Tamany dels elements del men√∫*/
	color: #f8f6ed; /*Color dels elements del men√∫ -- OJO -> a.menu color*/
	padding-left: 0px;
	padding-top: 6px;
	margin-bottom: 0px;
}

/*menu ul edita la llista com a conjunt*/ 
#menu ul { margin: auto;/*¬°SI EDITO AIXO PER CENTRAR-HO ES MOU TOT!*/
	padding-left: 0px;
}

/*menu li edita els elements de la llista*/
#menu li{ list-style: none; /*Estil de la llista dins la capa menu (En aquest cas elimina els punts de davant de cada item)*/
	float:left;
	margin: 0px 20px 0px 0px; /*Espai entre els elements del menu*/
}

a.menu:hover { color: #366ea0;  /*Color dels elements del menu quan passem per sobre amb el mouse (Si es un link "a." vol dir link, "menu" vol dir dins de l'estil #menu)*/
} 

a.menu { color: #cccccc; /*Color dels elements del menu quan son links*/
	text-decoration: none; /*Decoració (subratllat,...) dels elements del menu quan son links*/
}

#cos {padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
	line-height: 1.6;
}

#cosindex {padding-top: 0px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	line-height: 1.6;
}

#copyright {padding-top: 0px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	line-height: 1.6;
}

a.copyright:hover { color: #366ea0;  /*Color dels elements del menu quan passem per sobre amb el mouse (Si es un link "a." vol dir link, "menu" vol dir dins de l'estil #menu)*/
} 

a.copyright { color: #000000; /*Color dels elements del menu quan son links*/
	text-decoration: none; /*Decoració (subratllat,...) dels elements del menu quan son links*/
}

#textcompanyia { padding-right: 10px;
	margin-bottom: 0px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

#menu_obres { width: 800px; 
	background-color: #000000; /* Color de fons del men√∫*/
	margin-top: 0px; /*Marge sobre el men√∫*/
	margin-bottom: 10px; /*Marge sota el menu*/
	height: 40px; /*Alçada del menú */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Tipografia dels elements del menu*/
	font-size: 8pt; /*Tamany dels elements del men√∫*/
	color: #cccccc; /*Color dels elements del men√∫ -- OJO -> a.menu color*/
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
	height: 40px;
	border-top: solid 2px #9d0000;
	border-bottom:	solid 2px black;
	line-height: 2;
	}

/*PRESENTACIÓ OBRES*/

#titol { width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

#autor { width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	margin-bottom: 10px;
}

#programa { float: left;
	width: 380px;
	height: auto;
	margin-right: 30px;
	text-align: right;
	vertical-align: top;
}

#companyia { float: left;
	width: 350px;
	vertical-align: top;
	padding-bottom: 20px;
}	

#titoltextobra { padding-top: 20px;
	padding-right: 10px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

#textobra { padding-right: 10px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding-bottom: 20px;
}

/* Format interior tabla companyia*/

.titoltabla { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}


.tablavermell { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #9d0000;
}

.tablanegre { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}


/***GALERIA FOTOS***/

#containerfotos { width: 770px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.llistafotos {float:left; 
   padding-right: 10px;
   padding-bottom: 10px; 
} 

#titolalbumfotos { width: 760px;
	padding-top: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	border-bottom: 1px solid black;
	margin-bottom: 0px;
}

#espaiblancsota { padding-bottom: 20px;
}

#avis {width: 760px;
	padding-top: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
	text-align:right;
	font-weight:bold;
}

/***GALERIA VIDEOS***/

#containervideos { width: 770px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*desplegable*/
#sddm {	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li { margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 9pt verdana;
	
}

#sddm li a { display: block;
	margin: 0 1px 0 0;
	padding: 4px 20px;
	width: auto;
	background: transparent;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover { background: #000000;
	color: #366ea0;
}

#sddm div {	position: absolute;
	visibility: hidden;
	margin-left: 12px;
	margin-top: 2px;
	padding: 0;
	background: #000000;
	border: 2px solid #000000;
	border-top: 0px;
}

	#sddm div a	{ position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #cccccc;
		font: 8pt verdana;
		line-height: 1;
		vertical-align: middle;
		}

	#sddm div a:hover 	{ background: #000000;
		color: #366ea0;
		}
/*fi desplegable*/


/*ARTICLES*/

#article380 { float: left;
	width: 355px;
	height: auto;
	margin-right: 30px;
	text-align: right;
	vertical-align: top;
}

#article380dreta { float: right;
	width: 355px;
	height: auto;
	margin-right: 10px;
	text-align: right;
	vertical-align: top;
}

#article760 { height: auto;
	margin-right: 10px;
	text-align: right;
	vertical-align: top;
}

#titolarticle { 
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid black;
	margin-bottom: 0px;
	text-align: left;
}

#textarticle { 
	padding-top: 12px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 0px;
	text-align: justify;
}

a.textarticle {text-decoration:none;
	color:#000000;
}

a.textarticle:hover {text-decoration:underline;
}


/*FI ARTICLES*/


/*PASTORETS*/

#pastorets380 { float: left;
	width: 355px;
	height: auto;
	margin-right: 30px;
	text-align: right;
	vertical-align: top;
}

#pastorets380dreta { float: right;
	width: 355px;
	height: auto;
	margin-right: 15px;
	text-align: right;
	vertical-align: top;
}

#pastorets760 { height: auto;
	margin-right: 10px;
	text-align: right;
	vertical-align: top;
}

#anypastorets { 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
	margin-bottom: 20px;
}

#programapastorets { 
	padding-top: 12px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 0px;
	text-align: justify;
}


/*FI PASTORETS*/