* {margin: 0; padding: 0;}

body {text-align: center; font-size: 62.5%; line-height: 1.5em; min-width: 76em; font-family: Verdana, Arial, Helvetica, sans-serif;}

html,body {height: 100%;}

#wrap2 {
	min-height: 100%;
	height: 100%;
	width: 76em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
}

* html #wrap2 {height: 100%; width: 76em; /* box model hack for ie5.+*/	w\idth: 76em}

#footer {
	width: 76em;
	position: relative;
	bottom: 0;
	left: 0;
	height: 6em;
	background-color: #c00;
	color: #fff;
	margin-top: -6em;
}

#clearfooter {clear: both; height: 6em; width: 53.6em; background: url(imglayout/degr2.gif) bottom left #fff repeat-x; color: #000;}

div>p {margin: 0}

html {background-color: #ece9e9; color: #000; background-image: url(imglayout/fons.gif);}

#wrap1 {width: 76em; margin: 0 auto; text-align: left; background: #f4f4f4;	color: #000;}

#wrap3 {background: url(imglayout/px.gif) 53.6em 0 repeat-y;}

#content {width: 53.6em; min-width: 53.6em; float: left; background-color: #fff; color: #000; margin:0;}

#header {min-height: 13em;height: 13em;}

em {color: #900; font-style: normal;}

a {text-decoration: none; color: #369; background-color: inherit;}
#wrap1 a:hover {text-decoration: underline; background-color: #E5DECC; color: #000;}
a:visited {border-bottom: none;	color: #997f7f;	background-color: inherit;}

#header {background: url(imglayout/degr.gif) top left #fff repeat-x; color: inherit;}
a#logo {position: absolute;	left: 1em; top: 1.5em;}
#header a#logo img {
	border: 0px;width: 22em;color: inherit;
	background: url(imglayout/degr.gif) fixed top left #fff repeat-x;
}

#header ul#toplinks {float: right; list-style-type: none;}
#header ul#toplinks li {float: left; margin: 1em 0;}
#header ul#toplinks li.act a:hover, #header ul#toplinks li.act a:visited:hover {text-decoration:none;}
/*#header ul#toplinks li:after {content:"|";}*/
#header ul#toplinks li a {padding: 0 0.5em;	border-bottom: 0px;	color: #000; background-color: inherit;}
#header ul#toplinks li a:visited {color: #000; background-color: inherit;}
#header ul#toplinks li a:visited:hover {text-decoration:underline;}
#header img.marca {position: relative; top: 6em; left: 54em;}

ul#menu {width: 100%; list-style: none;	float: left;}
ul#menu li {float: left;position: relative;}
ul#menu a {
	display: block;
	width: 10.5em;
	text-transform: uppercase;
	text-align: center;
	line-height: 4em;
	float: left;
	border: 1px solid #fff;
	background-color: #C00;
	text-decoration: none;
	color: #fff;
}
ul#menu li.act { }
ul#menu li.act a {
	background: url(imglayout/degr_s_dalt.gif) top left #fff repeat-x;
	color: #900;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	border-bottom: 0px;
}
ul#menu li.act li a {background: #fff ;}
ul#menu li:hover ul li.act a {background-color: #f9f9f9;color: #000;}
#content ul#menu li:hover ul li.act:hover a {background-color: #f9f9f9; color: #000; cursor: default; border: 0px;}
ul#menu li:hover a,ul#menu li a:hover {
	background-color: #E5DECC;
	color: #900;
	border: 1px solid #c00;
	text-decoration: none;
}
ul#menu li.act:hover a,ul#menu li.act a:hover {
	background-color: #fff;
	color: #900;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	border-bottom: 0px;
}
ul#menu li ul {
	visibility: hidden;
	overflow: hidden;
	height: 0;
	width: 0;
	list-style-type: none;
	border: 0px;
	position: absolute;
}
ul#menu li:hover ul {
	visibility: visible;
	position: absolute;
	top: 3.4em;
	height: auto;
	width: auto;
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	border-bottom: 1px solid #c00;
	left: 0;
}
#content ul#menu li:hover ul li a {
	text-indent: 1.5em;
	line-height: 2em;
	border: 0;
	text-align: left;
	text-transform: none;
	color: #000;
}
#content ul#menu li:hover ul li:hover a {background-color: #c00; color: #fff;}

div#sidebarA {
	background-color: inherit;
	color: #000;
	width: 22em;
	float: left;
	border-left: 1px solid #c00;
}
#sidebarA h2 {
	background-color: #c00;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	padding: 0 2em;
	line-height: 4em;
	border: 1px solid #fff;
}
#sidebarA img {width: 22em;height:8em;}
#sidebarA ul {
	list-style: none;
	background-color: #f4f4f4;
	color: #000;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#sidebarA ul li{padding-left: 3.2em;line-height: 2em;}

div#wrap4 {float: left; display: inline; /*width: 100%;*/ min-height:30em; margin:2em;}
#wrap4 p, #wrap4 ul li{font-size: 1.1em; line-height: 1.7em;}
#wrap4 div.noticia h3+p, #wrap4 div.noticia h3+ul {padding-top: 0.2em;}
#wrap4 ul {list-style: disc outside url(imglayout/bull.gif);}
#wrap4 ul ul {margin-left:2em;}
#wrap4 ul ul li{font-size:inherit;}

