/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

23.11.2007                   
Kodowanie: Tomasz Piłat      

Sections:
GLOBAL STYLES
GLOBAL CLASSES

footer                              

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
    margin: 0;
    padding: 0;
    border: 0;
}
ul { list-style: none; }
body {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #393939;
}
a { color: #d81111; text-decoration: none; }
a span { display: none; }
a:hover { text-decoration: underline; }
#wrapper {
    background: #eeeeee url("/_p/gfx/top.gif") center 0 no-repeat;
}

#header, #content {
    width: 857px;
    margin: 0 auto;
}

#bottom {
    height: 81px;
    background: url("/_p/gfx/bottom.gif") no-repeat;
    position: relative;
}
#bottom em { display: none; }
#bottom h3 { display: none; }
#bottom a {
    position: absolute;
    bottom: 8px;
    right: 6px;
}

#header { border-bottom: 1px solid #d31010; overflow: hidden; zoom: 1; position: relative; }
#header li { float: left; }
#header ul li a {
    height: 32px;
    background: url("/_p/gfx/menu.gif") 0 0 no-repeat;
    display: block;
    outline: none; 
}
#header form { float: right; }
#search { border: 0; padding: 2px 4px; position: relative; top: 0px !important; font-family: "Trebuchet MS"; width: 200px; }
#header input { position: relative; top: 5px; }
.m_glowna a { width: 109px; background-position: 0 0 !important; }
.m_ofirmie a { width: 90px; background-position: -105px 0 !important; }
.m_oferta a { width: 78px; background-position: -195px 0 !important; }
.m_wspolpraca a { width: 105px; background-position: -272px 0 !important; }
.m_kontakt a { width: 81px; background-position: -372px 0 !important; }

.m_glowna a:hover { width: 109px; background-position: 0 -32px !important; }
.m_ofirmie a:hover { width: 90px; background-position: -105px -32px !important; }
.m_oferta:hover a:hover { width: 78px; background-position: -195px -32px !important; }
.m_wspolpraca a:hover { width: 105px; background-position: -272px -32px !important; }
.m_kontakt a:hover { width: 81px; background-position: -372px -32px !important; }

.gkk {
    float: left;
    width: 209px;
    height: 104px;
    background: url("/_p/gfx/logo_gk.gif") 0 0 no-repeat;
    position: relative;
    top: 2px;
}
.gkk span, .matador span, .valant span { display: none; }

.matador {
    float: left;
    width: 246px;
    height: 103px;
    background: url("/_p/gfx/logo_matador.gif") 0 0 no-repeat;
    position: relative;
    top: 2px;
    left: 100px;
}
.valant {
    float: left;
    width: 203px;
    height: 106px;
    background: url("/_p/gfx/logo_valant.gif") 0 0 no-repeat;
    position: relative;
    top: 2px;
    left: 200px;
}
#karnisze, #rolety, #akcesoria {
    float: left;
    width: 276px;
    padding: 13px 0;
}
#karnisze p, #rolety p, #akcesoria p { height: 50px; }
#karnisze ul, #rolety ul, #akcesoria ul { padding-top: 15px; padding-bottom: 15px; float: left; width: 100%; clear: both; }
#karnisze li, #rolety li, #akcesoria li {
    margin-right: 10px;
    float: left;
    position: relative;
}
#karnisze strong, #rolety strong, #akcesoria strong {
    position: absolute;
    top: -58px;
    left: -27px;
    background: red;
    width: 97px;
    height: 39px;
    display: block;
    background: url("/_p/gfx/cloud.gif") 0 0 no-repeat;
    padding: 10px 2px;
    color: #ffffff;
    text-align: center;
    display: none;
    font-size: 10px;
}
#karnisze, #rolety { padding-right: 13px !important;}
#karnisze h2 a {
    display: block;
    width: 276px;
    height: 158px;
    background: url("/_p/gfx/m_karnisze.gif") 0 -158px no-repeat;
    margin-bottom: 10px;
}
#karnisze h2 a:hover { background-position:  0 0px !important;}

#rolety h2 a {
    display: block;
    width: 276px;
    height: 158px;
    background: url("/_p/gfx/m_rolety.gif") 0 -158px no-repeat;
    margin-bottom: 10px;
}
#rolety h2 a:hover { background-position:  0 0px !important; }

