/* General */

body {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
  background: #ffffff;
  padding: 5px;
}

.geosurfer {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
  background: #ffffff;
  padding: 5px;
}

.no_pad {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
  background: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

.transparency {
	Background: transparent;
}

.semi {
	background-color: #f3f9f9; 
	margin: 0px;
	filter: alpha(opacity=75); 
	-moz-opacity: .75; 
	
}

.opaque {
	background-color: #f3f9f9; 
	border: 2px solid #A6C8DA;
	margin: 0px;
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	
}



td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

img {
	border: 0;
}

input {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	display:inline;
}

select, option {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

form {
	display:inline;
}

/* Links */
a {
	cursor: pointer;
	cursor: hand;
}

a:link {
	color: #000000;
	text-decoration: none;
	font-weight: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: none;
}
a:active {
	color: #000000;
	text-decoration: none;
	font-weight: none;
}

a.div_info:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
}

a.div_info:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
}

a.div_info:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
}
a.div_info:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
}


a.tornar_aca
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#007CC2;
  
}

a.tornar_aca:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#007CC2;
  
}


.tags {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: none;
	font-size: 11px;
}



/* Colors */

light_orange {
   color: #bb7733;   
}

dark_orange {
   color: #aa3300;   
}

light_gray{
   color: #cccccc;
}

dark_gray{
   color: #888888;
}

dark_blue {
   color: #08516B;
}

light_blue {
   color: #588fc3;
}

white {
   color: #ffffff;
}

black {
   color: #000000;
}

/* Specific */

.petit {
	font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.page_header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #08526B;
  padding: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.page_header2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #FFFFFF;
  background-color: #08526B;
  padding: 1px;
  margin-bottom: 10px;
}
.group_header {
	font-size: 11px;
	background-color: transparent;
	color: #08526B;
	font-weight: bold;
	text-transform: uppercase;
	border: 0px #000 solid;
	border-top: 5px #f3f9f9 solid;
}

.subgroup_header {
	font-size: 11px;
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
	border: 0px #000 solid;
}

.server_header {
	font-size: 12px;
	background-color: #5F91C5;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
	border: 1px #000 solid;
}

.server_footer {
	color: #888;
	border-top: 1px #888 solid;
	font-weight: bold;
	padding-top: 2px;
	float: left;
}

.layers_column1 {
	width: 20px;
	float: left;
	height: 20px;
}

.layers_column2 {
	width: 36px;
	float: left;
	height: 20px;
	padding-top: 2px;
}

.layers_column3 {
	float: left;
	height: 20px;
	padding-top: 2px;
}

.row0 {
	background-color: #ffffff;
}

.row1 {
	background-color: #eeeeee;
}

.layer_name {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #08526B;
  text-align: left;
  padding: 1px;
  margin-bottom: 10px;
}

.field_name {
	font-size: 11px;
	background-color: transparent;
	color: #08526B;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
	border: 0px #000 solid;
	width: 40%;
}

.field_header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dashed #08516B;
}

.field_value {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.field_link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}


.textbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #CEC7C6;
	background: #FFFFFF;
}

.combo {
  width: 170px;
  margin-top: 0pt;
  margin-right-value: 0pt;
  margin-bottom: 0px;
  margin-left-value: 0pt;
  margin-left-ltr-source: physical;
  margin-left-rtl-source: physical;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
  font-size: 1em;
  color: rgb(102, 102, 102);
}

.status {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-width: bold;
	color: #82212C;
}

.help {
	padding: 1px;
}

.maptip {
  background: #EEEEFF;
  border: 1px solid #8888AA;
  padding: 5px;
  filter:alpha(opacity=80);
  opacity: 0.8;
}

.tab_title {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
  background: transparent;
}



/* Buttons */
.button {
	background: url("../stuff/img/button.gif") 0 0 no-repeat;
	padding: 8px 40px 8px 40px;
	border: 0px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center
}

.button2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  padding: 2px 20px 2px 20px;
  position:relative;
  top:0px;
  border: 1px solid #CEC7C6;
  background: #DDF;
  background-color: #F6F6F6;
  margin-left: 0px;
  color: #000000;
  height: 20px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}

.mini_button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  padding: 2px 5px 2px 5px;
  position:relative;
  top:0px;
  border: 1px solid #CEC7C6;
  background: #DDF;
  background-color: #F6F6F6;
  margin-left: 0px;
  color: #000000;
  height: 18px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}

.mini_button_input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  padding: 2px 5px 2px 5px;
  position:relative;
  top:-1px;
  border: 1px solid #CEC7C6;
  background: #DDF;
  background-color: #F6F6F6;
  margin-left: 0px;
  color: #000000;
  height: 18px;
  text-decoration: none;
}

.button_sel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  padding: 2px 20px 2px 20px;
  position:relative;
  top:0px;
  border: 1px solid #666666;
  background: #DDF;
  background-color: #BBBBBB;
  margin-left: 0px;
  color: #000000;
  height: 20px;
  text-decoration: none;
  font-weight:bold;
  cursor: pointer;
  cursor: hand;
}

.type
{
	font-weight:bold;
}



/* Banner */
.consulta_dades 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#007CC2;
  font-weight:bold;
}

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

.div_scroll {
	width:1px;
	height:1px;
	position:absolute;
	top:30px;
	overflow:auto;
	
}