@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding:0px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
}
a:link, a:visited {
	color:#C10A19;
}
form {
	margin: 0px;
	padding:0px;
}
/*zona de topo*/
#header {
	width: 100%;
	height: 180px;
	background-image: url(images/topo_bg.jpg);
}
/*frame central da zona de topo*/
#header .frame {
	width: 990px;
	height: 180px;
	background-image: url(images/topo2.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#header .frame h1 {
	display: block; 
	float: left;
	width:100px;
	height: 100px;
	margin-top:40px;
	margin-left:10px;
}
#header .frame h1 a {
	display: block; 
	float: left;
	width:100px;
	height: 100px;
}
#header .frame h1 a span {
	display: none;
}
#header .frame p {
	width: 410px;	
	float: left;
	margin-top:100px;
	font-size:9px;
	margin-left:20px;
}
/*menu superior da zona de topo*/
#header .frame ul, #header .frame ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}
#header .frame ul li {
	float:left;
}
/*menu inferior*/
#header .frame ul.tabs {
	clear: both;
	margin-top:15px;
	margin-left:460px;
}
#header .frame ul.tabs li {
	left: -20px;
}
#header .frame ul.tabs li a {
	display:block;
	width: 159px;
	height: 22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	padding-top:5px;
	word-spacing: -2px;
	color: #0D811B;
	text-decoration:none;
}

/*TABS ************************************************************************************************************
	aqui usa-se 3 classes para o LI:
		first (para o primeiro LI), middle (para os LI intermédios, e LAST (para o último LI)
	
	para assinalar a selecção, usa-se 2 classes para o A:
		active (item activo assinalado) e beforeactive (item anterior ao assinalado). Isto devido a uma "perninha" da tab activa estar em cima da anterior.

*/

/*TAB  - Classe first   */
#header .frame ul.tabs li.first a:link, #header .frame ul.tabs li.first a:visited {
	background-image: url(images/tab_first.gif);
	width: 172px;
}
#header .frame ul.tabs li.first a.beforeactive:link, #header .frame ul.tabs li.first a.beforeactive:visited {
	background-image: url(images/tab_beforefirst.gif);
	width: 172px
}
#header .frame ul.tabs li.first a:hover, #header .frame ul.tabs li.first a.active, #header .frame ul.tabs li.first a.beforeactive:hover  {
	background-image: url(images/tab_first_on.gif);
	width: 172px
}

/*TAB  - Classe middle*/
#header .frame ul.tabs li.middle a:link, #header .frame ul.tabs li.middle a:visited {
	background-image: url(images/tab_middle_off.gif);
	width: 159px;
}
#header .frame ul.tabs li.middle a.beforeactive:link, #header .frame ul.tabs li.middle a.beforeactive:visited {
	background-image: url(images/tab_before_middle.gif);
	width: 159px;
}
#header .frame ul.tabs li.middle a:hover, #header .frame ul.tabs li.middle a.active, #header .frame ul.tabs li.middle a.beforeactive:hover {
	background-image: url(images/tab_middle_on.gif);
	width: 159px;
}

/*TAB  - Classe last*/
#header .frame ul.tabs li.last a:link, #header .frame ul.tabs li.last a:visited {
	background-image: url(images/tab_last_off.gif);
	width: 160px;
	padding-left:2px;
}
#header .frame ul.tabs li.last a:hover, #header .frame ul.tabs li.last a.active {
	background-image: url(images/tab_last_on.gif);
	padding-left:2px;
	width: 160px
}

/*menu superior*/
#header .frame ul.top {
	float: right;
}
#header .frame ul.top li {
	margin-right:20px;
	margin-top:20px;
	font-size:10px;
}
#header .frame ul.top li a {
	display: block;	
	height:20px;
	padding-top:10px;
}
#header .frame ul.top li a:first-child {
	
}
#header .frame ul.top li a.rss {
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:25px;
}
/*zona central*/
#body {
	width: 100%;
	height: 400px;
	background-image: url(images/fundo_bg.jpg);
	background-repeat: repeat-x;
	clear:both;
}

#body .frame {
	width: 990px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
}