* { margin: 0; padding: 0; }
body { background: #fff url("images/bg_fade.jpg") 0 1px repeat-x; text-align: center; font: 70% Arial, Helvetica, sans-serif; outline: 0; }
h1 { font: 190% Arial, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -0.03em; color: #222; margin: 15px 0 15px 0; padding: 0; }
h2 { font-size: 190%; color: #666; margin: 10px 0 10px 0; padding: 0; font-weight: normal; }
h3 { font-size: 180%; color: #666; margin: 10px 0 10px 0; padding: 0; font-weight: normal; }
h4 { font-size: 170%; color: #666; margin: 10px 0 10px 0; padding: 0; font-weight: normal; }
h5 { font-size: 160%; color: #666; margin: 10px 0 10px 0; padding: 0; font-weight: normal; }
h6 { font-size: 130%; color: #666; margin: 10px 0 10px 0; padding: 0; font-weight: bold; }
p { color: #333; line-height: 1.6em; margin: 0 0 15px 0; padding: 0; }
p strong { color: #222; }
a { outline: 0; text-decoration: none; color: #245F97; }
a:hover, a:focus { outline: 0; text-decoration:underline; }
img { border: 0; }
img, img:focus, img:hover { outline: 0; }


#container { width: 875px; text-align: left; padding: 0 0 50px 0; margin: 0 auto 0 auto; background: transparent; overflow: hidden; }

#header { position: relative; float: left; clear: both; width: 875px; height: 85px; padding: 0; margin: 0; background: transparent; }
#header h1 { float: left; clear: none; margin: 0; padding: 27px 0 0 15px; }
#header h1 a { display: block; width: 239px; height: 29px; background: transparent; margin: 0; padding: 0; }
#header h1 a img { border: 0; }
#logo_note { float: left; clear: left; margin: 0; padding: 2px 0 0 15px; color: #999; font-weight: bold; line-height: normal; }
#flag {position: absolute; right: 10px; top: 20px;}

#menu { float: left; clear: both; width: 865px; padding: 0 5px 5px 5px; margin: 0 0 10px 0; background: #252525 url("images/bg_menu.jpg") 0 0 repeat-x;  }
#menu ul { float: left; clear: both; width: 865px; list-style: none; margin: 0; padding: 0; }
#menu ul li { width: 123px; float: left; text-align: center; margin: 5px 0 0 0; padding: 0; background: transparent; }
#menu ul li a { display: block; width: 103px; color: #fff; margin: 0; padding: 10px 5px 10px 5px; background: transparent; }
#menu ul li a:hover { width: 103px; background-color: #575757; text-decoration: none; }
#menu ul li a.active { background-color: #575757; text-decoration: none; }
#menu ul li a strong { display: block; font: 140% Helvetica, Arial, sans-serif; font-weight: bold; }
#menu ul li a span { display: block; clear: both; }

#left { float: left; width: 182px; padding: 0; margin: 0 10px 10px 0; background: #fff; }

#picture { float: left; width: 170px; padding: 5px; margin: 0 0 10px 0; overflow: hidden; background: #323232;}
#picture_text { float: left; clear: both; width: 160px; padding: 5px; background: #4c4c4c; }
#picture_text p { color: #fff; line-height: normal; margin: 0; padding: 0; }
#picture_text p strong { color: #ccc; }


#left_box { float: left; clear: both; width: 180px; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #ccc;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;  border-bottom: 5px solid #ccc; background-color: #E2E2E2; }
#left_box h3 { font: 160% Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: normal; }
#left_box h3 a { display: block; width: 170px; margin: 0; padding: 6px 0 0 15px; color: #666; }
#left_box h3 a:hover { text-decoration: none; color: #245F97; }
#left_box p { margin: 0; padding: 0; line-height: normal; color: #888; }
#left_box p a { display: block; width: 170px; margin: -2px 0 0 0; padding: 0 0 5px 15px; color: #888; }
#left_box p a:hover { text-decoration: none; }


#right_panel { float: right; width: 220px; background: #fff; margin: 20px 0 10px 10px; padding: 0; }
#right_panel h2 { margin: 0; padding: 0 0 10px 0; font-size: 140%; font-weight: bold; }
#right_panel li b { font-size: 140%; font-weight: bold; }

.right_box { float: left; width: 190px; border: 1px solid #ccc; margin: 0 0 5px 0; padding: 10px 10px 5px 10px; background: #e7e7e7; }
.right_box p { font-size: 100%; margin: 0; padding: 0; color: #666; }
.right_box h3 { font-size: 100%; font-weight: bold; margin: 0; padding: 0; }

#right { float: left; width: 668px; padding: 5px 0 0 10px; margin: 0;
background: #fff url("images/bg_right.jpg") 0 -3px repeat-x; }
#right p { font-size: 110%; }
#right li { font-size: 110%; }

#bottom { width: 668px; float: left; clear: both; margin: 0; padding: 0; background: #fff;}
.bottom { width: 205px; float: left; background: #fff; margin: 0 10px 10px 0; padding: 0; }
.bottom h2 { margin: 0; padding: 0; }
.bottom h2 a { display: block; margin: 0; padding: 5px 0 2px 0; color: #666; }
.bottom a:hover { text-decoration: none; }
.bottom.end { margin: 0 0 10px 0; }

.footer_links { float: left; clear: none; list-style: none; margin: 0; padding: 0 10px 0 10px; }
.footer_links li { float: left; border-right: 1px solid #999; padding: 0; margin: 0; }
.footer_links li a { display: block; margin: 0; padding: 0 8px 0 8px; font-weight: bold;  }
.footer_links li.end { border: 0; }

#footer { float: left; clear: both; width: 855px; padding: 10px 10px 8px 10px; margin: 0; background: #E7E7E7 url("images/bg_footer.jpg") 0 0 repeat-x; }
#footer p { float: left; font-weight: bold; margin: -1px 0 0 0; padding: 0; color: #666; }
#footer li { background: transparent; }

#adres { float: left; clear: both; width: 210px; min-height: 160px; background: #fff url("images/bg_adres.jpg") 0 26px no-repeat; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#adres p { font-size: 110%!important; margin: 0; padding: 5px 10px; line-height: normal; color: #666; }



/****************************************tabelka*********************************/
.table_cennik{
        border: 1px solid #DCDCDC;
        width: 350px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
}

.kom_darkgray{
        
        background-color: #DCDCDC;
        padding: 2px;
}
.kom_lightgray{
        background-color: #EEEEEE;
        padding: 2px;
}

/**************************************inne*****************************************************************************************/

a.gray { outline: 0; text-decoration: none; color: #666666; }
a.gray:hover { outline: 0; text-decoration: none; color: #245F97; }

a.black { outline: 0; text-decoration: none; color: #000000; }
a.black:hover { outline: 0; text-decoration: none; color: #245F97; }

/************************************** formularz - wycena***************************************************************************/

#wycena{
        width: 400px;
        border-style: double;
        border-color: Silver;
        border-width: 1px;
        padding: 15px;
        font-size: 12px;
        line-height: 160%;
        background-color: #EFEFEF;
}

.okienko{ border-style: solid; border-color: Silver; border-width: 1px; padding: 2px; background-color: White; height: 20px; font-size: 8pt; }

.uwagi{ border-style: solid; border-color: Silver; border-width: 1px; padding: 6px; background-color: White; }