﻿@charset "UTF-8";

/* HOME
---------------------------------------- */
#home { background-color: #f5f5f5; }
#home #wrapper { position: relative; margin: 0 auto; text-align: left; width: 900px; }
#home img { _behavior: url(js/iepngfix/iepngfix.htc); border: 0; }

/* LAYOUT
---------------------------------------- */
#home #mainimage { position: relative; width: 840px; height: auto; margin: 30px; padding: 0; border: 0; }
#home #mainimagew { position: relative; width: 900px; height: auto; margin: 30px 0; padding: 0; border: 0; }
#home #homefooter { position: relative; width: 840px; height: auto; margin: 30px 30px 80px; padding: 0; border: 0; }
#home #mainimage p.more { position: absolute; left: 50px; top: 340px; margin: 0; width: 150px; }

/* --------------------------------------------------------------------------------
MENU
-------------------------------------------------------------------------------- */
#homemenu { position: relative; margin: 0 30px 35px; padding: 0; border: 0; width: 840px; height: 35px; zoom: 1; }
#homemenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homemenu ul { margin: 0; padding: 0; }
#homemenu li { display: inline; list-style-type: none; }
#homemenu li a { background: url(../images/home/homemenu_20100203.jpg) no-repeat 0 0; float: left; text-indent: -9999px; text-decoration: none; border: 0; /*\*/overflow: hidden;/**/}
/* MENU OFF */
#homemenu li.menu_news a { width: 168px; height: 40px; background-position: 0 0; }
#homemenu li.menu_exhibition a { width: 168px; height: 40px; background-position: -168px 0; }
#homemenu li.menu_partners a { width: 168px; height: 40px; background-position: -336px 0; }
#homemenu li.menu_calendar a { width: 168px; height: 40px; background-position: -504px 0; }
#homemenu li.menu_contact a { width: 168px; height: 40px; background-position: -672px 0; }
/* MENU HOVER */
#homemenu li.menu_news a:hover { width: 168px; height: 40px; background-position: 0 -40px; }
#homemenu li.menu_exhibition a:hover { width: 168px; height: 40px; background-position: -168px -40px; }
#homemenu li.menu_partners a:hover { width: 168px; height: 40px; background-position: -336px -40px; }
#homemenu li.menu_calendar a:hover { width: 168px; height: 40px; background-position: -504px -40px; }
#homemenu li.menu_contact a:hover { width: 168px; height: 40px; background-position: -672px -40px; }

/* --------------------------------------------------------------------------------
NEWS
-------------------------------------------------------------------------------- */
#homenews_wrapp { position:relative; margin:0 30px 30px; width:840px; height:auto; zoom: 1; }
#homenews_wrapp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* scrollbar home news
#homenews { position:relative; float:left; margin:0 33px 0 0; padding: 0; border: 0; width: 607px; height: auto; height:408px; overflow-y:scroll; scrollbar-base-color:#f5f5f5; } */
#homenews { position:relative; float:left; margin:0 33px 0 0; padding: 0; border: 0; width: 607px; height: auto; }
#homenews #title { position: relative; margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #999; font-weight: bold; font-size: 12px; line-height: normal; color: #07b; }
#homenews #title a { position: absolute; right:10px; margin:3px 0 0 0; padding-left: 10px; color: #07b; font-size:10px; }
#homenews .latestnews { position: relative; margin-bottom: 15px; padding: 0 0 15px 5px; border-bottom: 1px dotted #ccc; zoom: 1; }
#homenews .latestnews:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homenews .latestnews.bottom { margin-bottom:0; }
#homenews .latestnews p.date { position: relative; float: left; display: inline; width: 150px; margin-bottom: 0; color: #333; }
/* scrollbar home news
#homenews .latestnews .text { position: relative; float: left; width: 435px; margin-bottom: 0;} */
#homenews .latestnews .text { position: relative; float: left; width: 445px; margin-bottom: 0;}
#homenews .latestnews .text h1 { color: #07b; font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 3px; }
#homenews .latestnews .text p { margin-bottom: 0; font-size:10px; line-height: 15px; }

#homenews img.homenews { float: left; margin: 3px 25px 5px 0; border: 0; }
/* ALL NEWS----------------------------------------------------------------------------- */
#homenews_all { position: relative; margin:45px 0 0; padding: 0; border: 0; width: 840px; height: auto; }
#homenews_all #title { position: relative; margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #999; font-weight: bold; font-size: 12px; line-height: normal; color: #07b; }
#homenews_all #title a { position: absolute; right:5px; margin:3px 0 0 0; padding-left: 10px; color: #07b; font-size:10px; }
#homenews_all #title.all { font-size:16px; color:#333; line-height:34px; }
#homenews_all .latestnews_all { position: relative; margin-bottom: 15px; padding: 0 5px 15px; border-bottom: 1px dotted #ccc; zoom: 1; }
#homenews_all .latestnews_all:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homenews_all .latestnews_all p.date { position: relative; float: left; display: inline; width: 150px; margin-bottom: 0; color: #333; }
#homenews_all .latestnews_all .text { position: relative; float: left; width: 680px; margin-bottom: 0;}
#homenews_all .latestnews_all .text h1 { color: #07b; font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 0; }
#homenews_all .latestnews_all .text p { margin-bottom: 0; }

#homenews_all img.homenews_all { float: left; margin: 3px 25px 5px 0; border: 0; }


/* --------------------------------------------------------------------------------
RIGHT BOX
-------------------------------------------------------------------------------- */
#righticon { position:relative; float:right; width:200px; height:410px; margin:0; }
#righticon img { margin-bottom:10px; }
#righticon img.bottom { margin-bottom:0; }


/* --------------------------------------------------------------------------------
PICKUP BOX
-------------------------------------------------------------------------------- */
#pickupbox { position: relative; margin: 0 30px; padding: 0; border: 0; width: 840px; height:130px; background-color:#fff; zoom: 1;}
#pickupbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pickupbox img { position: relative; float: left; margin:5px 0 5px 5px; padding: 0; border: 0; }
#pickupbox img.last { margin:5px; }







