@charset "UTF-8";

* {margin:0;padding:0;border: none;}

body {font-family:arial,sans-serif;color:#646464;background: #ffffff;font-size:12px;}

div.clear {clear: both; font-size: 0px; line-height: 0px;}

.nocss {display:none;}
.showIfJSon {display:none;}


#Main{position:relative;margin: 0px auto;width:975px;}

#TopPrinter {display:none;}


#Main.homepage{ }


#Top {width:975px;height:110px; position:relative;font-family:times,"Times New Roman CE", sans;z-index:1000;}

#Top #LogoPPF {display:block;position:absolute;top:15px;left:0px;width:68px;height:54px;background: #24356d url('../images/layout/logo-new-ppf.png');}


#Top #MainMenuHolder {display:block;position:absolute;top:21px;left:85px;width:660px;height:72px;}

#Top #MainMenuHolder li {display:block;width:165px;height:25px;float:left; overflow:visible; text-align: center; position: relative;z-index:1001;}

#Top #MainMenuHolder li a.menu_item {display:block;padding-top:3px;height:22px;color:#646464;font-size:13px;text-decoration:none; background: url('../images/layout/main-menu-line.gif') no-repeat 0px 0px transparent;position: relative;z-index:1010;}

/* RU MENU SHRINK*/
.shrink_this_menu {line-height: 12px !important;}
a.menu_item span {position: absolute; width: 165px; left: 0px; top: -5px;}
/**/

#Top #MainMenuHolder li a.menu_item:hover {color:#ff5113;text-decoration:none;background-position: 0px -50px;}
#Top #MainMenuHolder li.selected a.menu_item {color:#ff5113;background-position: 0px -25px;}
#Top #MainMenuHolder li.dropped a.menu_item {color:#ff5113;background-position: 0px -50px;}

#Top #MainMenuHolder li .MainMenuSubHolder {position: absolute; top:23px; left: 0px;z-index:9000; width: 173px; display:none; text-align: left; font-size: 11px;}

#Top #MainMenuHolder li .MainMenuSubHolder .SubTop {width: 173px; height: 10px;  background: url('../images/layout/main-menu-sub-top.png') no-repeat top left transparent;font-size:0px;}

#Top #MainMenuHolder li .MainMenuSubHolder a {text-decoration: none; position:relative; color: #aaaaaa; padding-left: 13px; padding-right:20px; width: 140px; padding-bottom:6px; padding-top: 2px;display: block;  background: url('../images/layout/main-menu-sub-middle.png') repeat-y top left transparent;}

#Top #MainMenuHolder li .MainMenuSubHolder a:hover {color: #646464;}

#Top #MainMenuHolder li .MainMenuSubHolder .SubBottom {width: 173px; height: 20px; background: url('../images/layout/main-menu-sub-bottom.png') no-repeat bottom left transparent;}


#Top #FlagsBox {position:absolute;top:8px;right:1px;width:210px; }

#Top #FlagsBox .flag_en {display:block;float:right;width:17px;height:12px;margin-left: 5px;text-decoration:none;background: url('../images/layout/flag-en.png') no-repeat 0px 0px;}
#Top #FlagsBox .flag_ru {display:block;float:right;width:17px;height:12px;margin-left: 5px;text-decoration:none;background: url('../images/layout/flag-ru.png') no-repeat 0px 0px;}
#Top #FlagsBox .flag_cz {display:block;float:right;width:17px;height:12px;margin-left: 5px;text-decoration:none;background: url('../images/layout/flag-cz.png') no-repeat 0px 0px;}
#Top #FlagsBox .flag_cn {display:block;float:right;width:17px;height:12px;margin-left: 5px;text-decoration:none;background: url('../images/layout/flag-cn.png') no-repeat 0px 0px;}

#Top #FlagsBox a:hover   {color:#091c5a;text-decoration:underline;}
#Top #FlagsBox span {padding-left:19px;}

#Top #ToolsBox {display:block;position:absolute; top: 48px; right: 1px; width: 164px; height: 20px; border-bottom: solid 1px #dcdcdc;}

#Top #ToolsBox a {display: block; width: 15px;height:16px; float: right;margin-left:7px; margin-top:2px;background-position: 0px 0px;}

#Top #ToolsBox a.PrintPage {background:url('../images/layout/toolicon_print.png') no-repeat transparent;}
#Top #ToolsBox a.SavePDF {background:url('../images/layout/toolicon_save.png') no-repeat transparent;}
#Top #ToolsBox a.AddBookmark {background:url('../images/layout/toolicon_favorite.png') no-repeat transparent;}
#Top #ToolsBox a.SendToFriend {background:url('../images/layout/toolicon_send.png') no-repeat transparent;}

#Top #ToolsBox a:hover {background-position: 0px -16px;}

.ToolInfo {position:absolute; left: 2px; top: 22px; font-style:italic;font-size:11px; display:none;}

#FooterSeparator {width:100%;height:1px; background-color: #d9e0ec; font-size: 0px; line-height:0;}
#FooterHolder {position:relative;margin: 0px auto;width:975px; background: url('../images/layout/footer_border.png') top left repeat-x transparent;}
#Footer {width:975px;height:30px; position:relative;}

#Footer #FooterLinksBox{position:absolute;top:12px;right:1px;width: auto;height:17px;font-size:9px;}

#Footer #FooterLinksBox  a {text-decoration:none; color:#646464;}
#Footer #FooterLinksBox  a.last {padding-right:0px;border:0px;}
#Footer #FooterLinksBox  a:hover {color:#ff5113;}

#Footer .footer_item {margin-right: 15px;}

#Footer #CopyRight {position: absolute;top:20px;left:20px; color: #737373;}


#ContentHolderTypeA {position:relative;width:907px;padding-left:67px;overflow:hidden; z-index:1;}
#ContentHolderTypeB {position:relative;width:907px;padding-left:67px; z-index:1;}
#ContentHolderTypeC {position:relative;width:907px;padding-left:67px; z-index:1;}
#ContentHolderTypeD {position:relative;width:907px;padding-left:67px; z-index:1;}

#ContentHolderTypeA.HP {position:relative;width:897px;height:640px;overflow:visible;z-index:1;}



#HPSearchFormBox {position:absolute;top:27px;right:12px;width:152px;height:17px;}
#HPSearchFormBox .inputText {position:absolute;left:0px;top:0px;font-family:times,sans-serif;font-size:11px;border:1px solid #aaaaaa;border-right: none;background-color:#f5f5f5;color:#646464;width:135px;height:15px;line-height:15px;vertical-align: middle; padding-left: 5px;}
#HPSearchFormBox .inputSubmit{position:absolute;left:141px;top:0px;width:22px;height:17px;background: url('../images/layout/search-button.png') 0px 0px transparent no-repeat;cursor:pointer;border:0;font-size:0px;}
#HPSearchFormBox .inputSubmit:hover{background-position: 0px -17px;}


/* PODSTRANKA TYP A - natahovaci s flashem an pozadi.*/

div#TypeAtopBox {position:relative;width:975px;height:34px;margin-top:30px;border-top:1px solid #d6d6d6;}

div#TypeAcontentBox{position:relative;width:975px;min-height:509px;}

div#TypeAtopBox div#DrobNaviBox {position:absolute;top:0px;left:0px;width:975px;height:34px;}


div#TypeAMainContentBox{position:relative;float:left;}
div#TypeAMainContentBoxInner{width:754px;margin-top:0px;margin-left:29px;}


div#TypeALeftMenuBox {position:relative;float:left;top: -6px; font-family:times,"Times New Roman CE", sans;}
div#TypeALeftMenuBoxInner {width:162px;height:375px;margin-top:0px;margin-left:17px;}

/* PODSTRANKA TYP B - natahovaci, bez dalsiho obsahu */

div#TypeBtopBox {position:relative;width:975px;height:34px;margin-top:30px;border-top:1px solid #d6d6d6;}

div#TypeBcontentBox{position:relative;width:907px;min-height:509px;}

div#TypeBtopBox div#DrobNaviBox {position:absolute;top:0px;left:0px;width:975px;height:34px;}


div#TypeBMainContentBox{position:relative;float:left;}
div#TypeBMainContentBoxInner{width:727px;margin-top:0px;}


div#TypeBLeftMenuBox {position:relative;float:left;top: -6px; font-family:times,"Times New Roman CE", sans;}
div#TypeBLeftMenuBoxInner {width:162px;margin-top:0px;margin-left:17px; margin-bottom: 50px;}

/* PODSTRANKA TYP C - natahovaci*/

div#TypeCtopBox {position:relative;width:975px;height:34px;margin-top:30px;border-top:1px solid #d6d6d6;}

div#TypeCcontentBox{position:relative;width:907px; min-height:509px;}

div#TypeCtopBox div#DrobNaviBox {}

div#TypeCMainContentBox{position:relative;float:left;}
div#TypeCMainContentBoxInner{width:560px;margin-top:0px;margin-left:29px;float:left;}

div#TypeCLeftMenuBox {position:relative;float:left; top: -6px; margin-left:17px;font-family:times,"Times New Roman CE", sans;}
div#TypeCLeftMenuBoxInner {width:132px;height:375px;margin-top:0px;margin-left:1px;}

/* PODSTRANKA TYP D - natahovaci, 2 boxy*/

div#TypeDMainContentBox{position:relative;float:left;}
div#TypeDMainContentBoxInner{width:397px;margin-top:0px;margin-left:29px;}


div#DrobNaviBox div#DrobNaviContent {margin-left:17px;padding-top:10px;font-size:11px;color:#091c5a;}

div#DrobNaviBox div#DrobNaviContent a {color:#00296e;text-decoration:none;}
div#DrobNaviBox div#DrobNaviContent a:hover {color:#00296e;text-decoration:underline;}
div#DrobNaviBox div#DrobNaviContent span {color:#ff7200;}

span.breadcumSeparator { display: inline-block;width:4px; height:7px; font-size:0; line-height: 0; margin-left: 5px; margin-right: 5px; background: url('../images/layout/breadcum-separator.png') no-repeat left top;}
span.breadcumSeparator span {display: none;}

div#ToolBox{position:absolute;top:10px;left:800px;width:150px;height:22px;z-index:2;}

div#ToolBox a.PrintPage {display:block;width:19px;height:19px;float:right; background: url('../images/layout/ico_print.png') no-repeat 0 0;}

div#ToolBox a.PrintPDF {display:block;width:22px;height:22px;float:right; margin-right:10px; background: url('../images/icons/pdf.png') no-repeat 0 0;}


/** NOVY LAYOUTU HP **/


#HPBoxInfoNew {position: absolute; top:380px; left:87px; width: 395px; height:223px; color:#6b6b6b;font-size:14px; line-height:130%;font-family:times,"Times New Roman CE", sans;}

#HPBoxInfoNew b {font-family: times,"Times New Roman CE", sans; font-size: 30px;color:#00296e; font-weight: normal;}



#HPBoxNews {position:absolute;left:693px;top:284px;width:280px;min-height:206px;background-color: #ffffff;overflow: hidden;}
#HPBoxNews #HPBoxNewsHeader {width:280px; height:64px; background: url('../images/layout/hp/bg-box-news.jpg') no-repeat bottom left;}
#HPBoxNews #HPBoxNewsHeader strong {display: inline-block; padding-left: 14px; padding-top: 18px;font-family: times,"Times New Roman CE", sans;font-size:25px;color:#002a6f; text-transform: uppercase;}

#HPBoxNews #HPBoxNewsContentHolder {padding:18px;}

p.newsBoxNew {margin-bottom:6px;}
p.newsBoxNew  span {font-size:13px; font-weight: bold; color:#002a6f;}
p.newsBoxNew  a {font-size:13px;color:#395990;text-decoration:none;}
p.newsBoxNew  a:hover {color:#ff7200;}


#HPBoxPortfolio {position:absolute;left:87px;top:12px;width:165px;height:340px;font-family:times,"Times New Roman CE", sans; z-index:1;}

#HPBoxPortfolio #HPBoxPortfolioBoxHeader { width:165; height:30px;}
#HPBoxPortfolio #HPBoxPortfolioBoxHeader a { font-weight: bold;text-decoration:none; color: #646464; position:absolute; font-weight: bold; font-size:12px; text-align:center;}

#HPBoxPortfolio #HPBoxPortfolioBoxHeader a.business { left: 0px; display: block; padding-left: 4px; padding-top:3px; padding-right:10px; width: 80px; height:19px; background: url('../images/layout/hpmenu01.gif') 0px 0px transparent;}
#HPBoxPortfolio #HPBoxPortfolioBoxHeader a.people { right: 0px; display: block; padding-left: 10px; padding-top:3px; padding-right:4px;width: 64px; height:19px; background: url('../images/layout/hpmenu02.gif') 0px 0px transparent;}

#HPBoxPortfolio #HPBoxPortfolioBoxHeader a:hover, #HPBoxPortfolio #HPBoxPortfolioBoxHeader a.selected { color: #ffffff; background-position: 0px -22px;}


#HPBoxPortfolio #HPBoxPortfolioInner{margin-left:15px;padding-top:24px;}
#HPBoxPortfolio .boxHeader {display: block;text-decoration:none;float:left;width:165px;padding-bottom:5px;padding-top:5px;font-weight: bold;font-size:11px; color:#20b5e7; font-family: arial}
#HPBoxPortfolio .boxItem   {display:block;text-decoration:none;float:left;width:153px;padding-left:10px;height:20px; line-height:19px;vertical-align:middle;overflow: hidden; color:#646464; font-size: 12px;border: solid 1px #d4d4d4; margin-bottom:3px; font-weight: bold;}
#HPBoxPortfolio .boxItem:hover {border: solid 1px #ffa889;background-color: #f0f0f0;}
#HPBoxPortfolio .boxItem .boxItemInner {display:block;padding-left:14px; }
#HPBoxPortfolio .boxItem.selected {border: solid 1px #ffa889;background-color: #f0f0f0;}


#HPBoxPortfolio .portfolioCol {float:left;width:221px;overflow:hidden;}

#HPBoxPortfolio .boxHeader.narrow {width:134px;}
#HPBoxPortfolio .boxItem.narrow {width:134px;}
#HPBoxPortfolio .portfolioCol.narrow {width:134px;}

#HPBoxPortfolio .boxHeaderSmall {display:block;text-decoration:none;float:left;margin-top:4px;border-left:1px solid #ffffff;width:119px;padding-top:1px;height:27px;line-height:13px;color:#ffffff;background-color:#b4b4b4;vertical-align:middle;text-align:center;font-weight:bold; font-size: 11px;}



#HPBoxesHolder {position: absolute; left: 500px; top: 380px;width: 490px; height: 250px; z-index: 1;font-family:times,"Times New Roman CE", sans;}

#HPBoxesHolder .HPBox {cursor: pointer; text-decoration: none; color: #646464; line-height: 120%;position: relative; margin-right:4px; margin-bottom:6px;float: left; padding:8px 12px;width:134px;height:105px;background: url('../images/layout/hpbox_bg.png') 0px 0px no-repeat transparent;}
#HPBoxesHolder .HPBox:hover {background-position: 0px -121px;}

#HPBoxesHolder .HPBox .HPBoxLabel {font-family:arial;font-size:12px;font-weight:bold; color: #002663; padding-bottom:3px; display:block;}
#HPBoxesHolder .HPBox .HPBoxSubLabel {font-family:arial;font-size:11px;font-weight:bold; color: #20b5e7;padding-bottom:3px; display:block;}

#HPBoxFlashHolder {position:absolute; left:252px; top:12px;width:725px;height:325px;}
#HPBoxFlashBusiness {position:relative; width:725px;height:325px;background: transparent;} /*background: url('../images/layout/hp_flash01.jpg') no-repeat top left transparent;*/
#HPBoxFlashPeople {position:relative; width:725px;height:325px;background: transparent;} /*background: url('../images/layout/hp_flash02.jpg') no-repeat top left transparent;*/

#HPBoxFlashBusiness.withBackground {background: url('../images/layout/hp_flash01.jpg') no-repeat top left transparent;}
#HPBoxFlashPeople.withBackground {background: url('../images/layout/hp_flash02.jpg') no-repeat top left transparent}

#HPLine {position:absolute; left:87px; top:358px; width:889px;height:1px;background-color:#aaaaaa;font-size:0px;line-height:0px;border:none 0;}

#FromArtCollection {position: absolute; top: 500px; left:620px; width:180px; height:30px; padding-left:12px;color:#515151; background: url('../images/layout/hp/hp-boxes-portfolio-bullet.png') no-repeat 0px 6px;}

/** KONEC PREVIEW NOVEHO LAYOUTU HP **/