html, body {
  margin: 0px;
  padding: 0px;
}
body {
  font: normal small Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
  background: url(../image/bg.jpg) no-repeat center top fixed;
}
.container {
  width: 860px;
  margin: auto;
}



#logo {
  width: 272px;
  height: 86px;
  display: block;
  margin: 10px 0px;
  background: url(../image/logo.png) no-repeat;
}

#menu,
#menu > ul {
  display: block;
  padding: 0px 5px;
  margin: 0px;
  list-style: none;
  text-align: center;
}
#menu {
  background: #171717;
  height: 50px;
  border-radius: 4px;
}

#menu > ul > li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu > ul > li + li {
  background: url(../image/divider.jpg) no-repeat left;
}

#menu > ul > li > a {
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
  text-decoration: none;
  display: block;
  font-size: 15px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
#menu > ul > li > a:hover,
#menu > ul > li.active > a {
  color: #e58300;
}

#menu >> ul > li > .submenu {
  display: none;
  position: absolute;
  z-index: 9990;
  width: 100%;
  left: 0;
  background: rgba(0,0,0,0.1);
  text-align: left;
}
#menu > ul > li > .submenu .submenu-inner {
  padding: 30px;
  display: block;
}
#menu > ul > li > .submenu.active {
  display: block;
}

#menu > ul > li > .submenu ul {
  display: inline-block;
  vertical-align: top;
  margin: 0px 50px 0px 0px;
  padding: 0px;
}

.header-buttons {
    float: right;
    margin-top: -106px;
}
.Btn1,
.Btn2,
.Btn3 {
    width: 88px;
    height: 96px;
    margin-left: -3px;
    display: inline-block;
}

.Btn1 {
    background: transparent url(../image/1.png) no-repeat 0 0;
}

.Btn2 {
    background: transparent url(../image/1.png) no-repeat 0 -96px;
}

.Btn3 {
    background: transparent url(../image/1.png) no-repeat 0 -192px;
}



.Btn1:hover {
    background: transparent url(../image/1.png) no-repeat -88px 0;
}

.Btn2:hover {
    background: transparent url(../image/1.png) no-repeat -88px -96px;
}

.Btn3:hover {
    background: transparent url(../image/1.png) no-repeat -88px -192px;
}




#panel-left-bottom {
  display: none;
}


#content #panel-left {
  width: 215px;
  float: left;
}
#content #panel-right {
  margin-left: 230px;
  margin-top: 20px;
  display: block;
}

#main-content {
  background: #000;
  color: #ccc;
  padding: 20px;
  border-radius: 4px;
  display: block;
}

#panel-left .box,
#panel-left-bottom .box {
  padding: 15px;
  margin-bottom: 15px;
  display: block;
}

#panel-left .box-1,
#panel-left-bottom .box-1 {
  padding: 25px 15px;
  border-radius: 4px;
  background: url(../image/box_gradient.png) #e58300 repeat-x bottom;
}

#panel-left .box-1 a,
#panel-left-bottom .box-1 a {
  display: block;
  color: #fff;
  text-transform: upperCase;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 0px;
}

#panel-left .box-1 a:hover,
#panel-left-bottom .box-1 a:hover {
  text-decoration: underline;
}




#panel-left .box-2,
#panel-left-bottom .box-2 {
  padding: 25px 15px;
  border-radius: 4px;
  background: url(../image/box_gradient_red.png) #ac0000 repeat-x bottom;
}


#panel-left .box-2 .title,
#panel-left-bottom .box-2 .title {
  font-weight: 600;
  font-size: 14px;
}


#panel-left .box-2 ul,
#panel-left-bottom .box-2 ul {
  margin: 15px 0px 20px 10px;
  padding: 0px;
  list-style: none;
}
#panel-left .box-2 ul li,
#panel-left-bottom .box-2 ul li {
  padding-left: 20px;
  margin: 5px 0px;
  background: url(../image/unlock.png) no-repeat left center;
}
#panel-left .box-2 ul li a,
#panel-left-bottom .box-2 ul li a {
  color: #fff;
  text-decoration: none;
}
#panel-left .box-2 ul li a:hover,
#panel-left-bottom .box-2 ul li a:hover {
  text-decoration: underline;
}