#wrap4 ul.map {margin-left:2em;}
#wrap4 ul.map a{color:black;}
#wrap4 ul.map ul li{text-transform:uppercase;}
#wrap4 ul.map ul ul li{text-transform:none;}

#wrap4 ul.downs li, #wrap4 ul.links li {padding-left:4em;line-height: 2em;}

#wrap4 ul.downs, #wrap4 ul.links {margin-left:2em; list-style-type: none; list-style-image: none; padding-top: 0.5em; padding-bottom: 0.5em;}

ul.downs li {background: url(imglayout/full.gif) no-repeat 5% 50%;}
ul.downs li.exc {background: url(imglayout/exc.gif) no-repeat 5% 50%;}
ul.downs li.img {background: url(imglayout/img.gif) no-repeat 5% 50%;}
ul.downs li.pdf {background: url(imglayout/pdf.gif) no-repeat 5% 50%;}
ul.downs li.pps {background: url(imglayout/ppt.gif) no-repeat 5% 50%;}
ul.downs li.doc {background: url(imglayout/word.gif) no-repeat 5% 50%;}
ul.downs li.zip {background: url(imglayout/zip.gif) no-repeat 5% 50%;}

#wrap4 ul.downs li.pdf:after {content:"[pdf]";}
#wrap4 ul.downs li.exc:after {content:"[excel]";}
#wrap4 ul.downs li.img:after {content:"[imagen]";}
#wrap4 ul.downs li.ppt:after {content:"[powerpoint]";}
#wrap4 ul.downs li.doc:after {content:"[documento word]";}
#wrap4 ul.downs li.zip:after {content:"[carpeta zip]";}

ul.links li, ul.news li {background: url(imglayout/arrow.gif) no-repeat 5% 50%;}
ul.links li.ext {background: url(imglayout/arrowext.gif) no-repeat 5% 50%;}

span.data {color: #a00; background-color: inherit;}
span.data a:visited {color: #a00;}
span.data a.act {font-weight: 600; color: #000;}
#wrap4 span.data a.act:hover {background-color:#fff; text-decoration:none; cursor:default;}

span.subt {color: #a00; background-color: inherit;}
span.subt a, span.subt a:visited  {color: #000;}
span.subt a.act {font-weight: 600;color: #000;}

span.paginacion a{padding:0.2em 0.5em; border:1px solid; text-decoration:none;}
span.paginacion{position:relative;top:-1em;}
div#wrap1 div#wrap2 div#wrap3 div#content div.noticia {margin-bottom: 2em;}
div.noticia {padding-bottom: 1em;border-bottom: 1px dashed #bbb;}
div.noticia h2, div.noticia h1, #wrap4 h2, #wrap4 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: normal;
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 0.1em;
	/*width: 100%;*/
	color: #000;
}
div.noticia h2 a, div.noticia h1 a {color: #000;background-color: inherit;}

#content div.noticia h3 a:visited {color: #000;}
div.noticia h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:1.2em;
	font-weight: 600;
	padding-top: 1em;
}

#content div.noticia h2 a:hover, #content div.noticia h1 a:hover {text-decoration: none;}

div.noticia p {line-height: 1.4em; padding-top: 1em;}

div.noticia img {float: right; margin: 1em;	display:inline;}
div.noticia img.left {float:left;}

div.noticia img.mini {float:left; margin:1em; margin-left:0; display:inline;}

a img {border:0;}

div.noticia ul {margin-left: 1.8em;	padding-top:1em;}

div.noticia div.fotos img {margin: 1em 0 1em 1em; float: none;}
div.fotos {float: right; width: 22em; display:inline;}
div.fotos img {border: 1px solid #f4f4f4;}
/*div.noticia div.fotos img{margin: 0 1em 0 0; float:left;} Resultat dunes proves veure com quedaria aixo.
div.fotos {margin: 1em 0 1em 1em; float: right; width: 22em; display:inline;}*/

table {width:50em;}
table td {border: 1px solid #ccc; padding: 0.5em;}
table td.title {font-weight:600;}
table tr:hover{background-color:#f4f4f4;}

span.clear {line-height:0; clear:both; display:block;}
p.clear {clear:both;}

span.seguir {clear: both; text-align: right; display: block; /*padding: 0.5em 2em 0.3em 0;*/margin-left:15em}
span.seguir a { }
span.seguir a:hover {color: #000;}

span.actualiz {clear: both; text-align: right; display: block; font-style: italic;}

#wrap4 p.mail{line-height:2em;padding-left:3em;background:url(imglayout/mail.gif) no-repeat left center;}
#wrap4 p.email {line-height:2em;padding-left:3em;background:url(imglayout/email.gif) no-repeat left center;}
#wrap4 p.tel{line-height:2em;padding-left:3em;background:url(imglayout/tel.gif) no-repeat left center;}
#wrap4 p.fax{line-height:2em;padding-left:3em;background:url(imglayout/fax.gif) no-repeat left center;}

#content span.crumbs {margin-bottom: 1em; /*float: left;*/ display: inline; width: 90%;}
#content span.crumbs a:visited {color:#369;}

#footer p {padding-top: 0.7em; color: #f4f4f4; background-color: #c00; text-align: center; font-size: 90%;}
#footer p a {color: #f4f4f4; background-color: #c00;}
html body #wrap1 #footer p a:hover {color: #f4f4f4;	background-color: #c00;	text-decoration: underline;}
#footer p a:visited {color: #f4f4f4; background-color: inherit;}