@import url(print.css);

/* Medi Ambien CSS */

/* Globals */



body{margin:0px; background:url(../imatges/backgrounds/body_bg.jpg) repeat-x #fefefe; font-family:Verdana,Arial; font-size:12px; color:#444}
#pagina{width:825px; margin:0 auto; background:url(../imatges/backgrounds/menu_bg.png) top left repeat-y #fefefe; border:solid 1px #ededed;}
#header{ height:145px; behavior:url(../css/iepngfix.htc);}
#logo_govern{width:237px; height:66px; background:url(../imatges/logos/logo_govern.png) no-repeat; }
#logo_mediambient{width:273px; height:145px; background:url(../imatges/logos/logo_mediambient2.png) no-repeat; float:right !important;}
#contingut{height:800px; clear:both }

/* WEB */
/* Header */
  #top{background:url(../imatges/grafics/top_home.png) no-repeat; height:205px;}
	#header{}
		#header div{float:left;}

	#header_content{width:100%; background:url(../imatges/backgrounds/header/header_bg.png) repeat-x;}

  
  #utils{margin-left:-215px; margin-top:108px; }
    #utils a{color:#fff; text-decoration:none; margin-right:10px;}
    #utils a:hover{color:#116611}
    #utils a img{vertical-align: middle; margin-right:4px; width:30px; height:36px;}	

/* Contingut */
  #columnes{width:100%}
  #columnes div{float:left; position:relative;}
  
  #menu{width:263px; font-family:"Trebuchet MS", Verdana, Arial; font-size:11px; color:#6d6d6d; height:100%;}
  #menu ul{list-style:none;  padding-left:5px; margin-left:0px; margin-top:0px}
    #menu ul li{height:22px; width:220px; background:url(../imatges/backgrounds/menu_li_bg.png) repeat-x;}
    #menu ul li a{ color:#6d6d6d; text-decoration:none;}
    #menu ul li a:hover{ color:#222;}
    .menu_posicionat{color:#e67917 !important}
    .nivell2{ width:215px; display:block; margin-left:0px; padding-left:5px;}
    .nivell3{ background:none !important; margin-left:0px; padding-left:20px;}
    .lispace{background:none !important;}
    .lititle{color:#3e78b4; font-size:14px; font-weight:bold;}
    .libanner{height:auto !important; margin-top:5px; background:none !important;}
  #contents{}
/* Home */
  #menu_home{width:100%; height:210px; background:url(../imatges/backgrounds/submenu_home.png) left bottom no-repeat; text-align:center; padding-left:15px }
    #menu_home a{ display:block; float:left; height:164px}
        #menu_home a img{ margin-top:10px;}

  
/* Banners */
.banners_left a{padding-left:5px}
#banners{margin-top:20px; width:525px; border:solid 1px #aac35f; padding:10px; background:url(../imatges/backgrounds/banners_bg.png) repeat-x;}
  #banners div{ width:162px;; display:block; height:144px; text-align:center;  border:solid 2px #e67917; margin-right:6px}
#banner{clear:both; width:100%; text-align:center; margin-top:10px}
/* Banner */

/* Links */
#links{width:540px; line-height:22px;}
  #links ul{margin-left:80px;}
  #links a:hover{color:#3333cc}
#linksBack{margin-top:25px; margin-left:25px; }
  #linksBack h2{margin-top:20px; }
  
/* Texte */
#text, #text_mapa_web{line-height:22px;}
p{color:#333; font-size:1.09em; text-align:justify;}

  .titolverd{width:547px; min-width:537px; height:34px; font-size:14px; margin-bottom:20px; color:#fff; font-weight:bold; background:url(../imatges/backgrounds/titols/h1_verd_bg.png) no-repeat; margin-top:20px;}
  .titoltaronja{width:547px; min-width:547px; height:34px; font-size:14px; margin-bottom:20px; color:#fff; font-weight:bold; background:url(../imatges/backgrounds/titols/h1_taronja_bg.png) no-repeat; margin-top:20px;}
  .titolblau{width:547px; min-width:547px; height:34px; font-size:14px; margin-bottom:20px; color:#fff; font-weight:bold; background:url(../imatges/backgrounds/titols/h1_blau_bg.png) no-repeat; margin-top:20px;}

*html .titolverd{width:546px;}
h1{ font-size:14px; color:#fff; font-weight:bold; padding-left:0px; padding-top:8px; margin:0px;}

h2{font-size:16px}
h3{font-size:14px}
h4{font-size:12px}

a{color:#3783d1}
a:hover{}

ul{}
  ul li{}
ol{}
  ol li{}
.lletres{list-style: upper-alpha}
.disc{list-style: disc}
blockquote{background: transparent url(../imatges/texte/blockquotes_open.png) top left no-repeat ; width:85%; height:80px; color:#81aad4; font-weight:bold; font-style: italic;}
  blockquote div{  padding: 0 48px; background: transparent url(../imatges/texte/blockquotes_close.png) bottom right no-repeat ;}
/* Taules */
table{border:solid 1px #ccc; margin:5px 0px 5px 0px;}
  table tr{}
    table tr td{padding:5px; border:solid 1px #ccc}
thead{}
  thead tr{}
    thead tr td{background:#9DBC51; color:#fff; text-align:center; font-weight:bold;}
tbody{}
  tbody tr{}
    tbody tr td{}
tfoot{}
  tfoot tr{}
    tfoot tr td{}
    
/* Imatges */
img{behavior:url(../css/iepngfix.htc);}
a img{border:none;}
a img:hover{}

/* Posicionament i estils */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.bold{font-weight:bold;}
.italic{font-style: italic;}
.sub{text-decoration: underline;}
.noSub{text-decoration: none}
.deu{font-size:10px}
.white{color:#fff;}
.gris{color:#666;}
.orange{color:#e67917}
.titolblau2{color:#3e78b4}
.verd{color:#009933}
.blau{color:#003399}
.violeta{ color:#990066}
.groc{color:#E5E519; font-weight:bolder}
.fleft .fright{position:relative}
.fleft{float:left; margin-right:4px;}
.fright{float:right;}
.clearBoth{clear:both;}
.noMargin{margin:0px}
.invisible{visibility:hidden; display:none}

/* Menu Int */

.bt_avaluacio{behavior:url(../css/iepngfix.htc);background:none !important; background:url(../imatges/botons/menu/bt_avaluacio_impactes_ambientals.png) no-repeat !important; padding-left:25px; height:30px !important; line-height:15px;  }
.bt_avaluacio a{color:#4b81b9 !important; font-weight:bold !important; font-size:14px}
.bt_avaluacio a:hover{color:#e67917 !important; font-weight:bold !important}
.bt_medi{behavior:url(../css/iepngfix.htc);background:none !important; background:url(../imatges/botons/menu/bt_medi_atmosferic.png) no-repeat !important; padding-left:25px; height:20px !important; line-height:15px; padding-top:7px;  }
.bt_medi a{color:#4b81b9 !important; font-weight:bold !important; font-size:14px}
.bt_medi a:hover{color:#e67917 !important; font-weight:bold !important}
.bt_residus{behavior:url(../css/iepngfix.htc);background:none !important; background:url(../imatges/botons/menu/bt_residus.png) no-repeat !important; padding-left:25px; height:20px !important; line-height:15px; padding-top:7px;  }
.bt_residus a{color:#4b81b9 !important; font-weight:bold !important; font-size:14px}
.bt_residus a:hover{color:#e67917 !important; font-weight:bold !important}
.bt_aigua{behavior:url(../css/iepngfix.htc);background:none !important; background:url(../imatges/botons/menu/bt_aigua.png) no-repeat !important; padding-left:25px; height:20px !important; line-height:15px; padding-top:7px;  }
.bt_aigua a{color:#4b81b9 !important; font-weight:bold !important; font-size:14px}
.bt_aigua a:hover{color:#e67917 !important; font-weight:bold !important}

.puja{margin-top:0px}
.menu_residus{margin-top:10px;}
.menu_residus a{width:14%; min-width:14%; text-align:center; display:block; float:left; text-decoration:none;}
.menu_residus img{width:40px;}
#residus_no_reclables p{margin-right:20px; text-align:center; width:64px;}

.submenu_residus{margin-top:110px; clear:both; text-align:center}
.submenu_residus a{width:32%; min-width:30%; text-align:center; display:block; float:left; text-decoration:none;}
.submenu_residus img{width:50px;}


.menu_gestorresidus, .menu_gestorresidus1, .menu_gestorresidusPerillosos, .submenu_xarxa {}{margin-top:0px; clear:both; text-align:center}
.menu_gestorresidus a{width:32%; min-width:30%; text-align:center; display:block; float:left; text-decoration:none;}
.menu_gestorresidus1 a{width:25%; min-width:22%; text-align:center; display:block; float:left; text-decoration:none;}

.menu_gestorresidus img, .menu_gestorresidusPerillosos img, .submenu_xarxa img, .menu_gestorresidus1 img{width:40px;}
.sig_img { width:60px!important}

.menu_gestorresidusPerillosos a{width:50%; min-width:45%; text-align:center; display:block; float:left; text-decoration:none;}
*html .menu_gestorresidus a{width:29%;}
*html .menu_gestorresidus1 a{width:22%;}
*html .menu_gestorresidusPerillosos a{width:40%;}
.submenu_xarxa a{width:47%; min-width:49%; text-align:center; display:block; float:left; text-decoration:none;}
/* SECCIONS */
.xarxa{width:244px; height:300px; background:url(../imatges/backgrounds/fitxa_bg.png) no-repeat; padding-top:13px; padding-left:21px; display:block; float:left}
  .xarxa h3{margin:0px; color:#fff; padding-left:14px}
  .xarxa p{width:100px; float:left; padding-left:10px; font-size:10px; line-height:16px; text-align:left}
  .xarxa p strong{text-decoration:underline;}
  .xarxa img{width:115px; height:139px; padding-top:13px; float:left;}

#els_nivells{width:100%}  
.nivells_ozo{clear:both}
  .nivells_ozo div{width:545px; display:block; height:22px; background:#81AAD4; color:#fff; margin-top:0px; margin-bottom:0px; }
  .nivells_ozo h3{color:#fff; margin-top:0px; margin-bottom:0px; text-align:center;}
  .nivells_ozo h4{color:orange; margin:0px; clear:both;}
  .nivells_ozo p{width:85%; font-size:11px; line-height:14px; float:left; padding-top:10px}
  .nivells_ozo a img{margin-top:0px; margin-left:35px; float:right;}

/* Campanyes */
.campanyes{clear:both}
.campanyes h4{clear:both;}
.campanyes .opcions{
	width:170px;
	height:151px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.campanyes a{text-decoration:none;}


/* Contacte */
#form_contacte{border:none; width:500px; margin: 0 10%; margin-top:10px; }
  #form_contacte td{border:none; background:#fff; padding:5px; border:solid 1px #fff}
  #form_contacte input{width:200px}
  #form_contacte textarea{width:200px}
  .bt_enviar{width:75px !important}

/* HOME */
/* PROGRAMA D'ACTIVITATS */
#programa_activitats{float:left; background:url(../imatges/home/programa_activitats/programa_bg.png) repeat-y; margin: 0 2px 0  0}
#programa_top{background:url(../imatges/home/programa_activitats/programa_top.png) no-repeat; width:341px; height:34px; margin-left:3px}
*html #programa_top{ margin-left:1px}
#programa_contingut{ width:320px;padding-left:15px;  position:absolute; z-index:999}
.programa_mes{font-size:22px; color:#e67917; font-weight:bold;}
#programa_contingut p{width:196px; font-size:12px; padding:0px; float:left; margin-top:0px; margin-right:10px;}
#programa_contingut p.no{width:auto; font-size:10px}
#programa_contingut p a{ text-align:left}
#programa_contingut img{
	float:left;
	border:solid 2px #e67d1d;
	margin-top:-60px
}
#programa_contingut a{
 font-size:9px
}
.programa_titol{font-size:14px; color:#063e78; padding:0px; margin-top:10px; margin-bottom:0px}
.programa_subtitol{font-size:12px; color:#286fb8; margin-top:0px; font-style:italic}
#programa_bottom{background:url(../imatges/home/programa_activitats/programa_bottom.png) no-repeat; width:345px; height:71px; margin-top:-40px}
.No_float { float:none!important;}
#programa_contingut a.especial{
	position: relative;
	text-align:center;
	top:0;
	left:0;
	height:auto;
}
p.especial {font-size:10px!important;}
.programa_titolespecial {font-size:12px!important;}
.programa_subtitolespecial {font-size:10px!important;}

#programa_contingut a.foto1{
	position:absolute;
	top:107px;
	.top:115px;
	left:227px;
	.left:223px;
	text-align:center;
	height: 32px;
	
}
#programa_contingut a.foto2{
	position:absolute;
	top:615px;
	.top:625px;
	left:227px;
	.left:223px;
	text-align:center;
	height: 32px;
}
#programa_contingut a.foto3{
	position:absolute;
	top:820px;
	.top:835px;
	left:227px;
	.left:223px;
	text-align:center;
	height: 32px;
}
#programa_contingut a.foto4{
	position:absolute;
	top:1500px;
	.top:1530px;
	left:227px;
	.left:223px;
	text-align:center;
	height: 32px;
}

#programa_contingut a.foto5{
	position:absolute;
	top:1280px;
	.top:1360px;
	left:227px;
	.left:223px;
	text-align:center;
	height: 32px;
}
/**:first-child+html #programa_contingut a.foto1{top:140px;} 
*:first-child+html #programa_contingut a.foto2{top:380px;} */


#noticies{margin-top:20px; margin-bottom:10px; }
#noticies_top{background:url(../imatges/home/noticies/noticies_top.jpg) no-repeat; width:540px; height:35px; }
#noticies_top_destacades{background:url(../imatges/home/noticies/noticies_top_2.jpg) no-repeat; width:540px; height:35px}
#noticies_contingut{padding:10px; background: url(./imatges/home/noticies/noticies_bg.jpg) no-repeat); width:517px;}

#noticies_contingut h1 { font-size:1.4em; margin:0; padding:0}
#noticies_contingut p { font-size:.9em}
#noticies_contingut h2 { font-size: 11px}
/* Noticia */




/* LA PREGUNTA */
#la_pregunta{background:url(../imatges/home/lapregunta_bg.png) no-repeat; width:183px; height:311px; margin-left:360px; margin-top:-1790px; *margin-top:-1740px; overflow:hidden; margin-top: -1790px\9 }

	#la_pregunta p{font-size:14px; color:#e67917; font-weight:bold; margin-top:70px;  padding-left:9px}
	#la_pregunta ul{list-style:none; }
		#la_pregunta ul li{margin-bottom:5px;}
	#la_pregunta a{ float:right; margin-right:10px; margin-top:-5px}
#results{
	clear:both;
	position:absolute;
	padding:0px;
	margin:0px;
	z-index:999;
	top:90px;
	left:10px;
	margin:0 10px 0 0;
}
	.results_invisible{visibility:hidden; margin-left:-500px;}
	
.respostes_preguntes{ clear:both; width:99%; text-align:left!important}
.respostes_preguntes br { display:none}
.respostes_preguntes h3 {display:inline}
.respostes_preguntes table{ border-bottom: solid 1px #e67917;border-top: solid 1px #e67917}
.respostes_preguntes table tr{ background:url(../imatges/backgrounds/banners_bg.png);  }
.respostes_preguntes table td{ border-bottom: solid 1px #e67917;border-top: solid 1px #e67917  }
.respostes_preguntes table input{ background:#80a9d4; border: solid 1px white; color: white; cursor:pointer}
.respostes_preguntes table input:hover{ background:#80a9d4; border: solid 1px #333333; color: #333333; cursor:pointer}
	/*.results_visible{visibility:visible; margin-left:650px; display:block;position:absolute; z-index:9999}*/
/* PREGUNTES I RESPOSTES */
  #preguntes{width:548px; height:214px; background:url(../imatges/home/preguntes_respostes_bg.png) no-repeat; clear:both}
    .GridViewRow td{border:0 none !important}
	.pregunta{font-size:13px; font-weight:bold; color:#1a438d; padding-left:10px; width:510px; margin-top:50px; letter-spacing:0px}
	.preguntador{font-size:10px; color:#7d7d7d; font-weight:normal; letter-spacing:-1px; padding-left:10px}
	.resposta{width:490px;height:75px; margin-top:-10px; font-size:12px; line-height:18px; margin-left:25px;display:block;overflow:hidden  }
	
	a.fer_pregunta, a.veure_pregunta, a.consideracions{ background: no-repeat top left; color:#fff; width:170px; height:29px; display:block;float:right; text-decoration:none; font-weight:bold; padding:5px 0 0 0; text-align:left; text-indent:-9999px;}
	a.consideracions{ background-image:url(../imatges/home/consideracions.png)}
	a.fer_pregunta{ background-image:url(../imatges/home/fer_nova_pregunta.png); margin:0 0 0 15px}
	a.veure_pregunta{ background-image:url(../imatges/home/veure_mes_preguntes.png); margin:0 0 0 10px}
	a.fer_pregunta:hover, a.veure_pregunta:hover, a.consideracions:hover {color:#333333}
	
/* PARTICIPA */	
#preguntes_respostes{width:553px; background:url(../imatges/backgrounds/participa/paper_bg.png) repeat-y;}
	.preguntaIn{font-size:13px; font-weight:bold; color:#1a438d; padding-left:15px; width:510px; margin-top:20px; line-height:18px; letter-spacing:0px}
	.preguntadorIn{font-size:10px; color:#7d7d7d; font-weight:normal; letter-spacing:-1px; padding-left:10px}
	.respostaIn{width:490px; margin-top:-12px; font-size:12px; line-height:18px; margin-left:25px}
	.ferpregunta{width:547px; height:45px; background:url(../imatges/backgrounds/participa/bg_boto.png) no-repeat; margin-top:10px}

#preguntes_respostes hr{width:468px; height:37px; background:url(../imatges/backgrounds/participa/hr.png) no-repeat top left; border:none;}
#preguntes_paginacio{width:547px; height:45px; background:url(../imatges/backgrounds/participa/paper_bottom.png) no-repeat; margin-top:-7px}	
	#preguntes_paginacio p{margin-top:0px; margin-left:335px}
#btAcceptar,  #btA , #btB{ background:url(../imatges/backgrounds/participa/bg_boto.png) no-repeat;  height:36px; width:230px; border:0; padding:-2px 0 0 0; cursor:pointer	}
#btAcceptar:hover, #btA:hover, #btB:hover{ color:#1a438d}


/* menus icones */
#menu_icones{border:0px; padding:0px; margin:0px; text-align:center; width:100%}
	#menu_icones a{display:block; float:left}
	.fourcols a{width:107px; }
.tres_columnes td{width:33%; border:none}


/* Impresio */
#header_print{
	position:absolute;
	top:-500px;
	left:-500px;
	visibility: hidden;
}  


/* mapa web */
#text_mapa_web ul{ list-style:none!important}
#text_mapa_web ul a{ font-size:1em; font-weight:bolder; text-decoration:none}
#text_mapa_web ul ul{ list-style: url(../imatges/decoracio_ul_mapa_web.png)!important; font-weight: normal!important;}
#text_mapa_web ul ul a{ font-size:1em; font-weight: normal!important; text-transform:capitalize}
#text_mapa_web ul ul ul a{ font-size:0.9em; font-weight: normal!important;}
#text_mapa_web ul ul ul{ list-style: url(../imatges/decoracio_ul_mapa_web.png)!important; text-transform:capitalize}
#text_mapa_web ul ul ul ul a{ font-size:0.8em; font-weight: normal!important;}
#text_mapa_web ul ul ul ul{ list-style: url(../imatges/decoracio_ul_mapa_web.png)!important; text-transform:capitalize}

#text_mapa_web ul a:hover{ color:#e67917!important}

#form1 label {display: -moz-inline-box;	display: inline-block; width:220px}


/* DESPLEGABLES */
.trans { display: none; visibility: hidden; padding:0 0 0 10px}
.style1 {color: #FFFFFF}
.style2 {
	font-size:10px;
	color: #3e78b4;
}
.style3 {font-size: 10px; color: #3e78b4; font-weight: bold; }



#Cronologia, #Cartografia, #Informes, #unitat_paisatge, #fotos_depuradores, #fotos_depuradores2, #fotos_depuradores3, #fotos_depuradores4, #fotos_depuradores5, #fotos_depuradores6, #fotos_depuradores7, #fotos_depuradores8, #fotos_depuradores9, #Resultat_enquestes{ margin:0 0 0 5px; float:none!important; width:100%; display:none; visibility:hidden; clear:both}