body
{
    background: #000;
    color: #5a90a0;
    font-family: 'Tahoma', 'Arial', 'Helvetica', sans-serif;
    text-align: center;
    padding-bottom:20px;
}

div#root
{
    background: #000 url('/template/image/beta/tutorials_view/root_background.gif') repeat-y;
    margin: 0 auto;
    text-align: left;
    width: 952px;
}
div#root div#vignette
{
    height:150px;
    background-color:#000;
}
div#root h1 span
{
    display:none;
}
div#root div#contentheading
{
    height:54px;
    background:transparent url('/template/image/beta/tutorials_view/content_heading_background.png');
}
div#root div#content
{

}
div#root div#content div.contentrow
{
    overflow:hidden;
}
div#root div#content div.contentrow div.leftcolumn
{
    float:left;
    width:50%;
}
div#root div#content div.contentrow div.rightcolumn
{
    float:right;
    width:50%;
}
h3 span, h4 span
{
    display:none;
}
h3#title1
{
    width:105px;
    height:33px;
    margin:0 35px 0 69px;
    background:transparent url('/template/image/beta/tutorials_view/title_1_background.png') no-repeat top left;
    float:left;
}
h3#title2
{
    height:33px;
    background:transparent url('/template/image/beta/tutorials_view/title_2_background.png') no-repeat top left;
    margin:26px 0 15px 31px;
}
h3#title3
{
    height:32px;
    width:192px;
    background:transparent url('/template/image/beta/tutorials_view/title_3_background.png') no-repeat top left;
    float:left;
    margin:0 30px 10px 69px;
}
h3#title4
{
    width:236px;
    height:26px;
    float:left;
    background:transparent url('/template/image/beta/tutorials_view/title_4_background.png') no-repeat top left;
    margin:0 32px 10px 35px;
}
h4#h4title1
{
    width:157px;
    height:16px;
    background:transparent url('/template/image/beta/tutorials_view/h4_title_1.png') no-repeat top left;
    margin:0 0 13px 68px;
}
h4#h4title1
{
    width:157px;
    height:16px;
    background:transparent url('/template/image/beta/tutorials_view/h4_title_1.png') no-repeat top left;
    margin:0 0 13px 68px;
}
h4#h4title2
{
    height:19px;
    background:transparent url('/template/image/beta/tutorials_view/h4_title_2.png') no-repeat top left;
    margin:-4px 0 15px 68px;
}
h4#h4title3
{
    height:14px;
    background:transparent url('/template/image/beta/tutorials_view/h4_title_3.png') no-repeat top left;
    margin:0 0 15px 68px;
}
h2#h2title2
{
    text-align:center;
    height:77px;
    background:transparent url('/template/image/beta/tutorials_view/h2_title2_background.png') no-repeat bottom center;
    opacity:0.6;
}
h2#h2title2 span, h2#h2title2 small
{
    display:none;
}

div#root div#content div.contentrow div#articleinfo
{
    padding:0 0 0 31px;
}

div#root div#content div.contentrow div#articleinfo ul
{
    width:375px;
    background:transparent url('/template/image/beta/tutorials_view/articleinfo_ul_bg.gif') repeat-x top center;
    padding-top:2px;
}
div#root div#content div.contentrow div#articleinfo ul li
{
    font-size:11px;
    height:35px;
    line-height:35px;
    padding:0 0 0 12px;
    border-bottom:1px solid #1a2a2e;

}
div#root div#content div.contentrow div#articleinfo ul li.viewdiscussion
{
    height:45px;
    border-bottom:1px solid #1a2a2e;
    padding:0;
}
div#root div#content div.contentrow div#articleinfo ul li.viewdiscussion a span
{
    display:none;
}
div#root div#content div.contentrow div#articleinfo ul li.viewdiscussion a
{
    display:block;
    width:240px;
    height:25px;
    margin-top:20px;
    background:transparent url('/template/image/beta/tutorials_view/view_discussion_background.png') no-repeat top left;
}
div#root div#content div.contentrow div#articleinfo ul li span
{
    display:block;
    float:left;
}
div#root div#content div.contentrow div#articleinfo ul li span.label
{
    width:55px;
    color:#325059;
}
div#root div#content div.contentrow div#articleinfo ul li a.about
{
    height:30px;
    line-height:30px;
    width:70px;
    display:block;
    float:right;
    background:transparent url('/template/image/beta/tutorials_view/about_author_background.png') no-repeat top right;
    text-decoration:none;
    color:#325059;
    font-size:9px;

}
div#root div#content div.contentrow  p
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:11px;
    text-align:justify;
    line-height:16px;
    margin-bottom:25px;
}
div#root div#content div.contentrow div.leftcolumn p
{
    padding:0 30px 0 69px;
}
div#root div#content div.contentrow div.rightcolumn p
{
    padding:0 65px 0 30px;
}
div.aplaleft
{
    background:transparent url('/template/image/beta/tutorials_view/apla-left-spacer.png') repeat-y 0 0;
}
div.aplaleft div.header
{
    height:48px;
    height: 182px;
    background:transparent url('/template/image/beta/tutorials_view/apla-left-top.png') no-repeat 0 0
}
div.aplaleft div.content
{

    overflow:hidden;
    padding: 17px 0 0 0;
    margin-top: -128px;
    margin-bottom: -128px;
}
div.aplaleft div.content h4
{
    text-align:right;
    width:314px;
    margin:0 0 15px 68px;
}
div.aplaleft div.content h4 small
{
    font-size:10px;
    font-family:"Helvetica",sans-serif;
    font-weight:bold;
}
div.aplaleft div.content p
{
    font-size:9px!important;
    color:#4e7d8c;
    margin:0 0 12px 0!important;
    padding-right:94px!important;
    line-height:14px!important;
}
div.aplaleft div.content p strong
{
    font-weight:bold;
}
div.aplaleft div.exercises p
{
    margin:0 0 17px 0!important;
}

