/************************************************************************
	
	Site:			dragonmax		[www.dragonmax.com.br]  	
	Author:		dragonmax		[www.dragonmax.com.br]  
	
	Listing Order:
	==============
	
	1 - Universal styles

	.wrapper

************************************************************************/

	

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

	*
	{
		margin: 0;
		padding: 0;
		outline: none;
	}

	body
	{
		background: url('../images/background.png');
		font-family: Arial, sans-serif;
		color: #4d4d4d;		
	}



/***********************************************************************
	2 - UNIVERSAL STYLES
************************************************************************/

	* .content
	{
		background: transparent;
		position: relative;
		margin: 0 auto; 
		width: 946px;
		height: 100%;
	} 

	.clear {
		clear:both;
		margin:0;
		padding:0;
	}

/***********************************************************************
	2 - HEADER
************************************************************************/

	#header
	{
		background: transparent;	
		position: relative;

		width: 100%;
		height: 460px;
		
		margin-top: 20px;
	}

	#header .content
	{
		background: transparent url('../images/header.png') center no-repeat;
	} 

	#header a.logo
	{
		background: url('../images/logo.png') no-repeat;
		position: absolute;
		
		text-decoration: none;
		text-indent: -9999px;
		overflow: hidden;	
		
		width: 465px;
		height: 90px;
		
		top: 46px;
		left: 46px;
	}

	#header h3.version
	{
		background: transparent;
		position: absolute;

		width: 300px;
		height: 143px;
		
		top: 105px;
		right: 53px;

		font-size: 9px;
		font-weight: normal;
		text-align: right;
		color: #777777;				display: none;		
	}
	
	

/***********************************************************************
	2 - LINKS
************************************************************************/

	#links
	{
		position: absolute;

		top: 110px;
		right: 48px;
		
		color: #4d4d4d;
		font-size: 11px;
	}

	#links a
	{
		margin: 5px;
		text-decoration: none;
	}

	#links a:link		{ color: #4d4d4d; }
	#links a:visited 	{ color: #4d4d4d; }
	#links a:hover		{ color: #aa0000; }
	#links a:active 	{ color: #4d4d4d; }



