/* CSS Document - tested on FF 3.03, IE8beta2,*/
/* IE fixes -> CSS files "main-ie7.css" and "main-ie6.css" will be loaded via JS*/

* {margin:0;padding:0;border:0;}
html, body {background:#EAEBE5 /*url(/files/grad.png) repeat-x*/; color:#636363;height:100%;}
body {/*next two=IE6 hack*/width:auto !important;width:891px;max-width: 891px; margin:0 auto; font-family:Arial,sans-serif;font-size:12px;}

fieldset {margin:5px;padding:7px 5px 7px 10px; border:1px solid #AAA;}
fieldset legend {padding:0 5px;margin-left:5px;}
label {margin:5px;font-weight: bold;cursor:pointer;}
input, textarea, select {font-weight: bold;border-bottom:1px dashed #444;background:#EEE;padding:1px 5px; }
select {cursor: pointer;}
input:hover, textarea:hover {background-color:#D7D7D7;}
input:focus, textarea:focus  {background-color:#8CD97A}
input.submit {cursor: pointer; float: none;clear:both;border:2px solid #006010;background:/*#A1FF00*/#8CD97A;padding:1em;margin-left:5px;}
input.submit:hover {background:#190053;color:#1DFF00;border-color:#190053;text-decoration: underline;}
.mandatory {background:#FF9E9E;}
input.disabled {background:#EEE;cursor:default}
div.hint {margin:0 5px 10px 5px}

pre, code {font-family:Monaco,Courier,"Courier New",monospace;border:1px solid #717162;padding:1em;}
abbr {border-bottom: 1px  #ccc dotted;}
a {color:#636363;}
a:hover {color:#1DFF00;}
ul {list-style-type:none;}
p {margin:1em 10em;text-align: center;}
h3 {text-align: center;border-top:1px dashed #A0A0A0;padding-top:1em}
table {table-layout: auto; border-collapse: collapse;width:100%;}
.hide {display:none !important;}
.auto-height {height:auto !important;}/*for JS*/

div#top {min-height:100%;background: url(/files/bg-main.png) repeat-y;}
div.float-break {clear: both;float: none;}
#www-head {background: url(/files/menu.png) no-repeat;height:244px;}
#www-head h2 {margin-left:-5000px;overflow: hidden;}
#logo-movie {position: absolute; margin-left: 356px; top: -1px; width:530px; height:166px;z-index: 2}

#www-language {position:absolute;top:138px;margin-left:15px;}
#www-language li {float:left;}
#www-language a {opacity:.5;display:block;width:26px;height:26px;background: url(/files/languages.png) no-repeat 0;overflow: hidden;text-indent: 26px;margin-right:2px}
#www-language #a-lang-en {background-position: -26px;}
#www-language #a-lang-zh {background-position: -52px;}
#www-language a:hover,#www-language a.active {opacity:1;}

#www-menu {position:absolute;top:173px;width:840px;padding-left:15px;}
#www-menu li {float:left;background: url(/files/menu_btn.png) no-repeat;/*next two=IE6 hack*/width:auto !important;width:136px;}
#www-menu li ul {display:none;position:absolute;padding:1em;background:#190053;}
#www-menu li:hover > ul {display:block;}
#www-menu a, #www-menu li span {cursor:pointer;display:block;height:41px;font-size:15px;font-family:Georgia, Arial;padding:13px 10px 0 37px;text-decoration: none;color:#636363;}
#www-menu li:hover > a, #www-menu li:hover > span {background: url(/files/menu_btn_act.png) no-repeat;color:#190053;}
#www-menu a:hover, #www-menu .active {/*IE6... same as above line - must be on separate line - doesn't support > selector*/background: url(/files/menu_btn_act.png) no-repeat;color:#190053;}
#www-menu li span {cursor:default;}
#www-menu li li {float:none;background:none;}
#www-menu li li a {font-family:Arial;height:auto;font-size:100%;padding:5px 10px;color:#FFF;}
#www-menu li li a:hover, #www-menu li li a.active, #www-menu li li span:hover {text-decoration: underline;background: none;color:#1DFF00;}

#www-main {width:810px;margin:0;min-width:810px;padding:15px 15px 9em 15px;}
  #note {width:100%;padding:5px;}
  #www-main h1 {font-family:Georgia, Arial;font-size:24px;padding:15px 0;text-align: center;}
  #www-main table {border:1px solid #000;border-top:0;}
  #www-main tr.row_st-1 {background:#BBB}
  #www-main tr.row_st1 {background:#BBB}  
  #www-main table.news tr.row_st1{background:#FEE69E}
  #www-main tbody tr:hover {background:#8CD97A /*#1DFF00*/ !important;cursor:default}
  #www-main table.interactive tbody tr:hover {cursor:pointer}
  #www-main td {padding:2px 5px;}
  #www-main td input {cursor:pointer;}
  #www-main tfoot td * {margin-left:5px;}  
  #www-main tfoot td input:hover {background:#8CD97A}
	#www-main th, #www-main tfoot td  {padding:5px;background:#190053;text-align: left;color:#FFF;}
	
  #www-main th a {color:#FFF;}
  #www-main th a:hover {color:#1DFF00;}  
  #www-main div.images {margin:3em 10em 1em 10em;text-align:center;}
  #www-main div.images a img {border:3px solid #FFF}
  #www-main div.images a:hover img {border-color:#8CD97A}
  div.float {float:left;width:405px;}
  div.last-float {float:left;clear:right;width:405px;}
  #sections ul {padding-left:10px;}
  #sections li {float:left;}
  #sections h1 {margin:0;padding:0}
  #sections a {margin-top:10px;margin-bottom:-1px;margin-left:3px;display:block;padding:10px 20px;border:1px solid #000;text-decoration: none;font-family: Arial; font-size: 10pt;font-weight: bold;}
  #sections h1 a, #sections a:hover {color:#190053;margin-top:5px;padding:12px 20px;border-bottom-color:#FFF;}
  #sections h1 a, #sections h1 a:hover {margin-top:0px;margin-bottom:-1px;padding:15px 20px;}
  #sections div {clear:both;border-top:1px solid #000;margin-bottom:15px;}

  #www-main .text3 p {text-align: left;margin:0 1em 1em 1em;}
  #www-main .text3 a {color:#3366cc;}
  #www-main .text3 a:hover {color:#8CD97A}
  #www-main .text3 h3 {border:0;margin-bottom:1em;text-align: left;}
  #www-main .text3 h4 {text-align: center;font-size: 15px;}
  #www-main .text3 h5 {font-size: 11px; margin:1em}
	#www-main .text3 div.left {float:left;width:133px;padding:0 30px 50px 5px}
	#www-main .text3 div.mid {margin-left:133px;}
	#www-main .text3 div.mid p {margin-right:158px;padding-right:2em}
	#www-main .text3 div.mid ul {margin-right:158px;margin-left:6em;padding-right:2em;padding-bottom:1em;list-style-type: square;}
	#www-main .text3 div.mid li {padding-left:.5em}
	#www-main .text3 div.mid img {text-align: left;float:left;padding-right:1em}	 
	#www-main .text3 div.mid div {text-align: right;padding-right:10px}
	#www-main .text3 div.mid div.images {text-align: center;padding-right:158px;margin:0;}
	#www-main .text3 div.mid div.sec {margin-right:168px;}
	#www-main .text3 div.mid div.sec p {padding:0;padding-bottom:1em;margin:0 0 10px 0;min-height:110px;border-bottom:1px dashed #A0A0A0;}
	#www-main .text3 div.mid div.sec p.nh {min-height:0;}
	#www-main .text3 div.mid div.sec h5 {text-align: center; font-size: 13px;margin:0;}
	#www-main .text3 div.mid div.sec h6 {text-align: left; font-size: 11px;padding-bottom:1em}
	#www-main .text3 div.mid div.sec ul {text-align: left;}
	#www-main .text3 div.mid div.ca-code {text-align: center;padding-bottom:1em;font-style: italic;}
	#www-main .text3 div.mid div.ca-code b {font-weight: bold;padding-left:1em}
	#www-main .text3 div.mid div.sec-cont {float:left;padding:1em 0;width:230px;border-top:1px dashed #A0A0A0;}
	#www-main .text3 div.mid div.sec-cont div.sec {margin:0;padding:.5em 0}
	#www-main .text3 div.mid div.scl {border-right:1px dashed #A0A0A0;padding-right:.5em}
	#www-main .text3 div.right {float:right;width:133px;padding:0 5px 50px 20px;border-left:1px dashed #A0A0A0;}
	#www-main .text3 div.right p {margin-right:1em;padding:0}
	#www-main .text3 div.left img, #body-history #www-main div.right img, #www-main .text3 div.mid div.images img {float:none;padding:0 5px 1em 5px;}
	
	/* specifics in main div for different pages*/
	#body-news #www-main img {float: left;margin:15px 10px 15px 0px}
	#body-news #www-main p {margin:1em 160px;}
  #body-certificates #www-main div.images {margin-top:1em;}

	#body-ca-sigh #www-main .text3 div.mid div.sec p {border:0;}
	#body-ca-sigh #www-main .text3 div.mid div.sec h4 {border-top:1px dashed #A0A0A0;padding-top:1.5em}
		
	#body-history #www-main .text3 div.right {border:0;}	
	
	#body-references #www-main ul, #body-references h2 {text-align: center;}
  #body-references #www-main ul {margin-top:2em}   
  #body-references table {margin:0 auto;vertical-align: top;width:auto;border:1px solid #000;border-width:1px 0;}
  #body-references table tr:hover {background:none !important};
  #body-references table td {padding: 2em 0.75pt}

  #www-main .cars div.right {position:absolute;margin-left:650px;width:150px;padding:0 1em 0 0}
  #www-main .cars div.right p {text-align: left;margin:0 1em 1em 1em;}
  #www-main .cars ul {width:650px} 
	#www-main .cars li {width:170px;margin-left:3em;float:left;height:270px}
  #www-main .cars a {display:block;border:3px solid #FFF;padding:10px;text-decoration: none;}
  #www-main .cars a span, #www-main .cars a b {color:#000;display:block;}
	#www-main .cars a:hover {border-color:#8CD97A;color:#190053;}		
	#www-main .cars a img {padding:0;}
  
  #body-cars #www-main .cars li {height:570px}
  
	#body-alternate #www-main p {text-align: left;width:300px;margin-left:250px;}
	#body-alternate #www-main ul {margin-left:280px;list-style-type: square;width:200px;}
  
	#order-form div {}  
  #order-form label {clear:left;display:block;float:left}
  #order-form fieldset input, #order-form #services textarea {margin:5px;clear:right;display:block;margin-left:50%}
  #order-form #services {clear:both;}
  #order-form #services table {margin-bottom:10px;}
  #order-form #services label, #order-form #services input {display:inline;margin:0 0 0 5px} 
  #order-form #company div {width:375px;}
  #order-form #company div.float {margin-right:30px}
  #order-form p {margin:2em 5px;}  
  #order-form #order-submit {font-size:12pt;}
	#order-form #add-catalog-item {display:inline;margin-left:5px;cursor:pointer;}
	#order-form #add-catalog-item:hover {background:#8CD97A}	

  #body-demand #company, #body-demand #address, #body-demand #section-0 #contact-person * {display:none}
  #body-demand #contact-person #user-email,#body-demand #contact-person #user-email-label,#body-demand #contact-person legend {display:block}
	
	#login-block {margin:-30px 0 25px 0;height:15px;}	
	#login-block ul {float:right;padding:4px 10px;background:#190053;border-bottom:1px solid #C3CCDE;margin:0 !important;width:auto !important}
	#login-block.form ul {width:100%;background:none;border:0;}
	#login-block li {text-align: right;width:auto;display:inline;margin:1px 5px}
	#login-block.form li {text-align: center;}
	#login-block fieldset {margin:0 90px 15px 90px;padding-bottom:15px;border-bottom-width: 3px;}	
	#login-block a {text-decoration: none;color:#FFF;}
	#login-block a:hover {color:#1DFF00;}
	#login-block #login-submit {padding:0 3px}
	
	


#www-foot {width:840px;background:#190053;min-height:7em;height:7em;margin-top:-7em;}
#www-foot a {color:#FFF}
#www-foot a:hover {color:#1DFF00;}
#hcard-interbus-www-foot-detail {text-align:center;padding:15px;}
#www-foot dl, #www-foot abbr span.type, #www-foot dl.adr dt,#www-foot dl.map-links dt, #www-foot dl.web-standarts dt {display:none}
#www-foot dl.adr, #www-foot .adr *, #www-foot .map-links *, #www-foot .web-standarts * {display: inline;}
#www-foot dl.map-links, #www-foot dl.web-standarts {display:block}
#www-foot .web-standarts a {color:#717162;font-size:90%;}
#copyright {padding-right:.5em;}
#www-foot dt, #www-foot .c_label {display:block;width:60px;clear:left;}
#www-foot .block dt, #www-foot .block .c_label {width:30px;}
#www-foot .reg {width:150px;}
#www-foot .adr div {padding-right:.5em;}
#www-foot-end {height:0px;}

/* Contact has different foot, so it is here ...*/ 
#body-contact #www-main {padding-bottom:19em}
#body-contact #www-foot {height:17em;margin-top:-17em;color:#b7b7b7}
#body-contact #hcard-interbus-www-foot-detail {text-align: left;padding:2em 4em;}
#body-contact #www-foot dl, #body-contact #www-foot dl div, #body-contact #www-foot dl.dic a {display:block}
#body-contact #copyright {display:block;margin-left:325px;margin-bottom:2em;}
#body-contact #www-foot dl.web-standarts {position:relative;margin:12.4em 0 0 665px;padding:0px}
#body-contact #www-foot dl.web-standarts a {padding-right:.5em;} 
#body-contact #www-foot dl.spoj, #body-contact #www-foot div.block {float:left}
#body-contact #www-foot dl, #body-contact #www-foot .ib-telephones div {width:250px;}
#body-contact #www-foot dl.adr {float:left;padding-left:50px;width:180px}
#body-contact #www-foot div.block {padding-left:40px;width:170px} 
#body-contact #www-foot dl dt, #body-contact #www-foot dl dd, #body-contact #www-foot span.c_label {float:left;} 
#body-contact #www-foot .geo div {display:inline}
#body-contact #www-foot .map-links dd {position:relative;float:left;margin-top:7em;margin-left:-446px;}
#body-contact #www-foot .dic dt, #body-contact #www-foot .dic a {margin-top:-6em}
#body-contact #www-foot .dic a {margin-left:30px;}
#body-contact #www-foot .map-links dd, #www-foot .reg {padding-left:30px}
#body-contact #www-foot .dic a.reg {margin-top:-4.5em;margin-left:0px;}
#body-contact #www-foot .org {font-weight:bold;color:#fff}
#body-contact #label-note {display:block;text-align: center;margin-right:-10px}
#body-contact #note {margin-right:10px}
#body-contact #user-wants-answer {margin-left:5.4em;margin-bottom:5px;cursor:pointer;}
#body-contact fieldset {margin:10px 0;margin-right:-10px}
#body-contact iframe {float:right;margin:0em 10px 0}
#body-contact #contact-submit {margin:0 auto;display:block}

 
 /* -- round corners not in final design --
.round-corner, .round-corner div div {background: url(/files/corners.png) no-repeat;clear:both;}
.round-corner.blue.bottom {background-position: -20px 0;}
.round-corner.white {background-position: -40px 0;}
.round-corner.gray {background-position: -60px 0;}
.round-corner.dark {background-position: 900px 0;}
.round-corner div {height:10px;margin-left:10px;}
.round-corner.blue div {background-color:#493CAE;}
.round-corner.white div {background-color:#FFF;}
.round-corner.gray div {background-color:#717162;}
.round-corner.dark div {}
.round-corner div div {clear:none;width:10px;float:right;background-position: -10px 0;}
.round-corner.blue.bottom div div {background-position: -30px 0;}
.round-corner.white div div {background-position: -50px 0;}
.round-corner.gray div div {background-position: -70px 0;}
.round-corner.dark div div {background-position: 90px 0;}
*/

#user-errors, #errors {background:#D00030;border:1px solid #F00030;color:#FFF;clear:both;margin:10px 0}
#form-result-ok {background:#8CD97A;border:1px solid #006010;color:#190053;margin-bottom:1em;}
#errors {position: absolute;margin-left:860px;top:250px;width:150px;}
#user-errors ul, #errors ul, #form-result-ok ul {margin:10px;padding-left:10px;}
#user-errors li, #errors li {border-bottom:1px dashed #A0A0A0;padding:5px 0}
#user-errors li.last, #errors li.last {border-bottom:0;}

#under-construction {border: 5px dotted #190053;background: #FEE69E;padding:2em;margin:3em 1em 1em 1em;font-weight:bold;color:#000;clear:both}