#akcesoria h2 a {
    display: block;
    width: 276px;
    height: 158px;
    background: url("/_p/gfx/m_akcesoria.jpg") 0 -158px no-repeat;
    margin-bottom: 10px;
}
#akcesoria h2 a:hover { background-position:  0 0px !important;}

#karnisze .more, #rolety .more, #akcesoria .more {
    padding-right: 13px;
    background: url("/_p/gfx/arrow.gif") right 3px no-repeat;
    float: right;
    clear: both;
}

#menu_side, #smenu {
    float: left;
    width: 210px;
    padding: 18px 0;
}
#main_side {
    width: 627px;
    float: right;
    padding: 18px 0;
}
#menu_side h2 a {
    background: url("/_p/gfx/blank.gif") 0 0 no-repeat;
    color: #ffffff;
    display: block;
    padding: 3px 8px;
}
#menu_side h2 a:hover { text-decoration: none; }
.wide_side { width: 857px !important; }
.h_rolety a, .h_akcesoria a, .h_karnisze a { display: block; width: 210px; height: 29px; }
.h_rolety a { background: url("/_p/gfx/rolety.gif") 0 0 no-repeat; }
.h_karnisze a { background: url("/_p/gfx/karnisze.gif") 0 0 no-repeat; }
.h_akcesoria a { background: url("/_p/gfx/dodatki.gif") 0 0 no-repeat; }
#menu_side ul { background: url("/_p/gfx/pointer.gif") center 0 no-repeat; }
#menu_side ul ul li { margin-left: 15px; }
#menu_side li, #smenu li { background: url("/_p/gfx/dots.gif") 0 top repeat-x; }
#menu_side h2 { margin-top: 1px; }
#menu_side li a, #smenu li a {  padding: 10px; display: block; color: #464545; font-size: 13px; text-decoration: none; }
#menu_side li a:hover, #smenu li a:hover { background: #DFDFDF; }
#menu_side a.active, #smenu li.active a { color: #d10000; background: transparent url("/_p/gfx/arrow_red.gif") right center no-repeat !important; }
#smenu h2 {
    background: url("/_p/gfx/blank.gif") 0 0 no-repeat;
    padding: 5px 10px;
    color: #ffffff;
}

#main_left {
    width: 628px;
    float: left;
    line-height: 1.5em;
}
.wide_side #main_left { width: 840px; }
#main_right {
    width: 142px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}
#mapka { width: 300px; margin: 10px 0; }
.wide_side #mapka { width: 850px; height: 500px; }
#main_left p { margin-bottom: 1em; }
#main_left img { float: left; margin-right: 10px; margin-bottom: 2px; border: 3px solid #e3e3e3; }
#main_side h1 { padding: 3px 0; border-bottom: 1px solid #e3e3e3; font-size: 20px; margin-bottom: 10px; }
.kontakt_box {
    padding: 10px;
    background: #e6e5e5;
}
.kontakt_box h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.kontakt_box dl { padding-top: 10px; }
/*~~~~~~~~~~~~~~~~~~~~~
=#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer { 
    width: 857px;
    margin: 0 auto;
    padding-top: 10px;
}
#footer p { float: left; color: #b4b2b2; }
#footer ul { float: right; }
#footer a { color: #29166f; }
#footer a:hover { text-decoration: underline; }
#footer li { float: left; padding-left: 20px; }

/*~~~~~~~~~~~~~~~~~~~~~
=GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
.left { float: left; }
.right{ float: right; }

.aright { text-align: right; }
.acenter { text-align: center; }

.clear { clear: both; }

#zapis label { float: left; width: 120px; }
#zapis .field { padding: 5px 0;  }
#zapis input, #zapis textarea { border: 1px solid #e3e3e3; padding: 3px; }
#zapis textarea { width: 300px; height: 100px; }
.submit_button { position: relative; left: 120px; background: #29166F; color: #ffffff; text-transform: uppercase; font-size: 10px; }
#mapka { clear: both; border: 1px solid black; width: 400px; height: 300px; }

.product { padding: 20px 20px; background: url("/_p/gfx/bg_produkt.gif") 0 0 no-repeat; overflow: hidden; zoom: 1;}
.product div { float: right; width: 330px; }
.product h3 { font-size: 18px; color: #2F1980; margin-bottom: 10px; }
h2.produkth { color: #DD2020; border-bottom: 1px solid #DD2020; padding-bottom: 5px; margin-bottom: 15px; font-size: 20px; }