/* 
 *    Document CSS per a la Web Oficial de l'Emma Vilarasau
 */
 
.mainPageText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	}
	

.mainTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #DD2233
	}

/*
    Pel cos de les pàgines
*/
BODY {
	background-repeat: no-repeat;
	background-position: left top;
	background-color:	#bbbbbb;
	background-attachment: scroll;
	/*background-image:   url(images/sgp2007Background.jpg);
	-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial*/
	}
	
/*
    Pel cos de la pàgina de la portada
*/
body.portada { 
	background-repeat: no-repeat;
	background-position: left top;
	background-color:	#736455;
	background-attachment: scroll;
	margin-bottom: 0ex;
	margin-top: 0ex;
	margin-right: 0px; 
	margin-left: 1px;
	border-width: 0px;
}
	
/*
    Per la signatura de les pàgines
*/
img.sign 
{
	position: absolute; left: 10px; top: 5px;
}

/*
    Pel títol de les pàgines
*/
#titol { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #BB2222;    
	border: 20px;
	padding: 20px;
    }

#subtitol { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
/*	color: #BB2222;    
*/	color: #555555;    
	border: 0px;
	padding: 0px;
    }

/*
    Per a la definició dels continguts d'una pàgina
*/
#continguts { 
   color: #bb2222;
   font-family: Verdana;
   width: 80%;
   position: absolute;
   top: 25%;
   left: 175px;
   margin:0px;
   padding:20px;
}

#continguts a.opcio { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	/*line-height:  2em;
*/    }

#continguts a:hover { 
	color: #000000;
    }
	
#continguts p.link { 
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #BB2222;    
	line-height:  2em;
    }

#continguts p.forum { 
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #BB2222;    
	line-height:  2em;
    }

/*
    Per a definir les novetats
*/
#novetat { 
	clear:left;
	width: 95%; 
	text-align:left	;
	float: left;
	margin-bottom: 4ex;
}
	
#novetat p.data 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex;
	color: #222222;
}

#novetat p.descripcio 
{
	font-size:14px; 
	font-style: italic;
	margin-left: 0.6cm;
	text-align:justify;
	margin-top: 1ex;
	margin-bottom: 3ex;
}

#imgcopy 
{
 	width: 45%;
 	/*height: 150px;*/
	float: right;
	text-align: top;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
}

#imgcopy img 
{	
	width: 100%;
	float: top;
	border-style: solid;
	border-color: #888888;
	border-width: 1px   
}
	
#imgcopy p 
{
	font-size:11px; 
	font-style: normal;
	margin-left: 0cm;
	text-align: right;
	margin-top: 2ex;
    color: #666666;
}

#novetat img.gran
{	
	width: 50%;
}

/*
    Per l'apartat d'actualitat en les novetats
*/
#actualitat 
{
	clear:none;
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	margin-bottom: 6ex;
	margin-top: 2ex;
	margin-left: 20%;
	margin-right: 20%;
}

#actualitat p.titol
{
	font-size:14px; 
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3ex;
	margin-top: 1ex;
	color: #222222;  
}

#actualitat p.descripcio
{
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	margin-left: 0.6cm;
	margin-bottom: 5ex;
	margin-top: 1ex;
}

#actualitat td.descripcio
{
	font-size:12px; 
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-left: 0.6cm;
	margin-bottom: 5ex;
	margin-top: 1ex;
	color: #BB2222;  
}

/*
    Per a la informació afegida a les novetats
*/
#informacio { 
	clear:left;
	width: 95%; 
	text-align: left;
	float: left;
	margin-bottom: 4ex;
}
	
#informacio p.descripcio 
{
	font-size:12px; 
	font-style: normal;
	margin-left: 0cm;
	text-align:justify;
	margin-top: 2ex;
}

/*
    Per a la definició del copyright
*/
#copyright { 
	width: 95%; 
	float: right;
}
	
#copyright p.propietat 
{
	font-size:10px; 
	font-style: normal;
	margin-left: 0cm;
    margin-right: 2em;
	text-align:justify;
	margin-top: 6ex;
}

#copyright p.copy 
{
	font-size:9px; 
	font-style: normal;
	margin-left: 0cm;
	text-align:center;
	margin-top: 4ex;
    color: #666666;
}

#copyright p.copy2 
{
	font-size:11px; 
	font-style: normal;
	margin-left: 0cm;
	margin-right: 5em;
	text-align: right;
	margin-top: 0ex;
    color: #666666;
}

