/* CSS Document */
body {
	background-color:#fff;
	color:#036;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:normal;
	margin:0;
	padding:0;
}

p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, div
form, fieldset, table, thead, tbody, th, tr, td {
	margin:0;
	padding:0;
}

#container {
	width:100%;
	/* per si volguessim fer-lo de tamany fixe centrat: */
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:100%;
	height:81px;
	vertical-align:top;
	background-color:#fff;
}

#content {
	width:100%;
	vertical-align:top;
}

#sidebar-left, #sidebar-left-clients, #sidebar-left-clients-header {
	width:150px;
	color:#000;
	background:url(img/filet-39c.gif) right top repeat-y;
	background-color:#fff;
	border-top:8px solid #069;
	vertical-align:top;	
	font-size:small;
}
#sidebar-left-clients {
	background:none;
	border-top:0px;
}
#sidebar-left-clients-header {
	width:150px;
	background:none;
}

#sidebar-right {
	width:18%;
	color:#fff;
	/*background:url(img/dotted-line-y.gif) left top repeat-y;*/
	/*background-color:#007BB8;*/
	background-color:#E0EAEF;
	border-top:8px solid #069;
	border-bottom:8px solid #39c;
	vertical-align:top;
	font-size:small;
}

#main, #main-clients-header {
	vertical-align:top;
	background:url(img/filet-069.gif) left top repeat-x;
	background-color:#fff;
	border-bottom:8px solid #39c;
}

#main-clients-header {
	border-bottom:0px;
}

#footer {
	width:100%;
	vertical-align:top;
	background-color:#fff;
	margin:0px 0px 20px 0px;
}

#sidebar-left-margin-box {
	width:100%;
	height:50px;
	background-color:#fff;
}

#aguas-industriales {
	background:url(img/aguas-industriales.gif) left top no-repeat;
	background-color:#fff;
	width:186px;
	height:23px;
}

#logo {
	background:url(img/logo.gif) left top no-repeat;
	background-color:#fff;
	width:336px;
	height:81px;
	float:left;
}

#logo a {
	display:block;
	width:336px;
	height:81px;
}

#header-td {
	background:url(img/header-fondo.jpg) left top no-repeat;
	background-color:#fff;
}

#main-wrapper {
	/*background:url(img/main-wrapper-fondo.jpg) left top repeat-y;*/
	padding:35px 36px 32px 36px;
}

#actualitat {
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	padding:2px 4px 2px 12px;
	color:#fff;
	font-weight:bold;
	border-bottom:2px solid #fff;
	background-color:#069;
}

#footer-margin-left {
	width:150px;
}

#footer-margin-right {
	width:18%;
}

#partners {
	text-align:center;
	vertical-align:top;
	background-color:#fff;
	margin:10px;
}

#logo-aeqt {
	display:block;
	background:url(img/logo-aeqt-2.gif) center top no-repeat;
	width:85px;
	height:35px;
	margin:0px 15px 0px 10px;
}

#logo-aca {
	display:block;
	background:url(img/logo-aca.gif) center top no-repeat;
	width:103px;
	height:28px;
	margin:12px 10px 0px 10px;
}

#logo-gene {
	display:block;
	background:url(img/logo-gene.gif) center top no-repeat;
	width:154px;
	height:28px;
	margin:12px 10px 0px 10px;
}

#logo-cat {
	display:block;
	background:url(img/logo-cat.gif) center top no-repeat;
	width:98px;
	height:29px;
	margin:12px 10px 0px 10px;
}

#logo-pquimic {
	display:block;
	background:url(img/logo-pquimic.gif) center top no-repeat;
	width:65px;
	height:60px;
	margin:12px 10px 0px 10px;
}

#logo-unioeuropea {
	display:block;
	background:url(img/logo_unio_europea.gif) center top no-repeat;
	width:199px;
	height:28px;
	margin:12px 10px 0px 15px;
}

#logo-tuv {
	display:block;
	background:url(img/logo-tuv.gif) center top no-repeat;
	width:148px;
	height:55px;
	margin:12px 10px 0px 15px;
}

#logo-accio {
	display:block;
	background:url(img/accio.png) center top no-repeat;
	width:108px;
	height:89px;
	margin:12px 10px 0px 10px;
}

#footer-text-div {
	padding-top:10px;
	line-height:20px;
}

.footer-text {
	font-size:10px;
	color:#999;
}

.footer-text a {
	color:#39c;
	text-decoration:underline;
	font-weight:normal;
}

