
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul li {
    border: 0 none;
    font-family: inherit;
    font-size: 8pt;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
  
  
}

html {
	
	  overflow: hidden;
	
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
    font-weight: normal;
    margin: 0 0 1em;
}

body {
background-color: #FFFFFF;
    color: #161213;
     font-family:Verdana,Arial,sans-serif;
    font-size:1.1em;
    height: 100%;
}

a.filtreDown {
background:transparent url(../images/arrow_down.gif) no-repeat scroll right bottom;
padding-right:14px;
font-size:8pt;
border:0px solid #333333;
font-weight:bold;
text-decoration:underline;

}

a.filtreUp {
background:transparent url(../images/arrow_up.gif) no-repeat scroll right bottom;
padding-right:14px;
font-size:8pt;
border:0px solid #333333;
font-weight:bold;
color:#FF0000;
text-decoration:underline;

}


a.load {
	background:transparent url(../images/load2.gif) no-repeat scroll right bottom;
	padding-right:14px;
	font-size:7pt;
    color:#950000;
}

a.unload {
	font-size:7pt;
    color:#950000;
}


.imgLink {
    cursor: pointer;
    width:50px;
    border:1px solid #96BD34;
}

#exemple td{
	border-bottom:1px solid #96BD34;
	
}


#logos{
	
	 background-color:#ffffff;
	 opacity:0.8;
    bottom: 7px;
    height: 46px;
    right: 0;
    padding: 0 10px;
    position: absolute;
    z-index: 1000;
    cursor:pointer;
	
}

table{border:0px solid #ffff }

td aF{
color:#222222;

border:0px solid #333333;

text-decoration:underline;
}


#logos table td a {
   margin-right: 10px;
}





li a{
	font-size:9pt;
    color:#950000;
	
}

.N_text{
	background-color:#FFFFFF;
	background-image:url(/SDIExplorer/images/text-bg.gif);
	border-color:#B5B8C8;
	padding-bottom:0;
	padding-top:2px;
}

.N_label_bold{
font-family:Georgia,arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
	}
	
	  .N_label{
font-family:Georgia,arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
	}

#divMenuSup {
    
    font-size:8pt;
    height:15px;
    padding-top:5px;
    text-align:right;
    width:99%;
}

#div_env {
width: 100%;
min-width:980px;
margin: 0 auto;
}
#div_cont {
width: 100%;
margin-left:auto;
margin-right:auto;
min-width:768px;
}
#div_cap {
    background-image:none;   
    opacity:1;
width: 100%;
background-color:#DDDBDB;
height: 29px;
margin-bottom: 1px;
 min-width:450px;
}

#div_cap_igc {
    background-image:none;   
    opacity:1;
width: 100%;
height: 29px;
margin-bottom: 1px;
 min-width:450px;
}
#div_cerques {
width: 100%;
background-color:#D7D4C6;
height: 100%;
margin-bottom: 1px;
background-image: url("/SDIExplorer/images/logos/cartocat_back.png");
background-position: right center;
}

#tabs {
 box-shadow:1px 1px 3px #666666;
 border: 1px solid #CCCCCC;
}

#div_estadistiques {
border: 1px solid #CCCCCC;
width: 98%;
min-width:450px;
background-color:#ffffff;
height: 345px;
margin-bottom: 1px;
display:block;
 box-shadow:1px 1px 3px #666666;
}

#div_eines {
border: 1px solid #CCCCCC;
width: 98%;
min-width:450px;
background-color:#ffffff;
height: 341px;
margin-bottom: 1px;
min-height:100px;
display:block;
 box-shadow:1px 1px 3px #666666;
}

#div_facets {

border: 1px solid #CCCCCC;
width: 100%;
min-width:100px;
max-width:205px;
background-color:#ffffff;
min-height:390px; 
margin-bottom: 1px;

overflow:hidden;
 box-shadow:1px 1px 3px #666666;
}


#div_ff_abre{
	
	overflow:auto;
}

#div_ff_text{
	
	height:30px;
}





.ui-state-default {
    background: url("/SDIExplorer/css/images/pixel_boto_gris.gif") repeat-x scroll 50% 50% #A7BBC8;
    border: 1px solid #7C6E6E;
    color: #0D0D0D;
    font-weight: normal;
}








#div_resultats {
border: 0px solid #CCCCCC;
width: 270px;
min-width:250px;
background-color:#ffffff;
min-height:250px; 
margin-bottom: 0px;
display:block;

}

#div_cont2 { 
border: 0px solid #333333;
 width: 100%;
 height:100%;
 
 min-height:390px; 
 display:none; }


