/* CSS Document */

/*/ ~~~~~~~~~~  Pla EstratËgic de Cultura de Barcelona 2006 ~~~~~~~~~~ /*/
/*/ ~~~~~~~~~~  Disseny i programaciÛ Razgo, S.L. > www.razgo.net ~~~~ /*/

html {
	width:100%;
	height:100%;
	}

body {
	margin:0 auto;
	background-image: url(imatges/trama.gif) repeat-y; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	align: center;
	}

A { 
	font-weight: bold; 
	color: #E40083;
	} 

A:hover {
	color: #FFFFFF; 
	font-weight: bold;
	background-color: #E40083;
	}

#wrapper {
	width: 780px;
	height:auto;
 	margin: 0 auto;
	padding:0 0;
	}

/*/ ************************************* * barra ajuntament /*/

#barra_aj { 			
	background-color: #000000;
	position:absolute;
	top:0px;
	width: 780px;	
	height:30px;
	vertical-align: top;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#logo_ajuntament {
	position: absolute;
	top:0px;
	width: 195px;	
	height:30px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_home {
	position: absolute;
	top:2px;
	left:738px;
	width:20px;	
	height:22px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_mail {
	position: absolute;
	top:2px;
	left:757px;
	width:22px;	
	height:22px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_catala {
	position: absolute;
	top:2px;
	left:674px;
	width:22px;	
	height:22px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_castella {
	position: absolute;
	top:2px;
	left:703px;
	width:34px;	
	height:22px;
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#logo_icub {
	position: absolute;
	top:0px;
	left: 585px;
	width: 195px;	
	height:30px;
	border: 0;		
	margin: 0;
	padding: 0;
	}


#banner {
	position: absolute;
	top:34px;
	left:738px;
	width:100px;	
	height:50px;
	border: 0;		
	margin: 0;
	padding: 0;
	}


/*/ ************************************* * top /*/

#top { 			
	position:absolute;
	top:30px;
	width:780px;	
	height:100px;
	background-color: #C5C6C1;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#logo_pla { 
	position: absolute;
	width:195px;
	height:100px;
	top:0px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#top_flash { 
	position: absolute;
	top:0px;
	left: 195px;
	width: 585px;
	height:100px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/*/ ************************************* * navegaciÛ /*/

#nav { 			
	position:absolute;
	top:130px;
	width:780px;	
	height:60px;
	vertical-align: top;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_presentacio { 
	position: absolute;
	top:0px;
	left:0px;
	width: 195px;
	height:21px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_calendari { 
	position: absolute;
	top:21px;
	left:0px;
	width: 195px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_pla { 
	position: absolute;
	top:0px;
	left:195px;
	width: 195px;
	height:21px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_antecedents { 
	position: absolute;
	top:21px;
	left:195px;
	width:195px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_barcelona2006 { 
	position: absolute;
	top:0px;
	left:390px;
	width:195px;
	height:21px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_ciutats { 
	position: absolute;
	top:21px;
	left:390px;
	width:195px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_aportacions { 
	position: absolute;
	top:0px;
	left:585px;
	width:195px;
	height:21px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_links { 
	position: absolute;
	top:21px;
	left:585px;
	width:195px;
	height:20px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#blank { 			
	position:absolute;
	top:41px;
	left:0px;
	width: 195px;	
	height:19px;
	background: #000000;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#pink { 			
	position:absolute;
	top:41px;
	left:0px;
	width: 195px;	
	height:19px;
	background:#E40083;
	border: 0;		
	margin: 0;
	padding: 0;
	}


#nav_taules { 			
	position:absolute;
	top:41px;
	left:195px;
	width: 390px;	
	height:19px;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#nav_participa { 			
	position:absolute;
	top:41px;
	left:585px;
	width:195px;	
	height:19px;
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
/*/ ************************************* * subnavegaciÛ pla /*/

#subnav { 			
	position:absolute;
	top:16px;
	left:0px;
	width:94px;	
	height:160px;
	vertical-align: top;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#subnav_01 { 			
	position: absolute;
	top:0px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#subnav_02 { 			
	position: absolute;
	top:60px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#subnav_03 { 			
	position: absolute;
	top:120px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#subnav_04 { 			
	position: absolute;
	top:180px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/*/ ************************************* * subnavegaciÛ ciutats /*/

#ciutat_01 { 			
	position: absolute;
	top:0px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_02 { 			
	position: absolute;
	top:0px;
	left:100px;
	width:91px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_03 { 			
	position: absolute;
	top:60px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_04 { 			
	position: absolute;
	top:60px;
	left:100px;
	width:91px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_05 { 			
	position: absolute;
	top:120px;
	left:0px;
	width:94px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_06 { 			
	position: absolute;
	top:120px;
	left:100px;
	width:91px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_07 { 			
	position: absolute;
	top:180px;
	left:0px;
	width:91px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#ciutat_08 { 			
	position: absolute;
	top:180px;
	left:100px;
	width:91px;
	height:53px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

/*/ ************************************* * continguts /*/

#contenidor { 
	position: absolute;
	top:190px;
	width:780px;
	height:auto;
	border: 0;		
	margin: 0;
	padding: 0;
	}

#lines { 
	position: absolute;
	top:0px;
	left:0px;
	width:780px;
	height:20px;
	border: 0;		
	margin: 0;
	vertical-align: top;
	}

#fons { 
	position: absolute;
	top:20px;
	width:780px;
	height:auto;
	background: #F9F9F7;
	border: 0;		
	margin: 0;
	}

/*/ ************************************* * taules /*/

#head_taules { 
	position: absolute;
	top:15px;
	left:4px;
	width:140px;
	height:40px;
	border: 0;		
	margin: 0;
	}

#taules_01 { 
	position: absolute;
	width:270px;
	height:auto;
	top:24px;
	left:195px;
	border: 0;		
	margin: 0;
	text-align:left;
	vertical-align: top;
	}

#taules_02 { 
	position: absolute;
	top:24px;
	left:470px;
	width:320px;
	height:auto;
	border: 0;		
	margin: 0;
	text-align:left;
	vertical-align: top;
	}

/*/ ************************************* * tipos /*/

h1 {
	color:#000000;
	font-size:120%;	
	line-height: normal;
	font-weight: bold;
	}

h2 {
	color:#000000;
	font-size:103%;	
	}
	
h3 {
	color:#E40083;
	font-size:100%;	
	line-height: normal;
	}

h4 {
	color:#666666;
	font-size:100%;	
	line-height: normal;
	}
	
.small {
	font-size:90%;
	}

.pink {
	color:#E40083;
	}
	
.grey {
	color:#666666;
	}

/*/ ************************************* * interiors /*/

#head { 
	position: absolute;
	top:29px;
	left:104px;
	width:440px;
	height:40px;
	border: 0;		
	margin: 0;
	}

#text { 
	position: absolute;
	width:620px;
	height:auto;
	top:90px;
	left:130px;
	border: 0;		
	margin: 0;
	text-align:justify;
	vertical-align: top;
	}

#head_mid { 
	position: absolute;
	top:29px;
	left:198px;
	width:440px;
	height:40px;
	border: 0;		
	margin: 0;
	}

#text_mid { 
	position: absolute;
	width: 540px;
	height:auto;
	top:90px;
	left:220px;
	border: 0;		
	margin: 0;
	text-align:justify;
	vertical-align: top;
	}

#foto { 
	position: absolute;
	width:152px;
	height:220px;
	top:68px;
	left:43px;
	border: 0;		
	margin: 0;
	}

#head_left { 
	position: absolute;
	top:29px;
	left:4px;
	width:440px;
	height:40px;
	border: 0;		
	margin: 0;
	}

#left { 
	position: absolute;
	width: 155px;
	height:300px;
	top:20px;
	border: 0;		
	margin: 0;
	vertical-align: top;
	padding: 20px 20px 20px 20px;
	}

#text_left { 
	position: absolute;
	width: 720px;
	height:auto;
	top:80px;
	left:30px;
	border: 0;		
	margin: 0;
	text-align:justify;
	vertical-align: top;
	}

#right_pdf { 
	position: absolute;
	width: 155px;
	height:300px;
	left:600px;
	top:40px;
	border: 0;		
	margin: 0;
	vertical-align: top;
	}


