body, html{
height:100%;
width:100%;
margin:0px;
padding:0px;
}

html {
background:#f4f6f2 url(../img/bgHtml.jpg) repeat-x center top;
height: 100%;
}

body {
background:url(../img/bgBody.jpg) repeat-x center top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin:0px;
padding:0px;
}

html>body {
min-height: 100%;
height: auto;
}

form {
display:block;
}

img{
margin:0px;
padding:0px;
border:0px;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus, object:focus {text-decoration:none; outline:none;}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
line-height:auto;
}

h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
font-weight:normal;
}

h1{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
font-style:italic;
color:#1ea096;
padding-bottom:23px;
padding-left:28px;
background-image:url(../img/bgH1.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

img#logo01{
width:175px;
height:130px;
margin-left:48px;
margin-top:36px;
}

img#logo02{
width:160px;
height:52px;
margin-left:72px;
margin-top:26px;
margin-bottom:55px;
}

img#logo03{
width:160px;
height:70px;
margin-left:72px;
margin-bottom:12px;
}

#web{
width:916px;
height:auto;
margin:0px auto;
}

#left{
width:272px;
float:left;
}

#left .top{
height:239px;
}

#content{
float:right;
width:642px;
padding-top:60px;
}

#langs{
padding-left:40px;
height:21px;
}

#langs ul li{
display:block;
float:left;
margin-right:9px;
}

#langs ul li a{
display:block;
width:56px;
height:21px;
background-image:url(../img/bgLang.gif);
background-repeat:no-repeat;
background-position:left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#919480;
text-align:center;
line-height:20px;
padding-left:1px;
}

#langs ul li a:hover, #langs ul li a.sel{
background-image:url(../img/bgLangOver.gif);
background-repeat:no-repeat;
background-position:left top;
}

#menuLeft{
padding-top:28px;
height:auto;
}

#menuLeft ul li{
display:block;
float:right;
text-align:right;
width:208px;
padding-right:20px;
margin-right:5px;
}

#menuLeft ul li.last{
padding-bottom:10px;
margin-bottom:8px;
background-image:url(../img/bgMenuLeft.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

#menuLeft ul li strong{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-style:italic;
color:#1ea096;
padding-right:15px;
}

#menuLeft ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
color:#707173;
line-height:22px;
display:block;
padding-right:20px;
}

#menuLeft ul li a:hover{
color:#078675;
}

#menuLeft ul li a.sel{
color:#078675;
background-image:url(../img/dot.gif);
background-repeat:no-repeat;
background-position:right center;
}
 
#menu{
width:642px;
height:51px;
background-image:url(../img/bgMenu.gif);
background-repeat:no-repeat;
background-position:left bottom;
} 

#menu ul{
display:block;
}

.menu1 ul{
margin-left:115px;
}

.menu2 ul{
margin-left:90px;
}

.menu3 ul{
margin-left:100px;
}

#menu ul li{
display:block;
float:left;
padding-left:5px;
padding-right:5px;
}

#menu ul li a {
    background: none;
    display: block;
    float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color: #FFFFFF;
    height:44px;
    margin-right: 0px;
	margin-top:0px;
    padding-right: 19px; /* sliding doors padding */
    text-decoration: none;
}

#menu ul li a span {
    background: none;
    display: block;
    line-height: 44px;
    padding: 0px 0px 0px 19px;
} 


#menu ul li a:hover, #menu ul li a.sel{
    background: transparent url('../img/bgMenuA.gif') no-repeat scroll top right;
}

#menu ul li a:hover span, #menu ul li a.sel span{
    background: transparent url('../img/bgMenuASpan.gif') no-repeat;
} 

#infoWeb{
background-color:#FFFFFF;
background-image:url(../img/bgInfoWeb.jpg);
background-repeat:no-repeat;
background-position:right bottom;
padding-top:17px;
}

#infoWeb.nobg{
background-image:none;
}

#head{
width:603px;
height:192px;
margin:0px auto;
}

#info{
width:603px;
margin:0px auto;
padding-top:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
}

.txt{
padding-top:11px;
padding-left:28px;
padding-bottom:25px;
}

ul.list li{
list-style:url(../img/bgList.gif);
margin-left:16px;
}

ul.list li ul{
display:block;
margin-bottom:10px;
}

ul.list li ul li{
list-style:none;
list-style-type:disc;
margin-left:16px;
}

#foot{
background:#38393c url(../img/bgFoot.gif) repeat-x center top;
width:100%;
height:162px;
padding:0px;
position:relative;
overflow:hidden;
}

#foot .content{
width:100%;
height:162px;
background:#38393c url(../img/bgFoot.jpg) no-repeat center top;
overflow:hidden;
}

#foot .nobg{
background:#38393c url(../img/bgFoot.gif) repeat-x center top;
}

#footTxt{
width:916px;
height:auto;
margin:0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8d9d9;
}

