html { font-size: 75%; -webkit-font-smoothing: antialiased;}
body { font-family: "Helvetica light",'open_sanslight',Helvetica, Arial, sans-serif; color: #373737; }
html, body, .mainWrapper { height:100%; }
body > .mainWrapper { height:auto; min-height:100%; }

body {overflow-x:hidden;}

.darkBgBody { background:url(/images/background/pattern.jpg) top left repeat-x #2d2e30; }
.darkBgBody .mainContent { background: none; padding: 0 0 150px 0; }
.darkBgBody .mCont-Inn { background: none; }
.darkBgBody .mHead-Inn { background: none; }

/* Typography */
    h1,h2,h3,h4,h5,h6 { font-weight: normal; padding-bottom: 0.5em; line-height: 1.3em; color: #7cb838; }
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #2c63a3; }
    h1 { font-size: 2.7em; font-family:Helvetica,Arial,sans-serif; letter-spacing:-1px; }
    h2 { font-size: 2em; }
    h3 { font-size: 1.636em; line-height: 1.3em; }
    h4 { font-size: 1.455em; }
    h5 { font-size: 1.273em; line-height: 1.5em; }
    h6 { font-size: 1.091em; font-family:Helvetica,Arial,sans-serif; }
    a { color: #2c63a3; text-decoration: none; }
    a:hover { color: #397fd1; }
    p { line-height: 1.6em; padding: 0 0 .5em 0; font-size: 1.1em; }
    em { color: #6d6d6d; font-style: normal; }

    .darkBgHead { color: #fff; }
    .subBigHead { font-size: 3.2em; }

    blockquote { background: url(/marketing/images/other/blockquote.gif) 50% 0 no-repeat; min-height: 110px; font-style: italic; padding: 30px 0 40px 0; }
    blockquote img { float: left; padding: 1px; border: 1px solid #e8e8e8; margin: 0 25px 60px 0; }
    blockquote span img { padding: 0; border: none; margin: 0; }
    blockquote em { font-style: italic; display: block; margin: 0 0 10px 0;}
    blockquote p { margin: 0 0 15px 0; font-size: 1.2em; }
    blockquote h6 { padding-bottom: 0.4em; font-size: 1.2em; color: inherit; }
    blockquote a { font-style: normal; }

/* Main containers */
    .mainWrapper { background: url(/marketing/images/main/bg_all.png);}
    .mainHeader { background: url(/marketing/images/main/header.gif) repeat-x; }
        .mH-Index { height: 331px;}
        .mH-Product { background: url(/marketing/images/main/header_product.gif) repeat-x; }
        .bgOff { background: none; }
    .mHI-Top { height: 50px; }
    .mainContent { margin: 0 auto; background-color: #fbfbfb; }
    .sideBg { background:url(/marketing/images/main/bg_dashboard.png) center top repeat-y; }
    .mCont-Inn { padding: 30px 0 35px 0; width: 960px; }
    .mainFooter { height: 335px; border-top: 1px solid #aeb0ae; }
    .mHead-Inn, .mM-Inn, .mCont-Inn, .mFoot-Inn { width: 960px; margin: 0 auto; }

/* Glowne kolumny content-owe */
    .mCont-OneCol {}
    .mainColumn { width: 651px; float: left; }
    .sideColumn { width: 280px; float: right; }
    .mainColumn-narrow { width: 560px; background-color: #fff; float: right; margin: -30px 0 -35px 0; padding: 0 0 40px 0; min-height: 525px;}
    .sideColumn-narrow { float: right; width: 220px; padding: 0 0 0 25px; height: 500px;}

/* Lists ul ol */
    ul.standrdLi { padding: 0 0 6px 0; }
    ol { list-style: decimal outside; padding: 0 0 0 26px; }
    ol li ul li { list-style: none; }
    .standrdLi { font-size: 100%; }
    ul.standrdLi li { background: url(/marketing/images/icons/bullet.png) 2px -794px no-repeat; margin: 0 0 0 10px; padding: 0 0 6px 14px; line-height: 1.4em; }
    ul.arrowLi li { background: url(/marketing/images/icons/bullet.png) 2px -3191px no-repeat; padding: 0 0 0 16px; line-height: 1.4em; }
    ul.checkedLi { width: 570px; margin: 0 auto; padding: 0 0 50px 0; overflow: hidden} /* Only in Pricing */
    ul.checkedLi li { background: url(/marketing/images/icons/bullet.png) 2px -3969px no-repeat; padding: 0 20px 0 24px; line-height: 1.4em; font-size: 1.2em; float: left; }
    ul.thickLi { padding: 0 0 20px 0;}
    ul.thickLi li { background: url(/marketing/images/icons/bullet.png) 2px -3969px no-repeat; padding: 0 0 0 26px; line-height: 1.9em; font-size: 1.2em; float: left; }
    .withMiniIcoLi li { font-size: 1.091em; padding-bottom: 4px; }
    .arrBullet { background:url(/marketing/images/main/paginator.png) -19px -133px no-repeat; padding: 0 0 2px 13px; line-height: 1.3em; }
    .floatBulls li, .floatBulls a { float: left; }
    .floatBulls li { padding: 0 6px 6px 0; }
    .simpleList li { padding: 0 0 2px 0; line-height: 1.8em; }

/* Col view - used as grid system */
    .colView {  }
    .colView .cV-Col { float: left; width: 50%; }
    .threeCol .cV-Col { width: 33%; }
    .colView .oneColView { width: 100%; }
    .colView .cV-Inn { padding: 10px; }
    .twoButtsIn .cV-Inn { padding: 0 6px 10px 6px; }

/* Centered content */
    .cntrContent { width: 95%; margin: 0 auto; float: none; }
    .cntrContent .cV-Col, .cntrContent .cntrContInn { position: relative; left: 50%; float: left; text-align: left; width: auto; }
    .cntrContent .cV-Inn, .cntrContent .cntrContSecInn  { position: relative; left: -50%; float: left; padding: 3px 0 10px 0; }
    .cntrContent .cV-Inn .mainButts { padding: 0 3px 0 2px; position: relative; margin: 0; }
    table .cntrContent .cV-Inn { padding: 0; }

/* Common classes */
    .hrLine { border-color:#e9e9e9; border-style:solid; border-width:1px 0 0; clear:both; font-size:0.1px; height: 0.1px; line-height:0.1px; margin:6px auto 20px; width:96%; }
    .widerHrLine { width: 100%; }
    .greyD-s .hrLine { border-color: #c4c4c5; background-color: #fff; height: 1px; line-height: 1px;  }
    .upperHeader { position: absolute; left: 12px; top: -12px; padding: 0 2px; } /* headery na srodku gornej krawedzi boxow */
    h4.upperHeader { top: -16px; background-position: left 11px; }
    .upperHeader { background: url(/marketing/images/main/top_header_bg.gif) left 5px no-repeat; }
    .smallTxt { font-size: 1em; padding: 0 0 0.3em 0; line-height: 1.5em; }
    .fL { float: left !important; }
    .fR { float: right !important; }
    .fN { float: none !important}
    .clear { clear:both !important; }
    .cnt { text-align: center !important; }
    .mcnt { margin:0 auto !important; }
    .rt { text-align: right !important; }
    .lt { text-align: left !important; }
    .error { color: #FF2626 !important;  }
    .correct { color: #3a7f16 !important; }
    .emphTxt { color: #77ae00 !important; }
    .info { color: #0074CB !important; }
    .warning { color: #FEA906 !important; }
    .dspNone { display: none !important;}
    .dspBlock { display: block !important;}
    .dspInline { display: inline !important;}
    .noPadd { padding: 0 !important; }
    .vAlignTop { vertical-align: top !important; }
    .redColor {color:#ff0000 !important}
    .inlineSmplMenu li { float: left; padding: 5px 2px; }
    .inlineSmplMenu li.last { padding-right: 0 !important; }
    .clearer { width: 100%; height: 0.1px; font-size: 0.1px; clear: both; line-height: 0.1px; }
    .withPadd { padding:10px 20px !important;}
    .withTopBotPadd { padding-top:15px !important; padding-bottom:15px !important;}
    .withBotPadd { padding-bottom:15px !important;}

/* Clearfix */
    .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    * html .clearfix             { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */

.cufFont { font-family:Helvetica, Arial; }
.biggButts .mB-secSide, .fc-header-title { font-family:Helvetica, Arial; }
.biggButts .mB-Style2 .mB-secSide, .biggButts .mB-Style3 .mB-secSide, .largeButts .mB-Style2 .mB-secSide, .largeButts .mB-Style3 .mB-secSide { font-family:Helvetica; }
.darkBgHead { font-family:Helvetica, Arial; }

.tbLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 12000; }

.tbLoader .tbLoaderBD { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60); background: #fff; z-index: 12001; }

.tbLoader .tbLoderWrap { position: absolute; padding: 0 16px; min-width: 16px; min-height: 16px; top: 50%; left: 50%; z-index: 12002; background: url(/marketing/images/indicator.gif) no-repeat center left; }

.tbLoader .rightLoader { background-position: center right; }
.tbLoader .noneLoader { background: none; }

.tbLoader .tbLoderTxt { margin: 0 15px; vertical-align: middle; line-height: 16px; }

.tbLoader .tbLoderImg { float: left; clear: right; }