#copyright p.tornar 
{
	font-size:14px; 
	margin-left: 0cm;
	text-align:justify;
	margin-top: 0ex;
}

#copyright a.petit {
	/*font-family: Arial, Helvetica, sans-serif;
	*/font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
    }

#copyright a.tornar {
	/*font-family: Arial, Helvetica, sans-serif;
	*/font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
    }

#copyright a:hover {
	color: #000000;
    }
	
/*
    Per a definir les notícies
*/
#noticia { 
	clear:left;
	width: 95%; 
	text-align:left	;
	float: left;
	margin-bottom: 2ex;
}
	
#noticia p.data 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex;
	color: #222222;
	line-height:  1.3em;
}

#noticia p.descripcio 
{
	font-size:14px; 
	font-style: normal;
	margin-left: 0.6cm;
	text-align:justify;
	margin-top: 1ex;
	line-height:  1.3em;
}

#noticia td.descripcio
{
	font-size:12px; 
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-left: 0.6cm;
	margin-bottom: 5ex;
	margin-top: 1ex;
	color: #BB2222;  
	line-height:  1.3em;
}

#noticia a.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
    }

#noticia a:hover {
	color: #000000;
    }
	
/*
   Per a pàgines amb items amb o sense imatge
*/
#item { 
	clear:left;
	width: 95%; 
	text-align:left	;
	float: left;
	margin-bottom: 4ex;
}
	
#item p.titol 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex;
	color: #222222;
}

#item p.descripcio 
{
	font-size:12px; 
	font-style: normal;
	margin-left: 0.6cm;
	text-align:justify;
	margin-top: 1ex;
}

#item img 
{	
	width: 15%;
 	/*height: 150px;*/
	float: right;
	text-align: top;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}
	
#item img.gran 
{	
	width: 25%;
 	/*height: 150px;*/
	float: right;
	text-align: top;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}

/*
    Per a pàgines amb llista de links
*/
#itemlink {
	clear:left;
	width: 95%; 
	float: left;
	margin-left: 0.6cm;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #BB2222;    
	margin-bottom: 1em;
	margin-top: 0.8em;
/*	line-height:  3em;
*/}
	
#itemlink a.link {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #BB2222;    
/*	line-height:  3em;
*/	border-width: 0px;
    }

#itemlink a:hover {
	color: #000000;
    }
	
#itemlink p.fotos
{
    margin-left: 1cm;
	margin-bottom: 0.2em;
	margin-top: 0em;
}
	
#itemlink p.premsa
{
    margin-left: 1cm;
	margin-bottom: 0.2em;
	margin-top: 0em;
}
	
#itemlink font.nolink
{
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #555555;
/*	color: #BB2222;    
	line-height:  3em;
*/}
	
#itemlink img
{	
	width: 30;
	align: top;
	margin-left: 20px;
	margin-right: 0px;
	line-height:  1em;
}
	
/*
   Per a l'apartat de premsa
*/

#premsa { 
	clear:left;
	width: 95%; 
	text-align:left;
	float: left;
	margin-bottom: 4ex;
}
	
#premsa p.titol 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-left: 0.5cm;
	margin-bottom: 15px;
	color: #222222;
}

#premsa p.descripcio 
{
	font-size:14px; 
	font-style: normal;
	margin-left: 1.2cm;
	text-align:justify;
	margin-top: 1ex;
}

#premsa table.descripcio
{
	font-size:14px; 
	font-style: normal;
	text-align: justify;
	margin-left: 0px;
	color: #BB2222; 
	/*spacing: 3px;*/
}

#premsa td.nom
{
	text-align: left;
	margin-left: 2px;
}

#premsa img.pestanya 
{	
	width: 100%;
 	height: 57px;
	float: top;
	margin-bottom: 10px;
	border-style: none;
}

#premsa a.link {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;    
	border-width: 0px;
    }

#premsa a:hover {
	color: #000000;
    }
	
/*
   Per a pàgines amb descripció de l'obra
*/
#obra { 
	clear:left;
	width: 95%; 
	text-align:left	;
	float: left;
	margin-bottom: 4ex;
}
	
/*
#obra p.titol 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex	
}
*/

#obra p.descripcio 
{
	font-size:12px; 
	font-style: normal;
	margin-left: 0.6cm;
	text-align:justify;
	margin-top: 1ex;
}

