/*** Elements genèrics: ***/
/* UTF-8 version */

body {
	margin: 0; padding: 0;
	background: #3E5751;
}
body, table {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3E5751;
}


* html img,
* html .png{  /* for IE6... */
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://komodomedia.com/wp-content/uploads/2007/11/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

    );
}

#encaix {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 950px;
 	height: 552px;
 	margin-left: -475px;
 	margin-top: -270px;
 	overflow: hidden;
}

.tancador {position: realtive; overflow: hidden; width: auto; height: 0; clear: both; display: block;}

form {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 10px 0; padding: 0;
	font-family: arial, helvetica, sans-serif;
}
h1 {font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:18px;}

img {
	border: 0;
}
img.vertcent {
    vertical-align: middle;
}

a, a:link {
	text-decoration: none;
	color: #4D5EB0;
	outline-style: none;
}
a:hover {
	color: #E87A05;
}
a.bold {
	font-weight: bold;
}

p {
	margin: 2px;
	padding: 2px;
}


/*** manteniment i informació: ***/

#manteniment, #publicInfo, #publicError {
	position: relative;
	overflow: hidden;
	width: 560px;
	margin: 0 auto;
	padding: 50px;
	font-size: 14px;
	font-weight: normal;
	color: #e0e0e0;
	text-indent : 2px;
}
#manteniment {
	font-size: 16px;
	line-height: 22px;
}
#manteniment .titular, #publicInfo .titular, #publicError .titular {
	font-family : "Century gothic", arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	color: white;
}
#manteniment, #publicInfo {
	margin-top: 50px;
	background: url(../grafics/logo_fons.jpg) left center no-repeat;
	padding: 90px 0 90px 210px;

}




/*** CAPÇALERA ***/

#head {
	position: relative;
	width: 100%;
	height: 68px;
	z-index: 3;
}

#head .logo {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 58px;
	height: 58px;
	background: url(../grafics/logopeq.png);

}
#head .logo2 {
	position: absolute;
	top: 0;
	left: 15px;

}

#head #colorsup {
	position: absolute;
	top: 19px;
	width: 950px;
	height: 50px;
	background: #BACFBA url(../grafics/fons_top.gif) 0 0 no-repeat;
}

#head #colorsup #textcabecera {
	position: absolute;
	top: 6px;
	left: 92px;
	width: 400px;
	height: 27px;
	/*font-weight: bold;*/
	font-size: 14px;
	font-family: "Century gothic", arial, helvetica, sans-serif;
}
#head #colorsup #textcabecera strong {
	font-size: 24px;
	padding-right: 10px;
	font-weight: normal;
	color: #003337;
}


/* menú superior */

#head #menusup {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 500px;
	display: table;
	clear: both;
}
#menusup ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menusup li {
	position: relative;
	float: right;
	border-right: 1px solid #bdd0be;
	display: marker;
	background: white;
	margin: 0;
	padding: 0;
}
#menusup li.noborder {
	background: white url(../grafics/menu_pest.gif) 0 0 no-repeat;
	padding-left: 10px;
}

#menusup li.up {
    background: #cb9400 url(../grafics/menu_fs_t.gif) 0 0 repeat-x;
}
#menusup li.noborder.up {
	background: white url(../grafics/menu_pest_t.gif) 0 0 no-repeat;
}

#menusup li a {
	font-size: 12px;
	padding: 3px 8px;
	display: block;
	color: #006361;
	font-weight: none;
}

#menusup li a:hover {
	color: #f7ffff;
	background: #006361;
}

#menusup li.up a.pri, #menusup li.up a.pri:hover {
	color: white;
	font-weight: bold;
	background: none;
}
#menusup li.up a.pri:hover {
	color: black;
}

#menusup li.priv {
	background: #E6EEEB;
}
#menusup li.priv a {
	background: url(../grafics/icon_key.gif) 3px center no-repeat;
	padding-left: 20px;
}
#menusup li.priv a:hover {
    background-color: #006361;
}

/*

	## Menú general ##

*/

#menu {
    z-index: 2;
    position: relative;
	width: 950px;
	background: #006361;
	border-top: 1px solid #8cb6a2;
	border-bottom: 1px solid #a1c3b2;
	display: table;
	clear: both;
}
#menu ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li {
	position: relative;
	float: left;
	border-right: 1px solid #55857e;
}
#menu li.noborder {
    border: 0;
}
#menu li a {
	font-size: 12px;
	padding: 3px 8px;
	display: block;
	color: #f7ffff;
	font-weight: none;
}
#menu li a:hover {
	background: #f7ffff;
	color: #006361;
}

#menu li.up {
    background: #cb9400 url(../grafics/menu_fs_t.gif) 0 0 repeat-x;
	border: 2px solid #cc9900;
	border-top: 0;
	border-bottom: 0;
}
#menu li.up a.pri {
	background: none;
	color: white;
	font-weight: bold;
}
#menu li.up a.pri:hover {
	color: black;
}


