@import url(style-800.css);    
@import url(style-480.css);    
    
* {    
  margin: 0;  
  padding: 0;  
}    
html {    
  height: 100%;  
}    
body {    
  font-family: Tahoma, 'Scada', sans-serif, Verdana;  
  font-size: 100%;  
  line-height:1.6875;  
  width: 100%;  
  height: 100%;  
  background: #EAEAEA url('../img/bg.jpg') repeat top center;  
}    
a {    
  color: #851D00;  
  outline: none;  
  text-decoration: underline;  
  -webkit-transition: color 0.8s;  
  -moz-transition: color 0.8s;  
    -ms-transition: color 0.8s;    
    -o-transition: color 0.8s;    
  transition: color 0.8s;  
}    
a:hover {    
  color: #022C45;  
}    
p, #content ul li {    
  margin: 0 0 2%;  
}    
    
img {    
  border: none;  
}    
input {    
  vertical-align: middle;  
}    
    
.clr,.clr800,.clr480  {clear:both}    
    
#wrapper {    
  width: 1180px;  
  margin: 0 auto;  
  min-height: 100%;  
  height: auto !important;  
  height: 100%;  
  background: #F9F9F9;  
  -webkit-box-shadow:  0px 0px 20px 20px rgba(0, 0, 0, 0.25);  
    box-shadow:  0px 0px 20px 20px rgba(0, 0, 0, 0.25);    
}    
    
ul.actions {display:none}    
    
    
/* Top links    
-----------------------------------------------------------------------------*/    
#headerSlideContainer {position: fixed; height: 39px; top:-100px; width: 1180px; z-index: 1000; background: url("../img/bg-nav.gif") repeat-x scroll left top transparent; border-bottom: 0px solid #51677B;    
-webkit-box-shadow: 0px 1px 5px 5px rgba(0, 0, 0, 0.25);    
box-shadow: 0px 1px 5px 5px rgba(0, 0, 0, 0.25);    
}    
#headerSlideContent {min-width: 1180px; max-width: 1180px; height: 39px; margin: 0 auto; color: white;}    
#headerSlideContent #menu {float: left}    
#headerSlideContent .jt-menu a {border-left: 0px solid #51677B}    
#headerSlideContent .jt-menu li ul li a {border-left: 0px}    
    
.toplogo {float:left; width:148px; height:39px; margin-left: -5px; border-bottom: 1px solid #51677B; border-right:1px solid #1d71b8}    
    
    
/* Header    
-----------------------------------------------------------------------------*/    
#header-m {    
  height: 412px;  
}    
    