div.aplaleft div.footer
{
    height:48px;
    height: 182px;
    background:transparent url('/template/image/beta/tutorials_view/apla-left-footer.png') no-repeat 0 0;
}
div.aplaright
{
    background:transparent url('/template/image/beta/tutorials_view/apla-right-spacer.png') repeat-y top right;
}
div.aplaright div.header
{
    height:48px;
    height: 182px;
    background:transparent url('/template/image/beta/tutorials_view/apla-right-top.png') no-repeat top right;
}
div.aplaright div.content
{
    padding:17px 0 0 0;
    overflow:hidden;
    margin-top: -128px;
    margin-bottom: -128px;
}
div.aplaright div.content p
{
    font-size:9px!important;
    color:#4e7d8c;
    padding:0 67px 0 67px!important;
    line-height:14px!important;
    margin-bottom:10px!important;
}
div.aplaright div.footer
{
    height:48px;
    height: 182px;
    background:transparent url('/template/image/beta/tutorials_view/apla-right-footer.png') no-repeat top right;
}
div#contentbigbutton
{
    height:96px;
    position:relative;
}
div#contentbigbutton div#topicknown
{
    position:absolute;
    width:695px;
    height:96px;
    left:114px;
    background:transparent url('/template/image/beta/tutorials_view/    topic_known_background.png') no-repeat top center;
}
.page-yellow div#contentbigbutton div#topicknown {
    background:transparent url('/template/image/beta/tutorials_view/elem/poznany-yellow.png') no-repeat top center;
}
.page-orange div#contentbigbutton div#topicknown {
    background:transparent url('/template/image/beta/tutorials_view/elem/poznany-orange.png') no-repeat top center;
}
div#contentbigbutton div#topicknown a.button
{
    display:block;
    width:96px;
    height:96px;
    left:316px;
    position:absolute;
}
div#contentbigbutton div#topicknown a.button small
{
    display:none;
}
div#contentbigbutton div#topicknown a.arrow
{
    display:block;
    width:50px;
    height:16px;
    left:640px;
    top:38px;
    position:absolute;
}
div#contentbigbutton div#topicknown a.arrow small
{
    display:none;
}
div#contentbigbutton .active
{
    background-position:bottom center!important;
}
div#contentbigbutton div#topicknown p span
{
    display:none;
}
div#discussions
{
    background:transparent url('/template/image/beta/tutorials_view/discussion_background.png') no-repeat top center;
    text-align:center;
    padding-top:65px;
}
div#discussions table
{
    margin:0 auto;
    width:715px;
    font-size:11px;
}
div#discussions table td
{
    vertical-align:middle;
    height:25px;
    padding:0;

}
div#discussions table td.lock
{
    width:20px;
    background:transparent url('/template/image/beta/tutorials_view/lock_background.png') no-repeat  center left;
}
div#discussions table td.ico
{
    width:25px;
    background:transparent url('/template/image/beta/tutorials_view/discussion_ico_background.png') no-repeat  center center;
}
div#discussions table td.topic
{
    padding-left:10px;
    text-align:left;
}
div#discussions table td.topic a:link, div#discussions table td.topic a:visited
{
    text-decoration:none;
    font-weight:normal;
    color:#364c62;
}
div#discussions table td.topic a:hover, div#discussions table td.topic a:active
{
    color:#7ac4d9;
}
div#discussions table td.info
{
    font-size:9px;
    text-align:right;
    background:transparent url('/template/image/beta/tutorials_view/discussion_info_background.png') repeat-y top right;
    padding-right:10px;
}
div#discussions table td.info span
{
    display:block;
    padding-bottom:5px;
}
div#discussions table td.info span.user
{
    float:right;
    padding:0 0 0 18px;
    background:transparent url('/template/image/beta/tutorials_view/user_ico_background.png') center left no-repeat;
}
div#discussions table td.arrow
{
    width:20px;
    background:transparent url('/template/image/beta/tutorials_view/discussions_arrow_background.png') no-repeat  center right;

}
div#discussions div.discussionsfooter, div.discussionsfooter
{
    overflow:hidden;
    height:71px;
    background:transparent url('/template/image/beta/tutorials_view/discussions_footer_background.png') no-repeat  top center;
}
div#discussions div.discussionsfooter a
{
    display:block;
    background:transparent url('/template/image/beta/tutorials_view/new_discussion_background.png') no-repeat  top center;
    width:167px;
    height:31px;
    margin:40px auto 0 auto;
}
div#discussions div.discussionsfooter a span
{
    display:none;
}
div.clear
{
    clear: both;
}
#flashquiz2
{
    float:right;
}
/* additional */
div.contentrow1
{
    padding-bottom:4px;
}
div.contentrow2
{
    /*border:1px solid #fff;*/

}
div.contentrow3
{
    height:782px;
}
div.contentrow3 div.leftcolumn
{
    padding-top:23px;
}
div.contentrow4 div.rightcolumn
{
    padding-top:35px;
}
div.contentrow6
{
    height:77px;
    background:transparent url('/template/image/beta/tutorials_view/_contentrow6_background.png') no-repeat top center;
}
/* add */
#articleinfo h2 {
    width: 375px;
    height: 86px;
    background: transparent no-repeat top left;
    padding-bottom: 28px;
    }
    #articleinfo #kompozycja-poczatakujacy {
        background-image: url(/template/image/beta/tutorials_view/text/h.komozycja-poczatkujacy.png);
    }
    #articleinfo #czerwone-oczy {
        background-image: url(/template/image/beta/tutorials_view/text/h.czerwone-oczy.png);
    }
    #articleinfo #autofocus {
        background-image: url(/template/image/beta/tutorials_view/text/h.autofocus.png);
    }
    #articleinfo #jak-zrobic {
        background-image: url(/template/image/beta/tutorials_view/text/h.jak-zrobic.png);
    }
    #articleinfo #kompensacja {
        height: 144px;
        background-image: url(/template/image/beta/tutorials_view/text/h.kompensacja.png);
    }
    #articleinfo #fajerwerki {
        height: 86px;
        background-image: url(/template/image/beta/tutorials_view/text/h.fajerwerki.png);
    }
    #articleinfo #szumy {
        height: 53px;
        background-image: url(/template/image/beta/tutorials_view/text/h.szumy.png);
    }
    #articleinfo #panoramowanie {
        height: 66px;
        background-image: url(/template/image/beta/tutorials_view/text/h.panoramowanie.png);
    }
    #articleinfo #przerysowany {
        height: 69px;
        background-image: url(/template/image/beta/tutorials_view/text/h.przerysowany.png);
    }
    #articleinfo #czern {
        height: 73px;
        background-image: url(/template/image/beta/tutorials_view/text/h.czern.png);
    }
    #articleinfo #pod-swiatlo {
        height: 97px;
        background-image: url(/template/image/beta/tutorials_view/text/h.pod-swiatlo.png);
    }
    #articleinfo #tryby {
        height: 86px;
        background-image: url(/template/image/beta/tutorials_view/text/h.tryby.png);
    }
    #articleinfo h2 span { display: none; }

