/*reset*/
body {width:100%;background:#fff;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
blockquote:before, blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes: "" "";}
fieldset,img,abbr,acronym{border:0;}
:focus {outline:0;}
:link,:visited,:hover {text-decoration:none;}
input,textarea {font:1em normal Tahoma,Geneva,Kalimati,sans-serif;}
/* /reset */

/* global classes */
.clearfix:after, .fline:after {clear: both;display: block;visibility:hidden;height:0;content: ".";}
.clearfix, .fline {display:inline-block;}
.aural{position:absolute;left:-2007px;font-size:0;}



/*-------------------------------------------------------------------------------------------------------
                                                                                                GLOBAL
-------------------------------------------------------------------------------------------------------*/
body {
    font:normal 10px/1.4em Verdana,Arial,sans-serif;
    background:#010510;
    color:#3c4257;
}
a:link, a:visited {
    color:#3c4257;
    text-decoration:underline;
}
a:focus, a:hover, a:active {
    color:#f00;
}





/*-------------------------------------------------------------------------------------------------------
                                                                                                MAIN
-------------------------------------------------------------------------------------------------------*/
#main {
    width:957px;
    margin:0 auto;
}
#header, #wrapper, #bottom, #footer {
    width:100%;
    float:left;
}




/*-------------------------------------------------------------------------------------------------------
                                                                                                HEADER
-------------------------------------------------------------------------------------------------------*/
#header {
    position:relative;
    height:209px;
}
#logo {
    position:absolute;
    top:0px; left:0px;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                                WRAPPER
-------------------------------------------------------------------------------------------------------*/
#wrapper {
    border-top:1px solid #fa8c57;
    background:#1a1e5e url(../img/sidebar-left.png) repeat-x 0 0;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                                CONTENT
-------------------------------------------------------------------------------------------------------*/
#content {
    float:left;
    width:570px;
    background:#fbfaf8;
    font-size:1.1em; line-height:1.4em;
}
#content div.content {
    width:530px;
    padding:10px 0 0 20px;
}
#content strong {
    font-weight:400; color:#f80a2b;
}
                                                                                /*-----------------------
                                                                                    content headers
                                                                                -----------------------*/
#content h1 {
    padding:8px 0 8px 29px;
    font-size:1.19em;
    border-bottom:3px solid #a91366;
    color:#a91366; text-transform:lowercase;
}
#content h2 {
    margin:1.5em 0 0.5em;
    font-size:1.2em;
    color:#520853;
}
#content h3 {
    margin:1.35em 0 0.5em;
    font-size:1.15em;
}
#content h4 {
    margin:1.15em 0 0.3em;
    font-size:1.08em;
}


                                                            /*-----------------------------------------
                                                                content paragraphs, tables and lists
                                                            -------------------------------------------*/
#content p, #content ul, #content ol, #content table {
    margin:1em 0;
}
#content ul li {
    list-style:disc inside;
}
#content ol li {
    list-style:decimal inside;
}




                                                            /*-----------------------------------------
                                                                                            main page
                                                            -------------------------------------------*/
#content li.entry {
    padding:5px 0 20px 30px;
    list-style:none;
    background:url(../img/bullet_big.png) no-repeat 0 0;
}
.entry div {
    width:100%;
    padding:0 0 12px;
    background:url(../img/entry-bottom.png) no-repeat 50% 100%;
}
#content .entry h2 {
    margin-top:0;
}

                                                            /*-----------------------------------------
                                                                                            portfolio
                                                            -------------------------------------------*/
.strony-www #content ul {
    width:465px;
    padding:0 0 0 40px;
}
.strony-www #content li {
    float:left;
    list-style:none;
    padding:0 0 15px;
    height:156px;
}
.strony-www #content li.odd {
    float:right;
}
.strony-www #content li a:hover, .strony-www #content li a:focus {
    opacity:0.6;
    -moz-opacity:0.6;
}
.strony-www #content img li {
    vertical-align:bottom;
}

#content #portfolio li {
    width:100%;
    margin:0 0 15px;
    padding:0 0 10px;
    list-style:none;
    background:url(../img/entry-bottom.png) no-repeat 50% 100%;
}
#content li .image {
    width:110px; float:left;
}
#content li .image img {
    vertical-align:bottom;
    border-style:solid;
    border-color:#000;
    border-width:1px 4px;
}
#content li .image img:hover, #content li .image img:focus {
    border-color:#0d357d;
}
#content li .opis {
    float:right; width:415px;
}
#content li .opis h2 {
    margin:0 0 0.9em;
}

#content .pagination {
    text-align:right;
}
#content .pagination li {
    display:inline;
    margin:0 3px;
}
#content .pagination li a {
    padding:3px 5px;
    border:1px solid #69054d;
    color:#0d357d;
    text-decoration:none;
}
#content .pagination li a:hover, #content .pagination li a:focus, #content .pagination li a.active {
    background:#0d357d;
    color:#fff;
}


