/* 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 0 0 0; padding:0 0 0 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%; }
/* style reset. */

div { overflow: hidden; }

body { background: url(images/body.jpg) repeat; font-family: Verdana; font-size: 12px; line-height: 22px; color: #003471; text-align:center;}
body a, body a:visited { text-decoration: none; color: #bd1320; font-weight: bold; }
body a:hover { text-decoration: underline; }
body a img { border: 0px; }

div#site { width: 980px; min-height: 429px; background: url(images/site.jpg) no-repeat; position: relative; padding-top: 275px; margin:0 auto; text-align:left;}

    div#flags { position: absolute; top: 9px; left: 737px; }
    div#flags img { float: left; margin: 0 22px 0 0; }
    
    div#topMenu { position: absolute; top: 55px; left: 60px; }
    div#topMenu ul {  }
    div#topMenu ul li { float: left; display: inline; height: 29px; margin: 0 6px 0 0; }
    div#topMenu ul li a, div#topMenu ul li a:visited { display: block; background: #467587; height: 26px; border: 1px solid #699e9a;
        padding: 0 8px 0 8px; font-family: Verdana; font-size: 19px; color: #ffff00; text-decoration: none; font-weight: bold;
        border-top: 0px;
    }
    div#topMenu ul li a:hover { background: #003471; height: 29px; border-bottom: 0px; }
    
    div#topMenu ul li a.active { background: #003471; height: 29px; border-bottom: 0px; }
    
        div#container { width: 980px; min-height: 399px; } 
    
    div#leftCont { width: 238px; padding: 149px 0 0 23px; float: left; }
        div#left {  width: 238px; min-height: 217px; background: url(images/left.jpg) repeat-y; }
            div#leftTop { width: 238px; min-height: 217px; background: url(images/leftTop.jpg) no-repeat top; }
            div#leftBottom { width: 218px; min-height: 197px; background: url(images/leftBottom.jpg) no-repeat left bottom;
                padding: 10px 10px 10px 10px; }
    
    div#contentCont { width: 507px; margin: 0 0 0 15px; float: left;  }    
        div#content { width: 507px; min-height: 399px; background: url(images/contentAuto.jpg) repeat-y; }
            div#contentTop { width: 507px; min-height: 399px; background: url(images/contentTop.jpg) no-repeat top; }
            div#contentBottom { width: 487px; min-height: 379px; background: url(images/contentBottom.jpg) no-repeat bottom; 
                padding: 10px 10px 10px 10px; text-align: justify; }
                
                div#contentBottom h1 { font-size: 17px; display: block; text-align: center; margin-bottom: 10px; }
                span#notVisible { height: 1px; overflow: hidden; visibility: hidden; display: block; }
                div#contentBottom ul { margin: 10px 0 10px 0; list-style: disc;}
                div#contentBottom ul li { margin: 0 0 0 30px; }
                
    div#rightCont { float: left; width: 179px; min-height: 399px; padding: 0px 7px 0 7px; }
    div#rightCont img { margin: 0 0 10px 0; }
        
    div#footer { width: 980px; height: 30px; clear: both; text-align: center; font-weight: bold; color: #003471; padding: 23px; }
    div#footer a, div#footer a:visited { color: #003471; text-decoration: none; }
    div#footer a:hover { text-decoration: underline; color: yellow; }
    div#footer span { margin: 0 10px 0 10px; color: yellow; }
    
    div#footer a#active { text-decoration: underline; color: yellow; }
    
    table#cennik { width: 100%; margin: 15px 0 15px 0; }
    .header {  background: #bd1320; color: yellow; height: 35px; font-weight: bold;  padding: 0 0 0 15px; }
    .value { color: #bd1320; padding: 0 0 0 15px;}
    .value2 { text-align: center; }
    .value2 img { border: 1px solid #bd1320; padding: 2px; }
    
    #hostel { border: 1px solid #bd1320; padding: 2px; margin: 0 auto; }