/* CSS Document */

body{
	background:url(../images/bak.gif) repeat-x;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-position: 50% 0;
	background-repeat:no-repeat;
	font-size:12px
}

/* aqui anirà totes les imatges de la home de cada area fer una per cada */
body.index {background-image: url(../img_src/fons/fons_home.jpg);}
body.legislacio {background-image:url(../img_src/fons/fons_home_urbisos.jpg);}
body.obrespub {background-image: url(../img_src/fons/fons_home_edifpub.jpg);}
body.murbans {background-image: url(../img_src/fons/fons_home_murbans.jpg);}
body.cartografia {background-image: url(../img_src/fons/fons_home_cartografia.jpg);}
body.urbisos {background-image: url(../img_src/fons/fons_home_urbisos.jpg);}
body.adm_cenatra { background-image:url(../img_src/fons/mobilitat/fons_home_cenatra.jpg)}
body.adm_legislacio { background-image:url(../img_src/adm/adm_legislacio.jpg);}
body.adm_presentacio { background-image:url(../img_src/fons/mobilitat/fons_home_adm.jpg)}
body.adm_coex{ background-image:url(../img_src/fons/mobilitat/fons_home_coex.jpg)}
img { border:0}

.bt_tornar { float:right; margin-top:5px}
.bt_tornar1{ float:right; margin-top:550px}
.bt_tornar2{ float:right; margin-top:580px}
.bt_tornar3{ float:right; margin-top:550px}
.bt_tornar4{ float:right; margin-top:400px}
.bt_tornar5{ float:right; margin-top:80px; margin-left:325px}
.clear {clear:both}

/* MODIFICACIÓ CSS INDEX_PROVA */
#container{width:1024px; margin:0 auto;}

#contingut{
	background:#383431;
	width:945px;
	min-height:200px;
	padding-bottom:5px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* Llistat   *************************************************************************************** */

#bg_contingut{
	background-color:#F8F8F8;
	width:925px;
	min-height:450px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#bg_contingut ul {list-style-image:url(../img_src/bullet_mnu.gif); margin-bottom:0; padding-bottom:0;}
#bg_contingut ul li{ line-height:25px}
#bg_contingut ul li a{ text-decoration:none; color:#000;}
#bg_contingut ul li a:hover{ text-decoration:underline}
#bg_contingut ul li a:visited{ text-decoration: line-through; color:#999; cursor:default  }
/* ******* */
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* Llistat 2 obres públiques  *************************************************************************************** */
#bg_contingut1{
	background-color:#F8F8F8;
	width:925px;
	min-height:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#bg_contingut2{
	background-color:#F8F8F8;
	width:925px;
	min-height:645px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#bg_contingut1 ul { margin-bottom:0; padding-bottom:0;}
#bg_contingut1 ul li{ line-height:25px}
#bg_contingut1 ul li a{ text-decoration:none; color:#000;}
#bg_contingut1 ul li a:hover{ text-decoration:underline}
#bg_contingut1 ul li a:visited{ text-decoration: line-through; color:#999; cursor:default  }


/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* MAPA   *************************************************************************************** */

#mapa{
	width:944px;
	height:380px;
	margin:15 auto;
	margin-top:5px;
}

#mapa .blanc1, #mapa .blanc2, #mapa .blanc3 { height:47px; display:block; float:left;}

#mapa .blanc1 { width:67px;}
#mapa .blanc2 { width:134px;}
#mapa .blanc3 { width:201px;}

#mapa a{ width:67px; height:32px; display:block; float:left; font-weight:bolder; text-decoration: none; color: #FF0000; text-align:center; padding-top:15px; }
#mapa a:hover {color: #00FFFF}

#mapa a.A1 { background: url(../img_src/mapa_01/mapa_5-01-2.jpg) no-repeat;}
#mapa a.A2 { background: url(../img_src/mapa_01/mapa_5-01-2.jpg) no-repeat;}
#mapa a.A3 { background: url(../img_src/mapa_01/mapa_5-01-2.jpg) no-repeat;}


/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* home carto   *************************************************************************************** */

#columna1_carto { width:460px; float:left;}
#columna2_carto { width:460px; float:right;}
.fotos_carto {margin-bottom:15px; margin-top:10px}