#div_geo {
border: 1px solid #cccccc;
min-height:390px;
width: 98%;
background-color:#ffffff;
margin-bottom: 1px;
 box-shadow:1px 1px 3px #666666;
}




#divTopMenu {
background-position:center left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:100px;
width:100%;
cursor:pointer;
background-image:url(/SDIExplorer/images/logos/cartocat_ok_81.png);
}

#divTopMenu_igc {
background-position:center right;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:99%;
width:155px;
background-image:url(http://www.igc.cat/web/img/global/logo_igc.jpg);
}


#capCentre{
	
	   margin-left: 17px;
}

.focusField{
    	
    background: none repeat scroll 0 0 #E1EAC9;
    	  border: 1px solid #D0CABC;
    float: left;
    padding: 5px;
    width: 100%;
    }
.idleField{   	
    	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0CABC;
    float: left;
    padding: 5px;
    width: 100%;
    }	

#btCerca{


    border: 2px solid #96BD34;
    border-radius: 0px;
    box-shadow: 0 1px 2px 1px #96BD34;
    color: #333333;
    cursor: pointer;
    font-family: Georgia,arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: -1px;
    padding: 4px 20px;
    
    
    text-shadow: 1px 1px 1px #FFFFFF;
  
}
    
.txtGris {font-style:italic; font-size: 7pt; color: #111111}

.N_Div_q{
	display:none; 
	z-index:1002; 
	background-color: #DDDBDB; 
	width:170px;
	height:190px;	
	position:absolute;	
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	border-color:#DDDBDB;
	border-style:solid;
	border-width:1px 4px 4px 1px;
	padding:1px;
    overflow:auto;
    border-right-color:#E4E4DF;
    border-bottom-color:#E4E4DF;
    font-family: Georgia,arial,helvetica,sans-serif;
    top: 56px;
	
	}
	
	
	.jsonSuggestResults2{
	display:none; 
	z-index:1002; 
	background-color: #DDDBDB; 
	width:170px;
	height:190px;	
	position:absolute;	
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	border-color:#DDDBDB;
	border-style:solid;
	border-width:1px 4px 4px 1px;
	padding:1px;
    overflow:auto;
    border-right-color:#E4E4DF;
    border-bottom-color:#E4E4DF;
	
	}
	div.jsonSuggestResults {
    background-color: #DDDBDB;
    border-color: #333333;
    border-style: solid;
    border-width: 1px 5px 5px 1px;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 9px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 190px;
    line-height: normal;
    margin: 1px;
    position: absolute;
    width: 180px;
    z-index: 2001;
}
div.jsonSuggestResults div.resultItem {
    cursor: pointer;
    height: auto;
    margin: 0;
    padding: 5px;
    position: relative;
}
div.jsonSuggestResults div.resultItem.odd {
    background-color: #DDDBDB;
}
div.jsonSuggestResults div.resultItem.even {
    background-color: #DDDBDB;
}
div.jsonSuggestResults div.resultItem.hover {
    background-color: #96BD34;
}
div.jsonSuggestResults div.resultItem img {
    float: left;
    margin-right: 10px;
}
div.jsonSuggestResults div.resultItem p {
    margin: 0;
    padding: 0;
}
div.jsonSuggestResults div.resultItem p strong {
    font-weight: bold;
    text-decoration: underline;
}
div.jsonSuggestResults div.resultItem p.extra {
    bottom: 3px;
    font-size: x-small !important;
    position: absolute;
    right: 3px;
}

.slider-range{
	width:80%;
	background-color: #DDDBDB; 
	
	
}
	
 .N_Div_q3{
	display:none; 
	z-index:1002; 
	background-color: #DDDBDB; 
	width:300px;
	height:230px;	
	position:absolute;	
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	border-color:#DDDBDB;
	border-style:solid;
	border-width:1px 4px 4px 1px;
	padding:5px;
    overflow:auto;
    border-right-color:#E4E4DF;
    border-bottom-color:#E4E4DF;
	
	}   
  
	
.N_label_max{
font-family:Georgia,arial,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
	}
		
	
.N_labelMin{
font-family:Georgia,arial,helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
	}	


.N_labelPro{
	font-family:Georgia,arial,helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
	}

.N_labelLegend{
font-family:Georgia,arial,helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
background-color: #FFD3AF;
padding:2px;
border-color:#e2e2e2;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	width:auto;
	height:auto;
	filter:alpha(opacity=80);
-moz-opacity:0.8;
	opacity:0.9;
	
	}		

    .ma{
	cursor:pointer;
	cursor:hand
}  
    .img{
	border:1px solid #F2F2F2;
    }


/*Tooltip*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid black;
padding: 10px;
background-color: white;
visibility: hidden;
z-index: 1100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1101;
visibility: hidden;
}

#tbl_Topo td:hover{

color:red;
}

.ps_Dt, .ps_Sr, .ps_Im, .ps_Sn ,.ps_Sj,.ps_Vs,.ps_Hs{
text-align:center;
color:#222222;
font-size:8pt;
text-decoration:underline;
cursor:pointer;
cursor:hand;
}
.ps_Or {
color:#222222;
font-size:8pt;
text-decoration:underline;
cursor:pointer;
cursor:hand;
}

.pd {
padding:10px;
}


#panel{
border: 0px solid #F4EED8;width:99%;height:140px;overflow:hidden;
background-color: #ffffff;
}


#mapa{
border: 0px solid #999999;top:0px;left:0px;width:100%;height:600px;
}

#a_inici{
position:absolute;
top:10px;
left:3%;
 color:#9B380D;
    font-size:1em;
    font-weight:bold;
text-decoration:underline;
}

.mdtitol{color:333333; font-family:Georgia,arial,helvetica,sans-serif; font-size:10pt; font-weight:bold;}
.mdsubtitol{font-family:Georgia,arial,helvetica,sans-serif; font-size:8pt; font-style:italic; font-weight:bold;}
.mdsubtitol1{font-family:Georgia,arial,helvetica,sans-serif; font-size:8pt;cursor: pointer;}

 .mtlxxxxx{
 color:#9B380D;
 font-family:Georgia,arial,helvetica,sans-serif; 
 font-size:8pt;
 /*background-color:ffffff;*/
 border:0px solid #333333;
 font-weight:normal;
 line-height:1.5em;
 margin:0;
 padding:2px;
 position:relative;
 text-align:center;
 text-decoration:underline;
 top:-0.3em;
 white-space:nowrap;
}