.element-title h4 {
    height: 33px;
    width: 377px;
    background: transparent no-repeat 0 0;
    margin: 0 0 20px 0;
    }
    .element-title span { display: none; }
    .leftcolumn .element-title h4  { margin-left: 69px; }
    .rightcolumn .element-title h4 { margin-left: 31px; }

    .element-title .dwa-sposoby {
        background-image: url(/template/image/beta/tutorials_view/text/h2.dwa-sposoby.png);
    }
    .element-title .skad-czerwone-oczy {
        background-image: url(/template/image/beta/tutorials_view/text/h2.skad-czerwone-oczy.png);
    }
    .element-title .rozlane-mleko {
        background-image: url(/template/image/beta/tutorials_view/text/h2.rozlane-mleko.png);
    }
    .element-title .czerwone-oczy {
        background-image: url(/template/image/beta/tutorials_view/text/h2.czerwone-oczy.png);
    }
    .element-title .do-wyboru {
        background-image: url(/template/image/beta/tutorials_view/text/h2.do-wyboru.png);
    }
    .element-title .zadaniowo {
        background-image: url(/template/image/beta/tutorials_view/text/h2.zadaniowo.png);
    }
    .element-title .punktowo {
        background-image: url(/template/image/beta/tutorials_view/text/h2.punktowo.png);
    }
    .element-title .jak-celowac {
        background-image: url(/template/image/beta/tutorials_view/text/h2.jak-celowac.png);
    }
    .element-title .jak-to {
        background-image: url(/template/image/beta/tutorials_view/text/h2.jak-to.png);
    }
    .element-title .swiatlo {
        width: 155px;
        float: left;
        height: 34px;
        margin: 0 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.swiatlo.png);
    }
    .element-title .punkt-widzenia {
        background-image: url(/template/image/beta/tutorials_view/text/h2.punkt-widzenia.png);
    }
    .element-title .jak-i-kiedy {
        background-image: url(/template/image/beta/tutorials_view/text/h2.jak-i-kiedy.png);
    }
    .element-title .jak-to-dziala {
        width: 206px;
        float: left;
        margin: 0 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.jak-to-dziala.png);
    }
    .element-title .co-to {
        width: 202px;
        float: left;
        margin: 0 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.co-to.png);
    }
    .element-title .sprzet {
        width: 125px;
        float: left;
        margin: 5px 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.sprzet.png);
    }
    .element-title .ustawienia-aparatu {
        background-image: url(/template/image/beta/tutorials_view/text/h2.ustawienia-aparatu.png);
    }
    .element-title .w-praktyce {
        width: 196px;
        float: left;
        margin: 5px 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.w-praktyce.png);
    }
    .element-title .kompozycja {
        width: 190px;
        float: left;
        margin: 5px 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.kompozycja.png);
    }
    .element-title .co-to-takiego {
        background-image: url(/template/image/beta/tutorials_view/text/h2.co-to-takiego.png);
    }
    .element-title .kiedy-przeszkadzaja {
        background-image: url(/template/image/beta/tutorials_view/text/h2.kiedy-przeszkadzaja.png);
    }
    .element-title .jak-walczyc {
        width: 304px;
        float: left;
        margin: 5px 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.jak-walczyc.png);
    }
    .element-title .wstep {
        width: 122px;
        float: left;
        margin: 5px 0 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.wstep.png);
    }
    .element-title .wstep-2 {
        width: 122px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.wstep-2.png);
    }
    .element-title .kompozycja-3 {
        width: 190px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.kompozycja-3.png);
    }
    .element-title .podstawy-3 {
        width: 172px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.podstawy-3.png);
    }
    .element-title .technika-3 {
        width: 164px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.technika-3.png);
    }
    .element-title .w-szczegolach-3 {
        width: 225px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.w-szczegolach-3.png);
    }
    .element-title .wstep-3 {
        width: 122px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.wstep-3.png);
    }
    .element-title .sprzet-i-technika-2 {
        width: 242px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.sprzet-i-technika-2.png);
    }
    .element-title .tematy-2 {
        width: 135px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.tematy-2.png);
    }

    .element-title .a-co-z-3 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.a-co-z-3.png);
    }
    .element-title .kolor-kontra-3 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.kolor-kontra-3.png);
    }
    .element-title .kontur-3 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.kontur-3.png);
    }
    .element-title .dlaczego-moze-2 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.dlaczego-moze-2.png);
    }
    .element-title .ksztaltujemy-2 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.ksztaltujemy-2.png);
    }
    .element-title .kiedy-sie-2 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.kiedy-sie-2.png);
    }
    .element-title .tryb-matrycowy-2 {
        width: 233px;
        float: left;
        margin: 5px 5px 5px 0;
        background-image: url(/template/image/beta/tutorials_view/text/h2.tryb-matrycowy-2.png);
    }
    .element-title .tryb-centralnie-2 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.tryb-centralnie-2.png);
    }
    .element-title .tryb-punktowy-2 {
        background-image: url(/template/image/beta/tutorials_view/text/h2.tryb-punktowy-2.png);
    }
    .element-title .special-blokada {
        background-image: url(/template/image/beta/tutorials_view/text/h2.special.blokada.png);
    }
    .element-title .special-srednia {
        background-image: url(/template/image/beta/tutorials_view/text/h2.special.srednia.png);
    }
