/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

04.03.2009
Kodowanie: Tomasz Piłat                   

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
* {
 margin: 0;
 padding: 0;
 border: 0;
}	

a {
 text-decoration: none;
 color: #272727;
 font-weight: bold;
}
a:hover {
 text-decoration: underline;
}
img, fieldset {
 border: none;
}
ul {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 1.3em;
 font-weight: bold;
}
body {
 padding: 0;
 background: url(../img/bg.jpg) -16px 0 no-repeat #FFF;
 color: #272727;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: x-small;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#wrapper
~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper {
 float: left;
 width: 957px;
 background: none;
 padding: 20px 0 0 48px;
 overflow: hidden;
 font-size: 110%;
}
#wrapper p {
 padding: 0 0 10px 0;
}
#wrapper img {
 float: left;
 margin: 0 10px 10px 0;
}
#wrapper strong {
 font-size: 1.0em;
 font-weight: bold;
}
#wrapper small {
 font-size: 1.0em;
 font-weight: normal;
 font-style: normal;
}
#wrapper em {
 font-size: 1.0em;
 font-style: italic;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#sidebar
~~~~~~~~~~~~~~~~~~~~~~~*/
#sidebar {
 float: left;
 width: 182px;
 margin: 0 85px 0 0;
 font-size: 108%;
 line-height: 1.5em;
}
#sidebar a {
 font-weight: normal;
}
#sidebar a:hover {
 text-decoration: none;
 border-bottom:1px solid #F05392;
 color: #14ACAC;
}
#sidebar h1 {
 display: block;
 height: 122px;
 padding: 0 0 30px 0;
}
#sidebar h1 a {
 display: block;
 width: 111px;
 height: 122px;
 background: url(../img/logo.jpg) 0 0 no-repeat;
}
#sidebar h1 a:hover { border: none; }
#sidebar h1 a span {
 display: none;
}
#sidebar h2 {
 font-size: 135%;
 font-weight: bold;
 font-family: Arial, Tahoma, sans-serif;
 line-height: 16px;
 padding: 0 0 10px 0;
}
#sidebar h2 span {
 display: none;
}
#sidebar h2.head_co_robimy {
 height: 16px;
 background: url(../img/h_co_robimy.gif) 0 0 no-repeat;
}
#sidebar h2.head_dolacz_do_nas {
 height: 16px;
 background: url(../img/h_dolacz_do_nas.gif) 0 0 no-repeat;
}
#sidebar ul {
 padding: 0 0 10px 0;
}
#sidebar ul li {
 padding: 0 0 7px 13px;
 background: url(../img/bullet11.gif) 0 6px no-repeat;
 overflow: hidden;
 zoom: 1;
}
#sidebar ul li.item1 {
 background-image: url(../img/bullet11.gif);
}
#sidebar ul li.item2 {
 background-image: url(../img/bullet12.gif);
}
#sidebar ul li.item3 {
 background-image: url(../img/bullet13.gif);
}
#sidebar ul li.item4 {
 background-image: url(../img/bullet14.gif);
}
#sidebar ul.cross_list li  {
 background: url(../img/bullet21.gif) 0 4px no-repeat;
}
#sidebar ul.cross_list li.item1 {
 background-image: url(../img/bullet21.gif);
}
#sidebar ul.cross_list li.item2 {
 background-image: url(../img/bullet22.gif);
}
#sidebar ul.cross_list li.item3 {
 background-image: url(../img/bullet23.gif);
}

/*~~~~~~~~~~~~~~~~~~~~~
=#main
~~~~~~~~~~~~~~~~~~~~~~~*/
#main {
 float: left;
 width: 690px;
 margin: 15px 0 0 0;
 color: #9ba5a5;
}
#container {
 float: left;
 width: 690px;
 height: 335px;
 overflow: hidden;
 line-height: 1.7em;
 padding: 0 0 64px 0;
}
ul#navi {
 float: left;
 width: 690px;
 clear: both;
 margin: 0 0 15px 0;
}
ul#navi li.prev {
 float: left;
 padding: 9px 0 0 50px;
}
ul#navi li.prev a {
 display: block;
 width: 31px;
 height: 30px;
 background: url(../img/prev_arrow.gif) 0 0 no-repeat;
}
ul#navi li.next {
 float: left;
 padding: 20px 0 0 9px;
}
ul#navi li.next a {
 display: block;
 width: 31px;
 height: 30px;
 background: url(../img/next_arrow.gif) 0 0 no-repeat;
}
ul#navi li a span {
 display: none;
}
div.info_box {
 float: left;
 padding: 0 20px 0 0;
 width: 196px;
 font-size: 105%;
 line-height: 1.5em;
}
#wrapper div.info_box p {
 padding-top: 30px;
}
#wrapper div.info_box img {
 margin: 0 5px 0 0;
}
div.info_box.first {
 padding: 0 35px 0 12px;
 width: 225px;
}
div.info_box.last {
 padding: 0;
}
#wrapper div.info_box.last p, #wrapper div.info_box.first p {
 padding-top: 22px;
}
#wrapper div.info_box.first a {
 color: #F05392;
}
#wrapper div.info_box a:hover {
 text-decoration: none;
 border-bottom:1px solid #F05392;
}
#wrapper div.info_box.first a:hover {
 border-bottom:1px solid #ADE02C;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#sub_col
~~~~~~~~~~~~~~~~~~~~~~~*/
#sub_col {
 float: left;
 width: 240px;
 margin: 45px 10px 0 0;
 overflow: hidden;
}
#sub_col h2 {
 font-weight: normal;
 font-size: 24px;
 padding: 0 0 10px 0;
 color: #272727;
 line-height: 1em;
 letter-spacing: 2px;
}
#sub_col h2 small {
 display: block;
 font-size: 12px;
 padding: 5px 0 0 0;
 letter-spacing: 0;
}
#sub_col h2 small a {
 color: #46c8c8;
 font-weight: normal;
}
#sub_col div {
 display: none;
}
#sub_col a:hover {
 text-decoration: none;
 border-bottom:1px solid #F05392;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#main_col
~~~~~~~~~~~~~~~~~~~~~~~*/
#main_col {
 float: right;
 width: 420px;
 overflow: hidden;
 padding: 0px 0 0 0;
}
#gallery {
 width: 100%;
 height: 330px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
.left {
 float: left;
}
.right{
 float: right;
}
img.left {
 float: left !important;
 margin: 0 0 10px 10px !important;
}
img.right {
 float: right !important;
 margin: 0 10px 10px 0 !important;
}
img.center {
 float: none !important;
 margin: 0 auto 10px auto !important;
 display: block;
}
div.center {
 float: none !important;
 margin: 0 auto !important;
 display: block;
}
div.center img {
 margin: 0 !important;
}
.aright {
 text-align: right;
}
.acenter {
 text-align: center;
}
div.hr_line {
 display: block;
 clear: both;
 height: 20px;
 margin: 0 auto;
 line-height: 0;
 font-size: 0;
 background: url(../img/dott.gif) -1px -1px repeat-x;
}