
html{color: #000;}
body{
background-color:white;
text-align:center;
width:100%;
}

div#wrapper{
width:1000px;
margin:0 auto;
text-align:center;
}

/********************* caixa del menu superior *********************/
div#header{
width:1000px;		
}

	div#mbarra{
	height:20px;
	background-image:url("../imatges/barra1.gif");
	text-align:right;
	color:#FFF;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-right:20px;
	}
	
	a.abarra:link{
	color:#FFF;
	text-decoration:none;
	outline:0;
	}
	
	a.abarra:visited{
	color:#FFF;
	text-decoration:none;
	outline:0;
	}
	
	a.abarra:hover{
	color:#000;
	text-decoration:underline;
	}

/********************* caixa del contingut de la pàgina *********************/
div#content{
position:relative;
width:1000px;
float:left;
padding-left:250px;
background-image:url("../imatges/color_fons5.gif");
background-repeat:repeat-y;
}

/********************* caixa del menu *********************/
div#menu_botons{
position:absolute;
top:0px;
left:0px;
width:220px;
background-color:#FFF;
}
	div.apartat{
	width:220px;
	height:30px;
	background-image:url("../imatges/color_fons_menu4.gif");
	background-repeat:no-repeat;
	color:#000;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:1px;}
	
	div.apartat:hover{
	background-image:url("../imatges/color_fons_menu_hover4.gif");
	}
	
	a.amenu:link{
	color:#000;
	text-decoration:none;}
	
	a.amenu:visited{
	color:#000;
	text-decoration:none;}
	
	.amenu img {
		width: 100%;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	
	.amenu img:hover { opacity: 0.5; }
	
	div#menu_botons ul {
		margin:0;
		padding:0;
	}
	
	div#menu_botons ul li{
		list-style:none;
		margin:0;
		padding:0;
		border: none;
		border-bottom: 3px dotted #ed6741;
		height: 60px;
	}

/********************* home *********************/
div#flyer{
text-align:left;
}

div#homePdf{
width:700px;
text-align:center;
font-size:20px;
text-decoration: blink;
}
	a.home:link{
	color:#F00;
	text-decoration:none;}
	
	a.home:visited{
	color:#F00;
	text-decoration:none;}


/********************* programa **********************/
#taulaPrograma{
width: 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;	
}

div#pdf{
text-align:center;
}

/********************* formulari *********************/
.formulari{
border-width: 2px;
border-style: solid;
color: #000;
}

.preu{
border-width: 2px;
border-style: solid;
color: #000;
text-align:right;
font-weight:bold;
}

.info{
border: 1px solid black;
padding: 5px;
}

.boto{
background-color:#E1E1E1;
border-style: ridge;
font-weight:bold;
}

/********************* payment *********************/
.dadesFact{
border: 1px solid black;
padding: 5px;
}

.taules{
width: 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
	.taules td{
	padding: 5px;
	}

/********************* submit *********************/
.ocult{
display:none;
}

/********************* accommodation *********************/
#hotels{
width: 730px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border: 2px solid #FF5443;
border-collapse:collapse;

}
	#hotels td{
	border: 1px solid #FF5443;
	padding: 5px;
	border-top-width: 2px;
	}
	
	#hotels th{
	background-color:#FF5443;
	color:#FFF;
	}

#fotomapa{
width:300px;
height:217px;
border:2px solid #FF5443;
margin-top:20px;
}

#mapes{
width:750px;	
text-align:center;

}


/********************* peu *********************/
#footer{
float:left;
text-align:center;
}

.textLogo{
text-align:left;
font-weight:bold;
}

.logo{
padding:20px;
border:1px solid white;
}

.logo:hover{
border:1px solid #ed6741;
}

img.logo{
	height:80px;
	width:auto;
}
.logo2{
padding:20px;
border:1px solid white;
}

.divlogos{
width: 730px;
text-align: center;
}

/********************* venue *********************/
#afotos{
position: relative;
width:400px;
height:300px;
margin-left:200px;
}
/*
#foto1{position:absolute; top:0px; left:0px; z-index:0; width:150px; height:100px; border: 2px solid #FF5443;}
	#foto1:hover{width:300px; height:200px; z-index:1; top:-50px; left:-75px; }
	
#foto2{position:absolute; top:0px; left:175px; z-index:0; width:150px; height:100px; border: 2px solid #FF5443;}
	#foto2:hover{width:300px; height:200px; z-index:1; top:-55px; left:100px; }
	
#foto3{position:absolute; top:125px; left:0px; z-index:0; width:150px; height:100px; border: 2px solid #FF5443;}
	#foto3:hover{width:300px; height:200px; z-index:1; top:75px; left:-75px; }
	
#foto4{position:absolute; top:125px; left:175px; z-index:0; width:150px; height:100px; border: 2px solid #FF5443;}
	#foto4:hover{width:300px; height:200px; z-index:1; top:75px; left:100px;}
*/

#foto1{position:absolute; top:0px; left:0px; z-index:0; border: 2px solid #FF5443;  }
	
#foto2{position:absolute; top:0px; left:175px; z-index:0; border: 2px solid #FF5443;  }
	
#foto3{position:absolute; top:125px; left:0px; z-index:0; border: 2px solid #FF5443;  }
	
#foto4{position:absolute; top:125px; left:175px; z-index:0; border: 2px solid #FF5443;  }

/********************* media *********************/
#taulaMedia {
width: 700px;
}

#divTD{
width:650px;
text-align:center;
padding-top:100px;
}

/********************* download *********************/



/********************* estils *********************/
.Estil1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

.Estil2{
font-family: Verdana, sans-serif;
font-size:12px;
}

.Titol1{
font-family: Verdana, sans-serif;
font-size:22px;
color:red;
font-weight:normal;
}

.Titol2{
font-family: Verdana, sans-serif;
font-size:18px;
color:red;
font-weight:normal;
}

.paragraf{
width: 700px;
text-align:justify;
}

.paragrafli{
width: 666px;
text-align:justify;
}

#speakers {
	width: 714px;
}

#speakers img {
	float: left;
	height: 200px;
	margin-right: 20px;
}

#speakers td:nth-child(1) {
	padding-right: 30px;
	vertical-align: top;
}

#speakers p {
	text-align: justify;
}

div.clear {
	clear: both;
}

div.hor_sep {
	clear: both;
	height: 10px;
}
/*
#programme {
	width: 700px;
	background-color: #ffc099;
}

#programme span{
	display: none;
}

#programme table{
	width: 100%;
}

#inagural_programme {
	background-color: #41ace3;
}

#inagural_programme h2{
	width: 700px;
	height: 71px;
	background-image: url(/imatges/programme/inagural_programme.jpg);
	background-color: #008ed8;
	background-repeat: no-repeat;
}

#inagural_programme tr:nth-child(even)		{ background-color:#9ad2e7; }
*/