/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
img[align="middle"], img[align="center"] {	float: none !important;	clear: both;	display: block;	margin: 0 auto 25px !important;}
img.middle, img.center {	float: none !important;	clear: both;	display: block;	margin: 0 auto 25px !important;}
img[align="left"]{	clear: left; float: left !important;	margin: 0 15px 25px  0 !important;}
img.left{	clear: left; float: left !important;	margin: 0 15px 25px 0 !important;}
img[align="right"]{	clear: right; float: right !important; margin: 0 0 25px 15px !important;}
img.right{	clear: right; float: right !important; margin: 0 0 25px 15px !important;}


/* style reset */
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;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* global styles */
body { padding-top: 58px;
    font-family: Tahoma, Verdana, Arial,  sans-serif;
    font-size: 100.01%;
        font-size:11px;
    background: #E5D1AC;
        color:#a9a9a9;
}

a, a:visited {text-decoration: none; color: #4f716e;}
a:hover {text-decoration: underline;}


a.more {
    display:block;
    width:48px;
    height:24px;
    background:url('uploads/images/more.png');
    }
a.powieksz {
    display:block;
    width:60px;
    height:23px;
    background:url('uploads/images/powieksz.png');
    }
    div.box a.more {
    float:right;
    clear:both;
    margin-bottom:20px;
    }
    #promocja a.more {
        float:right;
        margin-right:10px;
        margin-top:10px;}

h2,h3, #sub ul {
    font-family:Arial;
    font-weight:normal;
    }

h1 {
    }
h2 {
    display:block;
    padding-top:20px;
    padding-left:15px;
    width:100%;
    height:31px;
    font-size:15px;
    clear:both;
    color:#fff;
    border-bottom:1px solid #2f3031;
    background:url('uploads/images/h2_main.jpg') repeat-x;
    }
    h2.bottom_left {height:30px; background:url('uploads/images/h2_main3.jpg') bottom left no-repeat;}
    h2.bottom_right {height:30px; background:url('uploads/images/h2_main4.jpg') bottom left no-repeat;}
ul#promocja h3 {
    font-weight:bold;
    color:#2c7a72;
    font-size:15px;
    float:left;
    margin-left:20px;
    }
    ul#promocja h3 span {font-size:11px;}
div.box h3, div.box h3 a {
    color:#2aa093 !important;
    font-weight:bold;
    display:block;
    clear:both;
    }
div.box h4 {
    color:#68706f;
    font-weight:normal;
    font-size:10px;
    display:block;
    margin:5px 0;
    }
p {
    text-align:justify;
    margin-bottom:10px;
    }
p.last {margin-bottom: 0 !important;}
.clearfix {clear: both;}

#container {
    position:relative;
    width:840px; 
    height:100%;
    margin:0px auto 10px;
    overflow:hidden;
    }
#bg {
    position:absolute;
    left:0;
    top:218px;
    z-index:0;
    width:35px;
    height:55px;
    background: url('uploads/images/bg.jpg') repeat-x;
    }
#top {
    position:relative;
    height:272px;
/*    overflow:hidden;*/
    background: url('uploads/images/top.jpg') bottom right no-repeat;
    z-index: 1;
    } 

#top h1 img {padding-left:36px;padding-top:21px;}