.mtl{
border: 0 solid #333333;
    color: #174F03;
    float: right;
    font-family: Georgia,arial,helvetica,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 1px;
    padding-right: 5px;
    text-decoration: underline;

}

.mtl1 {
    border: 0 solid #333333;
    color: #174F03;
    font-family: Georgia,arial,helvetica,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 1px;
    padding-right: 5px;
    text-decoration: underline;
}

.mtl0{
 color:#333333;
 font-family:Georgia,arial,helvetica,sans-serif; 
 font-size:8pt;
 font-weight:bold;
 /*background-color:ffffff;*/
 border:0px solid #333333;
 font-weight:normal;
 line-height:1.5em;
 margin:0;
 padding:2px;
 position:relative;
 text-align:center;
 text-decoration:underline;
 top:-0.3em;
 white-space:nowrap;
}













a.vOrg {
background:transparent url(../images/link2.png) no-repeat scroll right bottom;
padding-right:15px;
font-family:Georgia,arial,helvetica,sans-serif; 
font-size:8pt;
border:0px solid #333333;
font-weight:bold;
text-decoration:underline;
color:#950000;
}
a.ext {
background:transparent url(/SDIExplorer/images/misc/vincle.gif) no-repeat scroll right bottom;
padding-right:15px;
font-family:Georgia,arial,helvetica,sans-serif; 
font-size:8pt;
border:0px solid #333333;
font-weight:normal;
text-decoration:underline;
color:#950000;
}

a.mtlVoid{
color:#9B380D;
 font-family:Georgia,arial,helvetica,sans-serif; 
 font-size:8pt;
padding-right:2px;
font-family:Georgia,arial,helvetica,sans-serif; 

border:0px solid #333333;
font-weight:normal;
text-decoration:underline;

}


a.a_csv{
background:transparent url(/SDIExplorer/css/images/excel.png) no-repeat scroll right bottom;
padding-right:18px;
padding-top:5px;
font-family:Georgia,arial,helvetica,sans-serif; 
font-size:8pt;
border:0px solid #333333;
font-weight:bold;
text-decoration:underline;
color:#950000;
}

a.a_kml{
background:transparent url(/SDIExplorer/css/images/kml.png) no-repeat scroll right bottom;
padding-right:18px;
padding-top:5px;
font-family:Georgia,arial,helvetica,sans-serif; 
font-size:8pt;
border:0px solid #333333;
font-weight:bold;
text-decoration:underline;
color:#950000;
}

.botoMapa {
    background-color: #96BD34;
    
    float: right;
    height: 30px;
    line-height: 30px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 95%;
    
}

.botoMapa a{
color: #FFFFFF;	
	
}

