/*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;}


/*-------------------------------------------------------------------------------------------------------
[Color codes]
    headers
    navigation
    content text
    sidebar text
    text links
    hover text links

[Typography]
    header
    content text
    header h1
    header h2
    header h3
    sidebar
    footer

FONT FAMILIES
    TIMES NEW ROMAN:    font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
    GEORGIA:            font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    GARAMOND:           font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    HELVETICA/ARIAL:    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    VERDANA:            font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    TREBUCHET:          font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    IMPACT:             font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
    MONOSPACE:          font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

-------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------
                                                                                                GLOBAL
-------------------------------------------------------------------------------------------------------*/
body {
    font:normal 10px/1.4em TrebuchetMS,Tahoma,Arial,sans-serif;
    background: #CFC2BA url('../img/bg_gradien.png') repeat-x  ;
    color:#000;
}
a {
    color:#f00;
}
a:focus, a:hover, a:active {
    color:#000;
    text-decoration:underline;
}

h1{
    margin:5px 5px 2.5em;
    font-size:17px;
    color:#868688;
}

h2{
    margin:18px 30px 1.5em;
    font-size:17px;
    color:#868688;
}



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




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




/*-------------------------------------------------------------------------------------------------------
                                                                                                WRAPPER
-------------------------------------------------------------------------------------------------------*/
#wrapper {
    background: #F1DE87;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                                CONTENT
-------------------------------------------------------------------------------------------------------*/
#content {
    float:left;
    width:400px;
    margin-bottom: 25px;
    padding: 20px 68px;
    font-size: 12px;
    
}
#content p{
    
    line-height: 25px;
    text-align: justify;
}
.wyroznienie{
    text-indent: 15px;
}
                                                                           /*-----------------------
                                                                                    content headers
                                                                                -----------------------*/


#content h3 {
    margin:1.15em 0;
    font-size:1.35em;
}
#content h4 {
    margin:1.15em 0;
    font-size:1.15em;
}


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

#content .gallery li {
    list-style:none;
    float:left;
    width:210px;
    text-align:center;
    margin:0 0 10px;
}
.galeria .gallery img, .referencje .gallery img {
    border:2px solid #DFAF96;
}
.galeria #content, .referencje #content {
    width:650px;
}


#content ul.columns-2 {
    width:100%;
    margin-top:0;
    line-height:1.6em;
}
#content ul.columns-2 li {
    width:170px;
    padding:0 9px 0 10px;
    float:left;
    list-style:none;
    color:#DFAF96;
    background:url('../img/bullet.png') no-repeat 0 50%;
}
#content ul.columns-2 li span {
    color:#000;
}


/*-------------------------------------------------------------------------------------------------------
                                                                                            SIDEBAR
-------------------------------------------------------------------------------------------------------*/
#sidebar {
    float:left;
    width:188px;
    padding: 6px 0 0 0;
}
#menu {
    float: left;
    width: 100%;
}
#menu li{
    width: 100%;
}


#menu li a {
    text-decoration: none;
    display:block;
    width:163px;
    padding:15px 0 15px 25px;
    color: #fff;
    font-size: 17px;
    background: #CFBE74;
    margin: 0 0 1px 0;
}
#menu  .first a{
    background: #CFBE74 url('../img/bg_link.png') no-repeat;
}
#menu .first a:hover, #menu .first a:focus, #menu .first a.nav-active{
    background: #DFAF96 url('../img/bg_link2.png') no-repeat;
}

#menu li a:hover, #menu li a:focus, #menu li a:active, #menu li a.nav-active{
    background: #DFAF96;
}



#wrapper2{
    width: 783px;
    float:right;
    background: #F5EFEE url('../img/bg_sidebar2.png') no-repeat 395px 47px;
}


#kontakt{
    padding: 67px 2px 0px 29px;
    float:left;
    color: #6B6A6A;
    font-size: 11px;
}
#kontakt p{
    padding: 5px 0 5px 0;
}
#kontakt a, #kontakt a:hover, #kontakt a:focus, #kontakt a:visited{
    color: #6B6A6A;
    text-decoration:underline;
}
#mini_gallery{
    margin: 70px 0 0 10px;
}
#mini_gallery ul, #mini_gallery li {
    text-align:center;
    display:block;
}
#mini_gallery li{
    margin-bottom: 20px;
}
#mini_gallery img{
    width: 148px;
    height: 100px;
    border: 1px solid #000;
}
#sidebar2 {
    float:right;
    width:245px;
    
}


.menu_bottom{
    text-align: right;
    height: 41px;
    width:100%;
    clear:both;
    background:url('../img/mb_gradien.png') no-repeat 100% 100%;
    
}
.menu_bottom ul{
    padding: 17px 0 0 0;
}
.menu_bottom li{
    display:inline;
    padding: 0 15px 0 0;
}
.menu_bottom a, .menu_bottom a:visited{
    color: #000;
    border: none;
    text-decoration: none;
}
.menu_bottom  a:hover, .menu_bottom a:focus{
    text-decoration:underline;
}

/*-------------------------------------------------------------------------------------------------------
                                                                                            FOOTER
-------------------------------------------------------------------------------------------------------*/
#footer {
    
    float:left;
    text-align: left;
    font-size: 9.4px;
    color: #fff;
    vertical-align:middle;
    padding: 0 0 20px 0;

}
#footer a, #footer a:visited{
    color: #fff;
}
#footer a:hover, #footer a:focus{
    text-decoration:underline;
}
#footer img {
    display:inline;
    vertical-align:bottom;
}