body {font-family: arial; background: url(../img/cntnr_end.jpg) no-repeat 50% 100% fixed #1f1f1f; }
a {color: #fff; text-decoration: none;}
#content_rpt a {text-decoration: underline; font-weight: bold;}
#content_rpt h2 a {font-weight: normal; text-decoration: none; }
img { border: none;}
* {padding: 0; margin:0; text-shadow: 1px 1px 1px #000 } 
.centerA {position: absolute; left: 50%; margin-left: -400px; width:800px;}
p {text-indent: 1em; text-align: justify; margin-top: 1em; font-size: 0.9em;}
.checkboxLis{margin: 1em; font-size: 0.9em; list-style: inside url(../img/ulLi.png) square;}
table {margin-bottom: 1em; font-size: 0.9em; border-collapse: collapse;}
h1 {font-size: 1.5em; margin-bottom: 20px; font-family: "Trebuchet MS"; font-style: italic; }
h2 {font-size: 1em; padding:5px 10px; margin:10px 0; font-weight: normal;  background: url(../img/content_rpt.png) repeat-y 50% 0; clear: both; }
b, th, a:hover, dt, strong {color: #4d4;}
caption {padding:0.25em 0.5em;}
td {vertical-align: top;}
th {padding:0.5em ;}
input , textarea, select{
	background: url(../img/content_rpt.png) repeat-y 50% 0;
	padding: 0.25em; margin: 0.25em;
	border-style: solid;
	border-width: 2px;
	border-color: #060 #090 #090 #060;
	color: #ccc;
	font-family: arial;
	font-size: 0.85em;
}
.s_btn {border-color: #090 #060 #060 #090;}
input , textarea, select, label, .img_r, .img_i {display: block; float: left;}
form br {clear: left;}
.img_r { width: 12em; margin-bottom: 0.25em; }
.img_r input, .img_r label {float: right; margin:0 0.25em; text-align: right;}
.img_i {width: 8em; padding: 0.5em 1.5em;  }
input {width: 11em;}
label {text-align: right; width: 11em; padding: 0.25em; margin: 0.25em;}
label.Error, .caption td {color: #d44; width: auto; text-align: left; background: url(../img/content_rpt.png) repeat-y 50% 0;}
textarea {width: 25em;}
#nav {
	padding:0;
	height: 103px; 
	background: url(../img/headNav.png) no-repeat 50% 0;
	top: 0; 
	margin-top:0;
	list-style-type: none;
	overflow:visible;
}
#nav ul {position: absolute; visibility:hidden; top:87px; list-style-type: none; width:700px;  z-index: 900; left:-40px; padding:10px 70px 50px 70px; }
#nav li.production ul {padding-left: 160px; width: 610px;}
.l_en #nav li.production ul {padding-left: 110px; width:660px;}

.MovieLink {float: right; margin-bottom:14px;}
ul.LinksList {overflow:hidden; padding:0; margin:0 0 0 20px; list-style-type: none; list-style-position: outside;}
ul.LinksList li {width:33%; float: left; font-size: 12px; padding-bottom:3px;}
#content_rpt ul.LinksList a {text-decoration: none; font-weight:normal; }
#content_rpt ul.LinksList a:hover {text-decoration: underline;}

#nav li:hover ul, #nav li.IEover ul, #nav li.NavDelay ul {visibility:visible; z-index: 1000;}

#nav li { float: left; text-align: center;}
#nav a {display: block; padding-bottom: 5px; padding-top:31px; text-transform: uppercase; font-size: 11px; line-height: 15px; width: 110px; height:64px;}
#nav a:hover {background: url(../img/LiA_hov.png) no-repeat 50% 50%;}
#nav span {display: block; border-width: 0 1px;  border-style: solid;  border-color: #000 #000 #000 #aaa;  padding-top: 44px;  width: 110px; background-repeat: no-repeat; background-position: 50% 0;}

#nav li.about { margin-left: 6px;}
#nav li.about a span {background-image: url(../img/about.png); border-width: 0 1px 0 0; }
#nav li.about li a span {border-width: 0 1px; }
#nav li.equipment a span {background-image: url(../img/equipment.png);}
#nav li.production a span {background-image: url(../img/production.png);}
#nav li.ecology a span {background-image: url(../img/ecology.png);}
#nav li.certificates a span {background-image: url(../img/certificates.png);}
#nav li.branches a span {background-image: url(../img/branches.png);}
#nav li.contacts a span {background-image: url(../img/contacts.png); border-width: 0 0 0 1px;}

#nav li li a, #nav li li a:hover {padding: 10px 0 15px 0; height:16px; width:auto; float: left; background: url(../img/headNav.png) no-repeat 50% 100% !important;}
#nav li li.SubLiFirst a {background-position: 0% 100% !important;}
#nav li li.SubLiFirst a span {border-width: 0 1px 0 0; padding-left:15px;}
#nav li li.SubLiLast a {background-position: 100% 100% !important;}
#nav li li.SubLiLast a span {border-width: 0 0 0 1px; padding-right:15px;}
#nav li li a span {height:auto; width:auto; padding:0 10px;  background-image: none !important;}

#header {height: 27px; background: url(../img/Header.png) no-repeat; top: 0; }
#header div {color: #ccc; font-size: 11px; margin: 3px 0 4px 0; width:45%;}
#header div#LangsNav {margin-left: 30px; float:left; text-align: left;}
#header div#CurTime {margin-right: 30px; float:right; text-align: right;}
#container {width: 955px; margin: 0 auto ;}
#container_end {padding: 110px 0 60px 0; }
#index #container_end {height: 380px; position: relative;}
#content_top {height:21px; background: url(../img/content_top.png) no-repeat 50% 0; }
#content_rpt {background: url(../img/content_rpt.png) repeat-y 50% 0; overflow: hidden;}
#content_end {height:21px; background: url(../img/content_end.png) no-repeat 50% 0;}
.content {width:750px; padding: 0 25px; margin: 0 auto; color: #e0e0e0;}

#footer, .IndexFooter {
	color: #fff;
	font-size: 12px; 
	line-height: 18px;
	height:18px;
	width: 956px; 
	text-align: center; 
	background: url(../img/foot_end.jpg) no-repeat 50% 65% #1f1f1f;
	padding: 20px 0 22px 0;
	margin: 0 auto;
}
#footer.POS_fix {position: fixed; margin-left: -478px; left:50%; bottom:0; }
#footer.POS_rel {position: static ; margin-left: auto ;}

#content_rpt .imgHolder {float: right; margin-left: 25px; width: 220px; font-size: 0.75em;  text-align: center;}
#ecology #content_rpt .imgHolder {width: auto;}
#content_rpt .imgHolder div {margin-bottom: 1em;}
.imgRow {overflow: hidden; margin-top: 1em;  text-align: center; }
.imgRow div {width: 250px; float: left;  }
.imgRow span {display:block;  font-size: 0.7em;}
.imgRow.twoCols div {width: 375px;}
.imgRow.treeCols div {width: 100%; text-align: center;}
.imgRow.fourCols div {width: 187px;}

#BaseMap{width:745px; height: 490px; list-style-type:none; position: relative; font-size:0.85em;}
.l_en #BaseMap {background-image: url(../img/Map_en.png);}
.l_bg #BaseMap {background-image: url(../img/Map_bg.png);}
#BaseMap li {position: absolute; overflow: visible; /** opacity: 0.5; background-color: #f00; /**/}

#BaseMap li#B_Pazardjik {left: 227px; top: 314px; width: 82px; height: 32px;}
#BaseMap li#B_Zlokuchene {left: 150px; top: 308px; width: 77px; height: 32px;}
#BaseMap li#B_Dupnica {left: 76px; top: 300px; width: 73px; height: 32px;}
#BaseMap li#B_Nadejda {left: 105px; top: 200px; width: 60px; height: 32px;}
#BaseMap li#B_Sofia {left: 107px; top: 231px; width: 83px; height: 32px;}
#BaseMap li#B_Litakovo {left: 147px; top: 194px; width: 76px; height: 32px;}
#BaseMap li#B_Montana {left: 99px; top: 122px; width: 70px; height: 32px;}
#BaseMap li#B_Pleven {left: 260px; top: 125px; width: 66px; height: 32px;}
#BaseMap li#B_ChervenBriag {left: 197px; top: 141px; width: 87px; height: 32px;}
#BaseMap.l_en li#B_ChervenBriag {left: 130px; width: 100px;}
#BaseMap li#B_Iana {left: 85px; top: 260px; width: 23px; height: 32px;}
#BaseMap li#B_Kazichene {left: 109px; top: 261px; width: 60px; height: 32px;}
#BaseMap li#B_GorniBogorov {left: 137px; top: 261px; width: 24px; height: 32px;}
#BaseMap li#B_Sevlievo {left: 316px; top: 186px; width: 77px; height: 32px;}
#BaseMap li#B_Troian {left: 270px; top: 207px; width: 60px; height: 32px;}
#BaseMap.l_en li#B_Troian {left: 233px; width: 70px;}
#BaseMap li#B_Chirpan {left: 340px; top: 317px; width: 68px; height: 32px;}

#BaseMap li dl {
	background: url(../img/content_rpt.png) repeat-y 50% 0; 
	overflow: hidden; 
	border: solid 2px #494; 
	padding: 0 0 0.85em 0; 
	width: 26.5em; 
	margin-top: 30px;
	margin-left: -3em;
	position: absolute;
	display: none; 
}
#BaseMap li:hover, #BaseMap li.IEover {z-index:1000;}
#BaseMap li:hover dl, #BaseMap li.IEover dl, #BaseMap li.NavDelay dl {display: block;}
#BaseMap dt {float: left; clear: left; width: 4em; text-align:right; padding:0 0.5em; display: block;}
#BaseMap dt.separator {width: 22.5em; text-align: center; margin: 0.85em 0 0 0; }
#BaseMap dd  {float: left; text-align:left; display: block; width: 21em; }

#logo {
	position: relative;
	display: block;
	margin:0 auto;
	width: 555px;
	height: 84px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.l_bg #logo {background-image: url(../img/logo_ecometal_bg.png);}
.l_en #logo {background-image: url(../img/logo_ecometal_en.png);}
#logo span {visibility: hidden;}

#intro {margin:0 0 1em 0px; border: solid 2px #070; width:470px; height:306px; padding: 15px; background: url(../img/content_rpt.png) 50%; float: left; }
#eq_machines #intro {margin: 1em auto ; float: none; width:600px; height:auto;}
 
#pr_final .column {width:350px; float: left; margin-top: 1em;}
#pr_final .spacer {width: 40px; height: 20px; float: left;}

#pr_final p {clear: left;}
#pr_final td, #eq_rental td, #racing-team  td {border-bottom: dotted 1px #d44; padding:2px 5px;}
#racing-team  .even td {background: url(../img/content_rpt.png) 50%;}
#racing-team th { white-space: nowrap; }
a.arrow{display:inline-block; width: 7px; height:10px;  overflow: hidden; background-image: url(../img/arrows.png); background-repeat: no-repeat;}
a.down {background-position: -7px 0;} 
a.arrow:hover, a.arrow.ordered  {background-position: 0 -10px;}
a.down:hover, a.down.ordered {background-position: -7px -10px;}
a.arrow span {visibility: hidden;}

table {width: 100%;}
#eq_rental .caption td {border-bottom: none; text-align:center; vertical-align:middle;}
#eq_rental #content_rpt li {margin-left: 1em; color:#4d4; font-weight:bold; line-height:1.25em;}
#eq_rental #content_rpt li div {color: #ddd; font-weight: normal; font-size: 0.85em; }
#eq_rental .LB_caption {text-align:left; padding:3px 10px;}
#eq_rental h2 {clear: both;}

#production img {float: left; margin:0 20px 10px 0; display: block;}
#production #content_rpt h2 {clear: both;}

#content_rpt div.presentation {position: relative; }
#content_rpt div.presentation a {
	display: block; width: 18px; height:18px; line-height:18px;  padding: 3px; margin:3px;
	float: left; color: #fff; text-decoration: none;
	background: url(../img/content_rpt.png) repeat-y 50% 0;
}
#content_rpt div.presentation a:hover {background-color: #444; }
#content_rpt div.presentation span{ overflow: hidden; width:210px; position: absolute; z-index:10000; left: 19px; top:5px; visibility: hidden;}
#content_rpt div.presentation:hover span, #content_rpt div.IEover span{ visibility: visible;}

#lbOverlay {position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; }
#lbCenter {	background-color: #3A3A3A; border: solid 2px #070; padding: 16px;}
.lbLoading { background: #fff url(../img/loading.gif) no-repeat center;}
#lbImage { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-color: #bbb; }
#mFlash {margin:0 100px; text-align: center; position: relative; top:20px; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 100px; outline: none; }
#lbPrevLink { left: 0;}
#lbPrevLink:hover {	background: transparent url(../img/prevlabel_en.gif) no-repeat 0% 25%;}
.l_bg #lbPrevLink:hover { background-image: url(../img/prevlabel_bg.gif) ;}
#lbNextLink {right: 0;}
#lbNextLink:hover {	background: transparent url(../img/nextlabel_en.gif) no-repeat 100% 25%;}
.l_bg #lbNextLink:hover { background-image: url(../img/nextlabel_bg.gif) ;}
#lbBottom { 
	padding: 0 16px 16px 16px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #BBB; 
	line-height: 1.4em; 
	text-align: left; 
	background-color: #3A3A3A;
	border: solid 2px #070;
	border-top: none;
}
#lbCloseLink { display: block; float: right; width: 80px; height: 32px; background: transparent url(../img/closelabel_en.gif) no-repeat center; outline: none;}
.l_bg #lbCloseLink { background-image: url(../img/closelabel_bg.gif);}
#lbCaption, #lbNumber {	margin-right: 90px;}
#lbCaption {	font-weight: bold;}