/*--------------------------------------------------------------------
LAYOUT "corpo" Style - Praxis (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2008
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{background-color: #000; height:100%;/* HACK IE height: 100% */}


/*-------------------------------------------------------------------------
=FLASH
-------------------------------------------------------------------------*/
#flashBg {
  position: absolute; left: 0; top: 0;
  height: 100%; width: 100%; overflow: hidden;
}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#content{
	display: block; position: relative; top: 0; left: 0; width: 100%; height: 110px; padding: 10px 0;
	font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #ffffff;
	background: transparent url(../imgs/bg.png) repeat-x;
}
#content a{font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; text-shadow: #000000 0px 1px 1px;}
#content a:hover{color: #ba8748;}


/* NAV MAIN */
#content .navMain{
	display: block; position: relative; float: left; top: 0px; left: 0px; 
	width: 450px; height: 110px; padding: 0; margin: 0 0 0 40px;
}
#content .navMain h1{
	position: relative; display: block; float:left;	left: 0px; top: 0px;
	width: 247px; height: 110px; text-indent: -5555px;
	background: transparent url(../imgs/id.png) no-repeat left top;
}
#content .navMain h1 a{
	display: block;	width: 100%; height: 100%; text-indent: -5555px;
	text-decoration: none; border: none;
	background: transparent url(../imgs/id.png) no-repeat left top;
}
#content .navMain h1 a:hover, #content .navMain h1 a:focus{background-position: left bottom;}
#content .navMain p{
	display: block; position: relative; float: left; top: 0px; left: 0px; 
	width: auto; height: 20px; padding: 0; margin: 43px 0 0 40px;
	font: normal 14px/14px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #ba8748; text-decoration: none; text-shadow: #000000 0px 1px 1px;
}
#content .navMain p a{font-size: 14px;}


/* CONTACTOS */
#content .contactos{
	display: block; position: relative; float: right; top: 0px; left: 0px; 
	width: 250px; height: 110px; padding: 0; margin: 0 40px 0 0;
}
#content .contactos p.email{
	display: block; position: relative; float: right; top: 0px; left: 0px; 
	width: auto; height: 20px; padding: 0; margin: 44px 15px 0 0;
}
#content .contactos p.email a{color: #935f27; text-shadow: #000000 0px 1px 1px;}
#content .contactos p.email a:hover{color: #fff;}
#content .contactos p.myspace{
	display: block; position: relative; float: right; top: 0px; left: 0px; 
	width: 122px; height: 35px; padding: 0; margin: 25px 0 0 0;
}
#content .contactos p.myspace a{
	display: block; position: relative; width: 100%; height: 100%; padding: 0; margin: 0;
	background: transparent url(../imgs/icon-ms.png) no-repeat left top; text-indent: -5555px;
}
#content .contactos p.myspace a:hover{background-position: left bottom;}