
/* ____________________________  GENERAL  ___________________________ */

body							{background: url(img/bg_body.png) repeat-x top left #000000; color: #CCCCCC;  font-type: Arial, Helvetica, sans-serif; margin: 10px 0}
*								{padding:0; margin: 0;}
div								{padding: 0; margin: 0}
.separation 					{clear:both; visibility: hidden; padding:0}
p								{font: 14px Arial, Helvetica, sans-serif; padding: 10px 0 0 0 0}
h1								{font: Bold 30px Arial, Helvetica, sans-serif; color:#FFFFFF}
h2								{font: Bold 25px Arial, Helvetica, sans-serif; padding: 5px 0}
h3								{font: Bold 16px Arial, Helvetica, sans-serif; padding: 5px 0}

li								{font: Arial, Helvetica, sans-serif; color: #690;}	

.little							{font-size: 10px}
.medium							{font-size: 14px}
.hight							{font-size: 16px}

a								{color: #669900; text-decoration: none; font-weight: bold }
a:hover							{font-weight: bold ; text-decoration: underline}

.bold							{font-weight: bold}
.dark							{color: #000000}
.light							{color: #FFFFFF}
.red							{color: #FF0000}
.green							{color: #690}

.center							{text-align: center}
.right							{text-align: right}

/* ____________________________  CONTENER  ___________________________ */

#page							{width: 1020px; margin: 0 auto;}

/* ____________________________  HEADER  ___________________________ */	 

#header							{width: 100%; height: 40px; border-top:  solid #999999 1px ; border-bottom: solid #999999 1px; }

#nav							{width: 100%; font: 12px Arial, Helvetica, sans-serif; color: #999999; text-align: left;}
#nav ul				 			{ list-style-image: none; list-style-type: none; }
#nav li							{float: left; padding:0 20px; margin: 15px 0}
	#nav li a					{display: block; text-decoration: none; color: #999999;}
	#nav li a:hover				{text-decoration: nome; color: #FFFFFF}
#nav a.current					{color: #FFFFFF}	
	
	
/* ____________________________  BOX 1  ___________________________ */	

#ctr1							{width: 100%; height: 480px; background: url(img/bg_ctr1.png) no-repeat top left; }
.box1							{float: left; margin: 150px 0 0 15px}
.box2							{width: 650px; height: 450px; margin: 20px 20px 10px 10px; padding: 10px; background: #FFFFFF; float: right}




/* ____________________________  BOX 2  ___________________________ */	  

#ctr2							{width: 100%; background: url() no-repeat top left; }
.box3							{width: 300px; float: left; margin: 10px}
#box4							{width: 650px; margin: 20px 20px 10px 10px; padding: 10px; background: #FFFFFF; float: right}
#box4 div						{width: 280px; float: left; padding: 10px; margin: 10px}
#box4 div div					{width: 280px; float: right; padding: 10px; margin: 10px}
#box4 a							{color: #669900; text-decoration: none; font-weight: bold }
#box4 a:hover					{font-weight: bold ; text-decoration: underline}

/* ____________________________  CONTACT  ___________________________ */

.form							{font: 12px Arial, Helvetica, sans-serif; color: #000000}
.form table						{width: 600px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 20px; float: left}
.form td						{padding: 5px}



/* ____________________________  CONTACT  ___________________________ */

.list li						{
	font: 14px Arial, Helvetica, sans-serif; color: #669900; margin: 0 0 0 10px; list-style-position: inside; list-style-image: none; list-style-type: none;}




/* ____________________________  FOOTER  ___________________________ */	

#footer							{color: #666666; font: 12px Arial, Helvetica, sans-serif; text-align: center; margin: 10px}
#footer	