#panel-left .box-2 a.more,
#panel-left-bottom .box-2 a.more {
  float: right;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
#panel-left .box-2 a.more:hover,
#panel-left-bottom .box-2 a.more:hover {
  text-decoration: underline;
}
.clear {
clear: both;
}


hr {
    height: 1px;
    background: transparent;
    border: none;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom: 3px solid white;
    }





#main-content h1 {
color: white;
text-align: left;
font-size: 24px;
margin: 10px 0 10px 0;
padding-bottom: 10px;
border-bottom: 3px solid #fff;
}
#main-content h2 {
color: white;
text-align: left;
font-size: 24px;
margin: 10px 0 10px 0;
padding-bottom: 10px;
border-bottom: 3px solid #fff;
}



#list-news {
float: left;
margin: 0px;
padding: 0px;
list-style: none;
display: block;
}
#list-news li {
clear: both;
margin: 0px 0px 50px 0px;
color: #fff;
}
#list-news li .name {
color: #fff;
display: block;
font-weight: 600;
font-size: 14px;
margin: 10px 0px;
}
#list-news li img {
float: left;
margin: 0px 10px 10px 0px;
}
#list-news li p {
line-height: 20px;
margin: 0px;
}

#list-news li ul {
display: inline-block;
}
#list-news li ul li {
margin: 0px;
}





.gallery-item {
  padding: 15px;
}
.gallery-item .name {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.gallery-item .description {
  padding: 10px 0px;
}
.gallery-item .image:hover {
  opacity: 0.8;
}







#gallery-images {
  text-align: center;
}

#gallery-images a {
  background: #fff;
  padding: 5px;
  margin: 8px 5px;
  display: inline-block;
}






.gallery-back {
  float: right;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.gallery-back:hover {
  text-decoration: underline;
}






#CPanelLeft {
    width: 350px;
    float: left;
}

#CPanelRight {
    float: left;
    padding: 0 15px;
    text-align: left;
    width: 200px;
}





#contact-form .line {
  display: block;
  padding: 5px 0px;
}
#contact-form .line label {
  display: inline-block;
  width: 165px;
  font-size: 14px;
  color: #fff;
}
#contact-form .line input[type=text],
#contact-form .line textarea {
  border: 1px solid #444444;
  padding: 0px 5px;
  height: 25px;
  background: none;
  width: 300px;
  color: #fff;
}
#contact-form .line input[type=text].error,
#contact-form .line textarea.error {
  border: 1px solid #ff0000;
}



#contact-form .line textarea {
  width: 465px;
  height: 150px;
  resize: none;
  padding: 10px;
  font: normal small Arial, Helvetica, sans-serif;

}
#contact-form button {
  color: #fff;
  border: 1px solid #808080;
  background: none;
  padding: 5px 15px;
  margin-left: 384px;
  font-weight: 600;
}



footer {
  background: #0d0d0d;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 35px;
}



footer span {
  display: inline-block;
  margin: 0px 30px;
}


footer span.email {
  padding-left: 30px;
  background: url(../image/icon_email.png) no-repeat left center;
}

footer a {
  color: #fff;
  text-decoration: underline;
}
footer a:hover {
  text-decoration: none;
}
footer span.phone {
  padding-left: 30px;
  background: url(../image/icon_phone.png) no-repeat left center;
}
footer .footer-logo {
  width: 115px;
  height: 44px;
  float: right;
  margin: 5px 20px 0px 0px;
  display: inline-block;
  background: url(../image/footer_logo.jpg) no-repeat left center;
}





.box-1 a.active {
  text-decoration: underline !important;
}
.box-1 a.sub {
  margin-left: 10px !important;
}

.download-list {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.download-list li {
margin: 5px 0px;
padding: 0px;
display: block;
}
.download-list li a {
color: #fff;
text-decoration: none;
font-size: 13px;
}
.download-list li a:hover {
text-decoration: underline;
}




.device-only {
  display: none;
}
.normal-only {
  display: block;
}