/*
  disabling default styles
*/

html, body, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, label, p, ul, ol, li, dl, dd, dt {
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
}
body {
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
  color: #ffffff;
  background: #252525;
}
input, select, textarea, option {
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
}
a {
  text-decoration: none;
}
h1, h2, h3, h4 {
  font-size: 12px;
}

/*
  main layout
*/
.gradient {
  background: #3a3939 url(/files/images/main_bg.jpg) top left repeat-x;
}

.gradient2 {
  background: url(/files/images/body_bg.jpg) bottom left repeat-x;
}

#wrapper {
  width: 994px;
  background: transparent;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

#container {
  width: 2010px;
  position: relative;
  margin-left: -0px;
}

#leftContent {
  width: 494px;
  float: left;
  padding-left: 14px;
}

#leftMenu {
  width: 360px;
  float: left;
  padding-top: 113px;
  background: url(/files/images/m_bg_front.jpg) top right no-repeat;
}

#leftMenu.active {
  padding-top: 46px;
  width: 260px;
  background: url(/files/images/m_bg.jpg) top right no-repeat;
}

#leftMenu.active ul {
  background: url(/files/images/m_bg_menu.jpg) top right no-repeat;
}

#rightContent {
  width: 494px;
  float: left;
  padding-right: 14px;
}

#rightMenu {
  width: 360px;
  float: left;
  padding-top: 113px;
  background: url(/files/images/v_bg_front.jpg) top left no-repeat;
}

#rightMenu.active {
  padding-top: 46px;
  width: 260px;
  background: url(/files/images/v_bg.jpg) top left no-repeat;
}

#rightMenu.active ul {
  background: url(/files/images/v_bg_menu.jpg) top left no-repeat;
}

#center {
  width: 274px;
  float: left;
  padding-top: 231px;
  padding-bottom: 70px;
  background: url(/files/images/c_bg_front.jpg) top left no-repeat;
}

#center.active {
  padding-top: 46px;
  background: none;
  background: url(/files/images/c_bg.jpg) top left no-repeat;
}

#footer {
  width: 994px;
  margin: 55px auto 0;
}

/*
  logo / langs
*/

#logo {
  position: absolute;
  z-index: 98;
  left: 50%;
  margin: 114px 0 0 -77px;
}

#logo a {
  display: block;
  width: 460px;
  height: 113px;
}

#logo.small,
#logo a span {
  display: none;
}

.small_logo {
  margin-bottom: 14px;
  display: none;
}

.small_logo a {
  display: block;
  height: 104px;
}

.active .small_logo {
  display: block;
}

#langs {
  position: absolute;
  left: 50%;
  margin: 90px 0 0 175px;
  z-index: 99;
}

#langs.m {
  margin: 5px 0 0 -480px;
}

#langs.v {
  margin: 5px 0 0 126px;
}

#langs ul {
  list-style-type: none;
}

#langs ul li {
  float: left;
  margin-right: 15px;
  width: auto;
}

#langs ul li a {
  color: #d3d3d3;
  font-size: 9px;
  text-decoration: none;
}

#langs ul li a img {
  vertical-align: middle;
}

#langs ul li.act a,
#langs ul li a:hover {
  text-decoration: underline;
}

/*
  menu
*/
#menu {
  list-style-type: none;
  width: 274px;
}

#menu li {
  padding-left: 60px;
  margin-bottom: 6px;
}

#menu li a {
  font-weight: bold;
  display: block;
  height: 25px;
  padding: 3px 0 0 7px;
  color: #ffffff;
  font-size: 15px;
  border: 1px solid #999898;
  width: 164px;
}

.active #menu li a {
  background-color: #2e2d2d;
}

#menu li.act a,
#menu li a:hover {
  background-color: #171717;
}

#menu li.m {
  background-color: #dd2a22;
  width: 155px;
}

#menu li.m a,
#menu li.m a:hover {
  border: 1px solid #dd2a22;
  background-color: #dd2a22;
}

#menu li.v {
  background-color: #1b1b1b;
  padding-left: 0px;
  margin-left: 60px;
}

#menu li.v a,
#menu li.v a:hover {
  border: 1px solid #1b1b1b;
  background-color: #1b1b1b;
}

.submenu {
  height: 38px;
}

.submenu ul {
  list-style-type: none;
}

.submenu li {
  float: left;
  margin-right: 6px;
  width: auto;
  white-space: nowrap;
}

.submenu li a {
  display: block;
  height: 22px;
  padding: 6px 6px 0 6px;
  color: #ffffff;
  font-size: 12px;
  border: 1px solid #6f6f6f;
  background-color: #2e2d2d;
}

.submenu li.act a,
.submenu li a:hover {
  background-color: #171717;
}

#leftMenu ul {
  list-style-type: none;
  min-height: 190px;
  padding: 154px 5px 10px 0;

}

#leftMenu ul li {
  text-align: right;
  margin-bottom: 1px;
}

#leftMenu ul li a {
  display: block;
  min-height: 17px;
  padding: 3px 30px 3px 0;
  text-align: right;
  font-size: 14px;
  color: #ffffff;
  background: url(/files/images/menu_m_bg.png) top left repeat;
}

