* {
	margin:0 auto;
	padding:0;
	text-decoration:none;
	font-style:normal;
}

a img {border:0;}
a:link, a:active, a:visited {color:#000;}

body {background:url(images/bg.png) repeat-x; background-color:#233865;}

#geral {
	width:788px;
	display:table; 
}

#header {
	width:787px;
	height:75px;
}

#header h1 {
	width:330px;
	height:75px;
	float:left;
	text-indent:-9003em;
	background:url(images/logo.png);
}

.idiomas {
	width:185px;
	height:20px;
	float:left;
}

.idiomas p {
	float:right;
	padding:5px;
}

.blog_contato {
	width:185px;
	float:left;
	height:55px;
}

.blog_contato p {
	float:left;
}

.blog a {
	display:block;
	width:97px;
	float:left;
	text-indent:-9003em;
	height:55px;
	background:url(images/blog.png) no-repeat bottom;
}

.blog a:hover {
	background:url(images/blog_hover.png) no-repeat bottom;	
}

.contato a {
	display:block;
	width:84px;
	text-indent:-9003em;
	height:55px;
	background:url(images/contato_hover.png) no-repeat bottom;
}

.contato a:hover {
	background:url(images/contato.png) no-repeat bottom;	
}

#header h2 {
	width:264px;
	height:75px;
	float:left;
	text-indent:-9003em;
	background:url(images/slogan.png);
}

#shadow {
	width:788px;
	background:url(images/shadow_middle.png) repeat-y;
}

#descricao {
	width:788px;
	height:280px;
	background:url(images/descricao.png) no-repeat center center;
	text-indent:-9003em;
}

#port_destaque {
	width:760px;
	height:230px;
	background:url(images/bg_destaque.png) repeat-x;
}

#port_destaque h1 {
	width:410px;
	height:230px;
	float:left;
	text-indent:-9003em;
	background:url(images/site_destaque.png) no-repeat;
}

#port_destaque h2 {
	width:350px;
	height:94px;
	float:left;
	background:url(images/made_on_mac.png) no-repeat center center;
	text-indent:-9003em;
}

.site_destaque {text-align:center;}

.nome_destaque {
	height:41px;
	margin-top:50px;
	background:#979797;
}

.nome_destaque p {
	font:bold 16px 'Trebuchet MS', arial, verdana, sans-serif;
	padding-top:10px;
	color:#fff;
	text-align:center;
}

.ult_trab {
	width:760px;
	height:50px;
	text-align:center;
	background: url(images/ult_trab.png) no-repeat center;
	text-indent:-9003em;
}

.lista_webs {
	width:760px;
	height:290px;
	margin-top:30px;
	border-bottom:1px solid #4A739C;
}

.info {
	width:358px;
	height:236px;
	float:left;
}

.info h1 {
	font:51px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#233865;
	text-align:center;
}

.info p {
	font:14px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#233865;
	text-align:center;
}

.info h2 {
	font:33px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#233865;
	text-align:center;
}

.info h3 {
	width:240px;
	font:15px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#233865;
	text-align:center;
}

.foto_site {
	width:401px;
	height:236px;
	float:left;
	margin-bottom:15px;
}

.foto_site img {border:1px solid #233865;}

.site_destaque_link {
	width:400px;
	azimuth:center;
	text-align:center;
}

#made_on_mac {
	width:760px;
	text-align:center;
	margin-top:30px;
	padding-bottom:20px;
}

#made_on_mac address {
	font:13px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#194d82;
}

.site_destaque_link p {
	font:14px 'Trebuchet MS', verdana, arial, sans-serif;
	color:#233865;
	text-align:center;
}

/* POPUP */
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 15%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
	color: #233865;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	color: #233865;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}