/***********************************************************************
	2 - MENU
************************************************************************/

	#menu
	{
		background: url('../images/menu.png') repeat-x;
		position: relative;
		
		width: 850px;
		height: 27px;

		margin: 0 auto; 
		top: 150px;
	} 		

	#menu li
	{
		float: left;
		display: block;
		list-style-type: none;
	}
	
	#menu li a
	{
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 27px;
		margin-right: 0px;
	}

	/* | HOME */
	#menu li.home { background: url('../images/menu_home.png') no-repeat;	}
	#menu li.home a {	width: 80px; background: url('../images/menu_home.png') no-repeat;	}
	#menu li.home a:hover {	background: url('../images/menu_home_hover.png') no-repeat;	}
	#menu li.home a.selected {	background: url('../images/menu_home_hover.png') no-repeat;	}

	/* | QUEM SOMOS */
	#menu li.empresa { background: url('../images/menu_empresa.png') no-repeat;	}
	#menu li.empresa a {	width: 130px; background: url('../images/menu_empresa.png') no-repeat;	}
	#menu li.empresa a:hover {	background: url('../images/menu_empresa_hover.png') no-repeat;	}
	#menu li.empresa a.selected {	background: url('../images/menu_empresa_hover.png') no-repeat;	}

	/* | CURSOS */
	#menu li.cursos { background: url('../images/menu_cursos.png') no-repeat;	}
	#menu li.cursos a {	width: 87px; background: url('../images/menu_cursos.png') no-repeat;	}
	#menu li.cursos a:hover {	background: url('../images/menu_cursos_hover.png') no-repeat;	}
	#menu li.cursos a.selected {	background: url('../images/menu_cursos_hover.png') no-repeat;	}

	/* | METODOLOGIA */
	#menu li.metodo { background: url('../images/menu_metodo.png') no-repeat;	}
	#menu li.metodo a {	width: 122px; background: url('../images/menu_metodo.png') no-repeat;	}
	#menu li.metodo a:hover {	background: url('../images/menu_metodo_hover.png') no-repeat;	}
	#menu li.metodo a.selected {	background: url('../images/menu_metodo_hover.png') no-repeat;	}

	/* | CONSULTORIA */
	#menu li.consult { background: url('../images/menu_consult.png') no-repeat;	}
	#menu li.consult a {	width: 117px; background: url('../images/menu_consult.png') no-repeat;	}
	#menu li.consult a:hover {	background: url('../images/menu_consult_hover.png') no-repeat;	}
	#menu li.consult a.selected {	background: url('../images/menu_consult_hover.png') no-repeat;	}

	/* | PARCEIROS */
	#menu li.parceiros { background: url('../images/menu_parceiros.png') no-repeat;	}
	#menu li.parceiros a {	width: 104px; background: url('../images/menu_parceiros.png') no-repeat;	}
	#menu li.parceiros a:hover {	background: url('../images/menu_parceiros_hover.png') no-repeat;	}
	#menu li.parceiros a.selected {	background: url('../images/menu_parceiros_hover.png') no-repeat;	}

	/* | LOCALIZAÇÃO */
	#menu li.local { background: url('../images/menu_local.png') no-repeat;	}
	#menu li.local a {	width: 117px; background: url('../images/menu_local.png') no-repeat;	}
	#menu li.local a:hover {	background: url('../images/menu_local_hover.png') no-repeat;	}
	#menu li.local a.selected {	background: url('../images/menu_local_hover.png') no-repeat;	}

	/* | CONTATO */
	#menu li.contato { background: url('../images/menu_contato.png') no-repeat;	}
	#menu li.contato a {	width: 93px; background: url('../images/menu_contato.png') no-repeat;	}
	#menu li.contato a:hover {	background: url('../images/menu_contato_hover.png') no-repeat;	}
	#menu li.contato a.selected {	background: url('../images/menu_contato_hover.png') no-repeat;	}

	
	
/***********************************************************************
	2 - BANNER
************************************************************************/

	#banner
	{
		background: transparent;	
		position: relative;

		width: 850px;
		height: 280px;
		
		margin: 0 auto;
		top: 141px;

	}

	#banner h3.banner1
	{
		position: absolute;

		width: 354px;
		height: 270px;
		
		top: 9px;
		left: 10px;
	}

	#banner h6
	{
		position: absolute;

		width: 400px;
		height: 230px;
		
		top: 9px;
		right: 10px;
	}

	/*#banner h6.img-home				{ background: url('../images/img-home.png') no-repeat; }*/ 
	#banner h6.img-empresa			{ background: url('../images/img-empresa.png') no-repeat; }
	#banner h6.img-cursos			{ background: url('../images/img-cursos.png') no-repeat; }
	#banner h6.img-curso_todos		{ background: url('../images/img-curso_todos.png') no-repeat; }
	#banner h6.img-metodologia		{ background: url('../images/img-metodo.png') no-repeat; }
	#banner h6.img-consultoria		{ background: url('../images/img-consult.png') no-repeat; }
	#banner h6.img-localizacao		{ background: url('../images/img-local.png') no-repeat; }
	#banner h6.img-contato			{ background: url('../images/img-contato.png') no-repeat; }
	#banner h6.img-aula_gratis		{ background: url('../images/img-aula_gratis.png') no-repeat; }
	#banner h6.img-trabalhe			{ background: url('../images/img-trabalhe2.png') no-repeat; }
	#banner h6.img-aula_online		{ background: url('../images/img-aula_online.png') no-repeat; }
	#banner h6.img-promo				{ background: url('../images/img-home-3.png') no-repeat; }
	



/***********************************************************************
	6 - ???
************************************************************************/

	#midsection 
	{
		background: transparent;	
		position: relative;

		width: 100%;
		height: 100%;
	}

	#midsection .content
	{
		background: url('../images/misection.png') center repeat-y;
		margin: -1px auto; /* OBS: -1px para corrigir linha no IE */
	} 
	

	