a.a_home{
background:transparent url(/SDIExplorer/css/images/home_gray.png) no-repeat scroll right bottom;
padding-right:18px;
padding-top:5px;
font-family:Georgia,arial,helvetica,sans-serif; 
font-size:9pt;
border:0px solid #333333;
font-weight:bold;
text-decoration:underline;
color:#950000;
}

.d_csv {
	position: absolute;   
	top:10px;
	left: 70%;
	width: 150px;
	margin-left: 0px;
	border: 0px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 10px;
	}
.divService {
	background-image: url(/SDIExplorer/images/misc/wms.png);
	background-repeat: no-repeat;
	width:28px;
	height:28px;
    cursor:hand;
    cursor:pointer;
}
.divService_load {
	background-image: url(/SDIExplorer/images/misc/wmsl.png);
	background-repeat: no-repeat;
	width:28px;
	height:28px;
    cursor:hand;
    cursor:pointer;
}

.divService_out {
	background-image: url(/SDIExplorer/images/misc/igc_out.png);
	background-repeat: no-repeat;
	width:28px;
	height:28px;
    cursor:hand;
    cursor:pointer;
}

.divDownload {
	background-image: url(/SDIExplorer/images/misc/download.png);
	background-repeat: no-repeat;
	width:24px;
	height:24px;
    cursor:hand;
    cursor:pointer;
}

#cLL{

    font-family:Tahoma;
    font-size:8pt;
    margin-top:1px;
   margin-left:18px;
    padding:2px;
  
    height:14px;
}




  tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #96BD34;
}

  tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #96BD34;
}

 tr.even:hover {
	background-color: #96BD34;
}

 tr.even:hover td.sorting_1 {
	background-color: #96BD34;
}

  tr.even:hover td.sorting_2 {
	background-color: #96BD34;
}

  tr.even:hover td.sorting_3 {
	background-color: #96BD34;
}

  tr.odd:hover {
	background-color: #96BD34;
}

  tr.odd:hover td.sorting_1 {
	background-color: #96BD34;
}

 tr.odd:hover td.sorting_2 {
	background-color: #96BD34;
}

 tr.odd:hover td.sorting_3 {
	background-color: #96BD34;
}


table.display tr.even.row_selected td {
	background-color: #96BD34;
}

table.display tr.odd.row_selected td {
	background-color: #96BD34;
}

.ll{margin-top:5px;
	margin-left:10px;
	width: auto;
	}

#ll_Dataset{	
	border: 2px solid #0000FF  ;
	width:15px;
	height:10px;	
	}	
	#ll_Visor{	
	border: 2px solid #FF6600  ;
	width:15px;
	height:10px;	
	}	
	
	
	#ll_Historic{	
	border: 2px solid #0EBFF4  ;
	width:15px;
	height:10px;	
	}	
#ll_Servei{	
	border: 2px solid #A50909 ;
	width:15px;
	height:10px;	
	}	
#ll_Img{	
	border: 2px solid #009900  ;
	width:15px;
	height:10px;	
	}		
#ll_Sensor{	
	background-position:center;
background-repeat:no-repeat;
background-image:url(/SDIExplorer/images/llegendes/SENSOR.png);
	width:23px;
	height:20px;	
	}	
#ll_Sondeig{
	background-position:center;
background-repeat:no-repeat;
background-image:url(/SDIExplorer/images/llegendes/SONDEIG.png);
	width:23px;
	height:20px;	
	}	
#ll_Penetracio{	
	background-position:center;background-repeat:no-repeat;background-image:url(/SDIExplorer/images/llegendes/PENETRACIO.png);width:23px;height:20px;		
	}						

	
#tblLL_1{
vertical-align: middle;
border: 1px dotted #f2f2f2;
}


.divisor {
border:0px solid #ffffff;

height:15px;
width:5px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #6d5f5f; background: #ffd200 url(images/ui-bg_highlight-soft_65_ffd200_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #6a1515; }

.N_Div_q4{text-align:left;display:none;z-index:1002;background-color:#DDDBDB;width:auto;height:auto;position:absolute;font-size:9px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;border-color:#DDDBDB;border-style:solid;border-width:1px 4px 4px 1px;padding:5px;overflow:auto;border-right-color:#E4E4DF;border-bottom-color:#E4E4DF;}


.tdCap{
	
	border:0px solid #D7D4C6;
	height: 130px;
	
}

#dv_barraTemps{
	
	float: left;
    margin-left: 30px;
    margin-top: 15px;
    width: 84%;
	
}

#dialogImgM{	
z-index: 1000;		
}

.ui-dialog { 
z-index: 1000;
}

.irs-slider {
    cursor:pointer;
}