#menu li.priv {
	background: #267a79;
	font-weight: bold;
}
/*#menu li.priv a {
	background: url(../grafics/icon_key.gif) 3px center no-repeat;
	padding-left: 20px;
}*/


/* submenus: */

#menusup .submenu, #menu .submenu {
	z-index: 3;
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	left: -7px;
}
#menusup .submenu, #menu.dalt .submenu {
    top: 22px;
}
#menusup , #menu.baix .submenu {
	bottom: 22px;
}
#menusup .submenu {
	z-index: 4;
}
#menusup .submenu .lista, #menu .submenu .lista {
	position: relative;
	overflow: hidden;
	background: #006361;
	filter: alpha(opacity=99); opacity: .99;
	width: 300px;
}
#menusup .submenu .lista {
	background: white;
}
#menusup .submenu .lista, #menu.dalt .submenu .lista {
    margin: 0 8px 7px 8px;
}
#menu.baix .submenu .lista {
    margin: 7px 8px 0 8px;
}

#menusup .submenu .lista ul, #menu .submenu .lista ul {
    position: relative;
    /*overflow: hidden;*/
}
#menusup .submenu .lista li, #menu .submenu .lista li {
	position: relative;
	float: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border: 0;
	_border: 1px solid #006361;
}
#menusup .submenu .lista li {
    _border: 1px solid white;
}

#menusup .submenu li a:hover, #menu .submenu li a:hover {
	background: #a7d9d8;
}
#menusup .submenu li.up a, #menu .submenu li.up a {
	background: none;
	color: white;
	font-weight: bold;
}

#menu .submenu li.up a:hover {
	color: black;
}

#menusup .submenu .ombra, #menu .submenu .ombra {
	position: absolute;
	overflow: hidden;
	top: 0; left: 0;
	width: 300px;
	height: 500px;
	background: black;
	filter: alpha(opacity=10); opacity: 0.10;
}



/*

	### COS de dades ###
	
*/

#body {
    position: relative;
    z-index: 1;
	width: 100%; 
	overflow: hidden;
}
#body #content {
    position: relative;
	width: 100%;
	overflow: hidden;
	filter: alpha(opacity=0); opacity: 0;
}
#body #carrega {
    position: absolute;
	width: 200px;
	height: 20px;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -10px;
	font-size: 12px;
	text-align: center;
	color: #97A1A1;
}
#body #carrega img {
	padding-bottom: 3px;
}

#body #portada {
	position: relative;
	float: left;
	width: 950px;
	height: 450px;
	overflow: hidden;
}

div.generic {
  height: 420px;
  background: #63817F;
}

.aguas {
  height: 420px;
  background: #63817F url(../grafics/aguas.jpg) 0 bottom no-repeat;
}

.laboratorio {
  height: 420px;
  background: #527384 url(../grafics/laboratorio.jpg) 0 bottom no-repeat;
}

.vertidos {
  height: 420px;
  background: #545E58 url(../grafics/vertidos.jpg) 0 bottom no-repeat;
}

.explotacion {
  height: 420px;
  background: #5b8086 url(../grafics/explotacion2.jpg) 0 bottom no-repeat;
}

.ambientales {
  height: 420px;
  background: #5E7273 url(../grafics/ambientales2.jpg) 0 bottom no-repeat;
}

.inspeccion {
  height: 420px;
  background: #638186 url(../grafics/inspeccion.jpg) 0 bottom no-repeat;
}


.edificacion {
  height: 420px;
  background: #5A7083 url(../grafics/obra.jpg) 0 bottom no-repeat;
}

.general{
  height: 420px;
  background: #F2F7F7 url(../grafics/general.jpg) 0 bottom no-repeat;
}

/* variants de links: */

.edificacion a {
	color: orange;
}
.edificacion a:hover {
	color: white;
}



/* maquetació d'info i errors */

.general #manteniment, .general #publicInfo, .general #publicError {
	color: #666;
}

.general #manteniment .titular, .general #publicInfo .titular, .general #publicErro .titular {
	color: #006361;
}

     
/* maquetació d'articles */

#body #cabecera {
position:relative;
overflow:hidden;
margin: 15px 0 0 15px;
}

.titulo {
	position: relative;
	float: left;
	overflow: hidden;
	font-size: 25px;	
	color:#D49C00;
	margin-left: 35px;
	_margin-left: 18px;
}

.explotacion .titulo {
  color: palegoldenrod;
}
.subtitulo {
	position: relative;
	overflow:hidden;
	font-size: 15px;
	font-weight: bold;
	float:left;
	margin: 10px 0 0 10px;
	color:#194145;
}

.vertidos .subtitulo {
	color: #aaa;
}

.general .titulo {
	color: #4EA34A;
	font-size: 26px;
	font-weight: bold;
}
.general .subtitulo {
	color: #CE921D;
	font-size: 16px;
	font-weight: bold;
}

/* cos de documents */