.text-title {
    height: 20px;
    overflow: hidden;
    padding: 0 0 15px 0;
    margin: 0 94px 0 68px;
}
.text-title h5 span {
    height: 20px;
    width: 125px;
    background: transparent no-repeat 0 0;
    float: left;
    text-indent: -99999px;
    }
    .text-title .pulapi span {
        background-image: url(/template/image/beta/tutorials_view/text/h3.pulapi.png);
    }
    .text-title .warto-wiedziec span {
        background-image: url(/template/image/beta/tutorials_view/text/h3.warto-wiedziec.png);
    }
    .text-title .cwiczenie span {
        background-image: url(/template/image/beta/tutorials_view/text/h3.cwiczenia.png);
    }
    .text-title .warto-sprobowac span {
        background-image: url(/template/image/beta/tutorials_view/text/h3.warto-sprobowac.png);
    }
    .text-title .ratunek-przed-szumami span {
        width: 180px;
        background-image: url(/template/image/beta/tutorials_view/text/h3.ratunek-przed-szumami.png);
    }
    .text-title .nie-samym-szczegolem span {
        width: 255px;
        background-image: url(/template/image/beta/tutorials_view/text/h3.nie-samym-szczegolem.png);
    }
    .text-title .uwaga span {
        width: 105px;
        background-image: url(/template/image/beta/tutorials_view/text/h3.uwaga.png);
    }
    .text-title .dlighting span {
        width: 73px;
        background-image: url(/template/image/beta/tutorials_view/text/h3.dlighting.png);
    }
    .text-title small {
        font-family: "Helvetica", sans-serif;
        font-size: 10px;
        font-weight: bold;
        float: right;
        padding: 2px 0 0 0;
    }

