/* page */

*{
    font-family:Tahoma,sans-serif;
    text-align: left;
    color: #4C4C4C;
    text-decoration: none;
    border:none;
}
.edited a { color:#0E7DAD; text-decoration:underline; }
a:hover { color:#0E7DAD; }
body {
    background-color: white;
    font-family:sans-serif;
    margin: 0px;
    padding: 0px;
    text-align:center;
}
span.error{
    color: red;
}
#flash-messages {
    list-style: none; padding-left: 0px;
}
#mainline {
    width:955px;
    position: relative;
    overflow: hidden;
    background:url(/images/fill_bg.gif) repeat-y right;
}
#subouter {
    background:url(/images/fill.gif) no-repeat right bottom;
}
.content {
    /*clear:both;*/
    /*width: 710px;*/
    width: 725px;
    padding-left:15px;
    padding-top:30px;
    margin-left: 20px;
    float: left;
    position: relative;
    line-height: 130%;
}
.content.index {
    width: 720px;
    margin-left: 0px;
}
.content * {
    font-size: 13px;
}
.content .cite{
    font-family: Verdana,Geneva,sans-serif;
    font-style: italic;
    text-align: justify;
}
div.linesep {
    background: url(/images/hr.gif) repeat-x center;
    height: 12px;
    /*margin: 10px 0px;*/
}

/*  -- bottom --  */
#menu_bottom {width:955px;margin-bottom:7px;overflow:hidden; position: relative;}

#menu_bottom .lt {width:8px;height:8px;background:url(/images/menu_bottom/lt.gif) no-repeat;position:absolute;left:0px;top:0px;}
#menu_bottom .t {height:8px;background:url(/images/menu_bottom/t.gif) repeat-x top; position:absolute;left:8px;right:8px;top:0px;}
#menu_bottom .rt {width:8px;height:8px;background:url(/images/menu_bottom/rt.gif) no-repeat;position:absolute;right:0px;top:0px;}

#menu_bottom .l {
    width:8px;background:url(/images/menu_bottom/l.gif) repeat-y; position: absolute; top:8px;bottom:8px;left:0px;}
#menu_bottom .inner {
    width:939px;
    padding: 20px 0px;
    margin:0px 8px;
    overflow:hidden;
    background-color:#f0f0f0;
    }
#menu_bottom .inner.ie {
    width:955px;
    padding:20px 8px;
    margin:0px;
    border: 1px solid #e5e5e5;
}
#menu_bottom .inner div a {font-size:11px;color:#333; display:block;}
#menu_bottom .inner div a.static {font-weight: bold;}
#menu_bottom .inner div {
    float:left;
    width:174px;
    _width:234px;
    height:14px;
    text-align:left;
    padding:4px 0px 4px 60px;
}
#menu_bottom .inner div a.clickable:hover{color: #C50A00;}
#menu_bottom .r {width:8px;background:url(/images/menu_bottom/r.gif) repeat-y; position: absolute; top:8px;bottom:8px;right:0px;}

#menu_bottom .lb {width:8px;height:8px;background:url(/images/menu_bottom/lb.gif) no-repeat; position:absolute;left:0px;bottom:0px;}
#menu_bottom .b {width:939px;height:8px;background:url(/images/menu_bottom/b.gif) repeat-x; position:absolute;left:8px;right:8px;bottom:0px;}
#menu_bottom .rb {width:8px;height:8px;background:url(/images/menu_bottom/rb.gif) no-repeat; position:absolute;right:0px;bottom:0px;}


#footer{
    overflow: hidden;
}
#footer *{
    font-size:11px;
    color: #999999;
}
#footer #odnosniki{
    float: left;
}
#footer #odnosniki>* {
    float: left;
    margin: 0px 5px;
}
#footer #copyright{
    float: right;
    text-align: right;
}


