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

	.wrapper

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

	

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

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

	body
	{
		background: #ffffff url('../images/background_grass.jpg');
		font-family: Arial, sans-serif;
		color:#000000;
		/* overflow: hidden; */
	}

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

	/*
	@media screen
	{
		body>div#footer{ position:fixed; }
	}
	*/

/***********************************************************************
	1 - HEADER
************************************************************************/

	#header
	{
		/*
		position: relative; 
		*/

		width: 100%;
		height: 240px;
		
		top: 0px;
	}

	#header .content
	{
		background: url('../images/banner.jpg');
	}

	#header .left 
	{
		background: #192121 url('../images/header_green.png');	
		position: absolute; 

		width: 43%;
		height: 120px;
		left: 0px;
	}


	#header h3.logo
	{
		background: transparent url('../images/header_logo.png') no-repeat;
		position: absolute;

		width: 356px;
		height: 120px;
		
		top: 0px;
		left: 0px;
	}

	#header p.message
	{
		background: transparent url('../images/message_reader.jpg') no-repeat;
		position: absolute;
			
		top: 34px;
		left: 390px;
		font-size: 15px;
		color: #ffffff;
	}

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

		width: 300px;
		height: 22px;

		right: 80px;
		bottom: 10px; 
		text-align: right;

		color: #808080;
		font-size: 10px;
	}	

	

/***********************************************************************
	2 - MIDSECTION
************************************************************************/

	#midsection 
	{
		/*
		position: relative; 
		*/

		width: 100%;
		height: 100%;
		
		/*
		border-top: 3px solid #ffffff;
		border-bottom: 3px solid #ffffff;
		*/
	}

	#midsection .content
	{
		background: #EFEFEF;
		border-top: 5px solid #ffffff;
		border-bottom: 15px solid #ffffff;
	}


	#midsection h3.bolas
	{
		background: transparent url('../images/bolas.jpg') no-repeat;
		position: absolute;

		width: 207px;
		height: 140px;	
			
		top: 283px;
		left: 60%;
	}
	
	#midsection .left 
	{
		background: transparent;	
		position: relative; 

		width: 100%;
		height: 100%;
		left: 0px;

		/*border: 1px dotted #808080;*/
		margin: 3% 0;
	}

	#midsection .right 
	{
		background: transparent;	
		position: relative; 

		width: 100%;
		height: 100%;
		
		right: 0px;
		
		/*border: 1px dotted #808080;*/
		margin: 3% 0;
	}

	#midsection .contact-1 
	{
		background: transparent;	
		position: absolute; 

		width: 100%;
		height: 85%;
		
		left: 0px;
		bottom: 0px;
	}

	#midsection .contact-2 
	{
		background: transparent;	
		position: absolute; 

		width: 45%;
		height: 85%;
		
		right: 0px;
		bottom: 0px;
	}
	
	#midsection p.text 
	{
		color: #000000;
		font-size: 18px;
		text-align: justify;
		margin-top: 20px;
		line-height: 137%;
		
		margin-left: 30px;
		margin-right: 30px;
	}

	#midsection h3.thanks
	{
		color: #F6B801;
		font-size: 25px;
		font-style: italic;
		margin-top: 30px;
		margin-left: 30px;
	}


	#midsection p.signature 
	{
		font-size: 14px;
		text-align: left;	
		margin-top: 30px;
		line-height: 120%;
		font-weight: bold;
		margin-left: 30px;
	}

	#midsection span.at 
	{
		color: #000000;
		font-size: 12px;
		font-style: italic;
	}

	#midsection span.ass 
	{
		color: #000000;
		font-size: 16px;
		font-style: italic;
	}
	
	#midsection h3.topic 
	{
		color: #000000;
		font-size: 15px;
		border-bottom: 1px dotted #808080;
		line-height: 140%;
		
		/*
		margin-left: 30px;
		margin-right: 30px;
		*/
	}

	#midsection p.sub-topic
	{ 
		text-align: left;
		font-size: 10px;
		
		/*
		margin-left: 30px;
		margin-right: 30px;
		*/

	}

	#midsection ul.contact_links
	{
		background: transparent;
		position: absolute;
		
		width: 100%;
		height: 220px;
		/*border: 1px dotted #505050;*/
	}
	
	#midsection ul.contact_links li
	{
		display: block;
		list-style-type: none;
		margin: 2px 0 15px 0;
		
		/*border:1px dashed #000;*/
	}
	
	#midsection ul.contact_links li a
	{
		display: block;
		text-indent: 10px;
		overflow: hidden;
		width: 100%;
		height: 32px;
		margin-bottom: 10px;

		text-decoration: none;
		color: #000000; 
		font-style: normal;
		font-weight: lighter;
		font-size: 15px;
	}


	/* Phone */
	#midsection .right ul.contact_links li.phone { background: url('../images/phone.png') no-repeat; }
	#midsection .right ul.contact_links li.phone a {	background: url('../images/phone.png') no-repeat; margin-right: 3px; }
	#midsection .right ul.contact_links li.phone a:hover {	background: url('../images/phone.png') no-repeat; }

	/* Email */
	#midsection .right ul.contact_links li.email { background: url('../images/email.png') no-repeat; }
	#midsection .right ul.contact_links li.email a {	background: url('../images/email.png') no-repeat; margin-right: 3px; }
	#midsection .right ul.contact_links li.email a:hover {	background: url('../images/email.png') no-repeat; }
	#midsection .right ul.contact_links li.email a:hover {	color: #aa0000;	 }

	/* Skype */
	#midsection .right ul.contact_links li.skype { background: url('../images/skype.png') no-repeat; }
	#midsection .right ul.contact_links li.skype a {	background: url('../images/skype.png') no-repeat; margin-right: 3px; }
	#midsection .right ul.contact_links li.skype a:hover {	background: url('../images/skype.png') no-repeat; }

	/* Messenger */
	#midsection .right ul.contact_links li.msn { background: url('../images/msn.png') no-repeat; }
	#midsection .right ul.contact_links li.msn a {	background: url('../images/msn.png') no-repeat; margin-right: 3px; }
	#midsection .right ul.contact_links li.msn a:hover {	background: url('../images/msn.png') no-repeat; }

	#midsection span.contact
	{
		color: #444444;
		font-size: 11px;
		margin-left: 10px;
	}

	#midsection p.obs
	{
		color: #444444;
		font-size: 14px;
		text-align: justify;
		
		margin-left: 30px;
		margin-right: 30px;	
	}

	#midsection span.worng-info
	{
		color: #505050; 
	}
	
	#midsection h5.topic-left
	{
		color: #000000;
		font-size: 10px;
		text-align: left;
	}

	#midsection h5.topic-right
	{
		color: #000000;
		font-size: 10px;
		text-align: left;
	}

	#midsection .right span em.on
	{
		color: #0000aa;
		font-weight: normal;
	}

	#midsection .right span em.off
	{
		color: #aa0000;
		font-weight: normal;
	}

	#midsection div.Err
	{
		background: #ffebe8 /*url('logo.png') no-repeat*/;
		
		border: 1px solid #aa0000;

		width: 739px;
		height: 36px;
		
		margin-left: 30px;
		margin-right: 30px;	
	}
	
	#midsection div.Err p
	{
		font-size: 11px;
		color: #333333;
		margin: 5px 10px 0 10px;
	}


