/* CSS Document */
body{
margin:0;
padding:0;
font-family:Tahoma;
font-size:11px;
line-height:18px;
}
#header_1{
background-color:#135FEC;
width:750px;
height:30px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/backgruond_header1.jpg);
background-position:left;
background-repeat:no-repeat;
}
#header_1_text{
padding-top:5px;
padding-right:10px;
color:#FFFFFF;
}
#header_1_text a:link{
color:#FFFFFF;
}
#header_1_text a:visited{
color:#FFFFFF;
}
#header_1_text a:hover{
color:#00FFFF;
}
#header_2{
background-color:#135FEC;
width:750px;
height:230px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/backs/3.jpg);
background-repeat:no-repeat;
}
#header_2_serveis{
background-color:#135FEC;
width:750px;
height:230px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/backs/2.jpg);
background-repeat:no-repeat;
}
#header_2_contacte{
background-color:#135FEC;
width:750px;
height:230px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/backs/1.jpg);
background-repeat:no-repeat;
}
#header_2_logo{

}
#header_3{
background-color: #EBEBEB;
width:750px;
height:10px;
margin-left:auto;
margin-right:auto;
margin-top:1px;
}
#content{
background-color: #FFFFFF;
width:750px;
margin-left:auto;
margin-right:auto;
}
#barra{
background-color: #EEF9FD;
width:220px;
height:390px;
position:absolute;
margin-top:7px;
}
#barra_2{
background-color: #EEF9FD;
width:220px;
height:726px;
position:absolute;
margin-top:7px;
}
#barra_3{
background-color: #EEF9FD;
width:220px;
height:358px;
position:absolute;
margin-top:7px;
}
#barra_4{
background-color: #EEF9FD;
width:220px;
height:378px;
position:absolute;
margin-top:7px;
}
#menu{
width:220px;
background-color: #EBEBEB;
}

			#nav {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				}
			#nav li {
				margin: 0; 
				padding: 0;
   				list-style: none;
				height: 40px;
				}
			/* Tots aquests apartats fan el menu  ------------------------------------ */
			#nav a {
				float: left;
				padding: 40px 0 0 0;
				overflow: hidden;
				height: 0px !important; 
				height /**/:25px; /* for IE5/Win only */
			}
			/* Blocs ------------------------------------ */
			#nav a:hover {
				background-position:0 -40px;
				}
				/* La imatge de cada menu ------------------------------------ */
			#empresa a{
				width: 220px;
				background: url(../img/botons/empresa.gif) top left no-repeat;
			}
			#servicios a{
				width: 220px;
				background: url(../img/botons/servicios.gif) top left no-repeat;
			}
			#contacto a{
				width: 220px;
				background: url(../img/botons/contacto.gif) top left no-repeat;
			}
	#text{
	width:503px;
	padding:10px;
	position:absolute;
	margin-top:-130px;
	margin-left:225px;
	color: #222222;
	}
	#footer{
background-color: #F2F2F2;
width:750px;
margin-left:auto;
margin-right:auto;
height:80px;
margin-top:405px;
color:#666666;
}
	#footer_2{
background-color: #F2F2F2;
width:750px;
margin-left:auto;
margin-right:auto;
height:80px;
margin-top:740px;
color:#666666;
}
	#footer_3{
background-color: #F2F2F2;
width:750px;
margin-left:auto;
margin-right:auto;
height:80px;
margin-top:370px;
color:#666666;
}
	#footer_4{
background-color: #F2F2F2;
width:750px;
margin-left:auto;
margin-right:auto;
height:80px;
margin-top:390px;
color:#666666;
}
#contingut{
margin-left:215px;
width:530px;
padding:5px;
text-align:center;
margin-top:-70px;
}
#imatge{
margin-left:0px;
}
a:link{
color: #003399;
text-decoration:none;
}
a:visited{
color: #000066;
text-decoration:none;
}
a:hover{
color: #0099FF;
text-decoration:underline
}
a:active{
color: #000000;
text-decoration:underline

}
.aimatge{
border:1px solid #CCCCCC;
margin:1px;
padding:1px;
}