body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#112238;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*COMPANY NAME IN HEADER*/
#companyname {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-top:50px;
	margin-left:40px;
	left: 0px;
	top: 0px;
}
/*MENU IN HEADER*/
#menu{
	position:absolute;
	bottom: 20px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}

/*LEFT PANEL (News, Links, etc.)*/
#leftpanel{
	position:absolute;
	color:#FFF9E3;
	float:left;
	left:0%;
	width:12%;
	margin-right:0.5%;
}
/*CONTENT*/
#content{
	position:absolute;
	float:left;
	width: 65%;
	color: #FFF9E3;
	left:18%;
}
#contenttext{
	left:1%;
	width:100%;
}

/*TABLE*/
.table_top{
	width: 204px; 
	height: 27px;
	background-image:url(table_topt.jpg);
	background-repeat:no-repeat;
}
.table_content{
	width: 204px;
	background-image:url(table_contentt.jpg);
	background-repeat:repeat-y;
}
.table_text{
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
.table_bottom{
	width: 204px; height: 23px;
	background-image:url(table_bottomt.jpg);
	background-repeat:no-repeat;
}

/*TEXT STYLES*/
.news_date {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099CC;
}
.body_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.news_more {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}
.news_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.subtitle_gray {	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}
.title_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #7DA5E0; }
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#navigation {
        background: #112138;
        border-bottom: 1px solid #FFCC00;
        margin: 0;
        padding: 0;
        font-weight: bold;
	width:100%;
	margin-left:0px;
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding: 5px 0 5px;
        text-align: center;
}
#navigation ul li {
        display: inline;
}
#navigation ul li a {
        background: url(img/tableft.gif) no-repeat left top;
        color: #FFFFFF;		/*Color de les lletres del menu secundari*/
        text-decoration: none;
        padding: 5px 0;
}
#navigation ul li span {
        background: url(img/tabright.gif) no-repeat right top;		/*Els colors es canvien a partir de les imatges*/
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#navigation ul li a:hover span {
        text-decoration: none;
        background-position: 100% -75px;
}
#navigation ul li a:hover {
        background-position: 0 -75px;
}
#navigation #current a {
        background-position: 0 -150px;
}
#navigation #current a span {
        background-position: 100% -150px;
}
#headerfoto {
	background-image: url(images/foto.jpg);
	position: absolute;
	width: 19%;		/*Canvia la amplada del menu*/
	height: 200px;		/*Canvia la alçada del menu*/
	right:1.0%;
	top:0px;
	padding:0%;
	background-color:#A2A2A2;
	text-align:right;
}
#headerfoto h3 {
	color: #FF8800;
	margin: 0;
}
#map
{	
	color:#000000;
	width:50%;
	height:300px;
	float: left;
	margin-right:10px;
	/*float:left;*/
}
#mapcomplert
{	
	color:#000000;
	width:100%;
	height:300px;
	float: left;
	margin-right:10px;
	/*float:left;*/
}
#textmapa
{
	text-align:left;
	top:0px;
	right:0px;
	width:45%;
	float:right ;
}
#header {
	background-image: url(images/titol.jpg);
	height: 200px;
 	width: 61%; 
 	margin: 0; 
	border:inherit;
	position: relative;
   	left: 39%;
	text-align:center ;
	vertical-align: bottom;
}
#header div.text
{
	color: #FF8800;
	margin:0%;
	position: absolute;
	bottom: 0px;
}