body {margin:0; padding:0;border:0; width: 100%;float:left; font:x-small/1.1em arial,verdana,helvetica; font-size/* */:/**/small; font-size: /**/small;}
div.container {background: #fff; color: #000; width: 100%;text-align:left! important;}
#skiplinks ul {padding: 0px; margin: 0px; list-style-type: none;}
#skiplinks li {padding:0px; margin: 0px; display: inline; list-style-type: none;}
#skiplinks a {font-weight: bold; font-size: 0.8em! important; z-index: 1000; overflow: hidden; width: 0px; color: #cc0000; position: absolute; height: 0px;}
#skiplinks a:active {border-right: #000 1px dashed; padding-right: 6px; border-top: #000 1px dashed; padding-left: 6px; font-size: 0.6em; background: #fff; padding-bottom: 6px; margin: 2em 0px 0px 1em; overflow: visible; border-left: #000 1px dashed; width: auto; padding-top: 6px; border-bottom: #000 1px dashed; height: auto;}
div.header {background: #000 url(IMATGES2/dd.jpg) no-repeat; overflow: visible; height: 106px;}
a.header {text-decoration: none;}
a.header:hover {background: #464646; color: #fff;}
div.title {height: 23px;background: #000;color: #fff;}
div.menu {float: left; width: 100%;}
ol.menu { font-size: 80%; padding: 0px; margin: 0px;}
a.menu {font: small "trebuchet ms", verdana, arial, helvetica, sans-serif;background: #000; color: #fff; text-decoration: none;}
a.menu:hover {background: #fff; color: #000;}
li.menu {float: left; margin: 0px; list-style-type: none; border-left: #000 0px solid;padding-right: 2%; padding-left: 1%;}
li.menufirst {float: left; margin: 0px; list-style-type: none;padding-right: 2%; padding-left: 3%; padding-bottom: 0px; padding-top: 0px;}
li.menulast {float: left; margin: 0px; list-style-type: none;}
.current {font-weight: bold;}
div.crumb {font-size: 70%; margin: 5px 0px 5px 10px; font-family: verdana, arial, sans-serif; text-transform:lowercase;}
a.crumb {color: #444; background: #fff; text-decoration: none;}
a.crumb:hover {background: #464646; color: #fff;}
div.contentcontainer {clear: left; float: left; padding: 0;width:784px; }

/*ESQUERRA*/
div.esquerra {width: 180px; float: left ; color: #012228; background:#fff ; margin: 0px 0px 0px 3px;}
div.submenuhead2 {background:#000 url(c/eed.gif) top left no-repeat; margin:0px 0px 20px 0px; padding:0; width:100%;}
h1.submenuhead2 {font-size:medium;text-align:center;padding:10px 0px 10px 5px;margin:0px; background:transparent url(c/edd.gif) top right no-repeat;color: #ff6500;}
h2.submenuhead2 {font-size:medium;text-align:center;padding:10px 0px 10px 5px;margin:0px; background:transparent url(c/edd.gif) top right no-repeat;color: #ff6500;}
div.submenuhead2 div {background:#ff6500 url(c/eeb.gif) bottom left no-repeat; padding:0; margin:0;}
p.submenuhead2 {margin: 0px 0px 0px 5px; padding:0px; line-height:1.5em;}
div.submenuhead2 div p.last1 {background:transparent url(c/edb.gif) bottom right no-repeat;line-height: 0.9em; }
ol.smD {border-bottom: #fff 0px solid; padding: 0px; margin: 0px;}
li.smD {text-indent: 1.5em; background: url(IMATGES2/punt2.gif) no-repeat 4px 4px; line-height: 1.0em; list-style-type: none; padding: 0px; margin: 0px; font-family: verdana, arial, sans-serif;}
li.smD2 {text-indent: 0em; line-height: 1.4em;padding: 0px; margin: 0px;}
a.smD { font-size: 80%; margin: 0px; color: #000; text-decoration: none;}
a.smD:hover {color: #00f; text-decoration: underline;}
a.smD2 { font-size: 75%; margin: 0px; text-decoration: none;}
a.smD2:hover {color: #00f;text-decoration: underline;}
a.smD2:visited {color: #00f;}

/*CENTRE*/
div.centre {width: 444px; float:left; margin-left:5px;margin-right:5px;text-align: center;}
div.logos {text-align: center;}
div.hr {clear: both; height: 5px; padding-top: 10px; margin: 0px 10px}
img.clientthumb {margin: 2px;border:0px;}
img.homeimage {float: left;  margin: 0px 5px 1em 0px; border: #666 1px solid}
img.homeimage2 {float: none;  margin: 0px 5px 1em 0px;}

div.cuadre1 {background:#ff6500 url(c/ced.gif) top left no-repeat; margin:0px 0px 10px 0px; padding:0; width:100%;color:#fff;}
div.cuadre1 h1 {font-size:medium; margin: 0px; padding:10px 0px 10px 0px;line-height:100%; background:transparent url(c/cdd.gif) top right no-repeat; text-align:center; color:#fff;}
div.cuadre1 h2 {font-size:medium; margin: 0px; padding:10px 0px 10px 0px;line-height:100%; background:transparent url(c/cdd.gif) top right no-repeat; text-align:center; color:#fff;}
div.cuadre1 div {background:#efefef url(c/ceb.gif) bottom left no-repeat; padding:0; color:#474947;}
div.cuadre1 div p {margin:0; padding:5px 5px 5px 5px; line-height:1.8em;text-align:left;}
div.cuadre1 div p.ultim1 {background:transparent url(c/cdb.gif) bottom right no-repeat;text-align:center; }
div.cuadre1 div a {background:#efefef; color:#202220; text-decoration: none;padding:0% 0% 0% 0%;}
div.cuadre1 div a:hover {background: #000; color: #fff! important ;}

div.submenuheadX {background:#000 url(c/eed.gif) top left no-repeat; margin:0px 0px 10px 0px; padding:0; width:100%;color:#fff;}
div.submenuheadX h2 {font-size:medium; margin: 0px; padding:10px 0px 10px 0px;line-height:100%; background:transparent url(c/edd.gif) top right no-repeat;  text-align:center; color:#ff6500;}
div.submenuheadX div {background:#efefef url(c/ceb.gif) bottom left no-repeat; padding:0; color:#474947;}
div.submenuheadX div p {margin:0; padding:0px 0px 0px 0px; line-height:1.8em;text-align:left;}
div.submenuheadX div p.ultimX {background:transparent url(c/cdb.gif) bottom right no-repeat;text-align:center;}
div.submenuheadX div a {background:#efefef; color:#202220; text-decoration: none;padding:0% 0% 0% 0%;}
div.submenuheadX div a:hover {background: #000; color: #fff! important ;}
/*CENTRE2*/
div.centre2 {width: 578px; float:left; margin-left:15px; margin-right:5px; margin-top:0px;background: #fff; color: #464646;}
/*CENTRE3*/
div.centre3 {width: 595px; float:right; margin-left:0px; margin-right:0px; margin-top:0px;background: #fff; color: #464646;}
a.cdcZ  { background: #b5e11c; color: #000; text-decoration: none;}
a.cdcZ:hover {background: #000; color: #fff; text-decoration: underline;}
/*CENTRE4 Poblacions*/
div.centre4 {width: 420px; float:left; margin-left:0px; margin-right:4px; margin-top:0px;background: #fff; color: #464646;}
div.dreta4 { width: 170px; float:right; padding: 0px; margin: 0px;}
li.smD3 {text-indent: 1.1em; background: url(IMATGES2/punt2.gif) no-repeat 4px 4px; line-height: 1.0em; list-style-type: none; padding: 0px; margin: 0px; font-family: verdana, arial, sans-serif;}
/*CENTREINFO*/
div.centreInfo { width: 700px; float:right; margin-left:auto; margin-right:auto; margin-top:15px; background: #fff; color: #464646;}
div.menuInfo {width: 100%;height:30px;}
ol.menuInfo { font-size: 90%;}
li.menuInfo {float: left; list-style-type: none;width:15%;}
li.menufirstInfo {float: left;list-style-type: none;width:15%;}
a.menuInfo {text-decoration: none;background: #fff; color: #ff6500;}
a.menuInfo:hover {background: #fff; color: #000;}
/*DRETA*/
div.submenucontainer { width: 144px; float:right; padding: 0px; margin: 0px;}
div.submenu { background-color: #fff; color: #012228; padding: 0px; margin: 0px;}
div.submenufooter2 {text-align: center;}
ol.submenu {border-bottom: #fff 0px solid; padding: 0px; margin: 0px;}
li.submenu {text-indent: 1.5em; background: url(imatges2/punt.gif) no-repeat 4px 7px; line-height: 1.5em; list-style-type: none; padding: 0px; margin: 0px; font-family: verdana, arial, sans-serif;}
a.submenu { font-size: 80%; margin: 0px; color: #ff008c; text-decoration: none;}
a.submenu:hover {color: #00f; text-decoration: underline;}
div.submenuhead {background-position: center top; background-repeat: no-repeat; background-color: #0886ad;}
h2.submenuhead {font-size: 80%; padding :0px; margin: 0px; text-transform: uppercase;}
div.submenufooter {  font-size: 80%; padding: 0.5em 0em 6em 0em;}
ul.tambe {padding: 0px; margin: 0px 0px 0px 0.5em;}
li.tambe {text-indent: 1em; margin: 0px; line-height: 1.5em; list-style-type: none;}
/* BANNERS DRETA PORTADA */
#menu2 {display:block; height:110px;margin:0 0 0 25px;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 li {float:left; margin-right:1px;margin-top:4px; display:block; width:90px; border:1px solid #000;}
#menu2 a {display:block; width:90px; padding-top:45px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu2 a:link, * html #menu2 a:visited {height:45px; height:0;}
* html #menu2 a:hover {height:45px; height:0;}

/* PEU */
div.footer {clear: both;text-align: center;}
div.footerleft { font-size: 80%; color: #666;background: #000; padding: 1px 0px 1px 0px;}

/* ALTRES */
hr {display: none;}
.hr2 {display: none;margin: 0px 10px}
.clearboth {clear:both;}
span.hide {display: none;}
img.portrait {float: left; margin: 4px;}
img.portrait2 {float: right; margin: 4px;}
.amaga {display:none;}
.dreta {text-align: left;}

h1 {clear: both; font-size: 160%; line-height: 1em; padding: 0.2em 0.2em 0.25em 0; margin-top: 0px; font-weight: bold; background: #ff6500; color: #fff;}
/*h2 {font-weight: bold; font-size: 110%; margin: 1em 0px 0px; color: #333;}*/
/*h3 {font-weight: bold; font-size: 100%; margin: 1.5em 0px 0px; color: #333;}*/
h2.comercos {font-weight: bold; font-size: large;line-height: 2em; color: #fff;background: #ff6500; text-align: center;}
.barra {clear:both; background: #ff6500 no-repeat center bottom; margin: 10px 8px 20px 8px; height: 5px;}
div.barra hr {display: none;}
table.comercos {width:100%;}
th.comercos {color: #fff;background: #ff6500;text-align: center;}
a.external span {position: absolute; left: -5000px; width: 4000px;}
a.external:link {background: url(icon.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.external:visited{color: purple;background: url(icon.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
a.external:hover{color: red;background: url(icon.gif) no-repeat 100% -200px;padding: 0 20px 0 0;}

/* SECTORS */
dl.cdc  {clear:both; width:570px; margin:0em auto;text-align: left; float:left;}
dt.cdc { margin-bottom:1em;padding-top: 45px; font-weight:bold;text-align: center;font-size:large;height:70px;}
dd.cdc { line-height:180%;width:33%; float:left; margin:0;}
a.cdc { background: #fff; color: #000; text-decoration: none;}
a.cdc:hover {background: #000; color: #fff; text-decoration: underline;}
#cdc ol.first { counter-reset:item 0;}
#cdc ol.second { counter-reset:item 5;}
#cdc ol.third { counter-reset:item 9;}
#cdc ol li { display: block;}
#cdc ol li:before { content: counter(item) ". "; counter-increment: item 1;}
.cdcB{ clear:both; width:580px;padding-top: 15px;height:50px; margin:1em auto;position:relative;}
.cdcB1{width:30%; float:left; text-align:center;margin-left:3%;background-color:#c5e7f9;color:#000;margin-top:10px;}
.cdcB2{width:30%; float:left; margin:0; text-align:center;background-color:#c5e7f9;color:#000;margin-top:10px;}
.cdcB3{width:30%; float:left; margin:0;text-align:center;background-color:#c5e7f9;color:#000;margin-top:10px;}
img.cdcBX{border:0px;}

/*ZONES*/
a.AltCamp,a.BaixCamp, a.BaixEbre, a.BaixPenedes, a.AltUrgell, a.AltaRibagorca, a.Anoia, a.Bergueda, a.Cerdanya, a.Garraf, a.Garrigues, a.Montsia, a.Noguera, a.Osona, a.PallarsJussa, a.PallarsSobira, a.PladeLEstany, a.PladUrgell, a.Priorat, a.RiberadEbre, a.Ripolles, a.Segarra, a.Segria, a.Solsones, a.TerraAlta, a.Urgell, a.ValdAran { font-size: 80%; margin: 0px; color: #000; text-decoration: line-through ;}
a.AltCamp:hover, a.BaixCamp:hover, a.BaixEbre:hover, a.BaixPenedes:hover, a.AltUrgell:hover, a.AltaRibagorca:hover, a.Anoia:hover, a.Bergueda:hover, a.Cerdanya:hover, a.Garraf:hover, a.Garrigues:hover, a.Montsia:hover, a.Noguera:hover, a.Osona:hover, a.PallarsJussa:hover, a.PallarsSobira:hover, a.PladeLEstany:hover, a.PladUrgell:hover, a.Priorat:hover, a.RiberadEbre:hover, a.Ripolles:hover, a.Segarra:hover, a.Segria:hover, a.Solsones:hover, a.TerraAlta:hover, a.Urgell:hover, a.ValdAran:hover {color: #00f; text-decoration: line-through ;}

a.AltPenedes, a.AltEmporda, a.Bages, a.BaixEmporda, a.BaixLlobregat, a.Barcelones, a.ConcadeBarbera, a.LaGarrotxa, a.Girones, a.Maresme, a.LaSelva, a.Tarragones, a.VallesOccidental, a.VallesOriental { font-size: 80%; margin: 0px; color: #000; text-decoration: none ;}
a.AltPenedes:hover, a.AltEmporda:hover, a.Bages:hover, a.BaixEmporda:hover, a.BaixLlobregat:hover, a.Barcelones:hover, a.ConcadeBarbera:hover, a.LaGarrotxa:hover, a.Girones:hover, a.Maresme:hover, a.LaSelva:hover, a.Tarragones:hover, a.VallesOccidental:hover, a.VallesOriental:hover {color: #00f; text-decoration: underline ;}
.centrar {text-align:center;font-weight: bold; background: #ff6500; color: #fff;}
.centrar2 {text-align:center;margin-bottom:10px;}
.cdcBC{ clear:both; width:100%; padding-top: 15px;height:50px; margin:1em auto;position:relative;text-align: center;}
.enllacos {font-size:medium;line-height:1.5em;}
.fg {font-size:large;line-height:2.5em;}

/*FITXA*/
div.containerFitxa {background: #fff; color: #000; width: 100%; background:#fff url(fons.jpg) 0% 75% no-repeat;;}
.fitxa {margin:10px 0px 10px 100px; padding:0; width:100%;color:#000;}
.fitxah1 {background:#ff6500;color:#fff; text-align: center;}
.fitxaE {width:45%;float:left;background:none;background:#efefef; padding:10px;font-size:small;line-height:2em;font-weight:bold;}
.fitxaD {width:45%;float:right;background:none;background:#efefef; padding:10px;font-size:small;line-height:2em;font-weight:bold;}
.fitxah2 {font-size:small; line-height:2em; margin:0; padding:0;}
.fitxaP {margin:0; padding:0;}
.centrarL {text-align: center;}