#tornar {
	position: absolute;
	left:570px;
	top:37px;
	width:220px;
	height:20px;
	}


#oficina {
	position: absolute;
	left:130px;
	top:210px;
	width:250px;
	height:80px;
	background:#E0E1DB;
	padding: 20px 20px 20px 20px;
	}

#participa_opinar {
	position: absolute;
	left:0px;
	top:35px;
	width:323px;
	height:20px;
	}

#participa_ciutat {
	position: absolute;
	left:0px;
	top:56px;
	width:323px;
	height:20px;
	}

#participa_taules {
	position: absolute;
	left:0px;
	top:77px;
	width:323px;
	height:20px;
	}

#participa_opinions {
	position: absolute;
	left:370px;
	top:35px;
	width:357px;
	height:62px;
	}

#participa_subscripcio {
	position: absolute;
	left:0px;
	top:110px;
	width:760px;
	}

#links_image {
	position: absolute;
	left:406px;
	top:17px;
	width:320px;
	height:240px;
	}

#opinions_01 { 
	position: absolute;
	width:270px;
	height:auto;
	top:170px;
	left:130px;
	border: 0;		
	margin: 0;
	text-align:left;
	vertical-align: top;
	}

#opinions_02 { 
	position: absolute;
	top:170px;
	left:440px;
	width:320px;
	height:auto;
	border: 0;		
	margin: 0;
	text-align:left;
	vertical-align: top;
	}

#videoentrevistes { 
	position: absolute;
	top:760px;
	left:130px;
	width:600px;
	height:auto;
	border: 0;		
	margin: 0;
	text-align:left;
	vertical-align: top;
	}


#xarxa {
	position: absolute;
	left:540px;
	top:30px;
	width:200px;
	height:20px;
	}