/* -------------------------------------------------------
 	1. Principal
 ------------------------------------------------------- */

body {
	color: #444;
	font: 85%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;  /* to center page horizontally for IE */
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	behavior: url(hoverIE.htc); 
}

#page
{
	position: relative;
	text-align: left;   /* to cancel text-align:center from BODY */
	margin: 2em auto;   /* auto to center horizontally div in BODY 
	margin: 2em auto;   /* auto to center horizontally div in BODY 
						 for other explorer than IE */
	padding: 0;
	width: 780px;
}


/* -------------------------------------------------------
 	2. Menu_top
------------------------------------------------------- */

#menu_top
{
	margin-left:160px;
	width:620px;
	height:25px;
	border-bottom:solid black 1px;
	
}

html>/**/body #menu_top
{
	height:25px;
	margin-bottom:-22px;
}

#menu_top ul 
{
	list-style: none;
}
	
#menu_top li 
{
	border-left: 1px solid #000000;
	float: left;
	margin: 0;
	padding-top:6px;
	padding-bottom:10px;
	height:20px;
}
	
#menu_top a 
{
	color: white;
	padding: 5px 10px;
	text-decoration: none;
}
	
#menu_top a:hover 
{
	color: #990000;
}
	
#menu_top #currentpage a 
{
	background: #ffd392;
	color: #333;
}


/* -------------------------------------------------------
 	3. Header
------------------------------------------------------- */

#header
{
	background-image: url(images/header_left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:120px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	background-color: #787878;
	overflow: hidden;
	z-index: 10;
}


#header a.site_name, 
#header a.site_name:link,  
#header a.site_name:visited
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'Lucida Sans Unicode', Verdana, Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: #006600;
	font-size: 2em;
	font-weight: bold;
	padding: 0;
	background-color: transparent;
	background-image: url(images/header_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#header a.site_name:hover
{
	color: #009900;
	text-shadow: white 0px 0px 8px;
	/* for safari only*/
}

#header .site_name span 		/* position of the site's name  */
{
	display: block;
	position: absolute;
	bottom: 48px;
	margin-left: 250px;
}




/* -------------------------------------------------------
 	4. Menu_left
------------------------------------------------------- */

 
#menu_left
{
	 position: absolute;
	 top: 130px;
	 left:1px;
	 width: 150px;
	 color: #333333;
	 margin: 0px;
	 padding: 0px;
	 height: 400px;
 } 
 
 
#menu dl, dt, dd, ul, li
{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu 
{
	position: absolute; 
	top: 20px;
	left: 0;
}

#menu 
{
	width: 150px;
}

#title 
{
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-image: url(images/background_menu_right.png);
}

#subtitle
{
	cursor: pointer;
	height: 20px;
	text-align:center;
	line-height: 20px;
	font-weight: bold;
}

#menu li 
{
	text-align: left;
}

#menu li a, #menu dt a 
{
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu dt a:hover 
{
	background:url(images/background_menu_right_hover.png);
	background-repeat:no-repeat;
}

#menu dt p:hover 
{
	background:url(images/background_menu_right_hover.png);
	background-repeat:no-repeat;
}

#menu li a:hover
{
	color:#ff6600;
}


/* -------------------------------------------------------
 	5. Main
------------------------------------------------------- */ 

#main
{
	 position: relative;
	 width:578px;
	 border-bottom: 1px solid #000000;
	 border-left: 1px solid #000000;
	 border-right: 1px solid #000000;
	 background-image: url(images/background_main.png);
	 background-repeat:repeat-x;
	 color: #333333;
	 padding: 20px;
	 z-index: 13;
	 min-height:630px;
 }

 
html>/**/body #main	/* For non IE browser only */
 {
	margin: 22px 0px 30px 160px;
 }

*:first-child+html #main	/* For IE7  browser only */
{
	height: expression( this.scrollHeight < 630 ? "629px" : "auto" ); 
	margin: 0px 0px 30px 160px;
}

* html {} #main	/* For IE6 and before only */
{
	height: expression( this.scrollHeight < 630 ? "629px" : "auto" ); 
	margin: 0px 0px 30px 160px;
}

 #main
{
	text-align: justify; 
	text-indent: 20px;
	line-height:120%;
 }

#main td
{
	text-align: justify; 
	text-indent: 20px;
	line-height:120%;
 }
 
 #images_news
 {
	float: right;
	margin: 10px 10px 0px 10px;
	width:100px;
	height:100px;
}

 #images_fields
 {
	float: left;
	margin: 10px 10px 0px 10px;
	width:100px;
	height:600px;
}

 #images_products
 {
	float: left;
	margin: 10px 10px 0px 10px;
	width:200px;
	height:200px;
}

 #images
 {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#pic
{
	width:150px;
	float:left;
}

h3 span
{
	color:green;
	font-size:1.5em;
}

#buy
{
	text-align:center;
}


/* -------------------------------------------------------
 	6. Footer
------------------------------------------------------- */ 
 
 #footer
 {
 	 position: relative;
	 width:620px;
	 float:right;
	 height:20px;
	 border: solid #999999; 
	 border-width:1px 0;
	 background:transparent;
	 color: #009933;
	 margin:0;
	 padding-top:5px;
 }

  #footer a
 {
	margin-left:70%;
	text-decoration:none;
 }


/* -------------------------------------------------------
 	6. Articles
------------------------------------------------------- */ 
 
 #news_title
{
	background-color: #;
	color:black;
	height:30px;
	width:560px;
	padding-left:25px;
}

 #news_title_fields
{
	background-color: ;
	color:green;
	height:30px;
	width:560px;
	font-size:1.2em;
	padding-left:0px;
}

#news_subtitle
{
	background-color: #eddf5c;
	width:560px;
	height:3px;
}