BODY {
  margin:0px;
  margin-left:1.5px;
	color : White;
	font-family : "Arial Narrow", Arial, Helvetica, sans-serif;
}

#cont2{
  background-image: url(../img/background-bottom.png);
  border-top:8px #F7B612 solid;
  height:176px;
}

#cont2 .text{
  padding-top:50px;
}

.bottom-page-left{
float:left;
}

.bottom-page-right{
float:right;
}

#cont .icons{
  position:absolute;
  top:8%;
  left:65%;
}

#cont .icons a{
  text-decoration:none;
  color:white;
  font-weight:bolder;
}

#cont .icons a:hover{
  color:rgb(204,204,294);
}

.mainmenu td A:LINK, .mainmenu td A:VISITED {
	color : #1E3054;
	text-decoration : none;
	font: bolder 16px bolder Arial;
	display: block;
	padding:2.5px;
	padding-left:15px;
}


.mainmenu td A:HOVER {
	display: block;
	padding:2.5px;
	color : #FFF;
	background-color: #F7B612;
	text-decoration : none;
	font: bolder 16px bolder Arial;
	padding-left:15px;
}

.mainmenu td.smaller A:LINK, .mainmenu td.smaller A:VISITED {
	padding:2.5px;
	background-color: #FFF;
	text-decoration : none;
	font: bolder 14px bolder Arial;
	padding-left:15px;
}

.mainmenu td.smaller A:HOVER {
	padding:2.5px;
	color : #F7B612;
	background-color: #FFF;
	text-decoration : none;
	font: bolder 14px bolder Arial;
	padding-left:15px;
}

.categories a:hover{
  display:block;
	background-color: #F7B612;
  width:188%; 
  text-decoration: underline;
}

.categories a:link, .categories a:visited{
  padding-bottom:10px; 
  //padding-bottom:0px;
  text-decoration:none;
}



A:ACTIVE {
	color : White;
	text-decoration : none;
}

.small {
	font-size : 80%;
	color:black;
}

.cellspacer {
	background-color : #FEC00D;
}

.mainpane, .mainpane table {
	margin-left : 15px;
	margin-top : 10px;
}

.mainpane b, .mainpane h2, .mainpane h3, .mainpane th {
	/*color : #FEC00D;*/
}

.button {
	color : Black;
	border-color : #DEA801;
	background-color : #FEC00D;
}

.input {
	color : Black;
	border-color : #DEA801;
	background-color : #FEE186;
}

/* Main MENU */

.mainmenu, .mainmenu table {
	white-space : nowrap;
	background-color: #FFF;
	border-left: 1px rgb(0,0,102) solid;
	border-right: 1px #F7B612 solid;
}

.news a:link, .news a:visited{
  color:black;
  text-decoration:none;
}

.news a:hover{
  color:black;
  text-decoration:underline;
}

.documentinfo a{
  color:#1E3054;
  padding:5px;
  font-size:14px;
  font-weight:bolder;
  display:block;
  text-decoration: none;
}

.documentinfo a:hover{
  background-color: #F7B612;
  display:block;
} 

.backgroundDetails a{
  background-color: rgb(204,204,204);
  font-size: 12px;
  font-family: Arial Narrow;
  color:black;
  text-decoration: none;
  padding:3px;
  border-top: 1px solid #cecece;
	border-bottom: 1px solid Gray;;
	border-left: 1px solid #cecece;
	border-right: 1px solid Gray;;

}

.backgroundDetails a:hover{
  background-color: rgb(204,204,204);
  font-size: 12px;
  font-family: Arial Narrow;
  color:white;
  text-decoration: none;
  padding:3px;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid Gray;
  border-right: 1px solid #cecece;
  border-left: 1px solid Gray;
}

table tr td.headerDetails{
  background-color: rgb(255,204,0);
  padding:5px;
  color:black;
  font-weight: bolder;
  border: 1px solid grey;
}

table tr td.fieldDetails{
  background-color: rgb(204,204,204);
  padding:5px;
  color:black;
  border: 1px solid grey;
}

table tr td.infoDetails{
  padding:5px;
  color:black;
  font-size: 12px;
  border: 1px solid grey;
}

table.tableDetails{
  border: 1px solid grey;
}