/* -- right -- */
#right {
    width: 219px;
    float:right;
    background: #fff;
}
#right .raquo {
    font-size:13px;
    color:#C50A00;
}
#menu {
    list-style: none;
    line-height: 14pt;
    margin-top: 0px;
    padding-left: 0px;
    font-size: 11px;
    color: #4C4C4C;
    min-height: 200px;
    _height:204px;
}
#menu a{
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #4C4C4C;
}
#menu a.clickable:hover{
    color: #C50A00;
}
#menu a.clickable {
    font-weight: normal;
    color:#0066ff;
}
a#szkolenia {
    font-weight: normal;
    font-size: 11px;
    color:#0066ff;
}
a#szkolenia:hover {
    color: #C50A00;
}
#logowanie {
    color: #333;
    font-size: 11px;
    font-weight: bold;
}
#logowanie:hover {
    color: #C50A00;
}
#zamow {
    width: 219px;
    height: 232px;
    position: relative;
    background: url(/images/zamow_dostep.jpg) center center no-repeat;
}
#zamow a{
    display: block;
    width: 161px;
    height: 44px;
    position: absolute;
    bottom: 1px;
    left: 35px;
    background: url(/images/zamow_teraz.jpg) no-repeat center center;
}
#zamow a:hover{
    background: url(/images/zamow_terazh.jpg) no-repeat center center;
}

/* -- top -- */

#odnosniki_gorne {
    overflow: hidden;
    float: right;
    width: 700px;
    margin-top: 5px;
}
#odnosniki_gorne a {
    display: block;
    margin-top: 7px;
    margin-right: 35px;
    font-size: 11px;
    ##color: #01064F;
    color: #0000ff;
}
#odnosniki_gorne a.static {
    float: left;
    color: #425A8E;
    font-weight: bold;
}
#odnosniki_gorne a.clickable {
    float: right;
}
#odnosniki_gorne a.clickable:hover {
    color: #C50A00;
}

#menu_top {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    text-align:center;
    height: 50px;
    /*height_: 43px;*/
    background: url(/images/menu_top.png) center center no-repeat;
}

#menu_top a:hover {
    background: url(/images/menu_hover.png) repeat-x 0px 5px;
    _background: url(/images/menu_hover.png) repeat-x 0px 7px;
}
#menu_top a{
    display:inline-block;
    padding: 13px 20px 12px 20px;
    _padding: 15px 20px 12px 20px;
    font-family: Arial;
    font-size: 14px;
    color: white;
    font-weight: bold;
}


/* -- index -- */

#baner {
    width: 711px;
    height: 231px;
}

.glownabox {
    float: left;
    width: 219px;
    position:relative;
}
.glownabox .top {
    height: 55px;
}
.glownabox .tytul {
    position:absolute;
    top:40px;
    left:-px;
    height: 42px;
    width:219px;
    line-height:47px;
    font-size: 11px;
    font-family: Arial;
    color: white;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-repeat:no-repeat;
}
.glownabox .contentbox{
    height: 179px;
    overflow:hidden;
    background: url(/images/glowna/content.gif) no-repeat bottom;
}
.glownabox .contentbox ul{
    list-style:none;
    padding:0;
    margin:0;
    font-size: 11px;
    font-weight: bold;
    padding-top:30px;
}
.glownabox .contentbox li{
    line-height: 23px;
    padding-left:30px;
}
.glownabox .contentbox li a{
    ##color: #4C4C4C;
    color:#0066ff;
    text-decoration: none;
    font-size: 11px;
}
.glownabox .contentbox li a:hover{
    color: #C50A00;
}

/* -- logowanie -- */


/*      input.text {
    width:150px;
    border:1px solid #666666;
    background:#fff;
    color:#000;
}
*/      
a.purchase {
color:#4c4c4c;
text-decoration:underline;
}
a.purchase:hover {
color:#C50A00;
}
#forma .block {
  clear:both;
}
#forma div.invoice {margin-top:10px;}
#forma div.invoice .label {display: none;}
#forma div.block .label {
  display:block;
  /*width:100px;*/
  float:left;
  text-align:right;
  margin-bottom:10px;
}
#forma div.block>input {
  width: 200px;
