* { padding: 0; margin: 0; } 

body { background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #666; background-color:#ECEAEA; }

a { text-decoration: none; color:#666;}
a:hover { text-decoration: underline; color:#999; }

#header-wrap { margin: 0 auto; background: #000 url('../img/img-fons.gif'); }
#wrap { background-color:#ECEAEA; }

#header { height: 24px; padding-top:6px; width:920px; margin: 0 auto; }
#eslogan-wrap { background-color:#FFF;}
#eslogan { margin: 0 auto; padding:0; padding-bottom:3px; line-height:86px; height:86px; width:920px; background-color:#FFF;}
#eslogan h1 { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 85px; color: #ECEAEA; font-weight:normal;}

#menu { float:left; width: 420px; height: 18px; line-height: 18px; border-left: 1px solid #666; }
#menu ul { list-style-type: none; }
#menu ul li { list-style:none; display:inline; }
#menu a { border-right: 1px solid #666; display: block; float: left; line-height: 18px; padding: 0 20px; text-decoration: none; color:#CCC; font-size:10px;}
#menu a:hover { color:#FFF;}
#menu a.current { color:#FFF; cursor:default;}

#idiomes {float:right; width:135px; height: 18px; line-height: 18px; }
#idiomes ul { list-style-type: none; }
#idiomes ul li { list-style:none; display:inline;}
#idiomes a { display: block; float: left; line-height: 18px; padding: 0 0 0 20px; text-decoration: none; color:#CCC; font-size:10px;}
#idiomes a:hover { color:#FFF;}
#idiomes a.current { color:#FFF; cursor:default;}

#content { width: 920px; margin: 0 auto; padding:0; border:1px solid #ECEAEA; background-color:#ECEAEA;}
#content-left { width: 360px; margin: 0; float:left; padding-top:30px; }
#content-left ul {margin:0; padding:0; list-style:none;}
#content-left ul li {margin-bottom:20px; width:330px; height:100px;}
#content-left ul li a {font-size: 14px; color: #FFF; font-weight:bold;}
#content-left ul li a:hover {text-decoration:none;}
#content-left ul li a#boto1 {background:url('../img/boto-identitat-corporativa.jpg') 0px 0px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-left ul li a#boto1:hover {background:url('../img/boto-identitat-corporativa.jpg') 0px -100px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-left ul li a#boto2 {background:url('../img/boto-comunicacio.jpg') 0px 0px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-left ul li a#boto2:hover{background:url('../img/boto-comunicacio.jpg') 0px -100px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-left ul li a#boto3 {background:url('../img/boto-altres-suports-grafics.jpg') 0px 0px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-left ul li a#boto3:hover {background:url('../img/boto-altres-suports-grafics.jpg') 0px -100px no-repeat; width:320px; height:20px; display:block; padding-top:80px; text-align:right; padding-right:10px;}
#content-right { width: 560px; min-height:430px; margin: 0; float:right; padding-top:30px; background: #ECEAEA url('../img/fons-nbsp.gif') no-repeat top right; }
#content-right a { text-decoration: underline; color:#666;}
#content-right  a:hover { text-decoration: underline; color:#999; }
#submenu { float:left; width:130px;}
#submenu ul {margin:0; padding:0; margin-top:15px; list-style:none; width:90px; border-top: 1px solid #DDD; border-bottom: 1px solid #F2F2F2;}
#submenu ul li {font-size:12px; padding: 6px 0px 6px 5px; border-bottom: 1px solid #DDD; border-top: 1px solid #F2F2F2; line-height:135%;}
#submenu ul li a { color:#666; text-decoration:none;}
#submenu ul li a:hover { color:#999; text-decoration:none;}
#submenu ul li a.current { color:#CC0000;}
#submenu ul li a.current-comunicacio { color: #3366CC;}
#content-right-content { float:left; width:430px; line-height:140%;}
#content-right-content ul {margin:0; padding:0; margin-left:15px;}
#content-right-content ul li {margin-top:8px; margin-bottom:10px;}
ul.llista-contingut {margin:0; padding:0; margin-left:15px;}
ul.llista-contingut li {margin-top:8px; margin-bottom:10px;}
ul.llista-contingut2 {margin:0; padding:0; margin-left:15px; padding-top:10px;}
ul.llista-contingut2 li {margin-top:8px; margin-bottom:10px;}

h2 { font-family: Verdana, Helvetica, sans-serif; font-size: 22px; color: #CC0000; font-weight:normal; margin:0; padding:0;}
h2.h2Comunicacio { color: #3366CC;}
h2.h2AltresSuports { color: #FB9415;}
p {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #666; margin-top:15px; line-height:140%;}

#footer-wrap { clear:both; background: #000 url('../img/img-fons.gif');}
#footer { width: 920px; margin: 0 auto; font-size: 10px; color: #999; padding: 0;}
#footer #col1 {float:left; width:250px; padding-top:45px;}
#footer #col2 {float:left; width:320px; padding-top:45px;}
#footer #col3 {float:left; width:350px; padding-top:20px;}
#footer h4 {font-size: 12px; color: #999; font-weight:normal; margin-bottom:10px;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer ul li {padding:10px 0 10px 10px; list-style:none; border-bottom: 1px solid #666;}
#footer ul li a {color:#999;}
#footer ul li a:hover {color:#CCC; text-decoration:none;}
#footer #col1 ul li { width:190px;}
#footer #col2 ul li { width:260px;}
#img-footer {float:left; width:115px;}
#sobre-aquest-site {float:left; width:225px; font-size:20px; font-weight:normal; padding-top:20px;}
#img-footer img {border:4px solid #999; }
#footer p {font-size:10px; color:#999;}
#footer-dades {border-top:1px solid #666; padding-top:10px; height:27px;}
#footer-dades .left2 {float:left; padding-top:3px; padding-left:5px;}
#footer-dades .right2 {float:right; padding-top:3px;}
#footer-dades a {color:#999;}
#footer-dades a:hover {color:#CCC; text-decoration:none;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.m5 {height:5px;}
.m10 {height:10px;}
.m15 {height:15px;}
.m20 {height:20px;}
.m25 {height:25px;}