﻿

body{
	
	margin:0 auto;
	background-image:url('images/body.jpg');
	font-family:"Tahoma"; 
}

a{
 	font-weight:bold;
 	text-decoration:none;
 	color:black;
}

a:hover{
				text-decoration:underline;
}


img a{
	text-decoration:none;
}

#wrapper{
	
	margin:0 auto;
	width:100%;
}


#wrapper #container {
	margin:0 auto;
	width:100%;
}


#wrapper #container #header{
				background-image:url('images/header.png');
				background-repeat:repeat-x;
				margin-top:10px;
				height:120px;
}


#header{
	color:#FFFFFF;
}

.titol-dreta{

margin-left:550px;
}

/*** menú de navegació superior ***/

#wrapper #container #header #menu {
				background-color:#000000;
				font-size:13pt;
				padding-top:0em;
				height:30px;
}

#menu ul{
				padding-left:0em;
				margin-left:0em;
}

#menu ul li{
				list-style:none;
				width:auto;
				float:left;
				padding:4px;
				padding-right:15px;

}

#menu li a{
				color:#FFFFFF;
								font-weight:normal;
}

#menu ul li a:hover, #menu ul li a.active{
				color:#99cc00;
				text-decoration:none;
}

/***/



#wrapper #container #center{
				background-image:url('images/center.png');
				margin-top:20px;
				height:auto;
}



#wrapper #container #footer{
				background-image:url('images/footer.jpg');
				background-repeat:repeat-x;
				margin-top:20px;
}


.content{
	width:820px;
	margin:0 auto;
	padding:10px;
}


h1{
				font-size:15pt;
				font-weight:bold;
}

h1 a{
			font-size:17pt;	
			color:#FFFFFF;
}

h2{
				font-size:12pt;
				font-weight:bold;
}

h3{
				font-size:12pt;
				color:#336600;
				margin-top:0px;
				font-weight:bold;
}

h4{

	font-size:11pt;
	margin-top:0px;
	margin-bottom:0px;

}

p {
				font-size:10pt;
				text-align:justify;
}


#sidebar-left{
		background-color:#ffffcc;
		width:294px;
		float:left;
}

#sidebar-left-inf{
		background-image:url('images/inscripcio_portada.png');
		background-repeat:no-repeat;
		width:294px;
		float:left;
}

#sidebar-right{
		background-color:#ffffcc;
		width:500px;
		float:right;		
}


#sidebar-left .content,
#sidebar-right .content,
#sidebar-left-inf .content{
				width:auto;
}

#sidebar-left-inf .content{
padding-top:38px;

}

#sidebar-left-inf .content p{
float:right;
padding-left:25px;
padding-bottom:20px;

}

#sidebar-right .content p{

margin-top:8px;
margin-bottom:8px;

}

#sidebar-right .content .arxiu {
		display:block;
		background-image:url('images/pdf.jpg');
		background-position:left top;
		background-repeat:no-repeat;
		padding:12px 0px 0px 50px;
		margin-left:150px;
		*padding-top:3px;
	
}

#sidebar	{	background-color:#ffffcc;
		float:left;
}

#sidebar img{
float:left;
margin-right:10px;
}

#sidebar .content .arxiu {
		display:block;
		background-image:url('images/pdf.jpg');
		background-position:left;
		background-repeat:no-repeat;
		margin-left:400px;
		padding-left:50px;
		height:50px;
		padding-top:1px;
	
}

#center .content ul{
font-size:10pt;
}

#sidebar .content .map {
padding:10px;
border:1px #333333 solid;
width:425px;
margin-left:50px;
float:left;
margin-bottom:20px;

}

#sidebar .content .dades {
float:right;
margin-right:40px;
margin-top:80px;

}

/**** footer ****/

#footer-left{
		width:624px;
		float:left;
}

#footer-right{
		width:170px;
		float:right;		
}

#footer-left p, #footer-right p{
		margin-top:2px;
		margin-bottom:2px;
		font-weight:bold;
		color:#408080;
}


/**** formulari ****/

#formulari{
margin-left:120px;

}

#formulari label{
font-size:10pt;
width:100%;
display:block;
margin-top:5px;
margin-bottom:1px;
}

#formulari input{
width:550px;
border-color:#336600;
}

#formulari .submit input{
width:60px;
}

#formulari .condicions input{
width:10px;
padding-right:5px;
}

#center #sidebar  p.message{

padding:5px;
border:1px #000000 solid;

}