#texte1carto { position: absolute; left:200px; top:205px; width:298px; height:26px; overflow: visible; margin-left:125px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte2carto { position: absolute; left:200px; top:225px; width:263px; height:26px; overflow: visible; margin-left:125px;}
#texte3carto {position: absolute; left:200px; top:305px; width:263px; height:26px; overflow: visible; margin-left:125px;
text-transform:uppercase; font-weight:bold; font-size:14px; }
#texte4carto {position: absolute; left:200px; top:325px; width:263px; height:26px; overflow: visible; margin-left:125px;}
#texte5carto {position: absolute; left:200px; top:395px; width:298px; height:26px; overflow: visible; margin-left:125px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte6carto {position: absolute; left:200px; top:415px; width:263px; height:26px; overflow: visible; margin-left:125px;}
#texte7carto {position: absolute; left:200px; top:485px; width:298px; height:26px; overflow: visible; margin-left:125px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte8carto {position: absolute; left:200px; top:505px; width:263px; height:26px; overflow: visible; margin-left:125px;}
#texte9carto {position: absolute; left:200px; top:577px; width:298px; height:26px; overflow: visible; margin-left:125px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte10carto {position: absolute; left:200px; top:614px; width:263px; height:26px; overflow: visible; margin-left:125px;}
#texte11carto {position: absolute; left:205px; top:205px; width:298px; height:26px; overflow: visible; margin-left:590px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte12carto {position: absolute; left:200px; top:305px; width:298px; height:26px; overflow: visible; margin-left:590px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte13carto {position: absolute; left:200px; top:325px; width:263px; height:26px; overflow: visible; margin-left:590px;}
#texte14carto {position: absolute; left:200px; top:391px; width:298px; height:26px; overflow: visible; margin-left:590px;
text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte15carto {position: absolute; left:200px; top:428px; width:263px; height:26px; overflow: visible; margin-left:590px;}
#texte16carto {position: absolute; left:200px; top:485px; width:298px; height:26px; overflow: visible; margin-left:590px; 	text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte17carto {position: absolute; left:200px; top:505px; width:263px; height:26px; overflow: visible; margin-left:590px;}
#texte18carto {position: absolute; left:200px; top:579px; width:298px; height:26px; overflow: visible; margin-left:590px; 	text-transform:uppercase; font-size:14px; font-weight:bold;}
#texte19carto {position: absolute; left:200px; top:599px; width:263px; height:26px; overflow: visible; margin-left:590px;}

#texte6carto a:hover{ text-decoration:underline; color: #FF0000;}
#texte6carto a:visited{ text-decoration: line-through; color:#999; cursor:default  }
#texte8carto a:hover{ text-decoration:underline; color: #FF0000;}
#texte8carto a:visited{ text-decoration: line-through; color:#999; cursor:default  }
#texte10carto a:hover{ text-decoration:underline; color: #FF0000;}
#texte10carto a:visited{ text-decoration: line-through; color:#999; cursor:default  }
#texte15carto a:hover{ text-decoration:underline; color: #FF0000;}
#texte15carto a:visited{ text-decoration: line-through; color:#999; cursor:default  }
#texte19carto a:hover{ text-decoration:underline; color: #FF0000;}
#texte19carto a:visited{ text-decoration: line-through; color:#999; cursor:default  }

/* cartografia_muntanyes d'andorra ********************************************************************************* */

#mapa_MA { position:absolute; left:200px; top:200px; width:495px; height:411px; z-index:1; }
#txt_MA { position:absolute; left:710px; top:200px; width:365px; height:362px; z-index:1;}
.estilo_ma {font-size: 12px}

#txt2_MA { position:absolute; left:208px; top:625px; width:277px; height:45px; z-index:2;}


/* cartografia_PLANOLS DE VILES ********************************************************************************* */

#mapa_PV { position:absolute; left:200px; top:200px; width:525px; height:527px; z-index:1 }

#portades_PV { position:absolute; left:830px; top: 200px; width:194px; height:189px; z-index:1 }
	
#txt_PV { position:absolute; right::208px; top:438px; width:342px; height:375px; z-index:2; left: 730px; }

/* cartografia_FOTOGRAFIES AERIES ********************************************************************************* */
#txt_intro { position:absolute; left:224px; top:200px; width:790px; height:125px; line-height:1.5; z-index:2;}
#txt_FA {
	position:absolute;
	top: 383px;
	left: 189px;
	width: 230px;
	height: 265px;
	z-index:1
}
#txt_FA2 {
	position:absolute;
	left:225px;
	top:716px;
	width:450px;
	height:37px;
}
#imatge {
	position: absolute;
	left:430px;
	top:346px;
	width:500px;
	height:314px;
}

