/* ############ odniesienie do całej strony ############# */
html,body
{margin: 0; padding: 0; font: normal 13px Arial,Tahoma,Verdana,sans-serif; text-align: center; background: #000;}

/* ############ główne ciało dokumentu ############# */
div#strona
{margin: 0 auto; padding: 0; width: 1004px; text-align: center;}

div#cialo
{float: left; margin: 0 auto; padding: 0; width: 1004px; height: auto !important; height: 100%; min-height: 100%; background: #000 url('rys/tlo_strona.gif') repeat-y top center; text-align: center;}

div#top
{margin: 0 auto; padding: 0; width: 1004px; height: 440px; background: #000;}
div#top .lewa
{float: left; height: 440px; margin: 0 auto; padding: 0; width: 207px; background: url('rys/tlo_kamien_lewy.jpg') no-repeat bottom right;}
div#top .lewa img
{float: left; margin-top: 30px; margin-left: 25px; border: none;}
.lewa a, .lewa a:hover
{text-decoration: none; border: none;}
div#top .prawa
{float: left; height: 440px; margin: 0 auto; padding: 0; width: 207px; background: url('rys/tlo_kamien_prawy.jpg') no-repeat bottom left;}
div#top .prawa .lang_font
{margin-top: 32px; padding: 0; text-align: center; font: normal 10px Arial,Tahoma,Verdana; color: white;}
div#top .prawa .lang
{float: left; margin: 0; margin-left: 43px; padding: 0; border: none; text-align: center; font: normal 10px Arial,Tahoma,Verdana; color: white;}
div#top .prawa .lang img
{float: left; padding: 0; border: none; margin-bottom: 5px; margin-top: 5px;}
div#top .prawa .lang a
{clear: left; text-align: center; font: normal 10px Arial,Tahoma,Verdana; color: white; text-decoration: none;}

div .intro
{float: left; margin: 0; padding: 0; width: 750px; height: 100px; text-align: center; background: #000;}
div .start_intro
{float: left; margin: 80 127 20 127; padding: 0; width: 750px; height: 400px; text-align: center;}
div .intro_off
{margin: 20 auto 50 auto; padding: 0; width: 750px; height: 20px; text-align: right;}
div .intro_button .intro_lang
{float: left; width: 400px; margin: 0 auto 0 auto; padding: 0; text-align: left; font: normal 10px Arial,Tahoma,Verdana; color: white;}
div .intro_button .intro_lang img
{padding: 0; border: none; margin: 0;}
div .intro_button .intro_lang a, div .intro_button .intro_lang a:hover
{text-decoration: none; text-align: left; border: none; background: none; margin-left: 10px;}

div .digits
{ float: left; margin: 0;padding-top: 5; padding-bottom: 5; padding-left: 0; padding-right: 5; text-align: left; width: 200px; height: 20px;}
div .intro_button
{ float: right; margin: 0;padding-top: 5; padding-bottom: 5; padding-left: 5; padding-right: 0; text-align: right; height: 25px;}
div .intro_button a
{padding-top: 5; padding-bottom: 5; padding-left: 5; padding-right: 5; font: bold 11px Arial,Tahoma,Verdana; color: #fff; text-align: center; background: #a76516; margin-bottom: 10; text-decoration: none;}

div#top .centrum
{float: left; width: 590px; height: 440px; padding: 0; margin: 0 auto; background: url('rys/tlo_centrum_menu.gif') no-repeat bottom center;}
div#top .centrum .flash
{float: left; width: 565px; height: 170px; margin-top: 48; margin-left: 12; border: none;}
div#top .centrum .logo
{clear: left; float: left; width: 165px; height: 95px; margin-top: 27; margin-left: 13;}

/* ############ menu ############# */

div#top .centrum .menu
{float: right; width: 340px; height: 70px; margin-top: 40; margin-right: 12;}
div#top .centrum .menulewe
{float: left; width: 138px; height: 70px; margin: 0;}
div#top .centrum .menucentrum
{float: left; width: 138px; height: 70px; margin: 0;}
div#top .centrum .menuprawe
{float: left; width: 54px; height: 70px; margin: 0;}
div#top .centrum .menu ul
{margin: 0; padding: 0;}
div#top .centrum .menu ul li
{margin: 0; padding: 0; list-style: none; display: block;}
div#top .centrum .menu span
{margin: 0; padding: 0; display: none;}

/* ############ tytuł strony ############# */
div#top .centrum .title
{clear: both; float: left; width: 530px; height: 58px; margin-top: 39; margin-left: 30; text-align: left;}

div#info
{float: left; padding-bottom: 10; margin: 0 207; width: 590px; background: url('rys/tlo_info.gif') repeat-y top center;}

div#info .date
{float: right; padding-top: 3; margin-right: 30; width: 530px; font: normal 9px Arial,Tahoma,Verdana; color: #e9a758; text-align: right; text-decoration: none; border-top: 1px solid #ebebeb;}

div#info .graphic
{float: right; padding: 0; margin-right: 25; margin-top: 20; width: 155px; font: normal 9px Arial,Tahoma,Verdana; color: #595959; text-align: right; text-decoration: none;}
div#info .graphic2
{float: right; padding: 0; margin-right: 25; margin-top: 10; width: 155px; font: normal 9px Arial,Tahoma,Verdana; color: #a96617; text-align: center; text-decoration: none;}

div#info .graphic3
{float: left; padding: 0; margin: 0; font: normal 9px Arial,Tahoma,Verdana; color: #a96617; text-align: center; text-decoration: none;}
div#info .graphic4
{float: left; padding: 0; margin-left: 23; font: normal 9px Arial,Tahoma,Verdana; color: #a96617; text-align: center; text-decoration: none;}
div#info .graphic34
{float: left; padding: 0; margin-left: 30; font: normal 9px Arial,Tahoma,Verdana; color: #a96617; text-align: center; text-decoration: none;}

div#info .graphic5
{float: right; padding: 0; margin-right: 30; margin-top: 15;}

div#info .graphic a
{color: #595959; text-align: right; text-decoration: none; margin-right: 5px;}
 div#info .graphic a:hover, p.more a:hover, div#info .graphic4 a:hover, div#info .graphic3 a:hover, div#info .graphic2 a:hover, div#info .kontakt .maile a:hover, div#info .graphic34 a:hover
{text-decoration: underline;} 
div#info .graphic2 a, div#info .graphic3 a, div#info .graphic4 a, div#info .graphic34 a
{color: #a96617; text-align: center; text-decoration: none; border: none;}
div#info .graphic img, div#info .graphic2 img, div#info .graphic3 img, div#info .graphic4 img, div#info .graphic34 img
{border: none; margin-bottom: 5;}

div#info .foto
{float: left; width: 530px; height: 58px; margin-top: 28; margin-left: 30; text-align: left;}
div#info .fotki
{clear: both; width: 530; padding: 0; margin: 0 auto;}
div#info .mapa
{float: left; width: 530px; height: 35px; margin-top: 10; margin-bottom: 0; margin-left: 30; border-bottom: 1px solid #ebebeb; text-align: left;}
div#info .mapa_fast
{float: left; width: 535px; margin-top: 5; margin-left: 25;}
div#info .mapa_fast .lewa img
{border: none;}
div#info .mapa_fast .lewa
{float: left; width: 210px;}
div#info .mapa_fast .prawa
{float: right; width: 320px; height: 35px; margin-top: 5; border-bottom: 1px solid #ebebeb;}
div#info .mapa_fast .skroty
{float: right; width: 320px; margin-top: 45; font: bold 12px Arial,Tahoma,Verdana; color: #595959; text-align: right;}
div#info .mapa_fast .skroty a
{padding-top: 5; padding-bottom: 5; padding-left: 5; padding-right: 5; font: bold 11px Arial,Tahoma,Verdana; color: #fff; text-align: center; background: #a76516; margin-left: 20; margin-bottom: 10; text-decoration: none;}
div#info .mapa_fast .skroty a:hover
{text-decoration: none; background:#e9a758;}
div#info .kontakt
{float: left; padding: 0; width: 375px; margin-left: 30; font: bold 14px Arial,Tahoma,Verdana; color: #a76516; text-align: left;}
div#info .kontakt .adresy
{float: left; width: 200px; margin-top: 30; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-align: left;}
div#info .kontakt .adresy .tel
{margin-left: 10; font: bold 12px Arial,Tahoma,Verdana; color: #a76516; text-align: left;}
div#info .kontakt .maile
{float: left; width: 170px; margin-top: 30; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-align: left;}
div#info .kontakt .maile a
{margin-left: 10; font: bold 12px Arial,Tahoma,Verdana; color: #a76516; text-decoration: none;}
div#info .thanks
{clear: both; float: right; padding: 0; width: 530px; margin-right: 30; margin-top: 15; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-align: right;}

div#info .zapytanie
{float: left; padding: 0; width: 430px; margin-left: 30; margin-top: 15; font: normal 11px Arial,Tahoma,Verdana; color: #595959; text-align: left;}
div#info .pozycje
{clear: both; float: left; padding: 0; width: 85px; margin-left: 30; margin-right: 15; margin-bottom: 10; font: normal 11px Arial,Tahoma,Verdana; color: #a76516; text-align: right;}
div#info .pola
{float: left; padding: 0; width: 430px; margin: 0; font: normal 11px Arial,Tahoma,Verdana; color: #595959; text-align: left;}
div#info .pola .wyp
{float: left; padding: 0; width: 430px; margin-bottom: 10; font: normal 11px Arial,Tahoma,Verdana; color: #595959; text-align: left; border: 1px solid #a3a3a3;}

div#info .zatwierdzenie
{float: left; width: 530px; height: 58px; margin-top: 32; margin-left: 30; border-bottom: 1px solid #ebebeb;}
div#info .zatwierdzenie .zatw
{float: left; margin: 0;}
div#info .zatwierdzenie .guziki
{float: right; margin: 0;}
div#info .zatwierdzenie .guziki submit
{background: #a3a3a3;}

div#info .kamienie
{float: left; width: 580px; padding: 0; margin-left: 5; font: normal 11px Arial,Tahoma,Verdana; color: #a96617; text-align: center; text-decoration: none;}

div#info .kl
{float: left; width: 120px; margin-top: 10; margin-bottom: 10; margin-left: 20; text-align: center;}
div#info .kl img
{border: none; margin-bottom: 2;}

div#info .clear
{clear: both;}
div#info .clearnews
{clear: both; margin-bottom: 20px; padding: 0;}

div#info p.informacje
{float: left; width: 350px; margin: 12 10 20 30; padding: 0; text-align: justify; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-decoration: none;}
p.informacje2
{float: left; width: 350px; margin: 10 0 20 30; padding: 0; text-align: justify; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-decoration: none;}
p.informacje3
{float: left; width: 430px; margin: 0 0 20 0; padding: 0; text-align: justify; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-decoration: none;}
p.informacje4
{float: left; width: 530px; margin: 10 0 20 30; padding: 0; text-align: justify; font: normal 12px Arial,Tahoma,Verdana; color: #595959; text-decoration: none;}

p.informacje a, p.informacje a:hover
{text-align: left; font: bold 12px Arial,Tahoma,Verdana; color: #222d7f; text-decoration: underline;}

p.informacje4 a, p.informacje4 a:hover
{text-align: left; font: bold 12px Arial,Tahoma,Verdana; color: #595959; text-decoration: underline;}


p.more a
{float: left; width: 350px; margin: 0 10 0 30; padding: 0; text-align: right; font: bold italic 12px Tahoma,Verdana,Arial; color: #a96617; text-decoration: none;}


div .zoom
{
clear: left;
float: left;
width: 1004px;
height: 600px;
margin: 0 auto;
padding: 55 0 0 0;
text-align: center;
background: url('rys/tlo_nadstopka.gif') no-repeat top center;
}

/* ############ nadstopka strony ############# */
div#nadstopka
{clear: left; float: left; padding: 0; margin: 0 192; width: 620px; height: 55px; background: url('rys/tlo_nadstopka.gif') no-repeat top center;}
div#nadstopka2
{clear: left; float: left; padding: 0; margin: 0 192; width: 620px; height: 55px; background: url('rys/tlo_nadstopka2.gif') no-repeat top center;}

/* ############ stopka strony ############# */
div#stopka
{clear: left; float: left; padding: 0; margin: 0; width: 1004px; height: 130px; background: #a46316 url('rys/tlo_info.gif') repeat-y top center;}
div#stopka .lewa
{float: left; padding: 0; margin: 0; width: 207px; height: 130px; background: url('rys/tlo_stopka_lewa.gif') repeat-y top right;}
div#stopka .lewa .kontakty
{margin-top: 20; text-align: center; font: bold 11px Arial,Tahoma,Verdana; color: #e9a758;}
div#stopka .lewa .kontakty p.napisy
{text-align: center; font: normal 11px Arial,Tahoma,Verdana; color: #fff; margin-top: 10; padding: 0;}
div#stopka .centrum
{float: left; padding: 0; margin: 0; width: 590px; height: 130px;}
div#stopka .centrum_napisy
{float: left; margin: 0 20; padding: 0; width: 550px; height: 130px; background: url('rys/tlo_stopka_centrum.gif') repeat-x bottom center;}
div#stopka .centrum_napisy img
{float: left; margin: 0; padding: 0; border: none;}
div#stopka .centrum_napisy p.stopka_title
{float: right; margin: 0; width: 415px; text-align: right; font: bold 12px Arial,Tahoma,Verdana; color: #a3a3a3;}
div#stopka .centrum_napisy p.stopka_info
{float: right; padding: 0; margin: 10 0; width: 415px; text-align: right; font: normal 11px Arial,Tahoma,Verdana; color: #a3a3a3;}
div#stopka .centrum_napisy .copy
{float: left; padding: 0; margin-top: 12; width: 200px; text-align: left; font: normal 11px Arial,Tahoma,Verdana; color: #a3a3a3;}
div#stopka .centrum_napisy .design
{float: right; padding: 0; margin-top: 12; text-align: right; font: normal 11px Arial,Tahoma,Verdana; color: #a3a3a3;}
div#stopka .centrum_napisy .design a
{font: bold 11px Arial,Tahoma,Verdana; color: #d7831f; text-decoration: none;}
div#stopka .centrum_napisy .design a:hover, div#top .prawa .lang a:hover
{text-decoration: underline;}
div#stopka .prawa
{float: left; padding: 0; margin: 0; width: 207px; height: 130px; background: url('rys/tlo_stopka_prawa.gif') repeat-y top left;}
div#stopka .prawa img
{float: left; margin-top: 27px; margin-left: 30px; border: none;}