@CHARSET "UTF-8";

body { font-size: 0.75em;background: #8f8c8c url('grafika/bodybg.png') repeat-x top left; padding: 0; margin: 0; font-family: Verdana, Arial, sans-serif;}
a img {border: 0;}

#top {width: auto; padding: 0 0 20px 0; margin: 0; overflow: hidden;}
#top {background: url('grafika/topbg.png') repeat-x bottom left;}
#top h1 {margin: 0; padding: 0; float:left; width: 210px;}
#top #flashMovie, #top img {float: right; margin-top: 0;}
#top #flashMovie { width: 380px; margin-top: 5px;}
#top div {margin: 0 auto; width: 700px;}

#mainmenu {width: 100%; background: #e8e8e8 url('grafika/menubg.png') repeat-x bottom left; padding-bottom: 14px; margin: 0; overflow: hidden;}
#mainmenu div {background: url('grafika/menubg-maz.png') no-repeat center center;}
#mainmenu ul {overflow: hidden; list-style-type: none; margin: 8px auto; width: 580px; padding:5px 0; padding-left: 20px; border-top: 1px solid #888; border-bottom: 1px solid #888;}
#mainmenu ul li {margin:0;float: left; width: 100px; margin-right: 10px;  padding: 0; text-align: center;border: 1px solid #a5a5a5; }
#mainmenu ul li a img {border: none; padding: 0; margin: 0; display: block; ;border: 0px solid black;}
#mainmenu ul li a {display: block; padding: 0; margin: 0;background: #706b6b; color: #fff; font-size: 120%; font-weight: bold; text-decoration: none;}
#mainmenu ul li a:hover {margin: 0; padding: 0;}
#mainmenu ul li a:hover {background: #bbb; background-position: 0 0;}
#mainmenu ul li a.selected {background: #ddd; color: #333;}

#content {width: 700px; margin: auto; background: #706b6b;padding: 5px 0 0 0; margin-bottom: 25px;}
#content * {color: #f1f1f1;}
#content h2,#content h3,#content h4, #content h5 {color: #f60; margin: 5px 40px;}
#content * {margin: 5px 40px;}
#content * * {margin: auto;}
#content a {color: #f60;}
#content a:hover { text-decoration: none;}
#content .art {padding: 0; margin: 0;}

#content h2 {margin: 4px 40px; font-size: 150%;}
#content p {margin: 15px 40px;}
#content h3 {margin-top: 8px; font-size: 120%; clear: both;}
#content h3.invite {text-align: center;}
#content h5 {text-align: center; font-size: 100%; font-weight: bold; color: #f1f1f1; margin: 45px auto;}

#content p.pasek img, 
#content p.pasek {margin: 0;}


#content form input, #content form textarea {color: #333}

#content hr {color: #706b6b; background-color: #706b6b; border: 0px; margin: 25px 0;}
#content .produkty {list-style-type:none; overflow: hidden; width: 530px; margin: auto; padding: 0;}
#content .produkty li {float: left; text-align: center; padding: 3px ; margin: 0; width: 160px; min-height: 240px; border: 0px solid red;}
#content .produkty li a img {border: 0;}
#content .produkty h3 {margin: 15px; text-align: center;}
#content .produkty h3 img {display: block; margin: 0 auto;}
#content .produkty li a {color: #f1f1f1; display: block;}
/*h2 {border-left: 6px solid #f1f1f1; padding-left: 6px;}*/

#content .oneprod {overflow:hidden; padding: 0; padding-top: 25px;}
#content .img {float: left; margin: 0; text-align: center; font-size: 120%;}
#content .opis {width: 460px; float: right; margin: 0; padding:0;}
#content .opis * {margin-left: 0; margin-right: 0;}

#content .art h2,
#content .oneprod h2 {border: 0;padding:0;}

#content .oneprod h2 {margin-bottom: 20px; text-align: center; width: 460px; float: right; margin: 0; }

#content .art p span {display: block; width: 300px; margin: auto; text-align: center; overflow: hidden; margin-bottom: 30px;}
#content .art p span.long {width: 500px;}
#content .art p span a.block {display: block; float: left;}

#content address {text-align: center;}

#content .art table {width: 90%; margin: 15px auto; border-spacing: 5px;}
#content .art table td {padding: 4px; text-align: center;}

#content .art ul {list-style-type: none; width: 690px; padding: 0;text-align: center; margin: 20px auto; overflow: hidden}
#content .art ul li {margin: 10px 5px 15px 5px; float: left; width: 220px;}
#content .art ul li a {display:block;text-decoration: none;}
#content .art ul li a strong {text-decoration: underline}
#content .art ul li a:hover strong {text-decoration: none}


#content #stopka {width:70%; margin: 0; padding: 10px; text-align: center; color: #ddd; font-size: 80%; margin: auto;margin-top: 45px;  border-top: 1px solid #aaa; clear: both;}
#content #stopka a {color: #eee}

#content .gal {list-style-type: none; margin: auto; width: 75%; overflow: hidden; padding: 15px 0;}
#content .gal li {float: left; margin: 5px;}