@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#fff;
	margin: 0;
	padding: 0;


}

img {border: none;}

h3, h1 {
	color: #FFF;
	font-size: 11px;
	margin: 8px 0px 3px 0px;
	padding: 0;
	font-weight: bold;

}

p {
margin: 8px 0px 14px 0px;
padding: 0;
font-size: 11px;
line-height: 14px;
color: #FFF;
}

label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
form {margin:0;padding:0;}

.highlight {color: #d8b300; text-transform:uppercase;}
.tab {
	float: right; 
	width: 138px; 
	margin: 15px 3px 0px 0px; 
	height: 35px; 
	background:url(../images/tab.png) no-repeat bottom;
}
.selected {	background:url(../images/tabselected.png) no-repeat bottom;
}

.tab a {
		color:#FFF;
	font-size: 13px;
	
	padding: 10px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	text-align: center;
	}
.newsdate {font-weight: bold; font-style:italic; }
#resources ul {
	list-style:none;
	margin: 9px 0px 0px 0px;
	padding: 0;
}

#resources ul li {
	margin: 0px 0px 9px 0px;	
	padding: 0;
	color: #FFF;
}

#resources ul li img {
	float: left;
	margin: 1px 12px 0px 0px;
}
#content {width: 999px; margin: 0 auto; background-color: #FFF;}
#welcome {width: 290px; float: left; margin: 12px 10px 17px 20px;}
#welcome p {color: #55555d; font-size: 12px; line-height: 1.4em;}
#welcome ul li {color: #55555d;}
#welcome h3, #welcome h1 {
 color: #55555d; 
 font-size: 14px;
 margin-bottom: 8px;
}
.moreinfo {margin: 10px 0px; width: 600px; text-align:right; font-size: 12px;}
.line, .linelong {margin: 18px auto; clear:both; width: 999px; height: 1px; background-color: #d7d3dc; border-bottom: 1px solid #f1f0f0;}
.linelong {width: 600px;}
#laguna {width: 323px; float: left; margin: 0px 0px 18px 20px;}
#minha {width: 323px; float: left; margin: 0px 0px 0px 12px;}
#resources {width: 310px; float: left; margin: 30px 0px 10px 20px;}
#resources a {color: #FFF; font-weight: bold;}
#resources img {margin-bottom: 5px;}

#news {width: 294px; float: left; margin: 30px 0px 10px 26px; font-size: 11px; color: #FFF;}
#news a {color: #fff;}
#guide {
width: 292px; float: left; margin: 30px 0px 10px 40px;	
}
#footer {
width: 999px; margin: 0px auto;
clear:both; background: url(../images/menubar.png) repeat-x; height: 51px; margin-bottom: 25px; width: 999px;
}
#footerlinks { float: right; margin: 15px 25px 0px 0px; color: #FFF; }
#footerlinks a { color: #fff; font-size: 11px; text-decoration: none;}

#download {background-color: #676673; width: 580px; color:#FFF;  padding: 20px;}
#download p {color: #FFF; font-size: 19px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 90px; /*position where enlarged image should offset horizontally */

}