/* ------------------[ BASIC ]------------------- */

  BODY {
  	background-color:white;
  	padding:0px 200px 0px 0px;
  	margin:0px 0px 0px 0px;
   }	

*{
		font-family: arial;
		font-size:14px;
		line-height: 20px;
}
img{
	border:0px;
}

.intro{
		font-family: arial;
		font-size:14px;
		line-height: 20px;
		font-weight: bold;
		color:#61645d;
}

h2{
		font-family: arial;
		font-size:14px;
		line-height: 20px;
		font-weight:bold;
		color:#353634;
}
/* ------------------[ PAGE CANVASES ]------------------- */
	


/* [ CONTENT] */

#header{
		position:absolute;
		width:750px;
		height:200px;
		left:40px;
		background-image: url("./img/logo_bg.gif");
		background-repeat:no-repeat;		
		background-position: 520px 0px;
	}

#canvas{
	background-color:white;
	position:absolute;
	top:150px;
	left:40px;
	width:700px;	
}

#top{
	position:relative;
	left:-20px;
	padding: 10px 0px 0px 0px;

}

#top_text{
	font-family: times, verdana, helvetica, arial;
	font: 18px arial;
	width:450px;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
	letter-spacing:2px;
	line-height:25px;
}

#page{
	padding: 0px 0px 0px 0px;
}

#content{
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}


	#copy_contact{
		color:#61645d;
		text-align:center;
		font-size:10px;
	}
	#copy_contact a{
		color:#61645d;
		font-size:10px;
	}


/* ========= [ BOXES ] ========= */
		
		
		/* BOX */
		.box{
				width:232px;
				height:120px;
		  	background-image: url("./img/panel.gif");
		  	background-repeat:no-repeat;
		  	color:white;  	
		}
		.box h1{
				font-family: arial;
				font-size:17px;
				font-weight:bold;
		  	margin: 0px 0px 0px 5px;					  	
		  	padding: 5px 10px 0px 20px;				  	
		}		
		.box p{
				font-family: arial;
				font-size:12px; 	
		  	margin: 0px 0px 0px 0px;	  	
		  	padding: 0px 10px 0px 20px;				  	
		}

		.box_more{
			text-transform: uppercase;
			text-align:right;
			background-color:#61645d;
			height:20px;
	  	color:white;  
	  	vertical-align:baseline;
		}

		/* SYSTEM */
		#box_system{
					float:right;
					width:auto;
					background-color:#3cc0eb;
		}
		#box_system a{
					padding: 0px 10px 0px 5px;		
					color:white;
					text-decoration:none;					
		}		
		/* KNOWLEDGE */
		#box_knowledge{
					float:right;
					width:auti;
					background-color:#ef9b00;
		}
		#box_knowledge a{
					padding: 0px 10px 0px 5px;		
					color:white;
					text-decoration:none;					
		}		
		/* SERVICE */
		#box_service{
					float:right;
					width:auto;
					background-color:#1d529e;
		}
		#box_service a{
					padding: 0px 10px 0px 5px;		
					color:white;
					text-decoration:none;					
		}		
/* ------------------[ FOOTER ]------------------- */
		#footer{
				width:700px;
				height:50px;
		  	background-image: url("./img/footer.gif");
		  	background-repeat:no-repeat;
		  	background-position:0px 0px;
		  	color:white;
		}
		.footer_text{
		 	  padding: 0px 5px 0px 10px;
				font-size:12px;
		}
		#footer a{
			color: white;
			text-decoration:underline;
			font-size:12px;
		}
/* ------------------[ TOP MENU ]------------------- */
		#top_menu{
	 	  padding: 30px 5px 0px 0px;
	 	  margin:  0px 5px 30px 0px;
	 	  float:left;
		}
		#top_menu ul {
			margin-left: 0;
			padding-left: 0;
			display: inline;

		} 
		#top_menu ul li {		
			display:block;
			float:left;
			margin-left: 0px;
			margin-bottom: 3px;
			padding: 2px 15px 3px;
			border: 1px solid #fff;
			list-style: none;
			display: inline;
			color:white;
			text-transform: uppercase;
		}
		#top_menu ul li.here {
			margin-bottom: 3px;
			border-bottom: 4px solid #61645d;
	  		background-repeat:repeat-x;
			list-style: none;
			display: inline;
		}
	/* HOME */	
	#top_menu ul li#menu_home {
	 	background-color:#61645d;
		list-style: none;
		display: inline;
	}
	#top_menu ul li#menu_home a{
		color:white;
		text-decoration:none;
	}
		/* SYSTEM */	
	#top_menu ul li#menu_system {
			background-color:#3cc0eb;
			list-style: none;
			display: inline;
		}	
	#top_menu ul li#menu_system a{
		color:white;
		text-decoration:none;
		}
		
		/* KNOWLEDGE */
	#top_menu ul li#menu_knowledge {
	 		background-color:#ef9b00;
			list-style: none;
			display: inline;
	}	
	
	#top_menu ul li#menu_knowledge a{
		color:white;
		text-decoration:none;
		}	
	
		/* SERVICE */
	#top_menu ul li#menu_service {
			background-color:#1d529e;
			list-style: none;
			display: inline;
	}	
	
	#top_menu ul li#menu_service a{
		color:white;
		text-decoration:none;
		}	

/* ------------------[ FIN ]------------------- */		


	#contact_schema{
		border: 1px solid #61645d;
		background-color:#cecece;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px; 
		width:430px;
	}
	#contact_schema input, textarea, select{
		background-color:#ebebeb;
		width:auto;
	}