/*  border:1px solid #666666;*/
}
#forma .block .error {}

/* -- mapa strony -- */

.INFO {
    color: green;
}
.mapastrony a{
    text-decoration: underline;
    text-transform:uppercase;
    color: blue;
}

/*
przypomnij hasło

      #forma .block {
        clear:both;
      }
      #forma .block .label {
        display:block;
        width:50px;
        float:left;
        text-align:right;
        margin-bottom:10px;
      }
      #forma>div>input{
        width: 200px;
        border:1px solid #666666;
      }
      #forma .block .error {}


    .INFO {
    color: green;
    }


*/


/*
zamówienie

      #forma .block {
        clear:both;
      }
      #forma .block .label {
        display:block;
        width:100px;
        float:left;
        text-align:right;
        margin-bottom:10px;
      }
      #forma div>input{
        width: 200px;
        border:1px solid #666666;
      }
      #forma .block .error {}


*/


/* -- szkolenia -- */

#lista_szkolen td{
    vertical-align:top;
}
#lista_szkolen .opis{
    padding-left:5px;
}
#lista_szkolen .opis .arrow{
    font-size:19px;
    font-weight: bold;
    color: #C50A00;
}
#lista_szkolen .opis .szczegoly{
    font-size:11px;
    color:#999999;
}
#lista_szkolen .opis a.nazwa{
    font-size: 13px;
    color: #333;
    font-weight: bold;
    text-transform:uppercase;
}
#lista_szkolen .opis a.nazwa:hover {
    color:#c50a00;
}
.box a.nazwa { text-transform:uppercase; }

#lista_szkolen .opis ul{
    list-style:none;
    margin-top:0;
    margin-left:0;
    padding-left:0;
}
#lista_szkolen .opis .free{
    color: #C50A00;
}

#lista_szkolen_auth {
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
}
#lista_szkolen_auth td, #lista_szkolen_auth th { border: 1px solid black;padding:0px 5px;}







