﻿html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h5  {
	color:#FFFFFF;
	font-size:10px;
	text-align: justify;
}
h1 img {
	display: block;
}

img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #e21917;
}
.left {
	float: left;
}
.right {
	float: right;
}

.input {
	font-size:10px;
}

SELECT {font-size:10px;}

.more {
	text-align: right;
	
}
.clear {
	clear: both;
}

body {
	background: #f0f0f0 url(images/page_bg.jpg) repeat-x;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	padding-top: 11px;
}

/**  gigi **/
#wrapper_alt {
	text-align: left;
	margin: auto;
	width: 780px;
  position: relative;
  /*background: url(images/body_bg.gif) repeat-y;*/
 
}


#wrapper {
	text-align: left;
	margin: auto;
	width: 1024px;
  position: relative;
  /*background: url(images/body_bg.gif) repeat-y;*/
 
}

#header {
	text-align: left;
	/*margin: auto;
	width: 778px;*/
  position: relative;
   background: url(images/header.gif) no-repeat;
  /* padding-bottom: 0px;*/
   
  
}

/* navigation */
.navigation {	

	/*border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;*/
	height: 21px;
	padding-left: 265px;
	padding-top: 35px;
	
}
.navigation a {
/*	background: #ffffff;*/
/*	border-right: 1px solid #AFBEC7;*/
height: 21px;
	color: #4e4e4e;
	/*display: block;*/
	/*float: left;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
/*	font: bold 1.1em sans-serif;*/
	line-height: 41px;
	/*padding: 0 18px;*/
	text-decoration: none;
}
.navigation a:hover {
 
color: #d7140a;
}


#visual {
  position: absolute;
/*  top: 40;*/
  left: 243px;
  width: 700px;
  height: 206px;
}


#visual3 {
  position: absolute;
/*  top: 40;*/
  left: 243px;
  width: 700px;
  height: 36px;
  background: url(images/header_3.jpg) no-repeat;

}

#visual3 h1{
 	color: #FFFFFF;
	font-size:11px;
	margin-top:10px;
}

#visual3 a{
 	color: #FFFFFF;
	text-decoration: none;
}

#visual3 a:hover{
 	color: #FF0000;
	text-decoration: none;
}

#logo {
  width: 244px;
  height: 60px;
  background: url(images/header_1.jpg) no-repeat;
  text-align: left;
  padding-left: 22px;
  color: #FFFFFF;
}
#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;

  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#nav {
/*  background: url(images/nav_left.jpg) no-repeat;*/
  background-color: #4e4e4e;
}
#nav ul {
  margin-left: 20px;
  padding-left: 1px;
  padding-bottom: 20px;
/*  background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;*/
}
#nav img{
  margin-left: 0px;
  padding-left: 1px;
  padding-right: 5px;
  

}

#nav li {
  list-style: none;
  font: 16px "arial narrow", arial, sans-serif;
  border-top: 1px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
  padding-bottom: 3px;
  padding-top: 1px;
  background: url(images/button.gif) no-repeat;
/*  padding: 7px 0 0 31px;*/
}
#nav a {
  color: #cccccc;
  font-weight:bold;
  text-decoration: none;

 /* border-left: 1px solid #959595;*/
  padding-left: 0px;
/*  display: block;*/
  width: 90%;
/*  padding: 2px 0 6px 28px;*/
}

#nav li:hover{

  background: url(images/button2.gif) no-repeat;
}

#nav a:hover {
color:#FF0000;
/*  text-decoration: underline;*/

}
#nav .important {
  border: none;
  background: url(images/button3.gif) no-repeat;
  border-bottom: 2px solid #4f4f4f;
}
#nav .important a {
  color: #ffffff;
}



#search {  /*Erika 15/04/2009*/
/* background: #4f4f4f url(images/back_search.jpg) no-repeat;
  padding-left: 20px;
  padding-right: 22px;
  padding-bottom: 2px;
  text-align: justify;*/   
}
#search h2 {
  font-size: 12px;
  color: #d02419;
  font-weight:bold;
  
  
}
#search h3, #search p {
  font-size: 11px;
  margin: 1px 4px 1px 0;
}

#search a {
  color: #d02419;
  font-weight: bold;
  text-decoration: underline;
}
#search a:hover {
  color: #38301A;
}
#search .more {
  font-size: 9px;
}
#search .hr-dots {
  background: center url(images/dots.gif) repeat-x;
  height: 10px;
}

#login 
{
  background: url(images/support.png) no-repeat;
  padding: 1px;
  height: 180px; 
  color: #1A1A18;
  margin: 20px 0 0 0;
  width:150px;/* Erika - 16/04/09 */
 
  
}
#login p 
{
  /*margin: 0.2em 2.0em;*/
  margin-top: 0.2em; 
  padding-top: 35px;
  color:#FFFFFF;
/*  float: right;  */
  padding-left:20px;
}

#left {
  float: left;
  width: 243px;
}

#center {
  float: left;
  padding-top: 300px;
  padding-left: 10px;
}


