/* global styles */
BODY, TD, TH, CAPTION {font-family: Arial,sans-serif; font-size: 12px;}
BODY {color: #333; background: #fff; padding: 0; margin: 0; text-align: center;}

H1 {font-size: 22px; color: #000;}
H2 {font-size: 18px; color: #000;}
H2 SPAN {color: #666;}
H3 {font-size: 16px; font-weight: normal; color: #000;}
a {color: #284076;}
IMG {border: 0 none;}
FORM {padding: 0; margin: 0;}
.clear {height: 1px; padding: 0; margin: 0; clear: both; overflow: hidden;}
.clearL {height: 1px; padding: 0; margin: 0; clear: left; overflow: hidden;}
.clearR {height: 1px; padding: 0; margin: 0; clear: right; overflow: hidden;}
.hide {display: none;}
.bred {color: #f00; font-weight: bold;}

#top1 {padding: 8px 0; text-align: center;}
#top2 {width: 776px; margin: 0 auto; }
#logo {float: left; width: 373px; height: 59px; overflow: hidden; margin: 0; padding: 0; position: relative;}
#logo SPAN {display: block; margin:0; padding:0; position: absolute; left: 0; top: 0; 
  z-index: 1; width: 373px; height: 59px; background: url('img/oil-and-gas-well-trader.png') 0 0 no-repeat;}
#loginform {float: right; width: 390px; text-align: right; padding: 10px 0 0 0;}
#loginform P {padding: 4px 0 0 0; margin: 0; color: #999;}
#loginform P STRONG {color: #000;}
#loginform LABEL {margin: 0 10px 0 0;}
#loginform FORM INPUT {vertical-align: middle;}	

#footer {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; width: 776px; margin: 0 auto 10px auto;;}
#footer P {line-height: 30px; font-size: 11px; color: #999; margin: 0; padding: 0;}
#footer A {color: #339; text-decoration: none; border-bottom: 1px dashed #33C;}
#footer IMG {vertical-align: middle;}
.footerR {float: right; width: 200px; text-align: right; }
.footerL {float: left; width: 550px;}

#footer2 {text-align: center; width: 776px; margin: 0 auto 10px auto;}
#footer2 P {font-size: 10px; color: #999; margin: 0; padding: 10px 0;}

#menu11 {background: #ebebeb url('img/m1b1.png') repeat-x top; text-align: center;}
#menu12 {width: 776px; margin: 0 auto; text-align: right; background: url('img/m1r.png') 756px 0 no-repeat;}
#menu13 {width: 751px; text-align: right; background:  url('img/m1l.png') 0 0 no-repeat; margin: 0 20px 0 auto;}
#menu11 UL {list-style: none; margin: 0; padding: 0; height: 30px; text-align: left; }
#menu11 LI {margin: 0; padding: 0;}
#menu11 UL.m {background: #ebebeb url('img/m1b2.png') repeat-x top; width: 731px; margin: 0 0 0 auto;}
#menuInterests {float: left; width: 232px; height: 30px; background: url('img/m1interests.png') 41px 0 no-repeat;}
#menuInterests UL {width: 227px; height: 30px; margin: 0 auto 0 0;}
  #menuBuyInterests {float: left; width: 41px; height: 30px; background: url('img/m1buy.png') top left no-repeat;}
	#menuBuyInterests A {display: block; width: 41px; height: 30px;}
  #menuSellInterests {float: right; width: 46px; height: 30px; background: url('img/m1sell.png') top right no-repeat;}
	#menuSellInterests A {display: block; width: 36px; height: 30px;}
#menuRights {float: left; width: 206px; height: 30px; background: url('img/m1rights.png') 41px 0 no-repeat;}
#menuRights UL {width: 201px; height: 30px; margin: 0 auto 0 0;}
  #menuBuyRights {float: left; width: 41px; height: 30px; background: url('img/m1buy.png') top left no-repeat;}
	#menuBuyRights A {display: block; width: 41px; height: 30px;}
  #menuSellRights {float: right; width: 46px; height: 30px; background: url('img/m1sell.png') top right no-repeat;}
	#menuSellRights A {display: block; width: 36px; height: 30px;}
#menuProspects {float: left; width: 159px; height: 30px; background: url('img/m1newprospects.png') 0 0 no-repeat;}
#menuProspects A {display: block; width: 149px; height: 30px; margin: 0 auto 0 0;}
#menuConsultant {float: left; width: 134px; height: 30px; background: url('img/m1consultant.png') 0 0 no-repeat;}
#menuConsultant A {display: block; width: 134px; height: 30px; margin: 0 auto 0 0;}
#menu11 LI SPAN {display: none;}

#menu21 {background: #384D7E url('img/m2b.png') repeat-x top; text-align: center;}
#menu22 {width: 750px; margin: 0 auto;}
#menu21 UL {list-style: none; margin: 0; padding: 0; height: 25px;}
#menu21 LI {margin: 0; padding: 0;}
#menuBrokersDealers {float: left; width: 176px; height: 25px; background: url('img/m2brokersdealers.png') top left no-repeat;}
#menuBrokersDealers A {display: block; width: 176px; height: 25px;}
#menuProducersOperators {float: left; width: 213px; height: 25px; background: url('img/m2producersoperators.png') top left no-repeat;}
#menuProducersOperators A {display: block; width: 213px; height: 25px;}
#menuConsultants {float: left; width: 139px; height: 25px; background: url('img/m2consultants.png') top left no-repeat;}
#menuConsultants A {display: block; width: 139px; height: 25px;}
#menuArvertisers {float: left; width: 136px; height: 25px; background: url('img/m2advertisers.png') top left no-repeat;}
#menuArvertisers A {display: block; width: 136px; height: 25px;}
#menuAbout {float: left; width: 82px; height: 25px; background: url('img/m2about.png') top left no-repeat;}
#menuAbout A {display: block; width: 82px; height: 25px;}	
#menu21 LI SPAN {display: none;}

#menu31 {background: #FFF8DA; border-bottom: 1px solid red; color: #333; font-size: 12px; text-align: center;}
#menu32 {margin: 0 auto; text-align: left; width: 776px;}
#menu31 P {line-height: 2em; padding: 0; margin: 0;}
#menu31 P A.button {font-weight: normal; text-decoration: none; color: #000; background: #fc0; border: 1px solid #000; padding: 1px 4px;} 
#menu31 P SPAN.button {font-weight: normal; text-decoration: none; color: #666; background: #ccc; border: 1px solid #666; padding: 1px 4px;} 

#middle1 {text-align: left; width: 776px; margin: 0 auto; padding: 0;}
#middle2 {text-align: left; width: 776px; padding: 0;}
#middleR {float: right; width: 636px; overflow: hidden; padding: 0;}
#middleSky {float: left; width: 120px; height: 600px; overflow: hidden; }

.box1 {background: url('img/frm_top.png') repeat-x top;}
.box2 {background: url('img/frm_right.png') no-repeat top right;}
.box3 {background: url('img/frm_left.png') no-repeat top left;}
.box4 {padding: 30px 30px 0 30px;}
	
.frmHome {background: url('img/hp_img1.jpg') no-repeat top right;}
.frmHome H2 {font-size: 20px; color: #000; font-weight: normal; padding: 0 0 20px 0; margin: 0;}
.frmHome H2 SPAN {color: #F0BD59}	

TABLE.frm TD {padding: 4px 4px 4px 8px; vertical-align: middle;}
TABLE.frm TH {padding: 15px 4px 4px 8px; vertical-align: middle; 
  text-align: left; font-size: 15px; font-weight: normal;}
TABLE.frm TH.hs {padding: 4px 4px 4px 8px;}
TABLE.frm TD.btns {text-align: center; padding: 10px 0;}
TABLE.frm TD.btnsR {text-align: right; padding: 0; vertical-align: bottom;}
TABLE.frm TD.sell {background: #F0DDB8;}
TABLE.frm .note {font-size: 11px; vertical-align: top; font-style: italic;}
TABLE.frm TR.r1 {background: #fff;}
TABLE.frm TR.r2 {background: #eee;}
TABLE.frm TR.b1 {background: #667ba9;}
TABLE.frm TR.g1 {background: #eee;}
TABLE.frm TD.hl {background: url('img/btl.png') no-repeat top left; height: 6px; padding: 0;}
TABLE.frm TD.hr {background: url('img/btr.png') no-repeat top right; height: 6px; padding: 0;}
TABLE.frm {margin: 0 0 5px 0;}
TABLE.filter, TABLE.filter2 {table-layout: fixed; border-bottom: 4px solid #eee;}
TABLE.filter TD, TABLE.filter TH {background: #eee;}
TABLE.filter2 TD, TABLE.filter2 TH {background: #ccc;}
TABLE.filter TR.admin TD {background: #FFF8DA;}
TABLE TR.dis TD, TABLE TR.dis TH {color: #ccc;}
INPUT.w230px, SELECT.w230px {width: 230px;}
INPUT.w380px, SELECT.w380px {width: 380px;}
INPUT.w100px, SELECT.w100px {width: 100px;}
TEXTAREA.w380px {width: 380px;}
.req {color: #f00; font-weight: bold; vertical-align: super;}
OPTGROUP {font-style: normal; font-weight: normal; background: #A9BDD6; }
.ogUsa OPTION {background: #fff;}
.ogOther OPTION {background: #eee;}

.frmhdr340 {width: 340px; margin: 0 auto 0 0; background: #667ba9 url('img/btl.png') no-repeat top left;}
.frmhdr {background: #667ba9 url('img/btl.png') no-repeat top left;}
.frmhdr340 DIV, .frmhdr DIV {height: 6px; overflow: hidden; background: url('img/btr.png') no-repeat top right; }
.frmhdr340 H3 {background: #eee; padding: 4px 8px; font-size: 15px; margin: 0;}
.frmhdr340 H3.buy {background: #ccc;}
.frmhdr340 H3.sell {background: #FFDA95;}
.frmhdr340 P.sell {background: #FFDA95; text-align: center; padding: 10px 0; margin: 0; }


.listfull {padding: 0 0 10px 0;}
.listfull TABLE.list {width: 776px;}

DIV.listheader {background: #A9BDD6; margin: 0; padding: 3px 0 2px 0; color: #333; width: 100%;}
DIV.listheader STRONG {color: #000;}
DIV.listheader P {padding: 0 4px; margin: 0;}
DIV.listheader .sort {float: left; font-weight: normal; width: 40%;}
DIV.listheader .navig {float: right; text-align: right; width: 40%;}

TABLE.list {table-layout: fixed; border-top: 1px solid #aaa; border-bottom: 5px solid #fff;}
TABLE.list TD {overflow: hidden;}
TABLE.list TH {padding: 4px; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; background: #ddd; color: #000; table-layout: fixed;}
TABLE.list .r1 TD {padding: 4px 4px 2px 4px; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; background: #e4e4e4; color: #333; border-top: 6px solid #fff;}
TABLE.list .r1a TD {padding: 2px 4px; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; background: #e4e4e4; color: #333; border-top: 1px solid #eee;}
TABLE.list .r2 TD {padding: 2px 4px 4px 4px; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; background: #e4e4e4; color: #333; bborder-top: 1px solid #f8f8f8;}
TABLE.list .r2a TD {padding: 2px 4px; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; background: #e4e4e4; color: #333; bborder-top: 1px solid #f8f8f8;}
TABLE.list .r2 TD.desc {font-size: 11px; font-weight: normal; color: #666;}
TABLE.list .r2 TD.btn {line-height: 2em;} 	
TABLE.list .r2 TD.admin {font-weight: normal; color: #000; background: #FFF8DA;} 	
TABLE.list .r2 TD.adminR {font-weight: normal; color: #000; background: #FFF8DA; text-align: right;} 	
TABLE.list .r2 TD.admin A.button, TABLE.list .r2 TD.adminR A.button { 
font-weight: normal; text-decoration: none; padding: 1px 2px; color: #000; background: #eee; 
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;
}
TABLE.list TD.admin IMG, TABLE.list TD.adminR IMG {vertical-align: middle;}
TABLE.list TD.emptyList {padding: 20px 5px; vertical-align: middle; text-align: center; font-size: 14px;} 
TABLE.list TR TD.r {text-align: right;}
TABLE.list TD.url A {font-size: 11px; text-decoration: none;}

DIV.admin {border-top: 1px solid red; border-bottom: 1px solid red; background: #FFF8DA; padding: 10px;}
DIV.admin .adminMenu {padding: 4px; text-align: right;}
DIV.admin .adminMenu A.button { 
font-weight: normal; text-decoration: none; padding: 1px 2px; color: #000; background: #eee; 
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;
}

DL.profile {padding: 0; margin: 0;}
DL.profile DT {float: left; width: 150px; clear: both; padding: 4px;}
DL.profile DD {margin: 0 0 0 160px; padding: 4px; font-weight: bold;}
DL.profile DD.s {line-height: 1.7em;}
DL.profile DD.s SPAN {background: #fd6; padding: 1px; }
DL.profile SPAN.desc {font-size: 10px; font-style: italic;}

UL.profile {font-size: 15px; padding: 0; margin: 0; list-style: none;}
UL.profile LI {padding: 0 0 10px 0; margin: 0;}
UL.profile LI.f {float: left; width: 145px; margin: 0 10px 0 0;}
UL.profile UL {font-size: 12px; padding: 4px 0 0 0; margin: 4px 0 0 0; border-top: 1px solid #999; list-style: none;}
UL.profile UL LI {padding: 4px 0 0 0; margin: 0;}

DL.detail {padding: 0; margin: 0;}
DL.detail DT {padding: 10px 0 5px 0; margin: 0; font-weight: bold;}
DL.detail DD {margin: 0; padding: 0 0 1px 20px;}
DL.detail DD.dPrice {text-align: right; font-size: 20px;}
DL.detail DD.dNote {padding: 0 0 0 0; font-size: 11px;}
DL.detail DD.dButton {text-align: center; padding: 10px 5px 5px 5px; }
DIV.detailAdmin {background: #FFF8DA; padding: 8px; border-top: 1px solid red; border-bottom: 1px solid red; }
DIV.detailBoxR {clear: right; float: right; width: 200px; padding: 0 10px 9px 10px; margin: 0 0 10px 0;
  border-top: 1px solid #E1E6F0; border-bottom: 1px solid #E1E6F0; background: #F1F3F8; }
DIV.detailBoxRb {clear: right; float: right; width: 200px; padding: 0 10px 9px 10px; margin: 0 0 10px 0;
  border-top: 1px solid #E1E6F0; border-bottom: 1px solid #E1E6F0; background: #F1F3F8; }

P.contactR {text-align: right; margin: 10px 0; padding: 10px; background: #F1F3F8; }

/*
P.infoMessage {background: #eee; border: 1px solid #ccc; padding: 10px; margin: 10px 0; color: #000; font-size: 14px}
P.errorMessage {background: #eee; border: 1px solid #f00; padding: 10px; margin: 10px 0; color: #f00; font-size: 14px}}
*/
DIV.messages {background: #eee; border-bottom: 1px solid #999; border-top: 1px solid #eee; color: #333; font-size: 14px; text-align: center;}
DIV.messages2 {margin: 0 auto; text-align: left; width: 776px;}
DIV.messages P {margin: 4px 0; padding: 0;}
DIV.messages P.warning {color: #000; font-weight: normal;}
DIV.messages P.error {color: #f00; font-weight: normal;}

DIV.dump {color: #060; border: 1px solid #060; text-align: left; background: #cfc; font-size: 11px; padding: 2px; margin: 4px 0;}
DIV.dump PRE {background: #fff; color: #000; border: 1px solid #666; margin: 2px; padding: 2px;}

BLOCKQUOTE {background: #eee; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 30px; margin: 10px 0; font-style: italic; color: #666;}

.art H2 {padding: 0 0 10px 0; margin: 0;}
.art H3 {padding: 0 0 10px 0; margin: 0;}
.art P {padding: 0 0 10px 0; margin: 0;}
.art P.desc {color: #555; font-size: 0.9em;}
	
.ad1 {text-align: center; padding: 10px 0 0 0;}
.ad1a {text-align: center; padding: 10px 0;}
.ad2 {width: 468px; margin: 0 auto; text-align: left;}
	
/*	
	
#body1 {background: url('img/bkg1.png') repeat-y center; text-align: center; }
#body2 {text-align: left; margin: 0 auto; width: 758px;}
#body3 {padding: 0 9px 9px 9px; }
#footer1 {background: url('img/bkg2.png') top center no-repeat; text-align: center; }
#footer2 {text-align: left; margin: 0 auto; width: 758px; color: #666; font-size: 10px;}
#footerL {margin: 0; padding: 2px 0; float: left; width: 400px;}
#footerR {margin: 0; padding: 2px 0; float: right; text-align: right; width: 200px; color: #999;}
#footerR A {text-decoration: none; color: #333;}

#menu {float: right; width: 440px; margin: 0; padding: 0; list-style: none; clear: right;}
#menu LI {float: left; width: 110px; height: 68px; overflow: hidden; margin: 0; padding: 0;}
#menu LI#menuHome {background: url('img/m_home.png') top right no-repeat;}
#menu LI#menuProdukty {background: url('img/m_produkty.png') top right no-repeat;}
#menu LI#menuKontakty {background: url('img/m_kontakty.png') top right no-repeat;}
#menu LI#menuDownload {background: url('img/m_download.png') top right no-repeat;}
#menu LI#menuOnas {background: url('img/m_onas.png') top right no-repeat;}
#menu LI A {display: block; width: 100px; height: 68px; margin: 0 0 0 10px;}
#menu LI#menuHome A:hover, #menu LI#menuHome A.sel {
  background: url('img/m_home.png') 0 -68px no-repeat;}
#menu LI#menuProdukty A:hover, #menu LI#menuProdukty A.sel {
  background: url('img/m_produkty.png') 0 -68px no-repeat;}
#menu LI#menuKontakty A:hover, #menu LI#menuKontakty A.sel {
  background: url('img/m_kontakty.png') 0 -68px no-repeat;}
#menu LI#menuDownload A:hover, #menu LI#menuDownload A.sel {
  background: url('img/m_download.png') 0 -68px no-repeat;}
#menu LI#menuOnas A:hover, #menu LI#menuOnas A.sel {
  background: url('img/m_onas.png') 0 -68px no-repeat;}
#menu LI A SPAN {display: none;}


#lng {float: right; width: 76px; margin: 0; padding: 0; list-style: none; clear: right;}
#lng LI {float: left; width: 38px; height: 19px; overflow: hidden; margin: 0; padding: 0;}
#lng LI#lngCz {background: url('img/cz.png') top right no-repeat;}
#lng LI#lngEn {background: url('img/en.png') top right no-repeat;}
#lng LI A {display: block; width: 28px; height: 19px; margin: 0 0 0 10px;}
#lng LI A SPAN {display: none;}

#roller {height: 135px; overflow: hidden;}

#hNovinky {float: right; width: 180px; overflow: hidden; padding: 85px 0 0 0; 
  background: url('img/h_novinky.png') top left no-repeat;}
#hKoleno {float: left; width: 140px; overflow: hidden; padding: 85px 0 0 0; 
  background: url('img/h_koleno.png') top left no-repeat;}
#hKycel {float: left; width: 140px; overflow: hidden; padding: 85px 0 0 0; 
  background: url('img/h_kycel.png') top left no-repeat;}
#hRuka {float: left; width: 140px; overflow: hidden; padding: 85px 0 0 0; 
  background: url('img/h_ruka.png') top left no-repeat;}
#hTechniky {float: left; width: 140px; overflow: hidden; padding: 85px 0 0 0; 
  background: url('img/h_techniky.png') top left no-repeat;}

#hNovinky P {padding: 0 0 4px 0; margin: 0; color: #333;}
#hNovinky P SPAN.dt {font-weight: bold; color: #000;}
#hNovinky P.t1 {padding: 0 0 0 0; margin: 0;}
#hNovinky P.t2 {padding: 0 0 4px 0; text-align: right; color: #666; font-size: 10px;}

.hList {margin: 0; padding: 0 0 10px 0; list-style: none; font-size: 11px}
.hList LI {margin: 0; padding: 0 0 2px 0;}

#hNavigace {float: left; width: 270px; background: #e7e7e7 url('img/h_navigace.png') top left no-repeat; 
  margin: 0 10px 10px 0;}
#hNavigace .hImg {float: left; padding: 10px 8px 4px 10px;}
#hNavigace .hImg IMG {border: 1px solid #999;}
#hNavigace P {padding: 40px 10px 10px 10px; margin: 0; font-size: 11px;}

#hNavigace2 {float: left; width: 550px; background: #e7e7e7 url('img/h_navigace.png') top right no-repeat;}
#hNavigace2 .hImg {float: left; padding: 10px 8px 4px 10px;}
#hNavigace2 .hImg IMG {border: 1px solid #999;}
#hNavigace2 P {padding: 40px 10px 10px 10px; margin: 0; font-size: 11px;}

.hQuote {float: right; width: 270px; background: #e7e7e7 url('img/h_quote.png') -5px -5px no-repeat;
  margin: 0 10px 10px 0;}
.hQuote .hImg {float: left; display: none;}
.hQuote P {padding: 10px; margin: 0; font-size: 11px;}

.article {color: #444;}
.article H2 {font-size: 22px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #000;}
.article H3 {font-size: 16px; font-weight: normal; margin: 20px 0 10px 0; padding: 0; color: #000;}
.article P {margin: 10px 0; padding: 0; text-align: justify;}
.article P.desc {font-size: 10px; color: #333;}
.article .imgC P {padding: 0; margin: 0; text-align: center;}
.article .imgL P {padding: 0; margin: 0; text-align: left;}
.article .imgR P {padding: 0; margin: 0; text-align: right;}
.article .imgC {text-align: center; margin: 10px 0; padding: 0; clear: both; }
.article .imgL {text-align: left; margin: 0 10px 10px 0; padding: 0; float: left; clear: both; }
.article .imgR {text-align: right; margin: 0 0 10px 10px; padding: 0; float: right; clear: both; }
.article .g {padding: 0 9px; background: #e7e7e7; border: 1px solid #e7e7e7; margin: 10px 0;}
.article .gL {padding: 0 9px; background: #e7e7e7; border: 1px solid #e7e7e7; margin: 0 10px 0 0; float: left; clear: both; width: 40%;}
.article .gR {padding: 0 9px; background: #e7e7e7; border: 1px solid #e7e7e7; margin: 0 0 0 10px; float: right; clear: both; width: 40%;}
.article P.note {font-size: 11px;}
.article .quote {background: #e7e7e7 url('img/h_quote.png') -5px -5px no-repeat; border: 1px solid #e7e7e7; padding: 0 9px; margin: 10px 0;}
.article .quoteL {background: #e7e7e7 url('img/h_quote.png') -5px -5px no-repeat; border: 1px solid #e7e7e7; padding: 0 9px;
  margin: 0 10px 0 0; float: left; clear: both; width: 40%;}
.article .quoteR {background: #e7e7e7 url('img/h_quote.png') -5px -5px no-repeat; border: 1px solid #e7e7e7; padding: 0 9px; 
  margin: 0 0 0 10px; float: right; clear: both; width: 40%;}

*/