.kontakt #content .download {
    width:100%;
}
#content ul.download li {
    list-style:none;
    width:100%;
}
#content ul.download li a {
    display:block;
    float:left;
    height:32px;
    background:url(../img/adobe.gif) no-repeat 0 50%;
    padding:0 0 0 45px;
    line-height:32px;
    margin:0 0 12px;
}
.kontakt #content p strong {
    font-weight:700;
    color:#520853;
}
.kontakt #content p span {
    color:#0d357d;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                         SIDEBAR LEFT
-------------------------------------------------------------------------------------------------------*/
#sidebar-left {
    float:left;
    width:192px;
    border-right:1px solid #010510;
    
}
/*-----------------------
    navigation
-----------------------*/
#main_menu {
    width:178px;
}
#main_menu li {
    float:left;
    width:172px;
    padding:0 20px 2px 0;
    height:41px;
    background:url(../img/separator.png) repeat-x 0 100%;
}
#main_menu a {
    display:block; float:left;
    width:100%; height:100%;
    line-height: 41px;
    text-decoration: none;
    font-size: 16px;
    text-align: right;
    color:#d06a68;
    /*background-repeat:no-repeat;*/
    /*background-image:url(../img/menu.gif);*/
}
#main_menu a:hover, #main_menu a:focus, #main_menu a.active {
    color:#fbf2ed;
}

/*#m_aktualnosci { background-position:-182px 0; }
#m_aktualnosci:hover, #m_aktualnosci:focus, #m_aktualnosci.active { background-position:-4px 0; }
#m_strony_www { background-position:-182px -44px; }
#m_strony_www:hover, #m_strony_www:focus, #m_strony_www.active { background-position:-4px -44px; }
#m_reklama_lcd { background-position:-182px -84px; }
#m_reklama_lcd:hover, #m_reklama_lcd:focus, #m_reklama_lcd.active { background-position:-4px -84px; }

/*#mobilna_reklama { background-position:-182px -124px; }
#mobilna_reklama:hover, #mobilna_reklama:focus, #mobilna_reklama.active { background-position:-4px -124px; }*/
/*#m_poligrafia { background-position:-182px -124px; }
#m_poligrafia:hover, #m_poligrafia:focus, #m_poligrafia.active { background-position:-4px -124px; }
#m_kasy { background-position:-182px -164px; }
#m_kasy:hover, #m_kasy:focus, #m_kasy.active { background-position:-4px -164px; }
#m_komputery { background-position:-182px -204px; }
#m_komputery:hover, #m_komputery:focus, #m_komputery.active { background-position:-4px -204px; }
#m_kontakt { background-position:-182px -244px; }
#m_kontakt:hover, #m_kontakt:focus, #m_kontakt.active { background-position:-4px -244px; }*/



/*-------------------------------------------------------------------------------------------------------
                                                                                        SIDEBAR RIGHT
-------------------------------------------------------------------------------------------------------*/
#sidebar-right {
    float:right;
    width:179px;
    padding:25px 9px 0 2px;
    border-left:4px solid #010510;
    background:#26062d url(../img/sidebar-right.png) repeat-x 0 0;
    color:#fff;
}

.box {
    background:#310738;
    border:1px solid #290c60;
    padding:14px 17px 14px 14px;
}
.sidebar-title { font-weight:700; }
.images-sidebar li {
    padding:14px 0 0;
}
.images-sidebar a:focus, .images-sidebar a:hover {
    opacity:0.7;
    -moz-opacity:0.7;
}

/*-------------------------------------------------------------------------------------------------------
                                                                                            BOTTOM
-------------------------------------------------------------------------------------------------------*/
#bottom {
    position:relative;
    height:72px;
    width:900px;
    padding:25px 27px 5px 30px;
    overflow:hidden;
}
#bottom .wrapper {
    position:absolute;
    top:0;
    width:900px; height:72px;
    overflow:auto;
}
#bottom .wrapper ul {
    position:absolute; top:0;
    width:9999px;
    margin:0; padding:0;
}
#bottom ul li {
    display:block; float:left;
    width:90px; height:72px;
    padding:0 12px 0 0;
}
#bottom ul li img {
    vertical-align:bottom;
}





/*-------------------------------------------------------------------------------------------------------
                                                                                            FOOTER
-------------------------------------------------------------------------------------------------------*/
#footer {
    width:900px;
    padding:8px 27px 25px 30px;
    background:#0d357d;
    color:#1865fe;
    font-size:1.1em;
}
#footer .columns {
    float:left;
    width:24.9%;
    text-align:right;
}
#footer #column-1 {
    text-align:left;
}