<!--
* { margin: 0; padding: 0; background-repeat: no-repeat;} html, body {margin: 0; padding: 0;}
body {background: #f3f9ff;}
ul {list-style-type: disc; font-family: Verdana, Arial; font-size: 12px; margin: 0 20% 0 10%; text-align: justify; line-height: 150%;}
p {font-size: 12px; font-family: Verdana, Arial; margin: 1% 8% 0 6%; text-align: justify; line-height: 140%;}

     div#main_central_box {position: relative; width: 960px; margin: 0 auto 0 auto; background: #d9e1ee;}

          div#top_box {position: relative; top: 0%; left: 0%; width: 100%; min-height: 260px; margin-top: 0px;}
               /*div#logo {position: relative; float: left; top: 0; left: 0; width: 132px; height: 179px; margin: 0 30px 0 40px; background-image: url(../img/logo.jpg); background-repeat: no-repeat;}*/
               div#logo {position: relative; float: left; top: 0; left: 0; width: 220px; height: 242px; margin: 0 0 0 0;}
               div#logo object {position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; width: 100%/*609px*/; height: 100%/*174px*/;}
               
               div#media_and_menu_white {position: relative; float: right; top: 0; width: 690px; height: 250px; margin: 0 50px 0 0; background: white;}
               div#media_and_menu_blue {position: relative; top: 0; width: 96.7%; height: 96%; margin: 0 auto auto auto; background: #748bc1;}
               div#media {position: relative; top: 0; width: 609px/*91.27%*/; height: 184px; margin: 0 auto auto auto; background: white;}
               div#media object {position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; width: 100%/*609px*/; height: 94.56%/*174px*/;}

               div#menu {position: absolute; bottom: 2px; width: 100%; height: 20%;}
               div#menu ul {position: relative; height: 0 auto; margin: -0.9% 0 0 4.4%; background-color: #cdcec8; list-style-type: none;}
               div#menu ul li {position: relative; float: left; width: 18%; height: 56px/*!px!*/; margin: 0; /*padding: 19px 0 0 0;*/ text-align: center; font-family: Tahoma, Arial; font-weight: bolder; font-size: 12px; line-height: 160%;}
               div#menu ul a:link {text-decoration: none; color: white;}
               div#menu ul a:visited {text-decoration: none; color: white;}
               div#menu ul a {display: block; height: 115%;}
               div#menu ul li:hover {border-bottom: #da251c 11px/*!px!*/ solid; background: #015198;}

/**/
          /*bardzo wazne miejsce patrz http://www.quirksmode.org/css/clearing.html oraz http://kurs.browsehappy.pl/CSS/Float*/
          div#central_box {position: relative; width: 100%; height: auto; overflow: hidden; padding: 0 0 0 0; margin: 0 0 0 0;}
               div#central_box_L {position: relative; float: left; top: 0%; left: 0%; width: 215px; min-height: 344px; background-color: grey/*#748bc1*/; border-top: white solid 10px; border-bottom: white solid 10px;}
               div#central_box_L object {position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; width: 215px; height: 344px/*174px*/;}
               
               div#central_box_R {position: relative; float: right; top: 0%; right: 0%; width: 745px; min-height: 475px; background-color: white;}
               /*div#central_box_R p span {font-weight: bolder; font-size: 30px;}*/
               div#central_box_R p:first-child {margin: 6% 8% 0 6%; line-height: 140%;}/*IE*/
               div#central_box_R p.bottom_P {margin-bottom: 3%;}


          div#bottom_box {position: absolute; width: 100%; height: 2%; bottom: 0; border-top: 1px #6a707e solid; /*min-height: 5px;*/}
               div#bottom_box ul {position: relative; height: 0 auto; margin: 0 0 0 25%; background-color: grey; list-style-type: none;}
               div#bottom_box ul li {position: relative; float: left; width: 10%; height: 100%/*!px!*/; margin: 0; /*padding: 19px 0 0 0;*/ text-align: center; font-family: Arial; font-weight: normal; font-size: 9px;}
               div#bottom_box ul a:link {text-decoration: none; color: #707070;}
               div#bottom_box ul a:visited {text-decoration: none; color: #707070;}
               
               div#bottom_box p {position: relative; float: right; width: 31%; height: 100%/*!px!*/; margin: 0; /*padding: 19px 0 0 0; text-align: center;*/ font-family: Arial; font-weight: normal; font-size: 9px;}
               
               /*div#menu ul ul {position: absolute; top: 15px; left: 4px; width: 100%; display: none;}
               div#menu li.menubox_sl:hover ul {display: block; background-color: yellow; list-style-type: none;}
               div#menu ul.menubox li li:hover {background-color: orange;}*/
-->