html,body {
		font-family: Arial, Helvetica, sans-serif;
		height:100%;
		width:100%;
		margin:0;
		border:0;
		overflow:hidden;
			            }
	
.stEmergentGeneral{
		width:800px;
		height:500px;
		margin-left:15px;		
		margin-right:15px;
		overflow:hidden;
		position:absolute;
		z-index:1111;
		background-color:#ffffff;

}	

.nono {float:right;z-index: 2;position: relative; top: -2px; height: 1px; width: 100%; background-color:#c1c1c1;}
.menuGuia {float:left;z-index: 2;height: 1px; width: 100%; background-color:#eeeeee;border-top:1px solid #bbbb00;}
.nono2 {float:right;z-index: 2;position: relative; top: -9px; height: 100%; width: 1px; background-color:#c1c1c1;left:7px}
.menu3{font-size:11px;;font-weight: bold; float:left;letter-spacing: 1px; padding-top: 4px; color: rgb(111, 111, 111); margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center; height: 100%;width:180px;}
.menu3bt:hover{color:#00003a;
text-decoration:underline;}
.menu3bt{border-right:1px solid #333333;
float:right;
color:#6F6F6F;
font-size:11px;
font-weight:bold;
height:15px;
letter-spacing:1px;
margin-left:1px;
margin-right:0;
margin-top:2px;
padding:4px 10px 0;
text-align:center;
width:auto;}


#dadesFitxa{
	letter-spacing:0px;margin-bottom:20px;width: 300px;padding: 20px; height: 160px; float: left; margin-top: 20px; margin-left:20px;background-color: rgb(233, 233, 233);}

.titolBarraLateral {padding: 1px 0px 0px 10px; width: 270px; font-size:13px;background-color:#dcdc5a; height: 25px; float: left; font-weight: bold; color: #6f6f6f; letter-spacing: 1px;}
	
.stCosBase{	
		height:470px;
		margin-left:15px;
		margin-right:15px;
		width:785px;
		overflow:auto;
		}

	
.fonsTranspa {
	z-index:30;
	position:absolute;
	background-color:#000000;
	opacity:0.6;
	overflow:hidden;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	}
	
.stTransparent {
	border-color:#000000;
	color:#ff0000;
	opacity:0.7;
	font-size:34px;
	background-color:#ffff5a;
	cursor:pointer;
	
}
/*
.emergentGeneral {
	position:absolute;
	background-color:#ffffff;
	opacity:1;
	overflow:auto;
	width:60%;
	height:60%;
	color:#999999;
	top:20%;
	left:20%;
	z-index:35;	
	} */
	
.priLinia {
	background-color: RGB(255,210,90);
	overflow:hidden;
	width:100%;
	height:30px;
	color:#999999;
	font-size:12px;
	clear:both;
	}

.stBtTancar{
	float:right;
	width:12px;
	height:14px;
	background-color:#ff0000;
	color:#ffffff;
	border:2px solid #ffffff;
	margin:4px 4px 0px 0px;
	font-size:14px;
	font-family:Arial, Helvetica;
	font-weight:bold;
	cursor:pointer;
	padding-left:4px;	
}
			
.stTitolPriLinia{
	float:left;
	margin-left:20px;
	font-size: 20px;
	color:#444444;
	font-family:Arial;
	letter-spacing:4px;
	padding-top:3px;
}

.stCosPrincipal{
	clear:both;
	margin-left:0px;
	font-size: 20px;
	color:#444444;
	font-family:Arial;
	padding-top:3px;
	background-color:#ffffff;
	width:100%;
	height:auto;
	margin-top:20px;
}

.ftxNom{
	letter-spacing:0px;
	clear: both; 
	float: left; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center; 
	background-color: rgb(241, 241, 211); 
	width: 100%; 
	margin-bottom: 20px;'
}

.desactivaMenu{background-color:rgb(202, 202, 202)}

.activaMenu{background-color:#ffff5a}


#mapaGuia {text-align:center;margin:20px 20px 20px 70px;clear:both;width:600px;height:600px;background-color:#eeeeee}

#esqDes{clear: both;width:400px; float:left;font-size:12px; text-align:left;margin-top:20px;margin-bottom:20px;}

.mapaDetall{margin-top:20px;clear:both;float:left;width:360px;height:380px;background-color:#dddddd}
.mapaSituacio{margin-left:20px;margin-top:20px;float:left;width:340px;height:160px;background-color:#dddddd}


.ftxDescripcio{
	letter-spacing:0px;
	clear: both; 
	float: left; 
	font-size: 12px; 
	font-weight: normal; 
	text-align: left; 
	background-color: rgb(255, 255, 255); 
	width: 100%; 
	margin-bottom: 20px;
	margin-left:10px;

}

.ftxDescripBreu{
	letter-spacing:0px;
	margin-top:0px;
	width: 400px; 
	float: left; 
	font-size: 10px; 
	background-color:RGB(255, 252, 220); 
	text-align: left;
	margin-left:10px;
	}

	
.ui-state-highlight { width:1px; height:1px; background-color: rgb(113,113,113);}	


.sobre {opacity:0.5;}

#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { background-color:#000000;margin: 0px 0px 2px 2px; padding: 0px; float: left; width: 110px; height: 100px; font-size: 4em; text-align: center; }



.clAfegeixGuia{text-align:center;cursor: pointer; float: right; height: 38px; width: 17px; margin-top: 0px; margin-right: 0px; font-size: 15px; font-weight: bold; color: rgb(255, 255, 255);}
.clAfegeixGuia:hover{cursor:pointer;background-color:#ffffff;color:#000000;}
.clAfegeixGuiaSeleccio{text-align:center;cursor: pointer; float: right; height: 38px; width: 17px; margin-top: 0px; margin-right: 0px; font-size: 11px; font-weight: bold; color: rgb(255, 255, 255);}
.clFonsPrincipal {background-color:#ffffff}

#esperiUnMomentProgress{ background-image: url(img/base/wait30trans.gif); }





			.temes {
				//background-color:rgb(214,214,214);
				//border:2px solid rgb(214,214,214);
				float:left;
				font-family:verdana;
				font-size:10px;
				height:100%;
//				margin-left:6px;
//				margin-top:2px;
				overflow:hidden;
				padding-right:8px;
				width:120px;
				font-weight:bold;
				color:rgb(0,0,0);
				}


.tabs {

	float: left; 
	letter-spacing: 2px; 
	text-align: center; 
	width: auto; 
	height: 100%; 
	font-size: 12px; 
	font-weight: bold; 
	padding-top: 3px; 
	color: rgb(255, 255, 255); 
	background-color: rgb(213,213,213);
	margin-left:4px; 
	padding-left:10px;
	padding-right:10px;	
	}
	
.tabs:hover{
	border:solid 2px rgb(173,173,173);
	cursor:pointer;
	margin-top: -2px;
	}
	
	
	
.pestanya:hover{
color:#C40000;
cursor:help;
font-size:20px}	
	
#container {
  margin: 0 auto;
  width: 800px;
  }	
  
  
.encapBlau {
float:right;
letter-spacing:0px;
font-size:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
cursor:pointer;
}

.encapBlau:hover {
color:#ffffdd;
text-decoration:underline;
}
	
#encap{
height:50px;
}	
	
#map{
	top:-9px;
    margin-right:0px;  
	height:350px;
	left:0px;



	
	}
	
#mapLleg{
	top:0px;
	margin-right:0px;
	height:350px;
	

	
	}
	
#barraIcones{
	top:0px;
	margin-right:372px;
	height:35px;
	background-color:#eeeeee;
	}			
	
/*
#barraDreta{
	position:absolute;
	right:0px;
	top:8px;
	width:250px;
	overflow:hidden;
/*	border-left:5px solid #F8F7E0;*/
	padding:0px 5px 0px 10px;
	background-color:#FFFFFF;
}	
*/

#barraInferior{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50px;

}	
			
td {       
		font-family: Arial, Helvetica, sans-serif;
            }

th {
       	font-family: Arial, Helvetica, sans-serif;
            }
			
a {
		text-decoration:none;
		color: #AA0000;
  }

.icones:hover{
		background-color:#FF0000
}

.Button {
		width: 70px;
		height: 71px;
}

.Button a {
		display: block;
		width: 70px;
		height: 70px;
		background: url(boto_demo.jpg) no-repeat top left;
}

.Button a:hover {
		background-position: bottom left;
}

.tooltip {
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
           background-color:#ffffff;
		color:#39209F;
		font-size:11px;
		width:125px;
		text-align:center;
		font-weight:bold;
		padding:5px;
		border:0px #6699CC solid;
		letter-spacing:1px;
		opacity:0.9;
		}

.container{
		background-color:#ffffff;
		width:100%;
		height:100%;
		margin:0;
		  }


.cos_central{
		float:left;
		width:100%;
		background-color:#CCCCCC;
		min-height:90%;
	}

.barra_lateral{
        z-index:500;
		float:right;
		width:400px;
		background-color:#DDDDDD;
		opacity:0.95;
/*		visibility:hidden;  */
			}
			
.llista_carrers{
width:100%;
padding:2px 2px 2px 2px; 
height:auto;
overflow-x:hidden;
opacity:0.9;
float:none;
}			
			
.caixa_cercador {
		background-color:#FFFFFF;
		color:#FFFFFF;
		font-weight:bold;
	/*	border:1px #006699 solid; */
		opacity:1;
		width:100%;
		overflow-x: hidden; 
		min-height:10px;
		text-align:center;	
/*		visibility:hidden; */
		z-index:20;
}	
		
.botoTancar{
		width:16px;
		float:right;
	/*	border:#999999 2px solid;*/
	/*	padding:2px 2px 2px 2px; */
		margin-top:3px;
		height:10px;
		font-size:12px;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
			}

.resumNomIndret{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#808080;
		text-align:left;
		}

.sidebarInfo{
		float:right;
		background:#ffffff;
		}

.sidebarFont		{
		font-family: helvetica neue, helvetica, arial, sans-serif;
		color: black;
		}

.sidebarContainer{
		width: 168px;
		/*cssFloat: right;*/
		margin: 0;
		/*border-color: black;*/
}

.sidebarContainerIE	{
		  width: 168px;
		  position: absolute;
		  top: 33px;
		  right: 1px;
		  margin: 0;
		}

.a{
		text-decoration:none;
		}
		
.titolPetit{
		 /*align:center;*/
		 font-size:12px;
		 color:#ffffff;
		 background:#FFBE7D;
		 text-align:center;
		 font-weight:bold;
 }
 
.barracolumnaesquerra{
		opacity:0.9;
		width:100%;
		height:40px;
		background-color:#FFCA95;
		}	
		
		.barracolumnaesquerra_old{
		opacity:0.9;
		width:40px;
		height:90%;
		background-color:#FFCA95;
		}	
		
.elementcolumnaesquerra  {
		height:35px;
		width:34px;
		border:#FFC184 3px  solid;
		text-align:center;
		font-weight:bold;
		size:25px;
		color:#FF5F00;
        background-color:#ffffff;
}	

.elementcolumnaesquerra:hover{

		background-color:#A0A0A4;
		cursor:default;

}	

.sidebar{
		/*zIndex: 999;*/
		width: 150px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-left:25px;
		margin-right:25px;
		border:1px;
	}
	
	

.sidebarItem{
/*	border-left:5px solid #AA0000; */
		border-bottom:1px dotted #DFE0B6;
		height:50px;
		cursor:pointer;
		font-size: 11px;
		padding: 10px 0px 1px 10px;
		color: #333300;
		background-color: #ffffff;
		text-align: left;
		vertical-align:top;
		overflow-x:hidden;
		overflow-y: hidden;
		overflow:hidden;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		float:left;margin: 0px; padding-top: 0px; height: 37px; width: 230px; 
		}
		
		
.clImatgeElementLlegenda{
filter:alpha(opacity=100);background-color:#fffff;float: left;margin-right:10px;height:100%}		
		
.clDibuixElementLlegenda{
			float: left; height: 18px; width: 18px; margin-right: 8px; margin-top: 7px;}
		
.clDescripcioElementLlegenda{
			float: left; width: 140px; height: auto; letter-spacing: 0px;margin-top:7px;margin-bottom:5px;}
.clTxtDescripcioElementLlegenda{			
			color:#8c8c8c;height:20px;font-size:11px;margin-bottom:2px}
			
.sidebarItem2{
/*	border-left:5px solid #AA0000; */
		//border-bottom:1px dotted #DFE0B6;
		font-size: 11px;
		padding: 0px 0px 0px 0px;
		color: #AA0000;
		text-align: left;
		vertical-align:top;
		overflow:hidden;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		border: 2px solid rgb(236, 236, 236); 
		margin-left: 5px; 
		background-color: rgb(240, 240, 240); 
		height: 100px; 
		width: 120px; 
		float: left; 
		margin-top: 8px; 
		opacity: 1;		
		}		

.sidebarItemNumber{
		color:#ffffff;
		background:#FFBE7D;
		border:1px solid #AA0000;
		width:20px;
		float:left;
		text-align:center;
		font-weight:bold;
		}

.sidebarItem:hover {
		font-weight:bold;
/*		border-left:5px solid #5E93B5;  */
		text-decoration:underline;
		background-color:#FFFFBB;
  		}
		
/*.sidebarItem2:hover {
//
//		border-left:5px solid #5E93B5;  
//		text-decoration:underline;
//		background-color:#FFFFBB;
 // 		}	*/	

.sidebarItem:active {
		background:#FFFF00;
		text-decoration: none;
		}
		
.sidebarItem:visited{
		color: #DFE0B6; text-decoration: none; 
		}

.imatge_petita {
		padding:5px 0 0 0;
		vertical-align:middle;
		}

.quadre_cerca {
		vertical-align:bottom;
		height:42px;
		background-color:#DFE0B6;
		text-align: center;
		font-size:12px;
		color: #AA0000;
	/*	border-left:5px solid #AA0000;*/
		font-weight:bold;
	/*	text-shadow:#800000; */
		padding:0 5px 0 0;
		}

.sidebarItemHover{
		  color: #F26522;
		  background-color: #f9f9d1;
		}

.sidebarItemFocused{
		  color: #F26522;
		  background-color: #ccc;
		}

/*     Barra de menús      */ 
.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:45px; background:#fff url(prodrop2/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


.barraLateralPetita{width:100%;background-color:#54C707;height:20px}
.tabBarraDreta{width:30%;float:left;background-color:#EBF2F3;height:15px;font-size:12px;}

.iconaEsquerra_1{padding-left:1px;font-weight:bold;margin-top:2px;font-size:12px;text-align:center;width:10px;height:15px;border:1px solid #dddddd;background-color:#0000FF;float:left;margin-left:1px}
.iconaDreta_1{padding-left:1px;font-weight:bold;margin-top:2px;font-size:12px;text-align:center;width:10px;height:15px;border:1px solid #dddddd;background-color:#0000FF;float:right;margin-right:3px}
.barraLateralTexte{font-weight:bold;margin-left:10px;width:100%;height:17px;float:left;font-size:12px;padding-top:3px;text-align:center;color:#FFFFFF;}

.iconaEsquerra{padding-left:2px;font-weight:bold;margin-top:2px;font-size:12px;text-align:center;width:16px;height:15px;float:left;margin-left:3px;cursor:pointer;}
.iconaDreta{padding-left:2px;font-weight:bold;margin-top:2px;font-size:12px;text-align:center;width:16px;height:15px;float:right;margin-right:3px;cursor:pointer;}

.carrega {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
	z-index:1000;
}