a{text-decoration:none; color: #006699}
a:visited{color: #006699}
a:hover{color: #000000}
a:active{color: #cc6600}
a:visited:hover{;color: #cc6600}
#b{text-decoration:none; color:#015987;}
#b:visited{color:#015987} 
#b:hover{color:#015987} 
#b:active{color:#015987} 
#b:visited:hover{color:#69a5c7} 
 
body   {font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 10px; background-color:#FFFFFF; border: none;}
p      {font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; }
td     {font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 10px; border: none; padding-left:2px;padding-right:2px;}
h2     {font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px;}

select,input   {font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 10px; color: #000096; background-color:  #FFFFFF;}

.header
{
//   float: left;
   font-size:16px;
   text-align:center;
   vertical-align:middle;
   position: absolute;
   clear: none;
   width:909px;
   height:60px;
   left:150px;
   top:5px;
   margin-bottom: 10px;
   vertical-align:middle;
}

.Demografia     
{
//   float: left;
   position: absolute;
   clear: none;
   width: 400px;
   height: 120px;
   left:51px;
   top:60px;
   vertical-align:middle;
   border: solid;
   border-color: crimson;
}
 
.Economia
{
//   float: left;
   position: absolute;
   clear: none;
   width: 400px;
   height: 190px;
   left:44px;
   top:340px;
   vertical-align:middle;
   border: solid;
   border-color:indianred;
 }

.Tecnologia
{
//   float: left;
	position: absolute;
	clear: none;
	width: 400px;
	height: 180px;
	vertical-align:middle;
	border: solid;
	border-color: green;
	left: 44px;
	top: 540px;
}

.Energia
{
//   float: left;
	position: absolute;
	clear: none;
	width: 400px;
	height: 150px;
	vertical-align:middle;
	border: solid;
	border-color:orange;
	left: 44px;
	top: 730px;
}

.Infraestructura_transport
{
//   float: left;
	position: absolute;
	clear: none;
	width: 400px;
	height: 190px;
	vertical-align:middle;
	border: solid;
	border-color:red;
	left: 460px;
	top: 60px;
}

.Trafic_passatgers
{
//   float: left;
	position: absolute;
	clear: none;
	width: 400px;
	height: 300px;
	vertical-align:middle;
	border: solid;
	border-color:yellow;
	left: 701px;
	top: 609px;
}

.Trafic_mercaderies
{
//   float: left;
	position: absolute;
	clear: none;
	width: 400px;
	height: 500px;
	vertical-align:middle;
	border: solid;
	border-color:blue;
	left: 756px;
	top: 812px;
}

.tooltip
{
//   float: left;
	visibility: hidden;
	position: absolute;
	background-color: #FFFFCC;
	border: 1px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	width: 150px;
	height: 100px;
	left: 372px;
	top: 126px;
	vertical-align: top;
	z-index: 1;
}

.boto{
//   float: left;
	position: absolute;
	clear: none;
	width: 129px;
	height: 26px;
	vertical-align:middle;
	border: 2px;
	border-color:#FFFFFF;
	border-bottom:5px;
	border-bottom-color:#FFFFFF;
	left: 897px;
	top: 43px;
}

.Resultats     
{
//   float: left;
   position: absolute;
   clear: none;
   width: 400px;
   height: 445px;
   left:870px;
   top:60px;
   vertical-align:middle;
   border: solid;
   border-color:black;
}
 
select,input{
text-align:right;
width:80px;
}
.form_static{
background-color:#CCCCCC;
}
.text_info{
padding:10px;
font-size:12px;
background-color:#FFFFFF;
}
.sub_title{
	font-size:14px;
}
.fons_res{
	background-image:url(imatges/fons2.gif);
	color:#FFFFFF;
}
.fons_res_top{
	background-image:url(imatges/top2.gif);
	height: 27px;
	color:#FFFFFF;
}
.fons_res_bot{
	background-image:url(imatges/inf2.gif);
	color:#FFFFFF;
}
.resB{
font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 20px; color:#FFFFFF;
}
.resB2{
font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 14px; color:#FFFFFF;
}
.resOK{
font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 20px; color:#FF0000;
}
.resKO{
font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 20px; color:#00FF00;
}

