img { behavior: url("/css/png.htc") }

body {
    margin: 0; padding: 0;
    font-family: arial,sans-serif;
    background-color: #CCCCCC; color: #666666; font-size: 9pt;
    background-image: url(/files/site/patrono.gif);
}

h1,h2,h3 { margin: 0; padding: 0 }
h1 { font-size: 10pt }
h2 { font-size: 9pt }

td { font-size: 9pt; vertical-align: top }
td.title { font-size: 10pt; font-weight: bold }
td.header { font-size: 8pt }

a { text-decoration: underline; color: #7A2622	 ; }
a:hover { text-decoration: none }

#vertical_align_table {
    position: fixed; top: 0; left: 0;
    display: table;
    width: 100%; height: 100%;
}

#vertical_align_td {
    display: table-cell; vertical-align: middle;
}

#container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 800px; height: 600px;
    background-color: white;
    overflow: auto;
}

#logo_image { position: absolute; top: 30px; left: 30px; width: 235px; height: 49px; }
#wolk120_image { position: absolute; left: 368px; width: 432px; height: 120px; }
#wolk60_image { position: absolute; top: 120px; left: 735px; width: 65px; height: 60px; z-index: 1; }
#contact_image { position: absolute; top: 140px; width: 800px; height: 282px; }
#about_image { position: absolute; top: 140px; width: 652px; height: 441px; }

#search_form {
    position: absolute; top: 121px; left: 600px;
    margin: 0; padding: 0;
}
#search_form .input_text {
    width: 100px; height: 14px;
    font-size: 7pt;
    border: none;
    margin: 0; padding: 0;
}
#search_form .input_submit { vertical-align: middle; }

#menu_top {
    position: absolute; top: 120px;
    width: 800px; height: 20px;
     background-color: #666666; color: white;    font-size: 8pt; font-weight: bold;
    text-transform: uppercase;
}
#menu_top ul { list-style: none; margin: 0; padding: 4px 0 0 0; }
#menu_top li { display: inline; }
#menu_top a {
    margin: 0 15px; padding: 4px 15px 5px 15px;
    text-decoration: none;
    color: white;
}
#menu_top a:hover {  background-color: white; color: #666666; }

#menu_left {
    position: absolute; top: 140px;
    width: 150px; height: 460px;
     background-color: #FF00BA; color: white;    font-size: 8pt; font-weight: bold;
    text-transform: uppercase;
}
#menu_left ul { list-style: none; margin: 0; padding: 0; }
#menu_left li { margin-top: 20px; } 
#menu_left a {
    display: block;
    margin: 0; padding: 4px 0 4px 30px;
    text-decoration: none;
    color: white;
}
#menu_left a:hover {  background-color: white; color: #666666; }

#menu_contact {
    position: absolute; top: 422px;
    width: 800px; height: 20px;
        font-size: 9pt; font-weight: bold;
}
#menu_contact ul { list-style: none; margin: 0; padding: 4px 0 0 0; }
#menu_contact li { display: inline; margin: 0 15px; padding: 4px 15px 5px 15px; }

#contact_form {
    margin: 0; padding: 0;
}
#contact_form .input_text {
    width: 200px;
        border: none;
    margin: 0; padding: 0;
}
#contact_form .input_submit {  }

#image_content {
    width: 610px; height: 320px;
    text-align: center; display: table-cell; vertical-align: middle;
}

#footer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    width: 800px;
    font-size: 8pt;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#nav a { text-decoration: none; color: white; }
#nav a:hover { text-decoration: underline; }

hr { height: 1px; color: #cccccc; background-color: #cccccc; border: 0; }