#obra img.gran 
{	
	width: 35%;
 	/*height: 150px;*/
	float: right;
	text-align: top;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}

#obra img 
{	
	width: 20%;
 	/*height: 150px;*/
	float: right;
	text-align: top;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}

/*
    Per a posar text de pròleg en una pàgina
*/
#proleg 
{
	clear:left;
	width: 90%; 
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	margin-bottom: 5ex;
	margin-top: 1ex;
	margin-left: 0.6cm;
	line-height:  1.2em;
}

#proleg p.firma
{
	font-size:12px; 
	font-style: normal;
	font-weight: bold;
/*	text-align:justify; */
	text-align:right;
	margin-bottom: 2ex;
	margin-top: 3ex;
}

#proleg ul.llistadoble
{
	line-height:  2em;    
}

#poema 
{
	clear:none;
	width: 75%; 
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	margin-bottom: 4ex;
	margin-top: 2ex;
/*	margin-left: 0.6cm; */
	margin-left: 15%;
	line-height:  1.4em;
}

#poema p.titol
{
	font-size:14px; 
	font-style: normal;
	font-weight: bold;
	text-align:justify;
	margin-bottom: 3ex;
	margin-top: 1ex;
	color: #222222;  
}

#poemacentrat
{
	clear:none;
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	margin-bottom: 4ex;
	margin-top: 2ex;
	margin-left: 10%;
	line-height:  1.4em;
}

#poemacentrat p.centrat
{
	width: 75%; 
	text-align:center;
}

#poemacentrat p.titol 
{
	clear:none;
	width: 75%; 
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex;
	color: #222222;
	text-align:center;
}

#poemacentrat img 
{	
	width: 45%;
 	/*height: 150px;*/
	float: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}


#prosa
{
	clear:none;
	font-size:12px; 
	font-style: normal;
	text-align:justify;
	width: 80%;
	margin-bottom: 4ex;
	margin-top: 2ex;
	margin-left: 10%;
	line-height:  1.4em;
}

#prosa p.titol
{
	font-size:14px; 
	font-style: normal;
	font-weight: bold;
	text-align:justify;
	margin-bottom: 3ex;
	margin-top: 1ex;
	color: #222222;  
}

#prosa p.titolcentrat
{
	font-size:14px; 
	font-style: normal;
	font-weight: bold;
	text-align:center;
	margin-bottom: 3ex;
	margin-top: 1ex;
	color: #222222;  
}

#separador
{
	font-size:12px; 
	font-style: normal;
	font-weight: bold;
	margin-bottom: 4ex;
	margin-top: 1.5ex; 
/*	margin-left: 0.6cm; */
	margin-left: 15%;
	color: #444444;   
}

#separaprosa
{
	font-size:12px; 
	font-style: normal;
	font-weight: bold;
	margin-bottom: 4ex;
	margin-top: 1.5ex; 
/*	margin-left: 0.6cm; */
	margin-left: 10%;
	color: #444444;   
}

/*
    Per a definir els premis
*/
#premi 
{
	clear:left;
	font-size:14px; 
	font-style: normal;
	text-align:justify;
	margin-bottom: 5ex;
	margin-top: 1ex;
	margin-left: 0.6cm;
	line-height:  1.2em;
}

#premi ul.llistadoble
{
	line-height:  2.5em;    
}

#premi font.nom
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;  
	color: #444444;
}

#premi p.descripcio 
{
	font-size:14px; 
	font-style: normal;
	margin-left: 0.6cm;
	text-align:justify;
	margin-top: 1ex;
}

/*
   Per a la pàgina d'agraïments
*/
#agraiment { 
	clear:left;
	width: 95%; 
	text-align:left	;
	float: left;
	margin-bottom: 2ex;
}
	
#agraiment p.descripcio 
{
	font-size:14px; 
	font-style: normal;
	margin-left: 1cm;
	text-align:justify;
	margin-top: 1ex;
}

#agraiment p.signatura
{
	font-size:14px; 
	font-style: normal;
	font-weight: bold;
	margin-left: 1cm;
	text-align: right;
	margin-top: 1ex;
}

/*
    Per a les fotografies
*/
#album  /* no dins de "continguts"  */
{
    width: 70%;
    position: absolute;
    top: 15%;
    height: 80%;
    left: 285px;
    margin:0px;
    padding:0px;
    float: left;
	margin-top: 0ex;
	margin-right: 0px; 
	margin-left: 0px;
	border-width: 0px;
	margin-bottom: 5ex;
}

