@charset "utf-8";
img{ border: 0pt; }

#vista_toolbar {
	font:normal 12px 'Trebuchet MS','Arial';
	margin:0;
	padding:0;
	float: left;
}
body {
	background-color: #CCD8E6;
	margin: 0px;
}


#vista_toolbar ul {
	background-image:url(../images/geo_06.gif);
	background-repeat:repeat-x;
	float:left;
	line-height:30px;
	list-style:none;
	margin:0;
	width:755px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
	color:#FFFFFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; /* left 3 px because of left.png image */
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#vista_toolbar a span {
	display:block;
	float:none;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 15px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background:url(../images/left_05.gif) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(../images/right_05.gif) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