.clear-interline {
    padding: 35px 0 0 0;
}
div#root div#content div.contentrow div.leftcolumn .clear-right {
    padding-right: 0 !important;
}
div#root div#content div.contentrow div.rightcolumn .foto-left {
    float: left;
    padding-right: 20px !important;
}
div#root div#content div.contentrow div.rightcolumn .foto-right {
    float: right;
    padding-left: 20px !important;
}
.flash-right {
    float: right;
}
.aftertext {
    margin-bottom: 2px;
}
.aftertext18 {
    margin-bottom: 18px;
}
.flash-short {
    padding: 0 67px;
    position: relative;
}
.flash-short .title {
    padding: 0 !important;
    width: 70px;
    height: 33px;
    font-size: 10px;
    position: absolute;
    right: 75px;
    top: 0;
    line-height: 14px;
    text-indent: -99999px;
    background: transparent url(/template/image/beta/tutorials_view/text/inf.tryb.png) no-repeat 0 0;
}
.flash-short .desc {
    padding: 0 !important;
    width: 120px;
    font-size: 9px;
    position: absolute;
    right: 25px;
    top: 144px;
    line-height: 14px;
}
.flash-container {
    position: relative;
    width: 312px;
    float: right;
    margin-right: 66px;
    padding-bottom: 8px;
    padding-top: 4px;
}
.flash-container .info {
    position: absolute;
    text-indent: -999999px;
    height: 33px;
    left: 36px;
    width: 70px;
    background: transparent url(/template/image/beta/tutorials_view/text/inf.pole.png) no-repeat 0 0;
}
.flash-container .elem {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 0  8px 0;
}
.flash-container .tipster {
    height: 17px;
    width: 93px;
    float: left;
    padding: 20px 10px 21px 11px;
    margin: 78px 0 0 0;
    border: 1px solid #151e24;
    border-width: 1px 0;
    text-indent: -999999px;
}
.flash-container .tipster span {
    height: 17px;
    width: 93px;
    float: left;
}
.flash-container .tipster .automatyczny {
    background: transparent url(/template/image/beta/tutorials_view/text/tip.automatyczny.png) no-repeat 0 0;
}
.flash-container .tipster .reczny {
    background: transparent url(/template/image/beta/tutorials_view/text/tip.reczny.png) no-repeat 0 0;
}
.flash-container .tipster .srodek {
    background: transparent url(/template/image/beta/tutorials_view/text/tip.srodek.png) no-repeat 0 0;
}
.flash-container .fotomark {
    float: right;
    width: 198px;
}
.replace span {
    text-indent: -99999px;
    display: block;
    height: 13px;
    width: 203px;
    background: transparent no-repeat 0 0;
}
.replace .punkt-af {
    background-image: url(/template/image/beta/tutorials_view/text/txt.af.png);
}
.replace .punkt-af-z {
    background-image: url(/template/image/beta/tutorials_view/text/txt.afz.png);
}
.fixedbg {
    background: transparent url(/template/image/beta/tutorials_view/fixedbg.png) no-repeat top right !important;
}
.nobg {
    background-image: none !important;
}
.content {
    position: relative;
}
.double-box {
    width: 350px;
    height: 100%;
    overflow: hidden;
    padding: 0 0 0 65px !important;
}
.double-box .box-left  { float: left;  }
.double-box .box-right { float: right; }

.contentrow2 .content .double-box p {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
    clear: both;
    width: 350px;
}

