.scaleDropDownDiv{
	padding-top:2px;
	border-style: solid none solid solid; 
	border-color: #b0b0b0; /* color de l'element Escala*/
	-moz-use-text-color #E6E6E6 #E6E6E6;
	border-width: 1px 0px 1px 1px; 
	overflow: hidden; 
	width: 45px; 
	height: 16px; 
	white-space: nowrap; 
	cursor: pointer; 
	background-color: rgb(255, 255, 255);
}

.toc{
	border:0px solid black;
	font:11px Tahoma;
	float:left; 
	margin-top:0px; 
	margin-bottom:10px;
	margin-left:8px;
	margin-right:8px;
	height: 180px;
	width: 100%;
}

.toc input{font-size:10px; width:150px}

.treeGroup{font:8pt "Verdana";color:#000000;}
.treeLayer{font:8pt "Verdana";color:#000000;}
.treeGroupTitle{font:8pt "Verdana";color:#000000;}/* Utilitzat els DD */
.treeLevelTitle{font:8pt "Verdana";color:#000000;}
.contextMenuText{font:8pt "Arial";}

.text{font:11px "Tahoma";color:#000000;}
.textModificat{font:10px "Verdana";color:#a51d42;font-weight:bold;}/*color del text que informa de l'eina seleccionada*/
.textBold{font:11px "Tahoma";color:#000000; font-weight: bold;}
.textBoldGray{font-size:8pt; font-family:"Verdana"; color:#9F9F9F; font-weight:bold;}

.inputTextSmall{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;background-color:#E6E6E6;border-color:#525252;border-style:solid;border-width:1px;color:#444;padding-left:5px}

html,body{
	padding:0;
	border:none;
	background-color: #FFFFFF;
	overflow:hidden;
}

#logo{background:url("../img/logo_pacte.gif"); width:134px; height:45px; position:absolute; top:1px; left:0;}
#banner{background: url("../img/bg_banner.gif") repeat-x; height:73px; margin:0px; border-left:1px solid #5a0f23; border-right:1px solid #5a0f23;position:relative;z-index:2;}
#banner2{background: url("../img/bg_banner2.gif") repeat-x; height:61px; margin:0px; border-left:1px solid #5a0f23; border-right:1px solid #5a0f23;position:relative;}
#logo1{background: url("../img/logo_simae.gif"); height:60px; width:116px;float:left;}
#logo2{background: url("../img/logo_diba.gif"); height:60px; width:113px;float:right;}
#menu1{background:url("../img/bg_menu1.gif"); width:435px; height:45px; float:right; margin-top:1px; padding-left:140px;}
#menu1 span{font-family:Arial, Helvetica, sans-serif; font-size:10px; top:-3px; position:relative;}
#menu1 span a{ text-decoration:none; color:black; padding-top:0px;}
#menu1 span a:hover{ font-size:12px; font-weight:bold;}
#menu1 span.clase_span{color:white; width:350px; font-size:11px; position:absolute; right:-35px; margin-top:6px;}
#menu2 ul{display:block; height:21px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
#menu2 ul li{display:block; float:left; border-left:1px solid #A51D42;}
#menu2 ul li a{ text-decoration:none; color:#840427; padding:0 10px 0 10px;}
#menu2 ul li a:hover{ color:white; background:#5B0F24;}
#menu2 ul li.simae{ background:url(../img/boto_simae.gif); width:58px; height:21px; margin-top:-3px;}
#menu2 ul li ul.submenu1{display:none; height:21px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#menu2 ul li:hover ul.submenu1 li{padding:0; margin-top:10px;background:white;}
#menu2 ul li:hover ul.submenu1 li a{height:30px;margin:0;}
#menu2 ul li:hover ul.submenu1 li a.final{border-right:1px solid #A51D42;}
#menu2 ul li:hover ul.submenu1 li a:hover{color:white; background:#5B0F24;}
#menu2 ul li ul.submenu2{display:none; height:21px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#menu2 ul li:hover ul.submenu2 li{padding:0; margin-top:10px;background:white;}
#menu2 ul li:hover ul.submenu2 li a{height:30px;margin:0;}
#menu2 ul li:hover ul.submenu2 li a.final{border-right:1px solid #A51D42;}
#menu2 ul li:hover ul.submenu2 li a:hover{color:white; background:#5B0F24;}
#menu2 ul li ul.submenu3{display:none; height:21px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#menu2 ul li:hover ul.submenu3 li{padding:0; margin-top:10px;background:white;}
#menu2 ul li:hover ul.submenu3 li a{height:30px;margin:0;}
#menu2 ul li:hover ul.submenu3 li a.final{border-right:1px solid #A51D42;}
#menu2 ul li:hover ul.submenu3 li a:hover{color:white; background:#5B0F24;}
#menu2 ul li ul.submenu4{display:none; height:21px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#menu2 ul li:hover ul.submenu4 li{padding:0; margin-top:10px;background:white;}
#menu2 ul li:hover ul.submenu4 li a{height:30px;margin:0;}
#menu2 ul li:hover ul.submenu4 li a.final{border-right:1px solid #A51D42;}
#menu2 ul li:hover ul.submenu4 li a:hover{color:white; background:#5B0F24;}

.titleText{
	font:8pt "Verdana";
	font-weight: bold;
	color:#285078;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:0px;

}

.toolBoxStyle	{ 
	border:1px solid #CCCCCC;
	z-index: 9999;
	position: absolute;
	top:10px;
	left:260px;
	width:270px;/* afegir per cada nou boto */
	height:32px;
	
}

.toolBoxStyleBack	{ 
	border:0px;
	z-index: 9998;
	position: absolute;
	top:10px;
	left:260px;
	background-color: #ffffff;
	opacity:0.7;
	filter:Alpha(opacity=70);
	width:271px;
	height:33px;
}

.contentButtons	{ 
	border:0px;
	z-index: 10000;
	position: absolute;
	background-color: #ffffff;
	/*opacity:0.7;
	filter:Alpha(opacity=70);*/
	width:241px;
	height:33px;
}

.inputText {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;  
  background-color:#FFFFFF;
  border-color:#c0c0c0;
  border-style:solid;
  border-width:1px;
  color:#000000;
  padding-left:5px;
}

select{
  font:8pt "Verdana";
  color:#000000;
  background-color:#FFFFFF;
  border:1px solid;
  border-style: groove;
  border-color:#aaaaaa;	
  padding-left:1px;

}

.accordionTabTitleBar {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size           : 11px;
  padding             : 0px 6px 0px 6px;
  border-style        : solid none solid none;
  border-top-color    : #B6C7CC;
  border-bottom-color : #182052;
  border-width        : 1px 0px 1px 0px;
}

.accordionTabContentBox {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  border           : 1px solid #1f669b;
  border-top-width : 0px;
  padding          : 11px 8px 0px 8px;
}

.black10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.black11 {
	font-family: Verdana  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.blackBold10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.blackBold11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.blackBold12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#configDiv div {
	font:8pt "Verdana";
}

#configDiv select{
	width:165px;
	float:left;
	margin-left:10px;

}

#configDiv br{
	clear:both;
}

#configDiv a{
	cursor:pointer;
}

#configDiv input {
	margin:2px;
	margin-top:5px;
	width:65px;
	height:20px;
}

.draggable	{ 
	/*background-color:#eee; 
	border:1px solid #ccc; 
	font-size:80%; 
	font-family:sans-serif; 
	padding:0.2em */
}

.draggingNOW { 
	/*opacity:0.8;
	filter:Alpha(opacity=80);*/
}

.zoomBoxStyle	{ 
	z-index: 1000;
	position: absolute;
	top:100px;
	left:0px;
	width: 1px;
	height: 1px;
	visibility:hidden;
	background-color:#77A7CB;
	opacity:0.5;
	filter:Alpha(opacity=50);
}


/*MINIMAPA*/
.drawBoxStyle	{ 
	z-index: 1000;
	position: absolute;
	top:0px;
	left:0px;
	width: 1px;
	height: 1px;
	visibility:hidden;
	/*background: transparent; */
	background: #E6AC58;
	opacity:0.4;
	filter:Alpha(opacity=40);
	border: 2px solid #B5590B;
	cursor:pointer;
}
.printBoxStyle	{ 
	z-index: 1000;
	position: absolute;
	top:0px;
	left:0px;
	width: 1px;
	height: 1px;
	visibility:hidden;
	/*background: transparent; */
	background: #C1E5FF;
	opacity:0.6;
	filter:Alpha(opacity=60);
	border: 2px solid #000000;
	cursor:pointer;
}

#help{
	position: absolute;
	top:33%;
	left:33%;
	background:url(../img/bg_div_help.gif);
	width:336px;
	height:180px;
	z-index:1000;
	display:none;

}

#close_div{
	position: absolute;
	width:11px;
	height:11px;
	top:7px;
	left:318px;
}

/* Estils de la caixa on mostrem els missatges d'error */
#ErrorMessageBox{
	font-size:8pt;
	z-index:9999;
	position:absolute;
	top:40px;
	left:340px;
	width:400px;
	height:40px;
	overflow-y:auto;
	border:1px solid #ffffff;
	padding:3px;
	font-family:Verdana;
	cursor:pointer;
}

.exemplecerca{
font-family: Tahoma;
font-style:italic; 
font-size:10px; 
color:grey; 
margin-left:10px;
cursor:pointer;
}

.exemplecerca:hover{
color:blue; 
text-decoration:underline;
}


/* popup openlayers */
.olPopup
{
	overflow:inherit;
}

.olPopup *
{
	margin: 0px;
	padding:0px;
	font-size: 12px;
}

.olPopup a.close
{
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	right: 28px;
	background: url(script/img/close.gif) no-repeat top left;
	margin: 0px;
	font-size: 1px;
	padding: 0px;
}

.olPopup a.close:hover
{
	background: url(script/img/close-hover.gif) no-repeat top left;
}

.olPopup .olPopupContent
{
	min-width:200px;
	background-color: #ffffff !important;
	padding: 1px !important;
	margin: 0px !important;
	font-size: 0.80em;
}

.olPopup .olPopupContent h2
{
	font-size: small;
	text-align: center;
	padding: 2px 0px 2px 0px;
	margin: 0px 6px 0px 6px;
	text-transform:capitalize;
}

.olPopup .olPopupContent table
{
	border-collapse:collapse;
	overflow: auto;
	padding: 0px;
}

.olPopupContent table td
{
	padding: 4px;
	border: 1px solid #cccccc;
}

.falsetoolbarDiv{position:absolute;top:-37px; left:-7px;width:24px;height:24px; z-index:100; cursor:pointer}
.falsetoolbarDiv .ninoStreetView{width:24px;height:24px;background-image: url("../img/Street.gif") !important;}

.qtip-content {font-family:Arial,Helvetica;font-size:11px;color:#333}

#resultatsIndicadors{
	background-color: #ffffff !important;
}

.txtgrey2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#imgselectComarques{position:relative;top:3px;left:2px}
#imgselectMunicipis{position:relative;top:3px;left:2px}
#imgselectPoligons{position:relative;top:3px;left:2px}

.arbreVisible{
	display:block !important;
}