/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* home urbisos *************************************************************************************** */
.foto1_urbisos {position:absolute; left:225px; top:215px; width:114px; height:86px; z-index:1;}
.foto2_urbisos {position:absolute; left:225px; top:375px; width:114px; height:86px; z-index:1;}
.foto3_urbisos {position:absolute; left:686px; top:215px; width:114px; height:86px; z-index:1;}

#text1_urbisos {position:absolute; left:398px; top:246px; width:195px; height:58px; text-transform:uppercase; font-weight:bold; font-size:14px;}
#text2_urbisos {position:absolute; left:398px; top:407px; width:195px; height:58px; text-transform:uppercase; font-weight:bold; font-size:14px;}
#text3_urbisos {position:absolute; left:859px; top:244px; width:195px; height:58px; text-transform:uppercase; font-weight:bold; font-size:14px;}

#texte2_urbisos a:hover{ text-decoration:underline; color: #000000;}
#texte2_urbisos a:visited{ text-decoration: none; color: #000000; cursor:default  }

/* ******************************************************************************************************** */
/* urbisos_riscos *************************************************************************************** */
#columna1_riscos { width:520px; height:468px; float:left;}
#columna2_riscos { width:370px; height:468px; float:right;}
#quadre2 {
	position:absolute;
	left:760px;
	top:216px;
	width:261px;
	height:38px;
	z-index:1;
}
#foto3_riscos{ position:absolute; left:16px; top:46px; width:173px; height:153px; z-index:1;}
#quadre4 { position:absolute; left:0px; top:211px; width:261px; height:38px; z-index:1;}
#foto5_riscos{ position:absolute; left:16px; top:253px; width:217px; height:153px;
	z-index:1;
}
/* urbisos presentació *************************************************************************************** */
#columna_urbisos_presentacio {width:892px; height:790px; float:left;}



/*    *********************************************************************************************** */


/* Agencia mobilitat-presentació****************************************************************** */
#columna_adm_presentacio {width:900px; margin-left:10px; margin-right:10px; color:#000; height:500px}
#columna_adm_presentacio h1 { font-size:16px; margin-top:25px; margin-left:15px; margin-right:5px; text-align:center}
#adm_foto {position:absolute; left:803px; top:382px; width:268px; height:249px; z-index:3;}
#txt1 { position:absolute; left:208px; top:267px; width:870px; height:294px; line-height:20px; text-align:justify; z-index:2}

/* Agencia mobilitat-CENATRA****************************************************************** */
#columna_adm_cenatra {width:900px; margin-left:10px; margin-right:10px; color:#000; height:500px; line-height:20px}
#columna_adm_cenatra h1 { font-size:16px; margin-top:25px; margin-left:15px; margin-right:5px; text-align:center}
#adm_cenatra_foto1 { position:absolute; left:208px; top:279px; width:276px; height:264px; z-index:1;}
#adm_txt_cenatra { position:absolute; left:689px; top:277px; width:370px; height:347px; line-height:20px; text-align:justify; z-index:2}

#columna_adm_coex {width:900px; margin-left:10px; margin-right:10px; color:#000; height:650px; line-height:20px}
#titol_adm_coex { position:absolute; left:200px; top: 200px; width:875px; height:64px; line-height:20px; text-align:justify; font-weight:bolder; font-size:13px}

#caixa_txt1 {position:absolute; left:200px; top:280px; width:250px; background-color:#ff6600; text-align:center; color:#FFFFFF; font-weight:bold; height: 40px;}
#texte_1 { position:absolute; left:200px; top:330px; width:250px; text-align:justify}
#foto_txt1 {position:absolute; left:200px; top:586px; width:250px; height:170px}
#caixa_txt2 { position:absolute; left:500px; top:280px; width:250px; background-color:#ff6600; text-align:center; color:#FFFFFF; font-weight:bold; height: 40px; }
#texte_2 { position:absolute; left:500px; top:330px; width:250px; text-align:justify}
#foto_txt2 {position:absolute; left:500px; top:586px; width:250px; height:170px}
#caixa_txt3 { position:absolute;  left:799px; top:280px; width:250px; background-color:#ff6600; text-align:center; color:#FFFFFF; font-weight:bold; height: 40px;}
#texte_3 { position:absolute; left:799px; top:330px; width:250px; text-align:justify}
#foto_txt3 {position:absolute; left:799px; top:586px; width:250px; height:170px}

/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* columnes obres públiques *************************************************************************************** */

#colum1 { position:absolute; left:225px; margin-top:-25px; width:265px; height:600px; top:250px;}
#colum2 {
	position:absolute;
	left:400px;
	margin-top:-25px;
	width:289px;
	height:567px;
	top: 26px;
}
#colum3 { position:absolute; left:292px; margin-top:-25px; width:289px; height:356px; top: 26px;}
#colum1 h1, #colum2 h1, #colum3 h1{ text-transform:uppercase; font-size:16px; margin:0; padding:0; text-align:center}
.txt_obres { font: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; line-height:normal
}  