#footTxt div{
padding-top:20px;
margin-left:295px;
}

#footTxt a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8d9d9;
}

#footTxt a:hover{
color:#1ea096;
}

/*QUI SOM*/
#quisom{
line-height:18px;
text-align:justify;
}

#quisom strong{
color:#0aa498;
}

#quisom .quisomBlock{
padding-top:18px;
width:350px;
}

/*ENLLAÇOS*/
#links{
line-height:16px;
position:relative;
}

a.link{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#707173;
padding-left:60px;
padding-bottom:15px;
width:265px;
}

.link strong{
color:#707173;
}

.link strong em{
font-weight:normal;
font-size:11px;
}

.link span{
color:#6a6b6c;
}

a.link:hover strong, a.link:hover span{
color:#0aa498;
}

a.gencat{
background-image:url(../img/links/gencat.gif);
background-repeat:no-repeat;
background-position:10px top;
}

a.agpd{
background-image:url(../img/links/agpd.gif);
background-repeat:no-repeat;
background-position:10px top;
}

a.tresor{
background-image:url(../img/links/tresor.gif);
background-repeat:no-repeat;
background-position:10px top;
}

a.ins{
background-image:url(../img/links/ins.gif);
background-repeat:no-repeat;
background-position:10px top;
}

a.at{
background-image:url(../img/links/at.gif);
background-repeat:no-repeat;
background-position:10px top;
}

a.calendar01{
display:block;
position:absolute;
left:336px;
top:-20px;
width:145px;
height:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#6a6b6c;
text-align:center;
padding-top:61px;
background-image:url(../img/links/laboral.gif);
background-repeat:no-repeat;
background-position:center top;
line-height:15px;
}

a.calendar02{
display:block;
position:absolute;
left:502px;
top:-20px;
width:100px;
height:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#6a6b6c;
text-align:center;
padding-top:86px;
background-image:url(../img/links/cont.gif);
background-repeat:no-repeat;
background-position:center top;
line-height:15px;
}

a.calendar01:hover, a.calendar02:hover{
color:#0aa498;
}

/*CONTACTE*/
#contact{
line-height:18px;
}

#contact .form{
width:255px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
}

#contact .form div{
padding-bottom:6px;
}

#contact .form .input{
margin:0px;
padding:0px;
width:250px;
height:18px;
border-top:1px solid #727272;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
background-image:url(../img/bgInput.gif);
background-repeat:repeat-x;
background-position:left top;
margin-top:3px;
}

#contact .form textarea{
margin:0px;
padding:0px;
width:250px;
height:75px;
border-top:1px solid #727272;
border-bottom:1px solid #dadada;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888888;
background-image:url(../img/bgInput.gif);
background-repeat:repeat-x;
background-position:left top;
margin-top:3px;
overflow:auto;	
}

#contact .form .button{
display:block;
float:right;
margin-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#040100;
}

#contact .form .error{
border:1px solid #0aa498;
}

#contact .form .lopd{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6b6c;
line-height:14px;
}

#contact .form .lopd a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6a6b6c;
text-decoration:underline;
}

#contact .form .lopd a:hover{
text-decoration:none;
}

#contact .form #lopdTxt{
display:none;
padding:6px 0px;
line-height:14px;
text-align:justify;
}

#contact .form #formSending, #contact .form #formOk{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
display:none;
height:400px;
}

#contact .form #formSending strong, #contact .form #formOk strong{
color:#0aa498;
}

#contact .companyData{
width:225px;
float:left;
margin-left:54px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
line-height:18px;
}

#contact .companyData strong{
color:#0aa498;
}

#contact .companyData a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
}

#contact .companyData a:hover{
color:#0aa498;
}

/*SITUACIO*/
#situacio{
width:auto;
height:340px;
margin-top:12px;
}

/*SERVEIS: FISCAL, LABORAL,....*/
#service{
line-height:18px;
position:relative;
}

#service a.mailto{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6a6b6c;
text-decoration:none;
}

#service em{
font-style:normal;
font-weight:bold;
color:#9d0d15;
}

#service .serciceBlock{
padding-bottom:18px;
width:380px;
text-align:justify;
}

a.calendarFiscal{
display:block;
position:absolute;
left:470px;
top:0px;
width:100px;
height:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#6a6b6c;
text-align:center;
padding-top:86px;
background-image:url(../img/links/cont.gif);
background-repeat:no-repeat;
background-position:center top;
line-height:15px;
}

a.calendarLaboral{
display:block;
position:absolute;
left:450px;
top:0px;
width:150px;
height:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#6a6b6c;
text-align:center;
padding-top:61px;
background-image:url(../img/links/laboral.gif);
background-repeat:no-repeat;
background-position:center top;
line-height:15px;
}

#service a:hover{
color:#0aa498;
}

.clear{
height:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:5px;
margin:0px;
padding:0px;
overflow:hidden;
display:block;
clear:both;
}