#leftMenu ul li.head {
  height: 43px;
  padding: 3px 30px 0 0;
  font-size: 18px;
  color: #ffffff;
  background: url(/files/images/menu_m_bg.png) top left repeat;
}

#leftMenu ul ul {
  background: none;
  padding: 1px 0 0 0;
  display: none;
  min-height: 0px;
}

#leftMenu.active ul ul {
  display: block;
}

#leftMenu ul ul li a {
  background: none;
  background-color: #252525;
}

#leftMenu ul li.act a,
#leftMenu ul li a:hover {
  background: none;
  background-color: #000;
  color: #5d5d5d;
}

#leftMenu ul li ul li a {
  background: none;
  background-color: #262520 !important;
  color: #fff !important;
}

#leftMenu ul li ul li a:hover, #leftMenu ul li ul li.act a {
  background: none;
  background: #3b393a !important;
  color: #fff !important;
}

#leftMenu .info {
  text-align: right;
  padding: 4px 30px 0 0;
}

#leftMenu .info a {
  color: #cb2e28;
  font-size: 14px;
}

#rightMenu ul {
  list-style-type: none;
  padding: 190px 0 30px 5px;
  min-height: 134px;
}

#rightMenu ul li {
  text-align: left;
  margin-bottom: 1px;
}

#rightMenu ul li a {
  display: block;
  min-height: 17px;
  padding: 3px 0 3px 30px;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  background: url(/files/images/menu_v_bg.png) top left repeat;
}

#rightMenu ul li.head {
  height: 43px;
  padding: 3px 0 0 30px;
  font-size: 18px;
  color: #ffffff;
  background: url(/files/images/menu_v_bg.png) top left repeat;
}

#rightMenu ul ul {
  background: none;
  padding: 1px 0 0 0;
  display: none;
  min-height: 0px;
}

#rightMenu.active ul ul {
  display: block;
}


#rightMenu ul li.act a,
#rightMenu ul li a:hover {
  background: none;
  color: #aaa;
  background-color: #000;
}


#rightMenu ul ul li a {
  background: none;
  background-color: #333333 !important;
  color: #fff !important;
}

#rightMenu ul ul li.act a,
#rightMenu ul ul li a:hover {
	background:none;
	background-color: #7c7c7c !important;
}

#rightMenu .info {
  text-align: left;
  padding: 4px 0 0 30px;
}

#rightMenu .info a {
  color: #686868;
  font-size: 14px;
}

/*
  content
*/

.content {
  margin-top: 106px;
}

.content h2 {
  color: #ffffff;
  background-color: #ab0000;
  font-size: 24px;
  padding: 6px 12px;
  font-weight: normal;
}

.content h3 {
  color: #ffffff;
  font-weight: normal;
  font-size: 18px;
  padding: 6px 12px;
}

#leftContent.content .main {
  margin-top: 28px;
  margin-right: 28px;
}

#rightContent.content .main {
  margin-top: 28px;
  margin-left: 12px;
}

#rightContent .submenu {
  padding-left: 12px;
}

#rightContent h2 {
  background-color: #262626;
  padding-left: 24px;
}

#rightContent h3 {
  padding-left: 24px;
}

.content .main p {
  line-height: 20px;
  margin-left: 12px;
  margin-bottom: 20px;
}

.obj {
  margin-bottom: 14px;
}

.obj h4 {
  padding: 3px 12px;
  color: #ffffff;
  font-weight: bold;
  background-color: #000000;
  margin-bottom: 20px;
}

.obj img {
  float: right;
}

.obj p {
  margin: 30px 0 0 12px;
}

/*
  popup
*/

#popup {
  position: absolute;
  top: 144px;
  left: 50%;
  margin-left: -484px;
  width: 968px;
  z-index: 100;
}

#popup h2 {
  background-color: #cf0908;
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  height: 31px;
  padding: 10px 0 0 35px;
  width: 355px;
}

#popup .main {
  padding: 24px 24px 24px 34px;
  background-color: #1d1d1d;
  width: 910px;
}

#popup .close {
  display: block;
  float: right;
  width: 65px;
  height: 21px;
  padding: 5px 0 0 8px;
  margin: -17px -10px 20px 20px;
  background: url(/files/images/close.gif) top left no-repeat;
  color: #ffffff;
  text-decoration: none;
}

#popup p {
  line-height: 18px;
  margin-bottom: 20px;
}

#popup .big {
  font-size: 18px;
}

#popup a {
  color: #ffffff;
  text-decoration: underline;
}

#popup a:hover {
  text-decoration: none;
}

#popup .links {
  float: right;
  width: 218px;
  margin: 0 -24px 0 0;
  clear: right;
}

#popup .links a {
  display: block;
  background-color: #000000;
  padding: 0px 10px 2px 20px;
  color: #8a8a8a;
  font-size: 16px;
  margin-bottom: 3px;
  text-decoration: none;
}

#popup .writeus {
  margin-top: 60px;
}

