body { margin: 0; padding: 0; font-size: 12px; line-height: 1.6; font-family: Arial, "Geneva CE", lucida, sans-serif; color: #777777; background-color: #fff; }

div { margin: 0; padding: 0; }
h1 { font-size: 20px; color: #856343; }
h2 { font-size: 18px; color: #856343; }
a { color: #856343; }

a img, img { border: 0px; }

bold { color: #444444 }
.perex { color: #856343; font-size: 12px; line-height: 1.6; /*font: 15px/1.5;*/ font-weight: bold; }
.left { float: left; width: 235px; padding: 0px 20px 5px 0px; margin: 0; }
.right { float: right; width: 425px; margin: 0; }
ul.right { margin: 5px; padding: 0; width: 400px; }
.left p { padding-top: 0; margin-top: 0; }
.left p img.derek { float: left; padding-right: 14px; }

.right a { color: #444444; }

#topbg, #topbgadm, #topbgcont, #topbgservice, #topbgworld, #topbgworld2, #topbgtrain, #topbgprod2, #topbgmarketi, #topbgpart,
#topbgabout, #topbgadice, #topbgprod { position: absolute; height: 511px; width: 50%; top: 180px; left: 0; }
#topbg { background: url(../images/topbg.png) top left repeat-x; }
#topbgadm { background: url(../images/shape-admin_podpora_bg.png) top left repeat-x; }
#topbgcont { background: url(../images/shape-kontakty_bg.png) top left repeat-x; }
#topbgabout { background: url(../images/shape-onas_bg.png) top left repeat-x; }
#topbgadice { background: url(../images/shape-poradenstvi_bg.png) top left repeat-x; }
#topbgprod { background: url(../images/shape-produkty_bg.png) top left repeat-x; }
#topbgservice { background: url(../images/shape-sluzby_bg.png) top left repeat-x; }
#topbgworld { background: url(../images/SFMUM-sp-svet_sfm_bg.png) top left repeat-x; }

#topbgworld2{ background: url(../images/shape-svet_sfm_bg.png) top left repeat-x; }
#topbgtrain{ background: url(../images/shape-sluzby-skoleni_bg.png) top left repeat-x; }
#topbgprod2{ background: url(../images/shape-sluzby-navrh_produktu_bg.png) top left repeat-x; }
#topbgmarketi{ background: url(../images/shape-sluzby-marketingova_podpora_bg.png) top left repeat-x; }
#topbgpart{ background: url(../images/shape-onas-partneri_bg.png) top left repeat-x; }


#body { position: relative; width: 1000px; margin: 0 auto; }
#header { width: 1000px; height: 180px; }
#langs { position: absolute; top: 90px; right: 53px; font-size: 11px; }
#langs a { text-decoration: none; padding-left: 5px; }
#langs a:hover { font-weight: bold; }
#langs a.selected { font-weight: bold; }
#logo { width: 132px; height: 45px; display: block; float: left; position: absolute; top: 97px; left: 102px; }

#menu { width: 742px; height: 36px; background: url(../images/menu_bg.png) top left no-repeat; position: absolute; top: 110px; right: 0px; }
#menu ul { list-style: none; padding: 0 0 0 10px; margin: 0; }
#menu ul li { float: left; }
#menu ul li a { display: block; text-decoration: none; padding: 10px 30px 0 5px; text-transform: uppercase; font-weight: bold; height: 26px; background: url(../images/menudelim.png) top right no-repeat; font-size: 11px; }
#menu ul li a.firsttop { padding-left: 25px; }
#menu ul li:hover, #menu ul li.select { background: url(../images/hovermenu.png) top right no-repeat; }
#menu ul li:hover a.top, #menu ul li:hover a.firsttop, 
#menu ul li.select a.top, #menu ul li.select a.firsttop { position: relative; left: -20px; color: #e9e3db; background: url(../images/hoverleft.png) top left no-repeat; padding-left: 25px; padding-right: 10px; }
#menu ul li:hover a.firsttop, #menu ul li.select a.firsttop { position: relative; left: -8px; background: url(../images/menufirstleft.png) top left no-repeat; padding-left: 33px; padding-right: 22px; }
#menu ul li:hover ul li { background: none; }

#menu ul li ul { display: none; }
#menu ul li:hover ul, #menu ul li.select ul { display: block; }
#menu ul li:hover ul { z-index: 5; }

#menu ul li ul { position: absolute; left: 10px; width: 680px; background: #fff; }
#menu ul li ul li.selected { background: none; }
#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li.select ul li.selected a { color: #856343; text-transform: none; background: url(../images/submenudelim.png) center left no-repeat; padding: 10px 6px 0 14px; height: 24px; }
#menu ul li ul li a, #menu ul li:hover ul li a { font-weight: normal; font-size: 11px; }
#menu ul li ul li a.first, #menu ul li:hover ul li a.first, #menu ul li ul li.selected a.first { padding-left: 0px; padding-right: 6px;  background: none; }
#menu ul li ul li a:hover, #menu ul li ul li.selected a { font-weight: bold; }

#leftpart, #leftmarketi, #leftprod2, #lefttrain, #leftworld2, #left, #leftworld, #leftadm, #leftcont, #leftabout, #leftadice, #leftprod, #leftservice { width: 268px; float: left; min-height: 511px; }
#righttopworld2, #righttoptrain, #righttopprod2, #righttopmarketi, #righttoppart, #righttop, #righttopworld, #righttopadm, #righttopcont, #righttopabout, #righttopadice, #righttopprod, #righttopservice { width: 732px; float: left; height: 200px; }

#left { background: url(../images/left1.png) top left no-repeat; }
#leftadm { background: url(../images/shape-admin_podpora_l.png) top left no-repeat; }
#leftcont { background: url(../images/shape-kontakty_l.png) top left no-repeat; }
#leftabout { background: url(../images/shape-onas_l.png) top left no-repeat; }
#leftadice { background: url(../images/shape-poradenstvi_l.png) top left no-repeat; }
#leftprod { background: url(../images/shape-produkty_l.png) top left no-repeat; }
#leftservice { background: url(../images/shape-sluzby_l.png) top left no-repeat; }
#leftworld { background: url(../images/SFMUM-sp-svet_sfm_l.png) top left no-repeat; }

#leftworld2{ background: url(../images/shape-svet_sfm_l.png) top left no-repeat; }
#lefttrain{ background: url(../images/shape-sluzby-skoleni_l.png) top left no-repeat; }
#leftprod2{ background: url(../images/shape-sluzby-navrh_produktu_l.png) top left no-repeat; }
#leftmarketi{ background: url(../images/shape-sluzby-marketingova_podpora_l.png) top left no-repeat; }
#leftpart{ background: url(../images/shape-onas-partneri_l.png) top left no-repeat; }

#righttop { background: url(../images/right1.png) top left no-repeat; }
#righttopadm { background: url(../images/shape-admin_podpora_r.png) top left no-repeat; }
#righttopcont { background: url(../images/shape-kontakty_r.png) top left no-repeat; }
#righttopabout { background: url(../images/shape-onas_r.png) top left no-repeat; }
#righttopadice { background: url(../images/shape-poradenstvi_r.png) top left no-repeat; }
#righttopprod { background: url(../images/shape-produkty_r.png) top left no-repeat; }
#righttopservice { background: url(../images/shape-sluzby_r.png) top left no-repeat; }
#righttopworld { background: url(../images/SFMUM-sp-svet_sfm_r.png) top left no-repeat; }

#righttopworld2{ background: url(../images/shape-svet_sfm_r.png) top left no-repeat; }
#righttoptrain{ background: url(../images/shape-sluzby-skoleni_r.png) top left no-repeat; }
#righttopprod2{ background: url(../images/shape-sluzby-navrh_produktu_r.png) top left no-repeat; }
#righttopmarketi{ background: url(../images/shape-sluzby-marketingova_podpora_r.png) top left no-repeat; }
#righttoppart{ background: url(../images/shape-onas-partneri_r.png) top left no-repeat; }


#right { width: 732px; float: left; background-color: #fff; }
.content { width: 680px; padding: 35px 0; clear: both; min-height: 220px; position: relative; }
#banners { position: relative; background: url(../images/banners_bg.png) top left no-repeat; height: 50px; width: 700px; padding-top: 5px; }
#banners a { padding-right: 8px; float: left; position: absolute; }
.smallbanner { display: block; }
#banners a.sfmworld { padding-right: 17px; }
#bwiof:hover { background: url(../images/wiof.png) top left no-repeat; width: 51px; height: 25px; }
#bwiof { background: url(../images/wiofb.png) top left no-repeat; width: 51px; height: 25px; left: 250px; top: 5px; }
#bwpp:hover { background: url(../images/wpp.png) top left no-repeat; width: 51px; height: 25px; }
#bwpp { background: url(../images/wppb.png) top left no-repeat; width: 51px; height: 25px; left: 309px; top: 5px; }
#bwsf:hover { background: url(../images/wsf.png) top left no-repeat; width: 41px; height: 25px; }
#bwsf { background: url(../images/wsfb.png) top left no-repeat; width: 41px; height: 25px; left: 364px; top: 5px; }
#bwsp:hover { background: url(../images/wsp.png) top left no-repeat; width: 51px; height: 25px; }
#bwsp { background: url(../images/wspb.png) top left no-repeat; width: 51px; height: 25px; left: 419px; top: 5px; }
#bceeref:hover { background: url(../images/ceeref.png) top left no-repeat; width: 51px; height: 25px; }
#bceeref { background: url(../images/ceerefb.png) top left no-repeat; width: 51px; height: 25px; left: 474px; top: 5px; }
#beeref:hover { background: url(../images/eeref.png) top left no-repeat; width: 51px; height: 25px; }
#beeref { background: url(../images/eerefb.png) top left no-repeat; width: 51px; height: 25px; left: 529px; top: 5px; }
#bgemref:hover { background: url(../images/gemref.png) top left no-repeat; width: 51px; height: 25px; }
#bgemref { background: url(../images/gemrefb.png) top left no-repeat; width: 51px; height: 25px; left: 584px; top: 5px; }
#bflexmax:hover { background: url(../images/flexmax.png) top left no-repeat; width: 51px; height: 25px; }
#bflexmax { background: url(../images/flexmaxb.png) top left no-repeat; width: 51px; height: 25px; display: none; left: 584px; top: 5px; }
#blifeflex:hover { background: url(../images/lifeflex.png) top left no-repeat; width: 51px; height: 25px; }
#blifeflex { background: url(../images/lifeflexb.png) top left no-repeat; width: 51px; height: 25px; display: none; left: 584px; top: 5px;}
#blifestyle:hover { background: url(../images/lifestyle.png) top left no-repeat; width: 51px; height: 25px; }
#blifestyle { background: url(../images/lifestyleb.png) top left no-repeat; width: 51px; height: 25px; display: none; left: 584px; top: 5px; }

#blifestylecz:hover { background: url(../images/lifestyle_cz.png) top left no-repeat; width: 51px; height: 25px; }
#blifestylecz { background: url(../images/lifestyle_cz.png) top right no-repeat; width: 51px; height: 25px; display: none; left: 584px; top: 5px; }

#blifestylepl:hover { background: url(../images/lifestyle_pl.png) top left no-repeat; width: 51px; height: 25px; }
#blifestylepl { background: url(../images/lifestyle_pl.png) top right no-repeat; width: 51px; height: 25px; display: none; left: 584px; top: 5px; }

#bottom { padding: 10px 105px 0 0; text-align: right; font-size: 11px; }
#bottom a { text-decoration: none; color: #777777; }
.clear { clear: both; }

#partners { width: 415px; padding-left: 10px; }
#partners div.line { width: 400px; clear: both; margin: 0; }
#partners div.line div { float: left; padding: 2px 5px 10px 0px; }

#partners a span { display: none; }
#p_aps { background: url(../images/smalllogos/aps.png) top left no-repeat; width: 56px; height: 33px; }
#p_aps:hover { background: url(../images/smalllogos/aps-c.png) top left no-repeat; width: 56px; height: 33px; }
#p_astonhill { background: url(../images/smalllogos/astonhill.png) top left no-repeat; width: 108px; height: 46px; }
#p_astonhill:hover { background: url(../images/smalllogos/astonhill-c.png) top left no-repeat; width: 108px; height: 46px; }
#p_cimb { background: url(../images/smalllogos/cimb.png) top left no-repeat; width: 102px; height: 33px; }
#p_cimb:hover { background: url(../images/smalllogos/cimb-c.png) top left no-repeat; width: 102px; height: 33px; }
#p_citadele { background: url(../images/smalllogos/citadele.png) top left no-repeat; width: 79px; height: 33px; }
#p_citadele:hover { background: url(../images/smalllogos/citadele-c.png) top left no-repeat; width: 79px; height: 33px; }
#p_delubac { background: url(../images/smalllogos/delubac.png) top left no-repeat; width: 143px; height: 33px; }
#p_delubac:hover { background: url(../images/smalllogos/delubac-c.png) top left no-repeat; width: 143px; height: 33px; }
#p_habib { background: url(../images/smalllogos/habib.png) top left no-repeat; width: 56px; height: 46px; }
#p_habib:hover { background: url(../images/smalllogos/habib-c.png) top left no-repeat; width: 56px; height: 46px; }
#p_inca { background: url(../images/smalllogos/inca.png) top left no-repeat; width: 87px; height: 46px; }
#p_inca:hover { background: url(../images/smalllogos/inca-c.png) top left no-repeat; width: 87px; height: 46px; }
#p_markaz { background: url(../images/smalllogos/markaz.png) top left no-repeat; width: 84px; height: 46px; }
#p_markaz:hover { background: url(../images/smalllogos/markaz-c.png) top left no-repeat; width: 84px; height: 46px; }
#p_newmellon { background: url(../images/smalllogos/new-mellon.png) top left no-repeat; width: 111px; height: 29px; }
#p_newmellon:hover { background: url(../images/smalllogos/new-mellon-c.png) top left no-repeat; width: 111px; height: 29px; }
#p_nucleus { background: url(../images/smalllogos/nucleus.png) top left no-repeat; width: 102px; height: 29px; }
#p_nucleus:hover { background: url(../images/smalllogos/nucleus-c.png) top left no-repeat; width: 102px; height: 29px; }
#p_piraeus { background: url(../images/smalllogos/piraeus.png) top left no-repeat; width: 88px; height: 29px; }
#p_piraeus:hover { background: url(../images/smalllogos/piraeus-c.png) top left no-repeat; width: 88px; height: 29px; }
#p_rb { background: url(../images/smalllogos/rb.png) top left no-repeat; width: 82px; height: 45px; }
#p_rb:hover { background: url(../images/smalllogos/rb-c.png) top left no-repeat; width: 82px; height: 45px; }
#p_reliance { background: url(../images/smalllogos/reliance.png) top left no-repeat; width: 91px; height: 45px; }
#p_reliance:hover { background: url(../images/smalllogos/reliance-c.png) top left no-repeat; width: 91px; height: 45px; }
#p_relianceasset { background: url(../images/smalllogos/reliance-asset.png) top left no-repeat; width: 94px; height: 45px; }
#p_relianceasset:hover { background: url(../images/smalllogos/reliance-asset-c.png) top left no-repeat; width: 94px; height: 45px; }

.bankinfo { padding-top: 35px; clear: both; display: none; }
.bankinfo img { float: left; padding: 5px; }
.bankinfo p { float: left; width: 400px; margin: 0; padding-left: 25px;  }

.submap { display: none; position: absolute; top: 25%; left: 25%; cursor: pointer; }
#qr2 { display: none; position: absolute; top: 2%; left: 2%; cursor: pointer; z-index: 100; }

#clicked { font-size: 12px; color: #777777; text-decoration: underline; cursor: pointer; font-weight: bold; }

.big_logo { display: block; width: 95px; height: 50px; float: left; }
#bigwiof { background: url(../images/bwiof.png) top left no-repeat; }
#bigwiof:hover { background: url(../images/bwiof_c.png) top left no-repeat; }
#bigwpp { background: url(../images/bwpp.png) top left no-repeat; }
#bigwpp:hover { background: url(../images/bwpp_c.png) top left no-repeat; }
#bigwsp { background: url(../images/bwsp.png) top left no-repeat; }
#bigwsp:hover { background: url(../images/bwsp_c.png) top left no-repeat; }
#bigwsf { background: url(../images/bwsf.png) top left no-repeat; }
#bigwsf:hover { background: url(../images/bwsf_c.png) top left no-repeat; }
#bigceeref { background: url(../images/bceeref.png) top left no-repeat; }
#bigceeref:hover { background: url(../images/bceeref_c.png) top left no-repeat; }
#biggemref { background: url(../images/bgemref.png) top left no-repeat; }
#biggemref:hover { background: url(../images/bgemref_c.png) top left no-repeat; }
#bigeeref { background: url(../images/beeref.png) top left no-repeat; }
#bigeeref:hover { background: url(../images/beeref_c.png) top left no-repeat; }
#biglifestyle { background: url(../images/blifestyle.png) top left no-repeat; }
#biglifestyle:hover { background: url(../images/blifestyle_c.png) top left no-repeat; }
#biglifeflex { background: url(../images/blifeflex.png) top left no-repeat; }
#biglifeflex:hover { background: url(../images/blifeflex_c.png) top left no-repeat; }
#bigflexmax { background: url(../images/bflexmax.png) top left no-repeat; }
#bigflexmax:hover { background: url(../images/bflexmax_c.png) top left no-repeat; }

.big_logoe { display: block; width: 128px; height: 50px; float: left; }
#biglifestylecz { background: url(../images/blifestylecz.png) right top no-repeat; }
#biglifestylecz:hover { background: url(../images/blifestylecz.png) top left no-repeat; }

#biglifestylepl { background: url(../images/blifestylepl.png) top right no-repeat; }
#biglifestylepl:hover { background: url(../images/blifestylepl.png) top left no-repeat; }

.text_center { text-align: center; }
table.nums { width: 100%; }
table.nums tr td { width: 25%; }
table.nums input { width: 50px; }

table.cont { width: 100%; }
table.cont tr td { width: 50%; }
table.cont input { width: 350px; }

table.cont strong, table.nums strong { color: #856343; }

td.heightline { height: 50px; }