@charset "utf-8";
/* CSS Document */

html, body {margin:0; padding:0; font:0.875em Arial, Helvetica, sans-serif; color:#515151; z-index:10; background-color:#ffffff; min-width:900px;}
#bodywidth{margin:0 auto; width:100%;}

h1 {font-size: 2em}		/* 36px */
h2 {font-size: 1.375em}	/* 22px */
h3 {font-size: 1.25em}	/* 20px */
h4 {font-size: 1.125em}	/* 18px */
h5 {font-size: 1em}		/* 16px */
h6 {font-size: 0.875em}	/* 14px */

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 0.8em;
}

a:link{color:#808080; text-decoration:none;}
a:visited{color:#808080; text-decoration:none; }
a:hover, a:focus{color:#ce171f; text-decoration:none;}
a.selected{color:#ce171f; text-decoration:none;}

/**************************************** Header *****************************************/
.fluid{width:100%; margin:0 auto;}

#header{height:100%; margin:0 auto; padding:0; background:url(../../images/bg_top.png) repeat-x; float:left;}

#header #logonav{width:900px; height:100%; margin:0 auto; padding:0; z-index:100;}
#header #logonav #comlogo{width:286px; height:100%; margin:0; padding:0; float:left;}
#header #logonav #comlogo #logo{margin:24px 14px 24px 0; padding:0;}

#header #logonav #navigate{width:600px; height:100%; margin:0; padding:30px 0 0 0; float:right;}
#header #logonav #navigate ul{list-style:none; padding:0; margin:0;}
#header #logonav #navigate li{list-style:none; margin:0; padding:0; display:inline; float:left;}
#header #logonav #navigate li ul{display:none;}
/*#header #logonav #navigate ul li a{display: block; text-decoration: none; color: #ffffff; border-top: 1px solid #ffffff; padding:0; #padding: 5px 15px 5px 15px; background: #000000; margin:0; white-space: nowrap;}
#header #logonav #navigate ul li a:hover { background: #617F8A; z-index:1000; }*/
#header #logonav #navigate li:hover ul {display:block; position:absolute; background:#003f7f; z-index:1000; }
#header #logonav #navigate li:hover li {float:none; font-size:1em; padding:8px; display:list-item;}
/*#header #logonav #navigate li:hover a {background:#24140f;}*/
#header #logonav #navigate li:hover li:hover{background:#85994c; color:#ffffff;}
#header #logonav #navigate li:hover li a{color:#ffffff;}
#header #logonav #navigate li:hover li a:hover {color:#bdff00;}

#header #logonav #navigate ul li a.buttonhome{background:url(../../images/logicart_button_home.png) no-repeat; width:120px; height:49px; display:block; z-index:10; white-space:nowrap;}
#header #logonav #navigate ul li a.buttonhome-active{background:url(../../images/logicart_button_home.png) no-repeat; background-position:0 -49px; width:120px; height:49px; display:block;}
#header #logonav #navigate ul li a.buttonhome:hover{background-position:0 -49px;}

#header #logonav #navigate ul li a.buttonproduct{background:url(../../images/logicart_button_product.png) no-repeat; width:120px; height:49px; display:block; z-index:10; white-space:nowrap;}
#header #logonav #navigate ul li a.buttonproduct-active{background:url(../../images/logicart_button_product.png) no-repeat; background-position:0 -49px; width:120px; height:49px; display:block;}
#header #logonav #navigate ul li a.buttonproduct:hover{background-position:0 -49px;}

#header #logonav #navigate ul li a.buttonservices{background:url(../../images/logicart_button_services.png) no-repeat; width:120px; height:49px; display:block; z-index:10; white-space:nowrap;}
#header #logonav #navigate ul li a.buttonservices-active{background:url(../../images/logicart_button_services.png) no-repeat; background-position:0 -49px; width:120px; height:49px; display:block;}
#header #logonav #navigate ul li a.buttonservices:hover{background-position:0 -49px;}

#header #logonav #navigate ul li a.buttonprofile{background:url(../../images/logicart_button_profile.png) no-repeat; width:120px; height:49px; display:block; z-index:10; white-space:nowrap;}
#header #logonav #navigate ul li a.buttonprofile-active{background:url(../../images/logicart_button_profile.png) no-repeat; background-position:0 -49px; width:120px; height:49px; display:block;}
#header #logonav #navigate ul li a.buttonprofile:hover{background-position:0 -49px;}

#header #logonav #navigate ul li a.buttoncontactus{background:url(../../images/logicart_button_contactus.png) no-repeat; width:120px; height:49px; display:block; z-index:10;}
#header #logonav #navigate ul li a.buttoncontactus-active{background:url(../../images/logicart_button_contactus.png) no-repeat; background-position:0 -49px; width:120px; height:49px; display:block;}
#header #logonav #navigate ul li a.buttoncontactus:hover{background-position:0 -49px;}

/******************************************** animation *******************************************/
#animation{min-width:900px; height:100%; margin:0; padding:0; float:left;}
#animation #panel{width:900px; height:100%; margin:0 auto; padding:0;}

/*#animation #panel #quicklink{width:900px; height:100%; margin:0 auto; padding:0; z-index:50;}
#animation #panel #quicklink .extlink{width:360px; height:100%; margin:0; padding:0; position:relative; float:right; z-index:60;}
#animation #panel #quicklink .extlink ul{list-style:none; margin:0; padding:0;}
#animation #panel #quicklink .extlink li{list-style:none; margin:5px 0; padding:0; display:inline-block; float:left; z-index:60; border:0;}
/*#animation #panel #quicklink .extlink{width:360px; height:100%; margin:0; padding:0; position:relative; float:right; z-index:60;}
#animation #panel #quicklink .extlink ul{list-style:none; margin:0; padding:0;}
#animation #panel #quicklink .extlink li{list-style:none; margin:5px 0; padding:0; display:inline; float:left; z-index:60; border:0;}*/

a.buttonquickscada{background:url(../../images/imax_automation_scada_implementation.png) no-repeat; width:360px; height:90px; display:block; z-index:70;}
a.buttonquickscada-active{background:url(../../images/imax_automation_scada_implementation.png) no-repeat; background-position:0 -90px; width:360px; height:90px; display:block;}
a.buttonquickscada:hover{background-position:0 -90px;}

a.buttonquicksterilizers{background:url(../../images/imax_automation_sterilizaters_control_system.png) no-repeat; width:360px; height:90px; display:block; z-index:70;}
a.buttonquicksterilizers-active{background:url(../../images/imax_automation_sterilizaters_control_system.png) no-repeat; background-position:0 -90px; width:360px; height:90px; display:block;}
a.buttonquicksterilizers:hover{background-position:0 -90px;}

a.buttonquickboiler{background:url(../../images/imax_automation_boiler_combustion_load_sharing.png) no-repeat; width:360px; height:90px; display:block; z-index:70;}
a.buttonquickboiler-active{background:url(../../images/imax_automation_boiler_combustion_load_sharing.png) no-repeat; background-position:0 -90px; width:360px; height:90px; display:block;}
a.buttonquickboiler:hover{background-position:0 -90px;}*/

.clear {clear: left;}

/******************************************** footer *******************************************/
#footer{height:100%; padding:0; float:left;}
#footer #compliment{width:900px; height:19px; margin:0 auto; padding:0; background:url(../../images/logicart_footer_bg.png) center no-repeat;}
#footer #compliment p{font:0.85em Arial, Helvetica, sans-serif; color:#ffffff; line-height:11px; margin:0; #margin:3px 0 0 0; padding:4px 0 0 0; #padding:0; text-align:center; vertical-align:middle;}

a.arty:link{color:#ffffff; text-decoration:none;}
a.arty:visited{color:#ffffff; text-decoration:none; }
a.arty:hover, a.arty:focus{color:#ce171f; text-decoration:none;}