.paragraf {
	position: relative;
	width: 90%;
	margin: 0 auto 10px auto;
	overflow: hidden;
	font-size: 12px;
	letter-spacing: 1px;
	color: white;
	text-align: justify;
}


.general .paragraf {
	color: black;
}
  
.paragraf strong, .paragraf b {
    color: #E87A05;
    font-size: 14px;
}


.paragraf .normal { 
  color:white;
  font-size: 14px;
}
.paragraf .esquerra, .paragraf .dreta {
	position: relative;
	float: left;
	width: 48%;
	padding-bottom: 5px;
	text-align: justify;
}
.paragraf .dreta {
	float: right;
}
.paragraf .doble {
  position: relative;
  width: 100%;
  text-align: justify;
}

.paragraf .tres_dreta, .paragraf .tres_centre, .paragraf .tres_esquerra {
	position: relative;
	float: left;
	width: 31%;
	overflow: hidden;
	text-align: justify;
	padding-bottom: 10px;
	margin-left:5px;
}
.paragraf .tres_centre {
  margin-left: 26px;
}
.paragraf .tres_dreta {
	float: right;
}

.paragraf .detall, .cajita {
	/*background: url(../grafics/detalle_1.png) 0 0 no-repeat;
	padding-left: 20px;
	width: 30%;*/
}

.paragraf ul {
	position: relative;
	overflow: hidden;
	margin: 10px 0 10px 25px;
	padding: 0 0 0 18px;
	text-align: left;
	list-style-image: url(../grafics/cercle.png);
}
.paragraf ul li {
	margin: 0 0 5px 0;
	text-align: justify;
}

.paragraf ul.detall_dos {
	list-style-image: url(../grafics/flecha.png);
	margin-left: 25px;
}

.paragraf .tres_dreta.detall, .paragraf .tres_centre.detall, .paragraf .tres_esquerra.detall {

}

.menu.portada {
	background-color:#003333;
	width: 949px;
	height: 21px;
	border: solid 1px #939393;
}

.paragraf .centra {
	text-align: center;
}

.paragraf ul.interlista1 {
	margin-left: 0;
}
.paragraf ul.interlista1 li {
	margin: 0;
	padding: 0 0 3px 0;
}





.paragraf p {
	padding-bottom: 15px;
}
.paragraf p.prop {
	padding-bottom: 10px;
}

#sec_donde .tres_dreta, #sec_donde .tres_centre, #sec_donde .tres_esquerra {
	width: 29%;
	background: #d7e8f0;
	padding: 10px;
}
#sec_donde .tres_centre {
	margin-left: 23px;
}
.txtComp {
    font-size: 12px;
	text-indent: 0;
	line-height: 18px;
}

.lupa {
     padding-top: 20px;
     font-size: 10px;
     letter-spacing: 0;
}
.lupa img {
	vertical-align: middle;
	padding-right: 5px;
}

/* contenedor de foto en ombra */

.fotoShadow {
	position: relative;
	padding: 0 10px 10px 0;
	overflow: hidden;
}
.fotoShadow .img {
    position: relative;
	z-index: 2;
}
.fotoShadow .shadowRightTop, .fotoShadow .shadowRight, .fotoShadow .shadowRightBottom, .fotoShadow .shadowBottomLeft, .fotoShadow .shadowBottom {
    position: absolute;
    padding: 0;
	z-index: 3;
	width: 10px;
	height: 10px;
	line-height: 0;
	overflow: hidden;
}
.fotoShadow .shadowRightTop {
	top: 0;
}
.fotoShadow .shadowRight {
	top: 10px;
}
.fotoShadow .shadowRightBottom {
}
.fotoShadow .shadowBottomLeft {
	left: 0;
}
.fotoShadow .shadowBottom {
	left: 10px;
}



table.acredit {
	width: 100%;
	border: 1px;
	margin: 2px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
}
table.acredit th {
	padding: 8px;
	background: #d7e8f0;
}
table.acredit td {
	padding: 5px;
	background: #F5F9FA;
}
table.acredit .td_descrip {
	text-align: left;
}

table.acredit .resalt {
	font-size: 16px;
	font-weight: bold;
	font-family: times, serif;
}

table.acredit .subtitol {
	font-size: 9px;
	font-weight: bold;
	color: #426F6F;
}

table.acredit .roig {
	color : #8B0000;
}


#llistForm .paragraf .esquerra h4, #llistForm .paragraf .dreta h4 {
	position: relative;
	overflow: hidden;
	text-align: left;
}
#llistForm h4 a strong {
	font-size: 20px;
}
#llistForm h4 a strong {
    color: #4D5EB0;
}
#llistForm h4 a:hover strong{
	color: #E87A05;
}







/* cloenda: */

.credits {
	position: relative;
	float: right;
	text-align: right;
	width: 20%;
	padding: 3px 0 5px 0;
	font-size: 9px;
    font-family: arial, sans-serif;
    color: #22302d;
}
.credits a {
	color: #667f79;
}
.credits a:hover {
	color: white;
}