/***********************************************************************
	3 - FORM
************************************************************************/

	form.msg fieldset
	{
		width: 739px;
		border: 0px;
		
		margin-left: 30px;
		margin-right: 30px;
		
		/*border: #aa0000 1px dotted;*/
	}	

	form.msg fieldset p
	{
		padding: 1px 0 5px 0;
	}	

	form.msg label
	{
		width: 220px;
		float: left;
		padding-top: 7px;

		color: #000000;
		font-size: 18px;
		font-weight: normal;
		text-align: left;
	}
	 
	form.msg input, select, textarea
	{ 
		background: #ffffff;
		border: 1px solid #F6B801;
		width: 500px;
		padding: 2px;
		margin: 3px 1px 0px 0;
		font-size: 18px;
		color: #000000;
	}

	form.msg select
	{
		width: 385px;
	}

	form.msg input:focus, select:focus, textarea:focus
	{
		border: 1px solid #aa0000;
	}
	
	form.msg .wrong
	{
		border: 1px solid #aa0000;
		background: #ffebe8;
	}
	
	form.msg input.wrong:focus
	{
		border: 1px solid #c9c9c9;
		background: #ffffff;
	}

	form.msg input.send
	{
		background: url('../images/send_bottom.jpg') center no-repeat;
		width: 121px;
		height: 39px;

		float: right;
		text-align: center;

		border: 0;
	} 

	form.msg input.send:hover
	{
		background: url('../images/send_bottom.jpg') center no-repeat;
		border: 0;
	}



/***********************************************************************
	4 - FOOTER
************************************************************************/

	#footer
	{
		width: 100%;
		height: 55px;
	}

	#footer .content
	{
		background: #F6B801;	
		/*border: #000000 dotted 1px;*/
	} 

	#footer h5 
	{
		position: absolute;
		color: #000000;
		font-size: 10px;
		top: 3px;
	}

	#footer h5.left	{ left: 30px; text-align: left;	}
	#footer h5.right	{ right: 30px; text-align: right; }

	#footer a
	{
		color: #8dff00;
		text-decoration: none;
		border-bottom: 0;
	}
	
	#footer a:hover
	{
		text-decoration: none;
		/*border-bottom: 1px dotted #ffffff;*/
	}