.footer-text a:hover {
	color:#069;
	text-decoration:underline;
	font-weight:normal;
}

div.nav-clients {
	margin-right:-8px;
}

ul#nav {
	list-style-type:none;
	margin-right:10px; /* 8px + 2px */
}

ul#nav li {
}

ul#nav li a.menu, ul#nav li.menu-active {
	display:block; /* permite especificar anchura y altura */
	width:100px;
	height:23px;
	line-height:23px;
	padding:0px 8px 0px 10px;
	text-align:left;
	background-color:#39c;
	margin-bottom:2px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

ul#nav li a.menu:hover, ul#nav li.menu-active {
	background-color:#069;
}

ul#nav li #menu-clients {
	color:#ff0;
	margin-bottom:0px;
}

ul.subnav {
	list-style-type:none;
	margin-right:10px; /* 8px + 2px */
	line-height:1.4em;
}

ul.subnav li.submenu-active, ul.subnav li.submenu-active-end {
	display:block; /* permite especificar anchura y altura */
	width:100px;
	padding:0px 8px 2px 0px;
	text-align:left;
	border-bottom:1px solid #9DCBDE;
	margin-bottom:2px;
	color:#069;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

ul.subnav li.submenu-active-end {
	border-bottom:0px solid #9DCBDE;
	margin-bottom:0px;
}

ul.subnav li a.submenu, ul.subnav li a.submenu-end {
	display:block; /* permite especificar anchura y altura */
	width:100px;
	padding:0px 8px 2px 0px;
	text-align:left;
	border-bottom:1px solid #9DCBDE;
	margin-bottom:2px;
	color:#39c;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

ul.subnav li a.submenu:hover, ul.subnav li a.submenu-end:hover {
	color:#069;
}

ul.subnav li a.submenu-end {
	border-bottom:0px solid #39c;
	margin-bottom:0px;
}

#submenu-presentacio, #submenu-empresa, #submenu-projectes {
	width:108px;
}

#tools {
	float:left;
	padding-left:130px;
	margin-top:40px;
}

#tools-top-line, #tools-bottom-line {
	background:url(img/dotted-line-x.gif) left top repeat-x;
	width:200px;
	height:1px;
	overflow:hidden; /* nomes per quan volem utilitzar aquest div sense text, pq aixi el IE faci linees de pocs pixels */
}

#tools-bottom-line {
	clear:both;
}

.tools-vertical-line {
	float:left;
	background:url(img/dotted-line-y.gif) top center repeat-y;
	width:24px;
	height:20px;
	margin:4px 0px 4px 0px;
}

#cat-icon {
	float:left;
	width:27px;
	height:19px;
	padding-right:4px;
	margin-top:5px;
	background:url(img/cat-rollover.gif) left top no-repeat;
}

#cat-icon a {
	display:block;
	width:27px;
	height:19px;
	background:url(img/cat.gif) left top no-repeat;
}

#cat-icon a:hover {
	background:url(img/cat-rollover.gif) left top no-repeat;
}

#cas-icon {
	float:left;
	width:27px;
	height:17px;
	margin-top:6px;
	background:url(img/cas-rollover.gif) left top no-repeat;
}

#cas-icon a {
	display:block;
	width:27px;
	height:17px;
	background:url(img/cas.gif) left top no-repeat;
}

#cas-icon a:hover {
	background:url(img/cas-rollover.gif) left top no-repeat;
}

#cat-icon-index {
	width:27px;
	height:19px;
	padding-right:4px;
	margin-top:5px;
	background:url(img/cat-rollover.gif) left top no-repeat;
}

#cat-icon-index a {
	display:block;
	width:27px;
	height:19px;
	background:url(img/cat.gif) left top no-repeat;
}

#cat-icon-index a:hover {
	background:url(img/cat-rollover.gif) left top no-repeat;
}

#cas-icon-index {
	width:27px;
	height:17px;
	margin-top:6px;
	background:url(img/cas-rollover.gif) left top no-repeat;
}

#cas-icon-index a {
	display:block;
	width:27px;
	height:17px;
	background:url(img/cas.gif) left top no-repeat;
}

#cas-icon-index a:hover {
	background:url(img/cas-rollover.gif) left top no-repeat;
}

#mapaweb-icon {
	float:left;
	width:15px;
	height:15px;
	margin-top:7px;
	background:url(img/mapaweb-rollover.gif) left top no-repeat;
}