.logo {  -webkit-box-shadow: 5px 0px 15px 5px rgba(0, 0, 0, 0.25);  
    box-shadow: 5px 0px 15px 5px rgba(0, 0, 0, 0.25);    
}    
#header-m .logo {width:148px; height:406px; margin-left: -5px; background: #022C45; color: #CDD6DE; font-size: 0.8em; float: left}    
#header-m .head-r-m {float:left; width: 837px; background: transparent url('../img/bg-head-r-m.png') no-repeat left bottom; height: 406px}    
.nav {background: transparent url('../img/bg-nav.gif') repeat-x left top;}    
.logoconf {height:57px; color: #9C2301; font-size: 2em; font-family: 'Scada', tahoma, sans-serif; padding-left: 2%; position: relative}    
.logoconf span {color:#022C45}    
.logoconf .custom_lang {position: absolute; font-size: 0.4em; right: 5px; top: 20px;}    
#menu {float:left;}    
#header-m .cd_moduletitle_logo, #header .cd_moduletitle_logo, #header-m .cdlogin-logout-greeting, #header .cdlogin-logout-greeting, #headerSlideContent .cd_moduletitle_logo, #headerSlideContent .cdlogin-logout-greeting {float: right}    
.cdlogin-logout-greeting {color: #CDD6DE; font-size: 0.8em; padding-right:25px;line-height:1.4; background: url("../img/cdlogin_moduletitle.png") no-repeat left center; padding-left: 37px}    
.cdlogin-logout-greeting a {color: #CDD6DE; border-bottom: 1px dotted #CDD6DE; text-decoration:none}    
.cdlogin-logout-greeting a:hover {color: #fff; border-bottom: 1px dotted #fff}    
    
#header {    
  height: 180px;  
}    
#header .logo {width:148px; height:180px; margin-left: -5px; background: #022C45; color: #CDD6DE; font-size: 0.8em; float: left}    
#header .head-r {float:left; width: 837px; background: transparent url('../img/bg-head-r-m.png') no-repeat left bottom; height: 180px}    
#header .register {background: transparent url('../img/bg-register.jpg') no-repeat left bottom; height: 74px}    
    
.jt-menu {margin-bottom: 1px}    
.jt-menu li.item {width: 110px; font-size: 0em; text-align:center; background: none;    
-webkit-transition: all 0.8s;    
    -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;    
        -o-transition: all 0.8s;    
    transition: all 0.8s;
}    
.jt-menu li.item:hover {background: #FFFFFF;}    
.jt-menu li a, .jt-menu li.active a, .jt-menu li a:visited {color:#FFFFFF; height: 27px; padding-top: 12px; font-weight: bold; text-decoration: none}    
.jt-menu li.active {color:#fff; background: transparent url('../img/bg-menu-active.gif') repeat-x left top;}    
    
.jt-menu li.sfHover ul {background:#022C45; border: 1px solid #095583; padding: 3px; -webkit-box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.1);box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.1);}    
.jt-menu li.sfHover ul li {width:130px; text-align: left}    
.jt-menu li.sfHover ul li a, .jt-menu li.sfHover ul li a:visited {color:#fff; border-left: 0; border-right: 0; border-bottom: 1px dotted #095583; height: 20px; padding-top: 7px; font-weight: normal; font-size: 1.2em; padding-left: 5px}    
    
.djslider-loader .navigation-container {top: 30%!important}    
    
.contact-m {padding: 10px 0px; margin: 10px 5px; border-top: 1px solid #51677B; border-bottom: 1px solid #51677B; line-height: 1.3}    
.contact-m strong {color:#fff}    
.contact-m a {color:#CDD6DE; text-decoration:none; border-bottom: 1px dotted #CDD6DE;    
-webkit-transition: all 0.8s;    
    -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;    
        -o-transition: all 0.8s;    
    transition: all 0.8s;
}    
.contact-m a:hover {color:#fff; border-bottom: 1px dotted #fff}    
    
#hsId0 {display:none}    
    
form#cdlogin_form_login a, form#cdlogin_form_login a:visited {color: #851D00}    
form#cdlogin_form_login a:hover {color:#022C45}    
form#cdlogin_form_login fieldset {border:none!important}    
    
.register div.anyq {float: left}    
.register div.register-now {float: right; margin-top: 15px; margin-right: 15px}    
.register div.anyq {background: rgba(0, 0, 0, 0.4); background-opacity: 0.3; border-radius: 10px; padding: 10px; margin: 10px 20px}    
.register div.anyq span.title {font-size: 1em; font-family: 'Scada', tahoma, sans-serif; color: #fff; padding-right: 15px;}    
.register div.anyq span.content {font-size: 1em; color:#fff}    
.register div.anyq span.content a {color:#fff}    
    
/* Middle    
-----------------------------------------------------------------------------*/    
#middle {    
  width: 100%;  
  padding: 0 0 120px;  
  height: 1%;  
  position: relative;  
}    
#middle:after {    
  content: '.';  
  display: block;  
  clear: both;  
  visibility: hidden;  
  height: 0;  
}    
#container {    
  width: 100%;  
  float: left;  
  overflow: hidden;  
}    
#content {    
  padding: 0 270px 0 10px;  
}    
    
#content h3 a {text-decoration:none; color: #022C45}    
.main-content-1 h3, #content h2, #content h1, .profile #users-profile-core legend, #system-message dt.message {color:#022C45; font-size: 1.5em; font-family: 'Scada', tahoma, sans-serif; line-height: 100%; padding-top: 20px; ; margin-bottom: 20px}    
.main-content-1 h3 {padding-top: 10px}    
.blog h2 {clear:both}    
.main-content-1  {padding-left: 10px; margin-top: 15px;background: #fff; border-radius: 10px; border: 1px solid #C7C7C7; padding: 10px}    
.main-content-1 .moduletable_spon-m, .main-content-1 .moduletable_register {padding-right:10px; float: left}    
.main-content-1 .moduletable_register p {font-size: 0.8em}    
#sideRight .moduletable_spon-m {width: 230px; padding-right:10px; margin: 10px 0px}    
.moduletable_spon-m  div.sp {background: #fff; border-radius: 10px; border: 1px solid #B8B8B8; padding: 2%}    
.moduletable_spon-m  div.sp div.sp-item {float: left}    
#sideRight .custom_spon-m  p {font-size: 0.8em; line-height:1.3}    
.custom_spon-m {clear:both}    
.main-content-1 .mainnews {width: 95%;}    
ul.lnd_latestnews {padding-left: 20px}    
    
.main-content-2 {margin-top: 15px}    
.main-content-2 h3 {color:#022C45; font-size: 1.2em; font-family: 'Scada', tahoma, sans-serif; border-bottom: 1px solid #C7C7C7}    
/*.main-content-2 .moduletable {float: left; width: 48%; padding-left:10px}*/    
.mc2-l, .mc2-2 {float: left; padding-left: 10px; width: 48%;}    
.mc2-3 {clear:both; width: 90%; padding-top: 10px}    
.mc2-3 h3 {border-bottom: none}    
.rightmain .custom, .custom_register {font-size: 0.8em; padding-right: 5px}    
    
a.more {background: url('../img/arrow-more.png') no-repeat top left; padding-left: 20px}    
    
.breadcrumbs {font-size: 0.6em; margin-left: 170px}    
    
#content h3 {color:#022C45; font-size: 1.2em; font-family: 'Scada', tahoma, sans-serif;}    
#content p, #content ul, #content ol {font-size: 0.8em;}    
#content .item-page img, .main-content-1 .moduletable_register img {-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);    
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);}    
    
.custom_next, dd.message {padding:20px; background:#E3E3E3; border-radius:10px; margin-bottom: 10px; font-weight:bold}    
.custom_next a {background: url('../img/arrow-more.png') no-repeat top right; padding-right: 20px}    
.custom_next p {margin:0px}    
    
#content ul {padding-left: 20px}    
    
#content ul li.sig-block {margin: 10px!important}    
#content ul li.sig-block img {box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);}    
    
.profile, div.contact {margin-bottom: 10px}    
.profile #users-profile-custom, .profile a {display:none}    
.profile #users-profile-core, div.login fieldset, #user-registration fieldset, div.contact-form fieldset {border: none;}    
.profile #users-profile-core dt {float: left; font-size: 0.8em; width:30%; font-weight: bold; border-bottom: 1px solid #CCCCCC}    
.profile #users-profile-core dd {float: left; font-size: 0.8em; width:70%; border-bottom: 1px solid #CCCCCC}    
    
div.contact dt {float: left; font-size: 0.8em; width:20%; font-weight: bold; margin-bottom: 5px}    
div.contact dd {float: left; font-size: 0.8em; width:80%; margin-bottom: 5px}    
    
div.login fieldset, div.register table td, div.contact {font-size: 0.9em}    
div.register table td table td {font-size:1em}    
button.addMore {background: transparent url('../img/plus.gif') no-repeat left 2px; border: none; cursor:pointer; color:#851D00; font-weight: bold; padding-left: 15px }    
div.login .login-fields label {width: 100px; display: block; float: left;}    
    
#user-registration button, #sendInquiryButton, div.contact button {border:none; color: #fff; background:#022C45; padding: 5px 10px; border-radius: 5px; cursor: pointer;   -webkit-transition: all 0.8s;  
  -moz-transition: all 0.8s;  
    -ms-transition: all 0.8s;    
    -o-transition: all 0.8s;    
  transition: all 0.8s;  
}    
#user-registration button:hover, #sendInquiryButton:hover, div.contact button:hover {background:#851D00;}    
div.tip {background: rgba(0, 0, 0, 0.4); background-opacity: 0.3; color: #fff; border: 1px solid #022C45; border-radius: 10px; padding: 5px 10px}    
     
div.contact .contact-address span {font-style: normal}    
    
.article-info-term {display:none}    
.article-info .published {color: #8C8C8C;    
    font-size: 0.8em;}    
     
#content .pagination {padding-top: 10px}    
#content .pagination ul {padding-left: 0px;}    
#content .pagination ul li {display: block; float: left; list-style-type: none; margin-right: 7px;}    
    
/* Sidebar Right    
-----------------------------------------------------------------------------*/    
#sideRight {    
  float: left;  
  margin-right: -3px;  
  width: 240px;  
  margin-left: -250px;  
  position: relative;  
  padding-top: 20px  
}    
    
#sideRight h3 {color:#022C45; font-size: 1.2em; font-family: 'Scada', tahoma, sans-serif;}    
#sideRight .news .lnd_more_ind {display: none}    
#sideRight .news .div_lnd_list ul li {padding-right: 5px}    
#sideRight h2 a {font-size:0.8em;}    
#sideRight .mainnews {margin-bottom:10px}    
    
/* Footer    
-----------------------------------------------------------------------------*/    
#footer {    
  width: 1180px;  
  margin: -120px auto 0;  
  height: 120px;  
  position: relative;  
  background: #E2E2E2;  
  font-size: 0.8em; color: #626262;  
}    
#footer a {color: #626262}    
#footer a:hover {color: #851D00}    
    
#footer .f1 {height: 120px; float: left; width:148px; height: 120px; background:#EAEAEA;line-height: 1.3; }    
#footer .f1 .custom {padding: 20px 10px 0 10px}    
    
#footer .f2 {float:left}    
#footer .f2 ul {list-style-type: none}    
#footer .f2 .moduletable, #footer .f2 .moduletable_c2 {float:left; width: 150px;}    
#footer .f2 .moduletable {padding: 15px 10px 0 20px}    
#footer .f2 .moduletable_c2 {padding: 40px 10px 0 0}    
    
#footer .f3 {float:right; width: 150px}    
#footer .f3 .moduletable {padding: 15px 20px 0 0}