/************************************************************************
	
	Site:			dragonmax		[www.dragonmax.com.br]  	
	Author:		dragonmax		[www.dragonmax.com.br]  
	
	Listing Order:
	==============
	
	1 - HOME
	2 - QUEM SOMOS
	3 - CURSOS
	4 - METODOLOGIA
	5 - CONSULTORIA
	6 - LOCALIZAÇÃO
	7 - CONTATO

************************************************************************/



/***********************************************************************
	1 - MIDSECTION CONTENT
************************************************************************/

	#midsection .main 
	{
		position: relative;
		margin: 0 auto;
		padding: 30px 0;
		
		width: 850px;
		height: 100%;
	}
	
	/* TÍTULOS DAS PÁGINAS */
	#midsection .main h3.title
	{
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		
		border-bottom: 1px dotted #333333;
		margin: 5px 27px 0 0;
		line-height: 120%;
		color: #333333;
	} 

	#midsection .main h3.title2
	{
		font-size: 24px;
		font-weight: bold;
		text-align: left;
		
		border-bottom: 1px dotted #333333;
		margin: 5px 0 0 0;
		line-height: 120%;
		color: #333333;
	} 

	#midsection .main h3.sub-title
	{
		background: #f2f2f2;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		
		margin: 5px 0 0 0;
		line-height: 120%;
		color: #4d4d4d;
		width: 520px;
	}
	 
	#midsection .main span.title
	{
		font-size: 10px;
		text-align: left;
		color: #666666;
	} 
	
	/* TABLE COLS */
	#midsection .main table.midsection
	{
		border-collapse: collapse;
		border-spacing: 0px;
		width: 100%;
	} 

	#midsection .main table.midsection tr th 			
	{ 
		vertical-align: top;
		text-align: left;
	}
	
	#midsection .main table.midsection th.left-col		
	{
		width: 550px;
		/*border: 1px dotted #00aa00;*/ 
	}
	
	#midsection .main table.midsection th.right-col	
	{ 
		background: url('../images/promo-midle.png') center repeat-y;
		width: 300px;
		/*border: 1px dotted #0000aa;*/
	} 

	#midsection .main p
	{
		font-size: 15px;
		font-weight: normal;
		text-align: justify;
		line-height: 150%;
		margin-right: 27px;
	}

	/*
	#midsection .main img
	{
		margin: 0 27px 0 0;
	}
	*/

	#midsection a.voltar
	{
		position: absolute;
		background: url('../images/voltar.png') no-repeat center;
		text-indent: -9999px;
		overflow: hidden;
		height: 25px;
		width: 89px;
		margin-right: 0px;		
		text-decoration: none;
		left: 0px;
	}		

	#midsection a.voltar:hover
	{
		background: url('../images/voltar_hover.png') no-repeat center;
	}
	
	#midsection h3.form-contato
	{
		position: relative;
		width: 520px;
		height: 400px;
		left: -14px;
	}
	
	#midsection h3.form-trabalhe
	{
		position: relative;
		width: 520px;
		height: 1200px;
		left: -14px;
	}

	#midsection h3.form-ferias
	{
		position: relative;
		width: 520px;
		height: 500px;
		left: -14px;
	}	
	
	#midsection h3.form-aulagratis
	{
		position: relative;
		width: 520px;
		height: 1100px;
		left: -14px;
	}	

	#midsection h3.form-consultoria
	{
		position: relative;
		width: 520px;
		height: 550px;
		left: -14px;
	}

	#midsection h3.form-promocao
	{
		position: relative;
		width: 520px;
		height: 2000px;
		left: -14px;
	}

	#midsection a.link
	{
		font-size: 12px;
		font-weight: normal;
		color: #808080;
		text-decoration: none;
	}	
	
	#midsection a.link:hover
	{
		color: #aa0000;
		border-bottom: 1px dotted #aa0000; 
	}


/***********************************************************************
	1 - HOME
************************************************************************/

	#home
	{
	
	}
	
	#home h3.movie
	{
		background: #ffffff;
		height: 326px;
		width: 435px;
		border: 8px solid #ececec;
		margin: 10px 35px 10px 35px;
	}
	
	
	#home a.obs-movie
	{
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		color: #666666;
		margin-left: 145px;
		text-decoration: none;
	}		

	#home a:hover
	{
		color: #aa0000;
	}
	
	#home em.youtube
	{
		background: url('../images/youtube_ico.png') center no-repeat;
		position: absolute;
		width: 43px;
	} 

	#home h4
	{
		text-align: center;
		width: 522px;
	}

	#home div.promocao
	{
		background: transparent;

		width: 500px;
		height: 273px;
		margin-right: 30px;
	}

	#home div.promocao p
	{
		font-size: 15px;
		font-weight: normal;
		text-align: justify;
		
		padding: 120px 0 0 70px;
		margin: 0 130px 0 0;
	}

	#home div.promocao a
	{
		color: #FFCC00;
		text-decoration: none;
	}
	
	
	#home div.promocao a:hover
	{
		color: #aa0000;
		border: none; 
		text-decoration: none;
	}
	
	