/***********************************************************************
	6 - INFO BAR
************************************************************************/

	#info-bar
	{
		position: relative;
		width: 250px;
		height: 100%;
		margin: 0 0 25px 26px;
	}
	
	#info-bar li.quadro
	{
		display: block;
		list-style-type: none;
		
		width: 250px;
		height: 100%;

		margin: 24px 0 0 0;
	}

	#info-bar li.quadro p
	{
		color: #303030;
		font-size: 11px;
		font-weight: normal;
		text-align: justify;
		line-height: 100%;
		margin: 8px 0;		
	}

	#info-bar li.quadro a
	{
		text-decoration: none;
		border: 0px;		
	}	

	
	#info-bar li.quadro img
	{
		border: 1px solid #303030;
		margin: 0;
		padding: 0;	
	}	


/* ////// */
	#info-bar h3 
	{
		width: 100%;
		text-align: left;
		font-size: 22px;
		border-bottom: 1px dotted #333333;
		color: #333333;
		line-height: 75%;
		margin: 0 0 10px 0;
	}

	#info-bar h3.contato
	{
		width: 100%;
		text-align: left;
		font-size: 14px;
		line-height: 120%;
		color: #333333;
		border-bottom: 1px solid #ffffff;
		padding: 0 0 3px 0;
	}

	#info-bar em.sub-title 
	{
		font-size: 9px;
		text-align: left;
		color: #666666;
	}

/* /// TABLE COLS  /// */
	#info-bar table.contato
	{
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 8px;
	} 

	#info-bar table.contato tr th 			
	{ 
		vertical-align: top;
		padding-bottom: 3px;
	}
	
	#info-bar table.contato th.label		
	{ 
		width: 45px;
		font-size: 10px;
		text-align: left;
		color: #666666;
	}
	
	#info-bar table.contato th.info	
	{
		font-size: 10px;
		text-align: left;
		color: #000000;
	} 
 
	#info-bar table.contato a 
	{	color: #1a1a1a; }	
 
	#info-bar table.contato a:hover
	{	color: #aa0000; }

		
 
/***********************************************************************
	6 - FOOTER
************************************************************************/

	/* FOOTER MIDSECTION */
	#footer-mid
	{
		background: url('../images/footer_mid.png') center no-repeat;	
		position: relative;
		margin: 0 auto; 
		width: 946px;
		height: 53px;
		font-size: 12px;
		font-weight: normal;
		/*color: #000;*/
	}

	#footer-mid li
	{
		float: left;
		display: block;
		list-style-type: none;
		margin: 5px 47px;
	}

	#footer-mid p
	{
		font-size: 11px;
		color: #333333;
	}

	#footer-mid a
	{
		font-size: 11px;
		color: #333333;
		text-decoration: none;
	}

	#footer-mid a:hover
	{
		font-size: 11px;
		color: #aa0000;
	}
		
	#footer-mid .left		{ position: absolute; left: 0px;  bottom: 11px; text-align: left;  }
	#footer-mid .right	{ position: absolute; right: 0px; bottom: 11px; text-align: right; }

	/* FOOTER PAGE */
	#footer-page
	{
		background: transparent;	
		position: relative;

		width: 100%;
		height: 25px;
		padding-bottom: 20px;
		
		
	}

	#footer-page .wrapper {
		width:946px;
		height:45px;
		margin:20px auto;
		font:10px/100% Arial,Helvetica,sans-serif;
	}
	
	#footer-page .wrapper ul {
	}	
	
	#footer-page .wrapper li {
		list-style:none;
		display:inline;
		float:left;
	}	

	#footer-page p
	{
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-top: 20px;
	}
	
	#footer-page a
	{
		margin: 5px;
		text-decoration: none;
		text-decoration:underline;
		color: #333333;
	}

	#footer-page a:hover	{ color: #f6b902; }