#right {
  float: left;
  width: 600px;
  padding-right: 0px;
  padding-top: 210px;
  padding-left: 10px;
   
}
#right h2 {
  font: 18px arial, sans-serif;
  
  font-weight:bold;
  color: #d02419;
 /* border-bottom: 1px solid #d02419;*/
  padding-bottom: 1px;
  margin-bottom: 1em;
}
#right h3 {
  font: 15px arial, sans-serif;
  color: #d02419;
  font-weight:bold;
  background: left url(images/dot.gif) no-repeat;
/*  border-bottom: 1px solid #d02419;*/
  padding-bottom: 6px;
  padding-left: 25px;
  padding-top: 9px;
  margin-bottom: 1em;
  margin-top: 1em;
}
#welcome {
  margin-right: 20px;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size:12px;
}
#profile {
  margin-right: 0px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}

#news, #most {
  float: left;
  width: 100%;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size:12px;
}
#news {
  margin-right: 2%;
}
#news-img, #most-img {
 /* background: url(images/pic_2.jpg) no-repeat;*/
  width: 112px;
  height: 132px; /* Erika  15/04/2009 - 122px  */
  float: left;
  margin-right: 8px;
  text-align: center;
  padding-top: 0px;
  font-size: 9px;
  font-weight: bold;
  clear:both;  
}

#news-p, #most-p {
 /* background: url(images/pic_2.jpg) no-repeat;*/
  width: 120px;
  height: 132px; /* Erika  15/04/2009 - 122px  */
  float: left;
  margin-right: 8px;
  text-align: left;
  padding-top: 10px;
  clear:both; 
}

#most-img {
/*MARIO  background: url(images/pic_3.jpg) no-repeat;*/
}


#news ul {
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 60px;
    float: left;

}

#news li {
	background: url(images/backnews.gif) no-repeat;
	height: 36px;
	width: 150px;
	color: #4e4e4e;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	line-height: 41px;
	padding: 0 35px;
	text-decoration: none;
}

#news a {
	color: #4e4e4e;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px; /*mario 27/03/2009 1.1em;*/
	line-height: 41px;
	text-decoration: none;
}

#news a:hover {
	color: #db0c06;
	
}


#most ul {
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 60px;
    float: left;

}

#most li {
	background: url(images/backnews.gif) no-repeat;
	height: 36px;
	width: 150px;
	color: #4e4e4e;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	line-height: 41px;
	padding: 0 35px;
	text-decoration: none;
}

#most a {
	color: #4e4e4e;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px; /*mario 27/03/2009 1.1em;*/
	line-height: 41px;
	text-decoration: none;
}

#most a:hover {
	color: #db0c06;
	
}

#rightprod{
  float: right;
  width: 500px;
  padding-right: 9px;
  padding-top: 50px;
}

#allprod
{
clear:both;
  float: left;
  width: 99%;
}


#products {
  margin-right: 0px;
  margin-bottom: 20px;
  height: 143px;
  background: url(images/back_product.gif) no-repeat;
/*  background-color:#e8e8e8;*/
   font-family:Tahoma, Helvetica, sans-serif;
  font-size:12px;
}
#products-img {
  width: 100px;
  height: 100px;
  float: left;
    margin-right: 8px;
  margin-left: 25px;
   margin-top: 10px;
  text-align: center;
  padding-top: 0px;
  font-size: 9px;
  font-weight: bold;
}

#products-img2 {

    margin-right: 8px;
  margin-left: 345px;
   margin-top: 70px;
  text-align: right;
  padding-top: 0px;
  font-size: 9px;
  font-weight: bold;
}

#products p {
  margin-left: 0px;
  padding-top: 20px;
  width: 222px;
    float: left;
	font-size:11px;
	text-align:justify;
	}
	
#products a {
 color:#cc0000;
}

#products h1 {
 color:#cc0000;
 font-size:12px;
 margin-left: 30px;
}

#spacer {
  height: 2em;
}

#footer {
  font-size:10px;
  text-align : left;  
  padding-left:253px; 
}
#copyright {

  padding: 2px 0px 40px 320px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}

#copyright a {
	color: #4e4e4e;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}

#footerline{
	/*background: url(images/footerline.gif) no-repeat;*/
	height:20px;
	margin-top:20px;
	font-size:10px;
	text-align: center;
}

/*MGSOFT: */

.DefPage
{
	width:65px;
	height:49px;
	text-align:center;
	vertical-align:middle;
	border:0px;
}

.visual_
{
	background: url(images/header_2_o_alt.png) no-repeat;
}
.visuales_
{
	background: url(images/header_2_o_alt.png) no-repeat;
}
/*Erika 15/04/2009*/
.TopDesc
{
	background: url(images/desc_top.jpg) no-repeat;
}

.BodyDesc
{
	background: url(images/desc_body.jpg) repeat-y;
	padding-left: 20px;
	padding-right: 22px;
	padding-bottom: 2px;
	padding-top:8px;
	
}

.BotDesc
{
	background: url(images/desc_bot.jpg) no-repeat;
}

.classtable
{
	padding-left:100px;
}
/*Erika 15/04/2009*/