/*-------------------------------------------------*/
    .cytat { width:188px; padding: 6px 0px; margin-right:27px; }
    .cytat p { color:#0E7DAD; font-family:Times New Roman; font-size:13px; font-style:italic; font-weight:normal; letter-spacing:0; text-decoration:none; padding: 30px 10px 5px 10px; position:relative; }
    .cytat .apostrof { color:#999999; font-family:Trebuchet MS,Tahoma,sans-serif; font-size:60px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; position:relative; }
    .cytat .apostrof.first { position:absolute; /*top:-40px;left:-20px;*/ top:-10px; left:-10px; }
    .cytat .apostrof.last { position:absolute; /*bottom:-60px; right:-20px;*/ bottom:-55px;right:-10px; }
    .cytat .kolo { background:url(/images/kolo.gif); width:78px; height:83px; position:absolute; left:10px; top:-46px;}
    .cytat .zawijas { background:url(/images/zawijas.gif); width:38px; height:23px; position:absolute; left:73px; top:-23px; }
    .cytat .tytul { display:block; position:absolute; top:-20px; right:-5px; color:#7F7F7F; font-family:Tahoma,sans-serif; font-size:13px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; }


    .kategorie { width:188px; padding: 10px 0px; margin-right:27px; }
    .kategorie a { color:#4C4C4C; text-decoration:none; background:url(/images/bulletgray.gif) 10px center no-repeat; display:block; text-transform:uppercase; line-height:21px; /*height:21px;*/ /*_height:23px;*/ font-size:11px;font-family:Verdana,sans-serif; border-right:4px solid white; margin-top: 7px; border-top:1px solid white;  border-bottom:1px solid white; padding-left:20px; }
    .kategorie a span { font-size:20px; vertical-align:middle; color:inherit; }
    .kategorie a:hover { border-right:5px solid #dd928e; background-color:#f5f5f5; background-image:url(/images/bulletred.gif); border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea; color:#c34d47; }
    .szkolen-w-bazie { width:120px; }
    .szkolen-w-bazie * { color:#C34D47; font-family:Tahoma,sans-serif; font-size:12px; font-style:normal; }

    .box.with-blue-arrow a { padding-left:12px; background:url(/images/bluearrow.png) 0px 5px no-repeat; }
    //.box.with-big-dot a.szkolenie { padding-left:12px; background:url(/images/biggraydot.png) 0px 4px no-repeat; }
    .box.with-big-dot a.szkolenie { padding-left:12px; background:url(/images/bulletgray.gif) 0px 5px no-repeat; }
    //.box.with-big-dot a.szkolenie:hover { background-image:url(/images/bigbluedot.png); }
    .box.with-big-dot a.szkolenie:hover { background-image:url(/images/bulletblue.gif); }
    .bluebox { width:231px; padding: 10px 0px; margin-right:13px; }
    .bluebox a { display:block; font-family:Tahoma,sans-serif; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:0; text-decoration:none; margin: 6px 5px 6px 15px; }
    .bluebox a span { color:#0E7DAD; font-family:Tahoma,sans-serif; font-size:12px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; }

    .bluebox.overauto .inner { overflow-y:auto; }

    .left { float:left; }

    h2 { color:#0E7DAD; font-family:Tahoma,sans-serif; font-size:12px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; background:#f5f5f5; line-height:20px; padding: 0px 15px; display:block; float:left; margin-bottom:1px; }
    h3 { color:#C34D47; font-family:Tahoma,sans-serif; font-size:13px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; }

    .content { background:url(/images/bg.gif) repeat-x top; margin-left: 0px; }
    .content .icon { background:no-repeat; width:35px; height:27px; position:absolute; right:0px; top:0px; }
    .content.logowanie .icon { background-image:url(/images/contenticons.gif); background-position: 0px 0px; }
    .content.zamowienie .icon { background-image:url(/images/contenticons.gif); background-position: 0px -27px; }

    .logowanie .box { width:600px; margin:70px auto; text-align:center; }
    .logowanie .label { width:200px; color:#0E7DAD; font-family:Tahoma,sans-serif; font-size:11px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; }
    .logowanie input, .zamowienie input { border: 1px solid #CCCCCC; }
    .logowanie .block { margin-top:25px; clear:both; }
    .logowanie .przypominacz * { color:#666666; font-family:Tahoma,sans-serif; font-size:11px; font-style:normal; font-weight:normal; letter-spacing:0; text-decoration:none; }
    
    .zamowienie .label {   margin-right:10px; width:200px; color:#C34D47; font-family:Tahoma,sans-serif; font-size:13px; font-style:normal; font-weight:bold; letter-spacing:0; text-decoration:none; }
    #warunki *, .invoice * { color:#4C4C4C; font-family:Tahoma,sans-serif; font-size:11px; font-style:normal; font-weight:normal; letter-spacing:0; text-decoration:none; }
    #warunki a { text-decoration:none; color:#0A5A7D }
    #warunki a:hover { color:#0E7DAD; }
    .zamowienie .box { position:relative; margin-top:70px; }
    .zamowienie .ziomamysl { position:absolute; left:425px; top:-15px; width:273px; height:303px; background:url(/images/ziomamysl.gif); }

    .dalej { display:block; width:112px; height:26px; background:url(/images/dalej.png) no-repeat; }
    .dalej:hover { background-position: 0px -26px; }
    
    .zestrzalka { display:block; padding-left:15px; background:url(/images/strzala.png) no-repeat center left; float:left; margin-left:10px; }
    .do_konca strong { color: #0E7DAD; }
    .do_konca { color: #0E7DAD; position:absolute; right:60px; top:10px; }

    .panel table { }
    .panel table th { background-image:url(/images/panel.png); height:18px; padding:0px; line-height:18px; }
    .panel table th span { margin-left:30px; color:#0E7DAD; line-height:18px; font-size:10px; }
    .panel table td { background-color:#f5f5f5; }
    .panel table td * { vertical-align:middle; }

    .panel .switch { overflow:hidden }
    .panel .switch a { background:url(/images/panel.png); width:120px; height:24px; display:block; font-size:10px; text-align:center; line-height:24px; color:#ffffff; float:left; margin-right:3px;}
    .panel .switch a.selected { background-position: -120px 0px; color: #808080; }
    .zakonczone { display:none; }
    .certyfikaty { display:none; }
    .tytul_testy_cert { display:none; }


.list-item { position:relative; margin-top:15px; }
.list-item .header { width:725px; height:34px; background: url(/images/listitem.png) left top no-repeat; }
.list-item .header span { font-size:12px; color:#02618A; line-height:34px; font-weight:bold; margin-left:20px; text-transform:uppercase; font-family:Verdana, sans-serif;}
.list-item .middle { width:723px; _width:725px; border-left:1px solid #67b1d2; border-right:1px solid #67b1d2; overflow:hidden; position:relative; }
.list-item .column { float:left; width:300px; margin:20px 0px 0px 20px; }
.list-item * { font-size:11px; line-height:16px; }
.list-item .column ul { padding-left:0px; margin:0px; }
.list-item .column li { list-style:none; padding-left:10px; background:url(/images/bulletsmall.gif) no-repeat 2px 6px; }

.list-item .middle .ikategorie { width:550px; float:left; clear:both; overflow:hidden; padding:0px; margin:10px 0px 0px 10px; }
.list-item .middle .ikategorie a * { vertical-align:middle; }
.list-item .middle .ikategorie a { margin-left:20px; display:inline-block; }

.list-item .middle a.start { display:block; width:111px; height:26px; background:url(/images/start.png); position:absolute; right:10px; bottom:5px; }
.list-item .middle a.start:hover { background:url(/images/starth.png); }

.list-item .footer { width:725px; height:7px; background: url(/images/listitem.png) left bottom no-repeat; margin:0px; }

.content.leksykon .letter { display:none; }
.content.leksykon .pager { text-align:right; margin-right:40px; margin-top:20px; }
.content.leksykon .pager a { color:#0E7DAD; font-size:16px; font-weight:bold; }
.content.leksykon .pager a.selected { color:#C34D47; }
.content.leksykon.a .letter#a, .content.leksykon.b .letter#b, .content.leksykon.c .letter#c, .content.leksykon.d .letter#d, .content.leksykon.e .letter#e, .content.leksykon.f .letter#f, .content.leksykon.g .letter#g, .content.leksykon.h .letter#h, .content.leksykon.i .letter#i, .content.leksykon.j .letter#j, .content.leksykon.k .letter#k, .content.leksykon.l .letter#l, .content.leksykon.m .letter#m, .content.leksykon.n .letter#n, .content.leksykon.o .letter#o, .content.leksykon.p .letter#p, .content.leksykon.q .letter#q, .content.leksykon.r .letter#r, .content.leksykon.s .letter#s, .content.leksykon.t .letter#t, .content.leksykon.u .letter#u, .content.leksykon.v .letter#v, .content.leksykon.w .letter#w, .content.leksykon.x .letter#x, .content.leksykon.y .letter#y, .content.leksykon.z .letter#z { display:block; }

.content.leksykon .element { clear:both; margin-top:15px; overflow:hidden;}
.content.leksykon .element .haslo { float:left; width:210px; margin-bottom:5px; color:#C34D47; font-weight:bold; }
.content.leksykon .definicja { width:515px; float:right; }
.content.leksykon .definicja .top { width:481px; height:6px; background:url(/images/leksykon.png) 0px 0px; }
.content.leksykon .definicja .bottom { width:481px; height:6px; background:url(/images/leksykon.png) 0px -6px; }
.content.leksykon .definicja span { display:block; border-left:1px solid #999999; border-right:1px solid #999999; width:449px; _width:451px; padding:5px 15px; }