@charset "UTF-8";

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

body {font-family:"Trebuchet MS",Verdana,sans-serif;color:#ffffff;background: #091C5A url('../images/layout/bg-main-gradient2.png') repeat-x;font-size:12px;}

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

.nocss {display:none;}


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

#TopPrinter {display:none;}
#Top {width:990px;height:128px; position:relative; background: #24356d url('../images/layout/bg-top.png');}

#Top #LogoPPF {display:block;position:absolute;top:34px;left:33px;width:150px;height:61px;background: #24356d url('../images/layout/logo-ppf-banka.png');}

#Top #Kostky {position:absolute;top:29px;left:832px;width:125px;height:79px;background: #24356d url('../images/layout/top-kostky.png');}

#Top #MainMenuHolder {display:block;position:absolute;top:30px;left:234px;width:560px;height:84px;}

#Top #MainMenuHolder li {display:block;width:268px;height:20px;float:left;background: url('../images/layout/main-menu-out.png') no-repeat 0px 4px;}

#Top #MainMenuHolder li.selected {background: url('../images/layout/main-menu-on.png') no-repeat 0px 4px;}

#Top #MainMenuHolder li:hover {background: url('../images/layout/main-menu-on.png') no-repeat 0px 4px;}


#Top #MainMenuHolder li a {display:block;padding-left:13px;color:#ffffff;font-size:14px;text-decoration:none;font-weight:normal;}
#Top #MainMenuHolder li a:hover {color:#fe5a17;text-decoration:underline;}
#Top #MainMenuHolder li.selected a {color:#fe5a17;}

#Footer {width:990px;height:97px; position:relative; background: #7c7c7c url('../images/layout/bg-footer.png');}


#ContentHolderTypeA {position:relative;width:990px;overflow:hidden;}
#ContentHolderTypeB {position:relative;width:990px;overflow:hidden;}
#ContentHolderTypeC {position:relative;width:990px;}

#ContentHolderTypeA.HP {position:relative;width:990px;height:543px;overflow:hidden;background: #0c1f5c url('../images/layout/bg-hp-content.png') repeat-x;}

#FlashBackground {position:absolute;width:990px;height:543px;background: url('../images/layout/flash-prohlidka.jpg') no-repeat 0px 0px;}
#FlashVirtualVisitHolder {position:absolute;width:990px;top:0;left:0;height:543px;}

#ContentHolderTypeB #FlashVirtualVisitHolder {top:34px;}
#ContentHolderTypeC #FlashVirtualVisitHolder {top:34px;}

#OnBoard {position:absolute;z-index:2;}


#HPSearchFormBox {position:absolute;top:25px;left:33px;width:141px;height:18px;background-color:#f4f4f4; border:1px solid #c8cbd6;}

#HPSearchFormBox input.inputText {position:absolute;left:0px;top:0px;font-family:"Trebuchet MS",Verdana,sans-serif;border:0;background-color:#f4f4f4;color:#9e9e9e;width:114px;height:17px;}
#HPSearchFormBox input.inputSubmit{position:absolute;left:118px;top:2px;width:22px;height:15px;background-image: url('../images/layout/button-hp-search.png');cursor:pointer;border:0;font-size:0px;}

#FlashActivationButton{position:absolute;top:0px;left:853px;width:171px;height:47px;cursor:pointer;background: url('../images/backgroundflash/pseudotlacitko.png') no-repeat 0px 0px;}

#Footer #FooterLinksBox{position:absolute;top:24px;left:204px;width:538px;height:60px;}


#Footer #FooterLinksBox li {display:block;width:244px;height:20px;float:left;line-height:20px;vertical-align:middle;}

#Footer #FooterLinksBox li a {display:block;padding-left:14px;color:#ffffff;font-size:12px;line-height:1.2;text-decoration:none;font-weight:normal;background: url('../images/layout/odrazka.gif') no-repeat 0px 2px;}
#Footer #FooterLinksBox li a:hover {display:block;padding-left:14px;color:#ffffff;font-size:12px;text-decoration:none;font-weight:normal;background: url('../images/layout/odrazka-on.gif') no-repeat 0px 2px;}
#Footer #Icons {position:absolute;top:27px;left:657px;width:129px;height:32px;}

#Footer #Icons a.iconRSS{display:block;float:left;width:31px;height:31px;background: url('../images/layout/icon-rss.png') no-repeat 0px 0px;}
#Footer #Icons a.iconRSS span {display:none;}

#Footer #FlagsBox {position:absolute;top:27px;left:763px;width:210px;height:11px;font-size:11px;line-height:11px;}

#Footer #FlagsBox a.flag_en {display:block;float:right;line-height:11px;width:48px;height:11px;font-size:11px;color:#ffffff;text-decoration:none;background: url('../images/layout/icon-flag-en.png') no-repeat 0px 0px;}
#Footer #FlagsBox a.flag_ru {display:block;float:right;line-height:11px;width:48px;height:11px;font-size:11px;color:#ffffff;text-decoration:none;background: url('../images/layout/icon-flag-ru.png') no-repeat 0px 0px;}
#Footer #FlagsBox a.flag_cz {display:block;float:right;line-height:11px;width:48px;height:11px;font-size:11px;color:#ffffff;text-decoration:none;background: url('../images/layout/icon-flag-cz.png') no-repeat 0px 0px;}
#Footer #FlagsBox a:hover   {color:#091c5a;text-decoration:underline;}
#Footer #FlagsBox span {padding-left:19px;}

/*
#Footer #CopyRight {position:absolute;top:67px;left:647px;width:310px;height:11px;font-size:11px;line-height:11px;text-align:right;}

#Footer #CopyRight a   {color:#ffffff;text-decoration:none;}
#Footer #CopyRight a:hover   {color:#091c5a;text-decoration:underline;}
*/

div#CopyrightHolder {width:990px;height:31px; position:relative; background: #0c1b4e url('../images/layout/bg-copyright.png');}

#CopyrightHolder #CopyRight {position:absolute;top:10px;left:17px;width:340px;height:11px;font-size:11px;line-height:11px; color:#cdd2de;}
#CopyrightHolder #CreatedBy {position:absolute;top:10px;left:788px;width:180px;height:11px;font-size:11px;line-height:11px; color:#cdd2de;}
#CopyrightHolder #CreatedBy a {color:#ffffff;font-weight:bold;text-decoration:none;}

#CopyrightHolder #CopyRight a   {color:#cdd2de;text-decoration:none;}
#CopyrightHolder #CopyRight a:hover   {color:#ffffff;text-decoration:none;}



/* BOXY NA HP */

div#InternetBanking {position:absolute;top:0;left:813px;width:144px;height:24px;background-color:#ffffff;}
div#InternetBanking a {display:block;margin-top:3px;margin-left:7px;padding-left:16px;font-size:14px;font-weight:bold;color:#091c5a;text-decoration:none;background:url("../images/layout/arrow-left-dark.png") no-repeat scroll 0 5px;}
div#InternetBanking a:hover {color:#fe5a17;text-decoration:none;background:url("../images/layout/arrow-left-orange.png") no-repeat scroll 0 5px;}


div#ContactCentrum {position:absolute;top:0px;left:46px;width:315px;height:48px;line-height:48px;font-size:12px;text-transform:uppercase;color:#ffffff;}
span.iconPhone {display:inline-block;width:17px;height:12px;line-height:12px;font-size:0px;background:url("../images/layout/icon-phone.png") no-repeat scroll 0 1px;}

div#ServicesBoxHolder {position:absolute;left:33px;top:48px;width:923px;height:273px;}
div#ServicesBoxHolder div#ServicesBoxHolderTop {width:100%;height:23px;line-height:23px;background-color:#fe5a17;color:#ffffff;text-transform:uppercase;}
div#ServicesBoxHolder div#ServicesBoxHolderTopInner{padding-left:14px;}

ul#ServicesBoxHolderInner{display:block;position:relative;width:923px;height:219px;margin-top:2px;margin-bottom:2px;}

ul#ServicesBoxHolderInner li {display:block;float:left;height:219px;margin:0;padding:0;}

ul#ServicesBoxHolderInner li.serviceBox {width:183px;}
ul#ServicesBoxHolderInner li.serviceBoxSpacer{width:2px;background-color:#0a1d5b;}

/*ul#ServicesBoxHolderInner li.serviceBox div.video {width:183px;height:157px;}*/
ul#ServicesBoxHolderInner li.serviceBox div.video {width:183px;height:219px;}

ul#ServicesBoxHolderInner li.serviceBox div.button {width:183px; height:60px;margin:0;padding:0;margin-top:2px;}

ul#ServicesBoxHolderInner li.serviceBox div.button a {display: table-cell; width:183px; font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold; height:60px; vertical-align: middle; background: url('../images/layout/hp-services-btn-out.png') #7983a5 no-repeat 0 0;}

ul#ServicesBoxHolderInner li.serviceBox div.button a:hover {background-image: url('../images/layout/hp-services-btn-on.png'); background-color:#f0f0f0; color:#091c5a;}

ul#ServicesBoxHolderInner li.serviceBox div.button a span {display:inline-block;padding-left:12px; padding-right:37px;}

div#ServicesBoxHolder div#ServicesBoxHolderBottom {width:100%;height:27px;background:url("../images/layout/hp-services-bottom-bg.png") repeat-x;}


ul#ServicesBoxHolderInner li.serviceBox div.videoImg1 {background:url("../images/backgroundflash/videoHP1.png") no-repeat;}
ul#ServicesBoxHolderInner li.serviceBox div.videoImg2 {background:url("../images/backgroundflash/videoHP2.png") no-repeat;}
ul#ServicesBoxHolderInner li.serviceBox div.videoImg3 {background:url("../images/backgroundflash/videoHP3.png") no-repeat;}
ul#ServicesBoxHolderInner li.serviceBox div.videoImg4 {background:url("../images/backgroundflash/videoHP4.png") no-repeat;}


#HPBoxesHolder{position:absolute;top:338px;left:33px;width:923px;height:166px;}

#HPBoxNews{position:absolute;left:0px;top:0px;width:229px;height:166px;}

#HPBoxCourses{position:absolute;left:231px;top:0px;width:460px;height:166px;}

#HPBoxIndexes{position:absolute;left:693px;top:0px;width:230px;height:166px;}

#HPBoxesHolder .hpBoxHeader{width:100%;height:23px;line-height:23px;vertical-align:middle;background: #6b779c url('../images/layout/bg-hp-boxy.png') repeat-x;}
#HPBoxesHolder .hpBoxContentHolder{width:100%;height:143px;background-color:#ffffff;color:#000000;}
#HPBoxesHolder .hpBoxContentHolder .hpBoxContentHolderInner{margin-left:10px;margin-right:5px;padding-top:9px;}

#HPBoxesHolder .hpBoxHeader strong {font-weight:normal;text-transform:uppercase;padding-left:6px;float:left;}

#HPBoxCoursesPane {height: 130px;}
#HPBoxNewsPane {height: 130px;}
#HPBoxIndexesPane {height: 130px;}

#HPBoxesHolder a.more {display:block;height:23px;line-height:23px;vertical-align:middle;float:right;margin-right:8px;font-size:11px;color:#ffffff;text-decoration:none;cursor:pointer;}



/* KONEC BOXY NA HP */


/*ZAKLADNI SCROLL*/

.scrollBarStyle1 .jScrollPaneTrack {
        background: url(../images/layout/scrollbar-style1-track.png) repeat-y;
}
.scrollBarStyle1 .jScrollPaneDrag {
        background: #00FF00 url(../images/layout/scrollbar-style1-drag.png) repeat-y 0 50%;
}
.scrollBarStyle1 .jScrollPaneDragTop {
        background: url(../images/layout/scrollbar-style1-drag-top.png) no-repeat 0 0;
        height: 3px;
}
.scrollBarStyle1 .jScrollPaneDragBottom {
        background: url(../images/layout/scrollbar-style1-drag-bottom.png) no-repeat 0 0;
        height: 3px;
}
.scrollBarStyle1 a.jScrollArrowUp {
        height: 13px;
        background: url(../images/layout/scrollbar-style1-arrow-up.png) no-repeat 0 0;
}

.scrollBarStyle1 a.jScrollArrowDown {
        height: 12px;
        background: url(../images/layout/scrollbar-style1-arrow-down.png) no-repeat 0 0;
}

/** TOP VISUALY */
.topVisual1 {background: url(../images/layout/top-visual-1.jpg) no-repeat 0 0;}


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

div#TypeBtopBox {position:relative;width:990px;height:34px;background: url('../images/layout/bg-drobnavi-typ-b.png') repeat-x 0 0;}

div#TypeBcontentBox{position:relative;width:990px;min-height:509px;background: url('../images/layout/bg-content-typ-b.png') #ffffff repeat-x 0 100%;}

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


div#TypeBMainContentBox{position:relative;float:left;}
div#TypeBMainContentBoxInner{width:754px;margin-top:40px;margin-left:29px;}


div#TypeBLeftMenuBox {position:relative;float:left;}
div#TypeBLeftMenuBoxInner {width:162px;height:375px;margin-top:40px;margin-left:17px;}

/* PODSTRANKA TYP C - natahovaci*/

div#TypeCtopBox {position:relative;width:990px;height:34px;background: url('../images/layout/bg-drobnavi-typ-b.png') repeat-x 0 0;}

div#TypeCcontentBox{position:relative;width:990px;min-height:500px;background: url('../images/layout/bg-content-typ-b.png') #ffffff repeat-x 0 100%;}

div#TypeCtopBox div#DrobNaviBox {}

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

div#TypeCLeftMenuBox {position:relative;float:left;}
div#TypeCLeftMenuBoxInner {width:162px;height:375px;margin-top:40px;margin-left:17px;}



div#DrobNaviBox div#VirtualniProhlidka{position:absolute;top:10px;left:886px;width:150px;height:20px;text-transform:uppercase;font-size:12px;color:#091c5a;cursor:pointer;line-height:20px;vertical-align:middle;}

div#VirtualniProhlidka .arrow {display:inline-block;margin-left:10px;width:11px;height:10px;background: url('../images/layout/arrow-bottom.gif') no-repeat right center;}

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

div#DrobNaviBox div#DrobNaviContent a {color:#091c5a;}
div#DrobNaviBox div#DrobNaviContent a:hover {color:#091c5a;text-decoration:none;}
div#DrobNaviBox div#DrobNaviContent span {color:#fe5a17;}



div#ToolBox{position:absolute;top:10px;left:800px;width:150px;height:20px;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;}