/** 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}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}a:link,a:visited,a:hover{text-decoration:none}

body { background-color: #ffa900; color: #000; font: 10px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }

#header { width: 995px; height: 520px; border: solid #ffd480; border-width: 0 1px 1px; margin: 0 auto; position: relative; }
    /** Logo **/
    #header h1 { position: absolute; bottom: 30px; right: 20px; z-index: 10; }

    #calendar { position: absolute; bottom: 30px; color: #a24311; text-transform: uppercase; font-weight: bold; left: 25px; z-index: 10; }
    #date { width: 69px; height: 82px; margin: 0 0 0 25px;  background: url("../img/calendar.png") 0 0 no-repeat; }
        #date span { display: block; text-align: center; }
        #date .month { height: 16px; padding: 1px 0 0; }
        #date .day { font-size: 45px; line-height: .9em; margin: 2px 0 -2px; }
        #date .dayname { height: 16px; font-size: 9px; }
    #name-day { width: 120px; text-align: center; font-size: 11px; font-style: italic; }

    #flag { position: absolute; bottom: -30px; }

    #flowers { margin: 0 auto; width: 993px; position: relative; z-index: 1; }
        #flowers .next { display: none; }


#menu { width: 995px; margin: 0 auto; }
    #lang { float: left; overflow: hidden; height: 100%; margin: 10px 0 0; }
        #lang li { float: left; margin: 0 5px 0 0; }

    #nav { width: 800px; margin: 0 0 0 122px; overflow: hidden; height: 100%; border-left: 1px solid #ffd480; }
        #nav li { float: left; border-right: 1px solid #ffd480; font-size: 15px; padding: .3em .9em .3em .8em; text-transform: lowercase; }
        #nav li.active { background: #5eb43b url("../img/menu-active.png") 0 0 repeat-x; }
        #nav li.active a { color: #FFF !important; }
        #nav li a:link, #nav li a:visited { color: #ffedca; font-weight: bold; }
        #nav li a:hover { color: #FFF; }

#content { width: 840px; margin:0 auto 4em; height: 100%; position: relative; }
    /* clearfix */
    #content:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
    
    #content h1 { display: none; }
    #content .fn, #content .type { display: none;  }

    #next, #prev { float: left; margin: 200px 0 0; }
    #prev { margin-right: 18px; }
    #next { margin-left: 18px; }
    
    .rzetelna-firma { position: absolute; left: -79px; top: 0; }

    #panels { float: left; width: 750px; }
    .js #panels { width: 5250px; }
    .js #slider { float: left; width: 750px; overflow: hidden; }
    #panels li { background-color: #FFF; width: 750px; height: 610px; display: block; }
    .js #panels li { float: left; }
    #panels li .panel-wrapper { height: 610px; }
    #panels li img { display: block; }
    #panels h2 { font-size: 18px; color: #009036; font-weight: bold; padding: .5em 0 .2em; }
    #panels h3 { color: #009036; font-weight: bold; }
        #panels h2 span { white-space: nowrap;  }
    #panels p { font-size: 14px; color: #4d4d4d; margin: 0 0 .35em; }

        #about { padding: 0 0 0 274px; background: url("../img/about.jpg") 0 0 no-repeat; }
        #history { padding: 0 0 0 274px; background: url("../img/history.jpg") 0 0 no-repeat; }
            #history ol { padding: .5em 0 0 ; }
            #history li { float: none !important; width: 475px; height: auto; display: block !important; font-size: 14px; color: #4d4d4d; margin: .5em 0; }
            #history em { font-size: 18px; color: #009036; font-weight: bold; }
        #sales { padding: 0 0 0 384px; background: url("../img/sales.jpg") 0 0 no-repeat; }
            #sales li {  width: 340px; height: auto; display: block !important; font-size: 14px; color: #4d4d4d; margin: .1em 0; padding: 0 0 0 12px; background: url("../img/list-pointer.png") 0 .4em no-repeat;  }
        #arrangement { padding: 5px 0 0 370px; height: 550px; background: url("../img/arrangement.jpg") 20px 35px no-repeat; }
            #arrangement h2 { padding: .5em 0 .1em; line-height: 1em; }
        #leasing { padding: 5px 0 0 270px; height: 570px; background: url("../img/leasing.jpg") 20px 100% no-repeat; }
        #shops { background: url("../img/shops.jpg") 15px 15px no-repeat; overflow: hidden; height: 100%; }
            .content { float: right; width: 250px; }
            .address { float: left; margin: 310px 0 0 15px; padding: 0 0 160px; width: 225px; }
                .address h2 { padding: .2em 0; }
                .address p { margin: .1em 0 0 !important; font-size: 13px !important; }
                #warsaw { background: url("../img/shops-map-1.png") 0 100% no-repeat; }
                #skierniewice { background: url("../img/shops-map-2.png") 0 100% no-repeat; }
        #contact { padding: 10px; height: 500px; }

#announcement { font-size: 1.6em; }
    #announcement h2 { font-weight: bold; text-align: center; margin: 1em 0; }
    #announcement ul { margin: 0 1em 1em; }
    #announcement a:link, #announcement a:visited { color:  #5eb43b; }
    #announcement a:hover { color: #46852c; }