/***********************************************************************
	2 - QUEM SOMOS
************************************************************************/

	#empresa 
	{
	
	}

	

/***********************************************************************
	3 - CURSOS
************************************************************************/

	#cursos
	{
	
	}

	#cursos ul.topic
	{
		position: relative;
		margin: 0;
		height: 45%;
		width: 100%;
	}
	
	#cursos ul.topic li 
	{
		list-style-type: none;
		/*padding: 20px 0 0 0;*/
		margin: 20px 0 0 0;
	}

	#cursos ul.list
	{
		margin: 5px 0 8px 0;
	}
	
	#cursos ul.list li 
	{
		list-style-type: square;
		list-style-position: inside; 
		font-size: 13px;
		margin: 0;
		padding: 0;
	}

	/* TABLE DATA */
	#cursos table.table-data
	{
		background: #f2f2f2;
		border-collapse: collapse;
		width: 520px;
	} 

	#cursos table.table-data tr th
	{
 		font-weight: normal;
 		text-align: left;
 		padding: 18px 18px 18px 0;
 		vertical-align: top;
 	}

	#cursos table.table-data tr th.label-img
	{
		width: 200px;
 	}

	#cursos table.table-data img
	{
 		margin: 0px;
 		border-left: 18px solid #f2f2f2; 
	}

	#cursos table.table-data p
	{
		font-size: 13px;
		font-weight: normal;
		text-align: /*left*/ justify;
		line-height: 120%;
		margin-right: 3px;
	}

	#cursos table.table-data h2.title
	{
 		margin: 0 0 8px 0;
		color: #333333;
	}	

	#cursos table.table-data h2.title-curso
	{
		font-size: 18px;
 		margin: 0 0 20px 0;
 		color: #333333;
	}

	#cursos table.table-data h2.title-parceiro
	{
		font-size: 13px;
		font-weight: bold;
 		margin: 0 0 20px 0;
 		color: #333333;
	}	

	#cursos object
	{
		margin-right: 70px;
	}
	
	#cursos span.movie
	{
		font-size: 12px;
		margin-right: 70px;
	}
	
	#cursos a img
	{
		text-decoration: none;
		border: 0px;
	} 
	
	#cursos a.obs
	{
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		color: #666666;
		text-decoration: none;
		margin-left: 120px;
	}	

	#cursos a.obs:hover
	{
		border-bottom: 1px dotted #aa0000;
	}

	#cursos a.obs-mais
	{
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		color: #666666;
		text-decoration: none;
		margin-right: 15px;
	}	
	
	#cursos a:hover
	{
		color: #aa0000;
	}
	
	#cursos ul.on-line li 
	{
		list-style-type: square;
		list-style-position: inside; 
	
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		
		margin: 0 0 9px 0;
	}	
	
	
	
/***********************************************************************
	4 - METODOLOGIA
************************************************************************/

	#metodo 
	{
	
	}
	
	#metodo h4
	{
		text-align: center;
		margin-right: 70px;
	}

	#metodo a.obs
	{
		font-size: 12px;
		font-weight: bolder;
		text-align: center;
		color: #aa0000;
		text-decoration: none;
		margin-left: 160px;
	}		

	#metodo a.obs:hover
	{
		color: #aa0000;
		border-bottom: 1px dotted #aa0000; 
	}
 
	#metodo a.outro
	{
		border: 0px;
		text-decoration: none;
	}



/***********************************************************************
	5 - CONSULTORIA
************************************************************************/

	#consult
	{
	
	}
	


/***********************************************************************
	6 - LOCALIZAÇÃO
************************************************************************/

	#local
	{
	
	}
	

	#local h3.map
	{
		width: 520px;
		height: 750px;
		margin-right: 27px;
		text-align: center;
	}

	#local h3.map a
	{
		font-size: 11px;
		text-decoration: none;
	}

	#local p.chamada
	{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}


/***********************************************************************
	7 - CONTATO
************************************************************************/

	#contato
	{
	
	}

	/* TABLE DATA */
	#contato table.contato-lista
	{
		background: #f2f2f2;
		font-size: 12px;
		border-collapse: collapse;
		width: 520px;
	}

	#contato table.contato-lista tr th
	{
 		font-weight: normal;
 		text-align: left;
 		padding: 5px 0;
 		/*border: 1px dotted #aa0000;*/
		text-align: left;
 	}

	#contato table.contato-lista img
	{
 		margin: 0px;
 		padding: 0 0 0 10px;
	}
	
	#contato h4 
	{
		text-align: left;
	}
	
	#contato ul.list li 
	{
		list-style-type: square;
		list-style-position: inside; 
	
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		
		margin: 0 0 9px 0;
	}
	
	#contato div.atend-online
	{
		position: absolute;
		
		width: 135px;
		height: 55px;
		
		left: 380px;
		top:	185px;
	}
	
	#contato table.contato-lista a
	{
		color: #808080;
		text-decoration: none;
	}	
	
	#contato table.contato-lista a:hover
	{
		color: #aa0000;
		border-bottom: 1px dotted #aa0000; 
	}
	
	#contato img.quadro-imagem
	{
		margin: 0px;
		border: 0px;
	}	
	
	