body {
	background: url(../images/fons.gif) top center repeat;
	margin: 0px;
	padding: 16px 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
	text-align: center;
}
p{
font-size:12px;
text-align:justify;
line-height:19px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 0;
border:1px  #CCCCCC solid;
}
a {
	color: #2E9FED;
	text-decoration: none;
	outline:none
}
a:hover {
	color: #1471B1;
}
#welcome {
background: url(../images/center_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 740px;
height:36px;
margin-bottom:10px;
}
#welcome h1{
padding:0 10px 0 10px;
margin:0;
font-weight:bolder;
font-size:12px;
color:#fff;
line-height:1.3em
}
h3{
font-size:14px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
h4{
font-size:13px;
color: #003366;
}
#container {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#head {
	width: 750px;
	height: 180px;
	background: url(../images/cap.gif) no-repeat;
}
#head h1 {
	position: absolute;
	margin: 31px 0 0 36px;
	width: 200px;
	height: 75px;
	background: url(../images/logo.gif) no-repeat;
}
#head h1 a {
	text-indent: -2000px;
	width: 154px;
	height: 59px;
	display: block;
	background: url(../images/logo.gif) no-repeat;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(../images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}

#menu {
	position: absolute;
	width: 550px;
	top: 159px;
	left: 206px!important;
	left:198px;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0 8px;
	padding:5px
}
#menu li a {
	padding: 5px;
	font-weight:bold;	
	color: #fff;
	background: url(../images/menu.gif) repeat-x;
	border-left:1px solid #397cbf;
	border-right:1px solid #397cbf
}
#menu li a:hover {
color:#000033;
}

#area {
	width: 750px;
	height: 54px;
	background: url(../images/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(../images/bg_main.gif) repeat-y;
	width: 750px;
	height: auto; 
}
#main2 {
background: url(../images/bg_main2.gif) repeat-y;
	margin: auto;
	width: 500px;
	height: auto; 
	}

#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
}
#content_right{
float:left;
padding:5px;
width: 220px!important;
width: 210px;
height:auto;
}
.espai{
background:url(../images/espai.gif) no-repeat;
height:50px;
padding:5px 0 5px 0;
clear:both

}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
.menu2 {
float:right;
margin:-17px 0 0 0;
padding:0;
font-size:13px;
}

.form {margin:10px 25px 10px 0;}
.form .text {display:block; border:solid 1px #bddaf2; background: #d9e3ea; width:250px; padding:5px; font-size:14px; color:#000000;}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#e8f0f6; border: solid 1px #bddaf2;}
.form .text:focus {background:#eef3f7; border: solid 1px #bddaf2;}
.form .button { display:block; border:solid 1px #bddaf2; background:#d9e3ea; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}
.form .button:hover { display:block; border:solid 1px #bddaf2; background: #e8f0f6; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}
.mail{
color:#ccc;
padding:0 0 0 153px;
font-size:13px;
text-align:right;
}
.cssform p{
width: 205px;
clear: left;
margin: 10px 0 0 15px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 155px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#content_left ul {list-style:square; margin:0 0 18px 0 !important; *margin:0 0 18px 15px!important; margin:0 0 18px 12px; line-height:19px; text-align: justify}
#content_left li {padding:5px 0 11px 0;}
#content_left ul li {margin:0;}
#content_left ul.felicitacions {list-style:square; margin:10px 0 18px -24px !important; *margin:10px 0 18px 15px!important; margin:10px 0 18px 18px; line-height:19px; text-align: justify}
#content_left li.felicitacions {padding:5px 0 11px 0;}
#content_right ul {list-style:none; padding:0; margin:15px auto }
#content_right li { height:30px;}
#content_right a {display:block; background: url(../images/li-dreta.gif); color:#222; height:20px; padding:5px 5px 0px 5px; text-decoration:none; border-bottom:solid 1px  #efefef}
#content_right a:visited,active {display:block; color:#222; height:20px; padding:5px 5px 0px 5px; text-decoration:none; border-bottom: solid 1px #efefef}
#content_right a:hover {color:#846c4f; border-bottom:solid 1px #ccc;}
#content_right h4 { margin:0}
.contact_info{
float:left;
padding:15px;
}

.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(../images/peu.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 750px;
height:40px;
}
#footer a {
	background: none;
	padding: 0px;

}

#legal {
padding:5px}

#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}

	
	/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder,.imageSlideshowHolder_left{
		float:left;
        padding:5px;
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:454px;
		height:350px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
padding:5px;
margin:0 8px 8px 0;
border:1px  #CCCCCC solid;
	}