/*
    Per a definir les entrevistes
*/
#presentacio { 
	clear:left;
	width: 90%; 
	text-align: justify;
	font-size: 14px; 
	font-weight: bold;
	float: left;
	margin-bottom: 3ex;
	margin-left: 0.6cm;
}
	
#entrevista { 
	clear:left;
	width: 90%; 
	text-align: justify;
	float: left;
	margin-bottom: 0ex;
	margin-left: 0.6cm;
}
	
#entrevista p.pregunta 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
/*	margin-left: 0.6cm;
*/	margin-bottom: 1.5ex;
	color: #444444;
}

#entrevista font.pregunta
{
	font-size:14px; 
	font-weight: bold;
	color: #444444;
}

#entrevista p.resposta 
{
	font-size:14px; 
	font-style: italic;
/*	margin-left: 0.6cm;
*/	text-align:justify;
	margin-top: 1ex;
	margin-bottom: 3ex;
}

#entrevista font.nom
{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;  
	color: #444444;
}
	
#entrevista font.comentari
{
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;  
	color: #444444;
}
	
#presentacio font.comentari
{
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;  
	color: #444444;
}
	
/*
    Per la pàgina principal (foto inicial)
*/
#pagetitle p.title 
{ 
	position: absolute; left: 20px;
	margin-top: 0.5%;
	font-family:verdana; 
	font-size:24px;
	font-style:normal;
	font-weight:bold;
	}
	
#pagetitle img.principal 
{
	clear:none;
	position: absolute; left: 1px; top: 1px;
	width: 100%;
	border-width: 0px;
}

#pagetitle img.title 
{
	position: absolute; left: 1px; top: 10px;
}

#pagetitle { 
    color:#cc2222;
}

#pagetitle p.bottom 
{ 
	position: absolute; left: 20px;
	/* margin-top: 57%; */
	margin-top: 55%;
	font-family:verdana; 
	font-size:12px;
	font-style:italic;
	color: #000000;
	}

#pagetitle img.construccio 
{
	clear:none;
	position: absolute; left: 45%; top: 25%;
	width: 150px;
	border-width: 0px;
}

#pagetitle p.construccio
{ 
	font-family:verdana; 
	font-size:18px;
	font-style:italic;
	font-weight: bold;
	text-align: center;
	clear:none;
	position: absolute; left: 35%; top: 50%;
	}

/** 
	Presentation 
*/
#presentation 
{
	clear:both;
	text-align:center;
}

#presentation img
{
	clear:both;
	width: 150px;
 	height: 150px;
	float: none;
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	border-style:solid;
	border-color: #000000;
	border-width: 1px;
}

#presentation2 img
{
	clear:both;
/*	width: 500px;
 	height: 375px;
*/	width: 612;
    height: 464;
    float: none;
	text-align:center;
/*	margin-left: 20px;
	margin-right: 20px;
	border-style:solid;
	border-color: #000000;
	border-width: 1px;
*/
}

#description 
{
	clear:both;
	margin-left:20%;
	margin-right:20%;
	/*width: 60%; */
	font-size:14px; 
	text-align:justify;
	float: none;
	margin-bottom: 4ex;
}

#opcions {
    position: relative;
	top: 5px;;
	list-style-type: none;
    }

/*
    Estil del menú
*/
#menu {
	position: relative;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height:  2.5em;
    width: 140px;
	text-align: center;	
	}

#menu a.opcio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
    }

#menu a:hover {
	color: #000000;
    }
	
/*
    Estil del submenú 1
*/
#submenu1 {
    visibility: hidden;
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 175px;
	left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height:  2em;
	width: 135px;
	background-color:	#ddd;
	margin-right:0px;
    }

#submenu1 a.opcio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height:  2em;
    }

#submenu1 a:hover {
	color: #000000;
    }

/*
    Estil del submenú 2
*/
#submenu2 {
    visibility: hidden;
	position: absolute;
	border: 0px;
	padding: 0px;
	top: 250px;
	left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height:  2em;
	width: 140px;
	background-color:	#ddd;
	margin-right:0px;
    }

#submenu2 a.opcio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height:  2em;
    }

#submenu2 a:hover {
	color: #000000;
    }