html{color: #000;}
body{
background-color:white;
text-align:center;
}

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: 750px;
float:left;
padding-left:250px;
background-image:url("../imatges/color_fons5.gif");
background-repeat:repeat-y;
}

/********************* caixa del menu *********************/
@font-face {
    font-family: 'BebasNeue';
    src: url('./fonts/bebasneue-regular-webfont.woff2') format('woff2'),
         url('./fonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div#menu_botons {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	background-color: #FFF;
	font-family: BebasNeue, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.1em;
}

a.amenu:link {
	color: #f63804;
	text-decoration: none;
}

a.amenu:visited {
	color: #f63804;
	text-decoration: none;
}

a.amenu:hover {
	color: #f6380496;
}

a.amenu {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

div#menu_botons ul {
	margin: 0;
	padding: 0;
}

div#menu_botons ul li {
	display: table;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 3px dotted #ed6741;
	height: 60px;
	width: 100%;
}

/********************* 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;
}


/********************* deadlines *********************/
.column {
	float: left;
	width: 40%;
	line-height: 1.5em;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}


/********************* 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;  }

/********************* issues *********************/

.magLogo {
	height: 10rem;
	width: auto;
	float: left;
	margin: 5px;
	padding-right: 15px;
}

.magText {
	float: left;
}

.magLayout {
	clear: left;
}

/********************* 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;
line-height: 1.5em;
}

.Estil2{
font-family: Verdana, sans-serif;
font-size:12px;
}

.Titol1{
font-family: Verdana, sans-serif;
font-size:24px;
color:#f63804;
font-weight:normal;
}

.Titol2{
font-family: Verdana, sans-serif;
font-size:16px;
color:#f63804;
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; }
*/