#cont #menuDH #botoneraDH a{
   color:white;
   padding-left:10px;
   padding-right:10px;
   text-decoration: none;
}

#cont #menuDH #botoneraDH a:hover{
   color:#FFC60A;
   padding-left:10px;
   padding-right:10px;
   text-decoration: none;
}

/* CSS for the MAchine */

#imap {
  display:block;
  width:800px;
  height:520px;
  background: url(/img/Machine/Machine.png) no-repeat 0px 0px;
  position:relative;
}

#imap a#title {
  display:block; 
  width:800px; 
  height:520px; 
  padding-top:0px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
/*background:transparent url(/img/Machine/Machine_over.png) no-repeat 0px 0px;*/ 
  cursor:crosshair;
}

* html #imap a#title {
 height:240px; 
 he\ight:0;
}

#imap a#title:hover {
  background-position: 0 0;
  z-index:10;
}

#imap dd {
  position:absolute; 
  padding:0;
  margin:0;
}

#imap #picC  {left:390px; top:410px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat; }
#imap #picP  {left:75px; top:110px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #picS  {left:53px; top:343px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #picF  {left:200px; top:230px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #pic1M {left:215px; top:320px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #pic2M {left:375px; top:295px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #pic3M {left:515px; top:225px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #picD  {left:573px; top:123px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #picI  {left:670px; top:200px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}
#imap #picA  {left:90px; top:355px; z-index:20; background:url(/img/Machine/bludot.png) no-repeat;}

#imap #pic1Stick  {
  left:0px;
  top:175px;
  background:url(/img/Machine/stickman4.gif) no-repeat;
  display:block; 
  width:120px; 
  height:120px; 
  /*background:transparent url(../images/hover.gif) -100px -100px no-repeat; 
  border:2px blue solid;*/
  text-decoration:none; 
  z-index:20;
}

#imap #pic2Stick  {
  left:400px;
  top:420px;
  background:url(/img/Machine/stickman.gif) no-repeat;
  display:block; 
  width:120px; 
  height:120px; 
  text-decoration:none; 
  z-index:20;
}

#imap a span, #imap a:visited span {
  display:none;
}


#imap a #services, #imap a#control, #imap a#panel, #imap a#safety, #imap a#scada,  #imap a#motionone, #imap a#motiontwo, #imap a#motionthree, #imap a#distributor, #imap a#inspector, #imap a#automidor {  
  display:block; 
  width:120px; 
  height:120px; 
  text-decoration:none; 
  z-index:20;
}

#imap a:hover {background-position:0 0;}

#imap a:hover span {
  position:absolute;
  width:190px; 
  display:block;
  font-family:arial; 
  font-size:12px; 
  background:#1E3054;
  color:#fff; 
  border:5px #F7B612 solid;
}


#imap a#services:hover span {
  left:50px; 
  top:0px;
}

#imap a#control:hover span {
  left:-220px; 
  top:0px;
}

#imap a#safety:hover span {
  left:20px; 
  top:-50px;
}

#imap a#panel:hover span {
  left:-90px; 
  top:-60px;
}
#imap a#scada:hover span {
  left:-92px;
  top:40px;
}
#imap a#motionone:hover span {
  left:-45px;
  top:-70px;
}
#imap a#motiontwo:hover span {
  left:-200px;
  top:-40px;
}
#imap a#motionthree:hover span {
  left:-200px;
  top:-80px;
}
#imap a#distributor:hover span {
  left:-100px;
  top:-70px;
}
#imap a#inspector:hover span {
  left:-70px;
  top:40px;
}
#imap a#automidor:hover span {
  left:-70px;
  top:40px;
}

#imap a#stickman:hover span {
  left:-70px;
  top:20px;
}


#imap a span:first-line {
  background-color: #F7B612;
  font-weight:bold; 
  font-style:italic; 
  text-transform: uppercase;
}

/* BLUE POINS*/

.bluepoints li{
display: inline;
padding:5px;
}

.bluepoints li a{
text-decoration:none;
color: black;
font-weight:bolder;
}

.bluepoints li a:hover{
text-decoration:none;
color: #F7B612;
font-weight:bolder;
}

.message{
  color:white;
  font-weight:bolder;
  font-family: Adventure;
  text-align: center;
  border: medium #F4B70F solid;
  background-color: #1E3054;
}