#popup .writeus a {
  background: #000000 url(/files/images/envelope.gif) 20px 3px no-repeat;
  padding: 0px 10px 2px 48px;
}

#popup .contacts {
  width: 660px;
  float: left;
}

#popup .contacts form {
  margin-top: 25px;
}

#popup .contact {
  width: 220px;
  float: left;
}

#popup .contact .header {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}

/*
  form
*/

form fieldset {
  border: none;
}

form ul {
  list-style-type: none;
}

form label {
  display: block;
  float: left;
  text-align: right;
  width: 100px;
  margin-right: 5px;
  font-weight: bold;
  padding-top: 3px;
}

form input.text {
  width: 352px;
  border: none;
  background-color: #b3b3b3;
  height: 16px;
  padding: 4px;
}

form textarea {
  width: 352px;
  border: none;
  background-color: #b3b3b3;
  height: 117px;
  overflow: auto;
  padding: 4px;
}

form li.text {
  margin-bottom: 7px;
}

form li.textarea {
  margin-top: 18px;
}

form .submit {
  margin-left: 105px;
  border: 1px solid #5b5b5b;
  background-color: #343434;
  color: #cecece;
  font-weight: bold;
  width: 88px;
  height: 25px;
  margin-top: 12px;
}

/*
  footer
*/

#footer #credits {
  list-style-type: none;
  color: #5b5a5a;
  padding-top: 5px;
  height: 30px;
}

#footer #credits li {
  float: left;
  margin-right: 10px;
  font-size: 9px;
  width: auto;
}

#footer #credits li.right {
  float: right;
  margin-right: 0px;
  width: auto;
}

#footer #credits li.noimg {
  padding-top: 3px;
}

#footer #credits li a {
  color: #5b5a5a;
  text-decoration: underline;
}

#footer #credits li a.noline,
#footer #credits li a:hover {
  text-decoration: none;
}

#footer #credits li img {
  vertical-align: middle;
}


/*
  common elements
*/

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  font-size: 0px;
}

.obj p {
	margin:0px !important;
	padding:0px !important;
}

.about {
	margin-top: 20px;
}



.metalas {
	color: #666;
	width:432px;
	float:left;
	padding-bottom: 20px;
	padding-right: 10px;
	border-right: solid 3px #666;
}

.metalas div {
	margin-bottom: 25px;
}

.metalas_lt {
	background: url('/files/images/off_metalai.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act {
	color: #fff;
}

.metalas_act .metalas_lt {
	color: #fff;
	background: url('/files/images/on_metalai.jpg') no-repeat;
}

.vinys {
	margin-top: -10px;
	color: #666;
	width:432px;
	float:left;
	padding-bottom: 20px;
	padding-left: 10px;
}

.vinys div {
	margin-bottom: 25px;
}

.vinys_lt {
	background: url('/files/images/off_vinys.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act {
	color: #fff;
}

.vinys_act .vinys_lt {
	background: url('/files/images/on_vinys.jpg') no-repeat;
}

.atext {
	width: 432px;
}


.metalas_en {
	background: url('/files/images/off_metalai_en.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act .metalas_en {
	color: #fff;
	background: url('/files/images/on_metalai_en.jpg') no-repeat;
}

.vinys_en {
	background: url('/files/images/off_vinys_en.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act .vinys_en {
	background: url('/files/images/on_vinys_en.jpg') no-repeat;
}

.metalas_ru {
	background: url('/files/images/off_metalai_ru.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act .metalas_ru {
	color: #fff;
	background: url('/files/images/on_metalai_ru.jpg') no-repeat;
}

.vinys_ru {
	background: url('/files/images/off_vinys_ru.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act .vinys_ru {
	background: url('/files/images/on_vinys_ru.jpg') no-repeat;
}

.metalas_pl {
	background: url('/files/images/off_metalai_pl.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act .metalas_pl {
	color: #fff;
	background: url('/files/images/on_metalai_pl.jpg') no-repeat;
}

.vinys_pl {
	background: url('/files/images/off_vinys_pl.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act .vinys_pl {
	background: url('/files/images/on_vinys_pl.jpg') no-repeat;
}


.metalas_de {
	background: url('/files/images/off_metalai_de.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act .metalas_de {
	color: #fff;
	background: url('/files/images/on_metalai_de.jpg') no-repeat;
}

.vinys_de {
	background: url('/files/images/off_vinys_de.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act .vinys_de {
	background: url('/files/images/on_vinys_de.jpg') no-repeat;
}



.metalas_fr {
	background: url('/files/images/off_metalai_fr.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.metalas_act .metalas_fr {
	color: #fff;
	background: url('/files/images/on_metalai_fr.jpg') no-repeat;
}

.vinys_fr {
	background: url('/files/images/off_vinys_fr.jpg') no-repeat;
	width: 432px;
	height: 183px;
}

.vinys_act .vinys_fr {
	background: url('/files/images/on_vinys_fr.jpg') no-repeat;
}
.titlemnu {
	position:absolute;
	z-index:1;
	width:355px;
}

.titlenfo {
	margin-top:360px;
}