.double-box .title span {
    height: 13px;
    display: block;
    width: 169px;
    background: transparent no-repeat 0 0;
    text-indent: -9999999px;
    margin: 0 0 8px 0;
}
.double-box .title .lcd {
    background-image: url(/template/image/beta/tutorials_view/text/txt.zle-lcd.png);
}
.double-box .title .luneta {
    background-image: url(/template/image/beta/tutorials_view/text/txt.zle-luneta.png);
}
.foto-box {
    width: 340px;
    padding-left: 82px;
}
.contentrow2 .content .foto-box  p {
    margin: 0 !important;
    padding: 0 !important;
    clear: both;
    padding-left: 98px !important;
    padding-bottom: 15px !important;
}
.foto-box img {
    float: right;
}
.foto-box  .box {
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.foto-box .title span {
    height: 38px;
    width: 83px;
    text-indent: -999999px;
    display: block;
    float: left;
    background: transparent no-repeat 0 0;
}
.foto-box .title .foto-zle {
    background-image: url(/template/image/beta/tutorials_view/text/txt.zdjecie-nie.png);
}
.foto-box .title .foto-dobrze {
    background-image: url(/template/image/beta/tutorials_view/text/txt.zdjecie.png);
}
.desc-info {
    padding: 2px 0 10px 67px;
}
.desc-info h4 {
    height: 24px;
    width: 342px;
    background: transparent no-repeat 0 0;
    text-indent: -99999px;
}
.desc-info .desc-a {
    background-image: url(/template/image/beta/tutorials_view/text/desc.a.png);
}
.desc-info .desc-b {
    background-image: url(/template/image/beta/tutorials_view/text/desc.b.png);
}
.desc-info2 h4 {
    height: 28px;
    width: 340px;
    background: transparent no-repeat 0 0;
    text-indent: -99999px;
}
.desc-info2 .desc-c {
    background-image: url(/template/image/beta/tutorials_view/text/desc.c.png);
}
.desc-info2 .desc-d {
    background-image: url(/template/image/beta/tutorials_view/text/desc.d.png);
}
.centercolumn {
    padding: 15px 69px 0 67px;
}


.row {

}
/* ---- #inspiracje ---- */

/* ---- #inspiracje -- nadpisywanie ---- */
#inspiracje {
    font: normal 11px/17px Verdana, Helvetica, sans-serif;
    color: #B4D09D;
}
#root #inspiracje #contentheading {
    background-image: url(/template/image/beta/tutorials_view/back/bg.gray.open.jpg);
}
div#root div#inspiracje {
    background:  url(/template/image/beta/tutorials_view/back/bg.gray.spacer.gif) repeat-y 0 0 !important;
    height: 100%;
    overflow: hidden;
}
div#root div#inspiracje .row {
    position: relative;
}
#inspiracje p {
    text-align: justify;
    line-height: 17px;
}
#inspiracje #description p {
    line-height: 14px;

}
#inspiracje #flash-main {
    float: left;
    padding: 0 0 0 59px;
}
#inspiracje #description {
    float: right;
    width: 282px;
    padding: 0 68px 0 0;
}
#inspiracje .replace {
    width: 100%;
    text-indent: -99999px;
    background: transparent no-repeat 0 0;
}
#inspiracje #description .header h2 {
    height: 35px;
    padding: 0 0 6px 0;
    }
    #inspiracje #description .header .piotr-chara {
        background-image: url(/template/image/beta/tutorials_view/text/h.fotograf.piotr-chara.png);
    }
#inspiracje #description .header h3 {
    height: 17px;
    padding: 0 0 14px 0;
    }
    #inspiracje #description .header .wrzesien {
        background-image: url(/template/image/beta/tutorials_view/text/h.fotograf.wrzesien.png);
    }
#inspiracje #description ul {
    background: transparent url(/template/image/beta/tutorials_view/elem/gray.spacer.gif) repeat-x 0 0;
    padding: 2px 0 0 0;
    color: #365022;
    line-height: 26px;
    margin: 20px 0 0 0;
}
#inspiracje #description a {
    color: #6C9F43;
    text-decoration: none;
    font-size: 9px;
}
#inspiracje #description .title {
    color: #263717;
    font-size: 9px;
}
#inspiracje #description .label {
}
#inspiracje #description li {
    display: block;
    padding: 5px 0;
    clear: both;
    height: 100%;
    overflow: hidden;
}
#inspiracje #description .label {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 0 0 38px;
    background: transparent url(/template/image/beta/tutorials_view/elem/ico.gray.baton.png) no-repeat left center;
    font-size: 11px;
}
#inspiracje #description .back {
    background: transparent url(/template/image/beta/tutorials_view/elem/gray.spacer.gif) repeat-x left bottom;
    padding-bottom: 7px;
}
#inspiracje #description .border {
    border-bottom: 1px solid #17210e;
}
#inspiracje #description .more-show {
    float: right;
    color: #44642A;
    padding: 0 0 0 23px;
    background: transparent url(/template/image/beta/tutorials_view/elem/ico.gray.home.png) no-repeat left center;
}
#inspiracje #description .more {
    float: right;
    padding: 0 20px 0 0;
    background: transparent url(/template/image/beta/tutorials_view/elem/ico.gray.about.png) no-repeat right center;
}
#inspiracje #description .title, #inspiracje #description .autor {
    float: left;
    height: 26px;
}
#inspiracje #description .title {
    width: 38px;
}

.row .leftcolumn {
    float:left;
}
.row .rightcolumn {
    float:right;
}