#mapaweb-icon a {
	display:block;
	width:15px;
	height:15px;
	background:url(img/mapaweb.gif) left top no-repeat;
}

#mapaweb-icon a:hover {
	background:url(img/mapaweb-rollover.gif) left top no-repeat;
}

#email-icon {
	float:left;
	width:17px;
	height:11px;
	margin-top:10px;
	background:url(img/email-rollover.gif) left top no-repeat;
}

#email-icon a {
	display:block;
	width:17px;
	height:11px;
	background:url(img/email.gif) left top no-repeat;
}

#email-icon a:hover {
	background:url(img/email-rollover.gif) left top no-repeat;
}

#font-gran-icon {
	float:left;
	width:16px;
	height:12px;
	margin-top:8px;
	background:url(img/font-gran-rollover.gif) left top no-repeat;
}

#font-gran-icon a {
	display:block;
	width:16px;
	height:12px;
	background:url(img/font-gran.gif) left top no-repeat;
}

#font-gran-icon a:hover {
	background:url(img/font-gran-rollover.gif) left top no-repeat;
}

#font-petita-icon {
	float:left;
	width:16px;
	height:12px;
	margin-top:8px;
	background:url(img/font-petita-rollover.gif) left top no-repeat;
}

#font-petita-icon a {
	display:block;
	width:16px;
	height:12px;
	background:url(img/font-petita.gif) left top no-repeat;
}

#font-petita-icon a:hover {
	background:url(img/font-petita-rollover.gif) left top no-repeat;
}

.text-normal {
	margin-bottom:1.2em;
}

a {
	color:#07a;
	text-decoration:underline;
}

a:hover {
	color:#036;
}

h1 {
	padding-left:30px;
	background:url(img/title.gif) left top repeat-y;
	color:#07a;
	font-size:130%;
	font-weight:bold;
	padding-bottom:2px;
	margin:0px 0px 25px 0px;
	/*border-bottom:1px solid #9DCBDE;*/
	border-bottom:1px solid #D1DADF;
}

h2 {
	color:#07a;
	font-size:115%;
	font-weight:bold;
	text-decoration:none;
}

h3 {
	color:#07a;
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 0.5em 0;
	padding-left:15px;
	background-image:url(img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}

h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
}

.enhaced {
	font-weight:normal;
	color:#07a;
}

.main-image-left {
	margin:0px 20px 10px 0px;
	float:left;
	border:1px solid #D1DADF;
	padding:2px;
}

.main-image-right {
	margin:0px 0px 10px 20px;
	float:right;
	border:1px solid #D1DADF;
	padding:2px;
}

div.main-image-full {
	text-align:left;
}
img.main-image-full {
	border:1px solid #D1DADF;
	padding:2px;
	margin:2em 0 3em 0;
}

.margin-2em {
	margin-bottom:2em;
}

.padding-15 {
	padding-left:15px;
}

.padding-20 {
	padding-left:20px;
}

ul.list {
	list-style-type:none;
	list-style-position:outside;
	margin:0 0 1.2em 20px;
}

ul.list li {
	margin-bottom:0.5em;
	padding-left:15px;
	background-image:url(img/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
}

.data-table {
	margin-top:2em;
	margin-left:15px;
	background-color:#9DCBDE;
	/*border:1px solid #9DCBDE;*/
}

.data-table th {
	background-color:#E0EAEF;
	padding:4px 15px 4px 15px;
	text-align:left;
	color:#07a;
}

.data-table td {
	border:0px none;
	background-color:#fff;
	padding:4px 15px 4px 15px;
	text-align:left;
}

#noticias-block-iframe {
	margin:0;
	padding:0;
	width:100%;
	/*height:500px;*/ /* resize con javascrit */
	border:0;
}

#noticias-iframe {
	margin:0;
	padding:0;
	width:100%;
	/*height:500px;*/ /* resize con javascrit */
	border:0;
}

#pagination {
	color:#369;
	text-align:center;
}
#pagination .results {
	text-align:left;
	font-size:85%;
	padding-bottom:15px;
}
#pagination .pagination-nav {
	padding:5px;
	border-top:1px solid #E0EAEF;
	border-bottom:1px solid #E0EAEF;
}

#pagination em {
	font-style:normal;
}

.mapaweb {
	padding-left:20px;
}
.mapaweb ul.list {
	margin:0 0 1.2em 40px;
}
.mapaweb h3 {
	color:#07a;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0.5em 0;
	padding-left:10px;
	background-image:none;
}