
/* reset */
html,body,form { margin:0; padding:0; }
a img { border:none; }
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.disabled { filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.shadow { -moz-box-shadow: 3px 3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 9px rgba(0,0,0,0.5); box-shadow: 3px 3px 9px rgba(0,0,0,0.5); }
* { transition: all 0.3s ease-out; }

/* text */
@font-face { font-family: 'clear-sans-thin';  src: url('clear-sans-thin.woff') format('woff'), url('clear-sans-thin.ttf') format('truetype'); }
html,body,td { font-family:clear-sans-thin, Arial, sans-serif; font-size:16px; color:#333; }
input,textarea,select { font-size:12px; padding:2px 4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
select { padding:2px 0; }
a { color:#656668; text-decoration:none; }
a:visited { color:#656668; }
a:hover,a:active { color:#888; }
h1 { font-size:48px; line-height:40px; font-weight:normal; margin:15px 0; }
h2 { font-size:28px; line-height:24px; font-weight:normal; margin:15px 0; }

/* elements */
#header { margin:auto; max-width:950px; position:relative; }

#lang { position:absolute; right:0; top:0; padding:4px; color:#ccc; border-bottom:1px solid #ccc; }
#lang a { color:#aaa; text-decoration:none; font-size:11px; }
#lang a.selected { color:#b22; font-weight:bold; }

#menu * { transition: all 0.1s ease-in; }
#menu { z-index:111; position:absolute; margin:0; padding:0; bottom:0; right:0; height:39px; font-size:18px; }
#menu a { text-decoration:none; }
#menu ul { margin:0; padding:0; }
#menu>li { position:relative; margin:0; list-style:none; display:block; height:25px; float:left; padding:6px 10px 8px 10px; cursor:default; }
#menu>li.selected { background:#16BCF0; }
#menu>li.selected>a { color:#fff; }
#menu:hover>li.selected { background:initial; }
#menu:hover>li.selected>a { color:#000; }
#menu>li:hover { background:#16BCF0 !important; }
#menu>li:hover>a { color:#000 !important; }
#menu>li>ul { display:none; }
#menu>li:hover>ul { z-index:112; display:block; position:absolute; top:39px; left:0; background:#eee; box-shadow: 6px 6px 9px rgba(0,0,0,0.3); }
#menu>li>ul>li { white-space:nowrap; margin:10px 20px 10px 10px; list-style:none; display:block; padding-left:15px; }
#menu>li>ul>li>a { color:#555; }
#menu>li>ul>li>a:hover { color:#000; }
#menu>li>ul>li>ul>li { list-style:none; display:block; }
#menu>li>ul>li>ul>li>a { color:#aaa; font-size:14px; }
#menu>li>ul>li>ul>li>a:hover { color:#fff; }

#summaryplace { width:100%; background-color:#16BCF0; color:#fff; font-size:18px; position:relative; }
#summaryplace td { color:#fff; }
#summaryplace .summary { margin:auto; max-width:950px; min-height:240px; position:relative; padding-top:20px; }

.logos { margin:auto; max-width:950px; min-height:220px; position:relative; padding-top:20px; border-top:1px solid #999; }

#details { max-width:950px; position:relative; margin:20px auto; text-align:center; }
#details .box { width:170px; min-height:160px; display:inline-block; vertical-align:top; padding:10px; overflow:hidden; position:relative; font-size:16px; }
#details .box:hover { background:#fff; }
#details .box img { opacity:1 }
#details:after {  content: ".";  visibility: hidden;  display: block;  height: 0; clear: both; }

#contactus { max-width:950px; position:relative; margin:20px auto; text-align:center; border-top:1px solid #999; }
#contactus .contactus { min-height:20px; width:100%; }

#extendmenu { width:100%; min-height:160px; background-color:#656565; color:#fff; position:relative; }
#botmenu * { transition: all 0.1s ease-in; }
#botmenu { z-index:110; position:relative; margin:auto; padding:0; height:56px; max-width:800px; border-bottom:1px solid #999; }
#botmenu a { text-decoration:none; color:#bbb; }
#botmenu ul { margin:0; padding:0; }
#botmenu>li { margin:0; margin-top:20px; list-style:none; display:block; float:left; font-size:16px; padding:6px 10px 11px 10px; cursor:pointer; }
#botmenu li:hover>a { color:#ddd !important; }
#botmenu>li>ul { margin-top:20px; }
#botmenu>li>ul>li { list-style:none; font-size:16px; padding-left:0px; }
#botmenu>li>ul>li>a { color:#fff; }
#botmenu>li>ul>li>ul>li { list-style:none; display:block; }
#botmenu>li>ul>li>ul>li>a { color:#aaa; font-size:14px; }

#social { width:100%; padding:10px 0; background-color:#444; color:#fff; text-align:center; font-size:24px; }
#social a { display:inline-block; width:64px; height:64px; background-image:url('img/sociocons.png');background-repeat:no-repeat; margin-left:10px; }
#social a:hover { transform:scale(1.4,1.4);  -ms-transform:scale(1.4,1.4); -webkit-transform:scale(1.4,1.4); }
#social .icon-fb { background-position:1px 0px; }
#social .icon-tw { background-position:-66px 0px; }
#social .icon-gp { background-position:-138px 0px; }
#social .icon-yt { background-position:-209px 0px; }
#social .icon-in { background-position:-67px -66px; }

#copyright { width:100%; padding:20px 0; background-color:#444; color:#fff; text-align:center; font-size:15px; }