.row .apla {
    width: 365px;
}
.row .leftcolumn .blank {
    padding: 0 0 0 70px;
    width: 480px;
}
.row .rightcolumn .blank {
    padding: 0 70px 0 0;
    width: 480px;
}
.row .clear-interline {
    padding-top: 36px !important;
}
.row .apla .content {
}
.row .apla .header, .row .apla .footer {
    height: 56px;
}
.row .leftcolumn .apla {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-left.gray.spacer.gif) repeat-y left top;
}
.row .leftcolumn .apla .header {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-left.gray.top.jpg) no-repeat left top;
}
.row .leftcolumn .apla .footer {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-left.gray.foo.jpg) no-repeat left bottom;
}
.row .rightcolumn .apla {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-right.gray.spacer.gif) repeat-y right top;
}
.row .rightcolumn .apla .header {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-right.gray.top.jpg) no-repeat right top;
}
.row .rightcolumn .apla .footer {
    background: transparent url(/template/image/beta/tutorials_view/back/apla-right.gray.foo.jpg) no-repeat right bottom;
}
.row .rightcolumn .content p {
    padding: 0 0 0 18px  !important;
}
.row .leftcolumn .content p {
    padding: 0 0 0 75px !important;
}
#inspiracje .apla .foto-info {
    color: #292f24;
    font-size: 9px;
    padding: 6px 0 0 0;
    height: 100%;
    overflow: hidden;

}
#inspiracje .leftcolumn .foto-info { width: 269px; }
#inspiracje .rightcolumn .foto-info { width: 274px; }
#inspiracje .leftcolumn .foto-info .autor {
    float: left;
}
#inspiracje .leftcolumn .foto-info .title {
    float: right;
}
#inspiracje .rightcolumn .foto-info .autor {
    float: right;
}
#inspiracje .rightcolumn .foto-info .title {
    float: left;
}
#inspiracje .pages {
    height: 100%;
    overflow: hidden;
    margin: 22px 0;
    width: 480px;
}
#inspiracje .pages a {
    height: 25px;
    background: transparent no-repeat 0 0;
    text-indent: -99999px;
    float: left;
    margin: 0 40px 0 0;
}
#inspiracje .pages .zdjecie-pod-swiatlo {
    width: 138px;
    background-image: url(/template/image/beta/tutorials_view/elem/page.zdjecie-pod-swiatlo.png);
}
#inspiracje .pages .pomiar-swiatla {
    width: 114px;
    background-image: url(/template/image/beta/tutorials_view/elem/page.pomiar-swiatla.png);
}
#inspiracje .pages .autofocus {
    width: 90px;
    background-image: url(/template/image/beta/tutorials_view/elem/page.autofocus.png);
}
#inspiracje #gallery {
    width: 952px;
    display: block;
    float: left;
    background: transparent url(/template/image/beta/tutorials_view/back/bg.galery.jpg) no-repeat top center;
    padding: 30px 0 0 0;
}
#gallery .title {

}
#gallery .title .text {
    width: 280px;
    margin: 0 auto;
    text-align: right;
    background: transparent url(/template/image/beta/tutorials_view/text/txt.galeria-fotografii.png) no-repeat 0 0;
    font-size: 9px;
    color: #4b5147;
    height: 14px;
    line-height: 14px;
}
#gallery .title .text strong {
    display: none;
}
#gallery .select {
    height: 180px;
}
#gallery .fotosection {
    display: block;
    height: 520px;
    background: transparent url(/template/image/beta/tutorials_view/back/bg.galery2.jpg) no-repeat top center;
}
#gallery .foto {
    margin-top: -10px;
    overflow: hidden;
    position: relative;
    width: 560px;
    height: 379px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    vertical-align: bottom;
}