.galeria_fotos { width:350px; height:442px; overflow: auto; margin-top:25px}
.galeria_fotos ul { list-style:none!important}
.galeria_fotos ul li { text-align:center}
.galeria_fotos ul li a img { border:solid 1px #FF9933}
.galeria_fotos ul li a:hover img { border:solid 1px #000}


#columna_obra1 { width:460px; float:left; text-align:center}
#columna_obra2 { width:460px; float:right}

#fons_cartell_obra { width:430px; background-color:#FFFF00;margin-top: -2px; padding: 0 10px}



/* ******************************************************************************************************** */
#cartellobra1 { left:250px; top:500px; width:443px; height:630px;}

/* ******************************************************************************************************** */
/* ROTONDA A LA CG- A LA SORTIDA D'ESCALDES-ENGORDANY********************************************************** */
#cartell_1 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto1 { position:absolute; left:600px; top:275px; width: 150px; height:112px}
#foto2 { position:absolute; left:850px; top:275px; width: 150px; height:112px}
#foto3 { position:absolute; left:600px; top:450px; width: 150px; height:112px}
#foto4 { position:absolute; left:850px; top:450px; width: 150px; height:112px}

#cartell_2 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto5 { position:absolute; left:600px; top:245px; width: 150px; height:112px}
#txt_ { position:absolute; left:602px; top:554px; width:388px; height:125px; line-height:1.5}

#cartell_3 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto6 { position:absolute; left:600px; top:235px; width:300px; height:214px}
#foto7 { position:absolute; left:600px; top:475px; width:300px; height:214px}

#cartell_4 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto8 { position:absolute; left:600px; top:275px; width:300px; height:214px}

#cartell_5 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto9 { position:absolute; left:575px; top:275px; width:472px; height:147px}
#foto10 { position:absolute; left:615px; top:475px; width:125px; height:93px }
#foto11 { position:absolute; left:825px; top:475px; width:125px; height:93px }

#cartell_6 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto12 { position:absolute; left:575px; top:225px; width:125px; height:93px }
#foto13 { position:absolute; left:575px; top:550px; width:125px; height:93px }

#cartell_7 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
#foto14 { position:absolute; left:575px; top:275px; width:125px; height:93px }

#cartell_8 { position:absolute; left:200px; top:225px; width:332px; height:472px;}
/* ******************************************************************************************************** */
/* ******************************************************************************************************** */
/* COORDINACIÓ, PAISSATGE I IMATGE   ***************************************************************************** */
#murbans_txt { position:absolute; left:200px; top:200px; width:850px; height:0px; line-height:20px; text-align:justify;}
#murbans_txt1 {
	position:absolute;
	left:205px;
	top: 569px;
	font-weight:bold;
	width: 190px;
}
#murbans_1{ position:absolute; left:230px; top:450px; width:200px; height:118px; z-index:1;}
#mur_foto1 { position:absolute; left:575px; top:260px; width: 150px; height:112px}
#mur_foto2 { position:absolute; left:575px; top:570px; width: 125px; height:89px}
#mur_foto3 { position:absolute; left:740px; top:570px; width: 125px; height:89px}
#mur_foto4 { position:absolute; left:900px; top:570px; width: 125px; height:89px}
#murbans_2{ position:absolute; left:725px; top:450px; width:200px; height:118px; z-index:1;}
#mur_foto5 { position:absolute; left:575px; top:275px; width: 225px; height:169px}
#mur_foto6 { position:absolute; left:825px; top:275px; width: 225px; height:169px}
#mur_foto7 { position:absolute; left:575px; top:490px; width: 225px; height:169px}
#mur_foto8 { position:absolute; left:825px; top:490px; width: 225px; height:169px}
#mur_txt1 { position:absolute; top:205px; font-weight:bold}
#mur_txt2 { position:absolute; top:408px; left:700px; font-weight:bold}


/* ******************************************************************************************************** */
/* PEU DE PAGINA HOME */

#footer{text-align:center; border-top: 1px dotted #FFF;margin-top:35px; font-style:inherit; font-size:12px; left:125px;}

								  					   /* hacks ie7       ie6 */
#footer p, #footer a { line-height:5px; color:#ed5502; *margin:10px; _margin: 10px; }
#footer a:hover { line-height:5px; color:#000}