#content {
    position:relative;
    right:2px;
    width:767px;
    height:100%;
    margin:0 auto 10px;
    overflow:hidden;
    } 
    #main {
        position:relative;
        width:520px;
        height:100%;
        padding:0 1px;
        float:right;
        overflow:hidden;
        background: #1F2022;
        }
        div.main_content {
         padding:15px;
         background:#1e2021;
         overflow:hidden;
         clear:both;
         }
        #main p {}
        ul#promocja {
            width:100%;
            overflow:hidden;
            text-align:center;
            }
            ul#promocja img {
                display: block;
                margin:15px auto 0;
                }
            ul#promocja h3 {
                margin-top:15px;
                }
            ul#promocja li {
                position:relative;
                display:block;
                float:left;
                height:154px;
                overflow:hidden;
                }
                #bottom {
                    position:absolute;
                    bottom:0px;
                    left:0px;
                    width:522px;
                    height:8px;
                    overflow:hidden;
                    background: url('uploads/images/border-bottom.gif') no-repeat 0 0;
                    }
        li#promocja_left {
            width:173px;
            overflow:hidden;
            background: url('uploads/images/promocja_left.png');
            }
        li#promocja_middle {
            width:172px;
            overflow:hidden;
            background: url('uploads/images/promocja_middle.png') repeat-x;
            }
        li#promocja_right {
            width:173px;
            overflow:hidden;
            background: url('uploads/images/promocja_right.png');
            }
    div.left {
        width:50%;
        float:left;
        overflow:hidden;
        }
    div.right {
        width:50%;
        float:right;
        overflow:hidden;
        }
    div.opis {
        width:300px;
        height:100%;
        overflow:hidden;
        float:right;
        overflow:hidden;
        background: url('uploads/images/opis.gif') 135px 0 repeat-y;
        
        }
        div.opis h3 {
            color:#a9a9a9;
            font-weight:bold;
            display:block;
            margin-bottom:10px;
            }
        div.opis h4 {
            font-size:15px;
            font-weight:bold;
            color:#2c7a72;
            padding-bottom:8px;
            }
            div.opis h4 span {font-size:11px;}
        div.line {
            width:80%;
            height:1px;
            overflow:hidden;
            margin:10px 0;
            border-top:1px solid #323435;
            }
            .ilosc_input {
                width:20px;
                height:20px;
                padding-top:5px;
                padding-left:5px;
                float:left;
                border:0;
                color:#e3e3e3;
                background-color:#323435;
                }
            .koszyk_button {
                margin:3px 0 0 10px;
                float:left;
                width:86px;
                height:23px; 
                border:solid 0 #fff;
                background: transparent url('uploads/images/dokoszyka.png') 0 0 no-repeat; 
                }
                    
    div.box {
        padding:20px;
        background: url('uploads/images/box.png') top repeat-x;
        }
        div.box li {
            border-bottom:1px solid #383a3b;
            padding-left:14px;
            line-height:35px;
            background: url('uploads/images/li.gif') 0px 15px no-repeat;
            }
            div.box li.last {
                border:none;
                }
    #main img.left, #main img.right, #main img.center, #main img.middle, #main ul.picturelist img {
        padding:4px;
        background:#d7d7d7;
        }
    #sub {
        padding-bottom:5px;
        width:245px;
        float:left;
        overflow:hidden;
        background:#1e2021;
        }
        #sub li {
            border-bottom:1px solid #252728;
            padding-left:36px;
            line-height:35px;
            background: url('uploads/images/li.gif') 22px 15px no-repeat;
            }
            #sub li.last {
                border:none;
                }
            #sub li a, #sub li a:visited {color:#a9a9a9;}
    #search {
        width:224px;
        height:121px;
        padding-left:22px;
        overflow:hidden;
        clear:left;
        padding-left:21px;
        margin-top:-5px;
        float: left;
        background: url('uploads/images/search.png') ;
        }
        #search h2 {
            background:none;
            padding-left:0;
            border:none;
            }
        .search {
            display:inline;
            
            }
            .search_input {
                width:145px;
                height:20px;
                padding-top:5px;
                padding-left:5px;
                float:left;
                border:0;
                color:#e3e3e3;
                background-color:#5d7d7d;
                }
            .search_button {
                margin:3px 0 0 10px;
                float:left;
                    width:48px;
                    height:23px; 
                    border:solid 0 #fff;
                    background: transparent url('uploads/images/zapisz.png') 0 0 no-repeat; 
                    }
	div.photo {
		padding:4px;
		float:left;
		clear:left;
		margin-right:15px;
		margin-bottom:25px;
		background:#d7d7d7;
		}

#footer {
    width:760px;
    margin:10px auto;
    color:#000;
    font-size:10px;
    font-family:Arial;
    font-weight:bold;
    clear:both;
    } 
    #footer a, #footer a:visited {color:#000;}
    #footer span {
        display:block;
        margin-bottom:20px;
        margin-left:60px;
        }
    #footer ul{
        position:relative;
        display:block;
        float:left;
        width:745px;
        height:34px;
        padding-top:25px;
        margin:0px auto 20px;
        text-align:center;
        font-family:Tahoma;
        font-size:11px;
        font-weight:normal;
        background: url('uploads/images/footer.png') ;
        }
        #footer li {
            display:inline;
            padding:0 10px;
            background: url('uploads/images/footer-divide.gif') right no-repeat;
            }
            #footer li.last {background:none;}
            #footer li a, #footer li a:visited {color:#4f716e;}
        #footer_left {
            float:left;
            width:7px;
            height:59px;
            background: url('uploads/images/footer-left.png') ;
            }
        #footer_right {
            float:left;
            width:7px;
            height:59px;
            background: url('uploads/images/footer-right.png') ;
            }

#tinymce {
  width:490px;
  border: none;
  background: #1e2021;
  margin: 0 125px 0 0;
  padding: 5px;
  overflow: auto !important;
}
/* End of 'Podstawowy' */

/* Start of CMSMS style sheet 'Menu poziome wyskakujace' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
        bottom:-2px;
position:absolute;
right:37px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 100px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   background: #fdfdfd;
}
#primary-nav ul ul { 
/*   margin-top: 1px;*/
/*   margin-left: -1px;*/
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
/*   margin-left: -1px;*/
   float: left; 
   background: url('uploads/images/menu_divide.jpg') right no-repeat;
}
#primary-nav li.last { 
   background: none;
}
#primary-nav li li { 
   margin-left: 0px;
/*   margin-top: -1px;*/
   float: none; 
   position: relative; 
   background: none !important;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   text-decoration: none; 
   color: #7a7b7c;
}
#primary-nav li li a { 
   background: none;
   padding: 5px;
}	
#primary-nav li li a:hover {
   background: #5f7f7d !important;
   color: #fdfdfd !important;
}
#primary-nav li, #primary-nav li.menuparent { 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Menu poziome wyskakujace' */