#gallery .foto img {

}
#gallery .foto .prepend {
    display: none;
}
#gallery .foto img.curent {
    position: absolute;
    top: 0;
    left: 0;
}
#gallery .foto img.prepend {
    display: none;
}
#gallery .foto .name {
    text-align: center;
    font-size: 9px;
    width: 560px;
    height: 16px;
    padding: 4px 0 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #4b5147;
    background-color: #000;
}
#gallery .pager {
    padding: 21px 0 70px 0;
    width: 275px;
    margin: 0 auto;
}
#gallery #gallery02preview .pager {
    width: 335px;
}
#gallery .pager li {
    float: left;
}
#gallery .pager li a {
    display: block;
    height: 12px;
    width: 12px;
    background: transparent url(/template/image/beta/tutorials_view/elem/ico.galery-dots.gif) no-repeat 0 0;
    text-indent: -999999px;
    padding: 0 1px;
    margin: 7px 0 0 0;
}
#gallery .pager li a:hover, #gallery .pager li.active a {
    background-position: 0 -12px;
}
#gallery .pager li.next a, #gallery .pager li.prev a {
    height: 29px;
    width: 29px;
    margin: 0;
}
#gallery .pager li.next a {
    margin-left: 10px;
    background: transparent url(/template/image/beta/tutorials_view/elem/arrow.next.gif) no-repeat 0 0 !important;
}
#gallery .pager li.prev a {
    margin-right: 10px;
    background: transparent url(/template/image/beta/tutorials_view/elem/arrow.prev.gif) no-repeat 0 0 !important;
}
#gallery .heads {
    width: 470px;
    margin: 0 auto;
    padding: 78px 0 0 0;
}
#gallery .heads a {
    display: block;
    height: 26px;
    width: 202px;
    background: transparent no-repeat 0 0;
}
#gallery .heads #gallery01 {
    background-image: url(/template/image/beta/tutorials_view/elem/g01.png);
    float: left;
}
#gallery .heads #gallery02 {
    background-image: url(/template/image/beta/tutorials_view/elem/g02.png);
    float: right;
}
/* contest */
div#contest
{
    background:transparent url('/img/photographers/_contest_background.jpg') no-repeat bottom center;
}
div#contest div.left
{
    width:322px;
    float:left;
    text-align:right;

}
div#contest div.left a.moreaboutprize
{
    display:block;
    width:220px;
    height:198px;
    float:right;
    background:transparent url('/img/photographers/prizebadge_background.jpg') no-repeat top center;
}
div#contest div.left a.moreaboutprize span
{
    display:none;
}
div#contest div.right
{
    width:600px;
    float:right;
}
div#contest div.right h3
{
    height:25px;
    background:transparent url('../img/photographers/contestheader_background.png') no-repeat top left;
    margin-bottom:20px;
    line-height:15px;
}
div#contest div.right h3 span
{
    display:none;
}
div#contest div.right p
{
    font-size:11px;
    font-family:"Verdana", sans-serif;
    line-height:15px;
    width:495px;
}
div#contest div.right h3#contesttopic
{
    height:49px;
    margin:17px 0 0 0;
    background:transparent url('/img/photographers/contesttopic_background.png') no-repeat top left;
	position:relative;
}
div#contest div.right h3#contesttopic a
{
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	right:108px;
	bottom:0px;
}
div#contest div.right div.controlbar
{
    padding:22px 0 0 3px;
}
div#contest div.right div.controlbar a.button
{
    display:block;
    width:170px;
    height:31px;
    background:transparent url('../img/photographers/reporthomeworkbutton_background.png') no-repeat top left;
    float:left;
}
div#contest div.right div.controlbar a.button span
{
    display:none;
}
div#contest div.right div.controlbar a.regulamin
{
    display:block;
    width:213px;
    height:31px;
    float:left;
    background:transparent url('/img/photographers/regulamin_background.png') no-repeat top left;
    margin-left:24px;
}
div#contest div.right div.controlbar a.regulamin span
{
    display:none;
}
div#homeworkwindow
{
    width:416px;
    height:226px;
    background:transparent url('/img/photographers/homeworkwindow_background.gif') no-repeat top left;
    overflow: hidden;

}

div#homeworkwindow iframe
{
    overflow: hidden;}




div#homeworkwindow form#homeworkform
{
    padding:15px 0 0 0;
}
div#homeworkwindow form#homeworkform p
{
    color:#264011;
    line-height:13px;
    padding-bottom:10px;
}
div#homeworkwindow p span.user
{
    background: transparent url('/img/photographers/userico.png') no-repeat top left;
    padding-left:17px;
}
div#homeworkwindow form#homeworkform input#homeworkfile
{

}
div#homeworkwindow form#homeworkform div.file
{
    text-align:right;
    padding:0 20px;
}
div#homeworkwindow form#homeworkform input.cancel
{
    width:52px;
    height:30px;
    border:0px solid #000;
    background:transparent url('/img/photographers/cancel_background.png') no-repeat top left;
}
div#homeworkwindow form#homeworkform input.submit
{
    width:78px;
    height:30px;
    border:0px solid #000;
    background:transparent url('/img/photographers/submit_background.png') no-repeat top left;
}
div#homeworkwindow form#homeworkform div.controlbar
{
    padding:30px 20px 0 20px;
    text-align:right;
}
div#homeworkwindow form#homeworkform div.controlbar p
{
    float:left;
    width:230px;
    margin:0;
    padding:0;
    line-height:12px;
}
div#homeworkwindow p
{
    color:#5f7c48;
    font-size:11px;
    font-family:"Helvetica",sans-serif;
    text-align:left;
    padding:20px 0 0 20px;
}
div#footer
{
    height:151px;
    background:transparent url('/img/photographers/_insp_footer_background.jpg') no-repeat top center;
	position:relative;
}
div#footer a span
{
	display:none;
}
div#footer a#endorfine
{
	position:absolute;
	width:45px;
	height:17px;
	top:95px;
	left:90px;
}
div#footer a#regulamin
{
	position:absolute;
	width:75px;
	height:17px;
	top:95px;
	left:207px;
}
div#footer a#nikon
{
	position:absolute;
	width:50px;
	height:17px;
	top:95px;
	left:835px;
}

iframe
{
    width: 416px;
    height: 226px;
}
#inspiracje .pages .digiscoping {
    margin-top: 5px;
    width: 108px;
    background-image: url(/template/image/beta/tutorials_view/elem/page_small.digiscoping.png);
}
#inspiracje .pages .glebia_ostrosci {
    margin-top: 5px;
    width: 138px;
    background-image: url(/template/image/beta/tutorials_view/elem/page_small.glebia_ostrosci.png);
}