/*==================================================
OGÓLNE
==================================================*/

body {
color: #3b3b3b;
font-family: Arial;
font-size: 12px;
text-align: center;
background: #6fceb4 url(../images/index/bg.jpg) repeat-x;
margin: 0;
padding: 0;
}

.container {
display: block;
width: 999px;
min-height: 200px; 
margin: 0 auto;
text-align: left;
}

img {
border: 0;
padding: 0;
margin: 0;
}

a {
color: #26715d;
text-decoration: underline;
}

a:hover {
color: #FF0000;
text-decoration: underline;
}

.font11 {font-size: 11px;}

.font14 {font-size: 14px;}

.clear {
display: block;
width: 100%;
clear: both;
float: none;
min-height: 10px;
overflow: visible;
}
.clering {
     display: block;
     width:0px;
     height:0px;
     clear: both;
     float: none;
     overflow: hidden;
     font-size:0;
     line-height: 0;
}

.center {
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
}

a.img img {
display: block;
padding: 3px;
border: 1px solid #e1e1e1;
}

a:hover.img img {
display: block;
padding: 2px;
border: 2px solid #28866c;
}

.left {
display: block;
float: left;
text-align: left;
}

.right {
display: block;
float: right;
text-align: left;
}

.pad-l {
margin-left: 20px;
}
.pad-l-s {
margin-left: 26px;
}

.pad-r {
margin-right: 20px;
}
.pad-r-s {
     margin-right: 26px;
}

h2 {
display: block;
position: relative;
color: #454545;
font-size: 24px;
margin: 0 0 0 -2px;
padding: 18px 0;
line-height: 26px;
}

h3 {
width: 100%;
clear: both;
color: #454545;
font-size: 16px;
margin: 0;
padding: 8px 0;
}

.list-vertical-styles {
     list-style-type: none;
     margin: 0px 0px 25px 3px;
     padding: 0px;
}
.list-vertical-styles li {
     padding-left: 10px;
     background: url(../images/shared/lists_bg.gif) left center no-repeat;
}
.list-decimal {
     list-style-type: decimal;
     padding-top: 0px;
}
.list-decimal li ul {
     list-style-type: disc;
     margin-top: 0px;
}

/*==================================================
HEADER
==================================================*/
h1 {
display: block;
float: left;
width: 222px;
height: 56px;
padding: 18px 0 23px 0;
margin: 0;
line-height: 0;
}

#phone {
display: block;
float: right;
width: 170px;
height: 22px;
padding: 28px 0 47px 607px;
background: url(../images/shared/bg-phone.gif) no-repeat 577px 25px;
color: #a2a2a2;
font-size: 16px;
}

#menu {
display: block;
float: left;
clear: both;
width: 651px;
height: 36px;
padding: 0 0 0 348px;
margin: 0;
list-style: none;
overflow: hidden;
}

#menu li {
display: inline;
float:left;
padding: 0;
margin: 0;
}

#flash {
display: block;
float: left;
clear: both;
width: 999px;
height: 270px;
background: url(../images/index/bg_header.jpg) no-repeat;
}

#header {
display: block;
float: left;
clear: both;
width: 999px;
height: 133px;
background: url(../images/shared/bg_header.jpg) no-repeat;
}

/*==================================================
CONTENT INDEX
==================================================*/
#content {
display: block;
float: left;
clear: both;
width: 997px;
min-height: 100px;
overflow: auto;
margin: 0 auto;
background: #ffffff;
border: 1px solid #4eb89c;
border-top: 0px;
line-height: 16px;
}

.bg { 
background: #fff url(../images/shared/left_box_bg.gif) repeat-x left top !important;
}

.dsc, .dsc_l {
display: block;
float: left;
width: 284px;
min-height: 114px;
font-size: 11px;
padding: 10px 24px 0 24px;
border-left: 1px solid #e1e1e1;
margin: 0 0 38px 0;
overflow: visible;
background: url(../images/shared/bg_h2.gif) no-repeat 0px 32px;
}

.dsc_l {
width: 283px;
border: 0px;
}

/*==================================================
CONTENT PAGE
==================================================*/

#block_l {
display: block;
position: relative;
float: left;
width: 281px;
min-height: 200px;
padding: 10px 24px 40px 24px;
overflow: auto;
overflow: visible;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

#block_r {
display: block;
position: relative;
float: left;
width: 615px;
min-height: 200px;
padding: 10px 24px 40px 24px;
overflow: auto;
background: #ffffff url(../images/shared/bg_block_r2.jpg) repeat-x left bottom;
overflow: visible;
border-left: 1px solid #e1e1e1;
margin: 1px 1px 1px 0px;
}

#block_r p {
padding: 0 0 14px 0;
margin: 0;
clear: both;
}

#block_r hr, #block_l hr {
display: block;
color: #e1e1e1;
background: #e1e1e1;
height: 1px;
border: 0;
width: 100%;
clear: both;
float: left;
margin: 20px 0 16px 0;
padding: 0;
}

#block_r h2, #block_l h2 {
position: relative;
margin-left: -24px;
padding-left: 24px;
padding-bottom: 0;
background: url(../images/shared/bg_h2.gif) no-repeat 0px 21px;
}

#page ul {
margin-top: 0;
padding-top: 0;
}

#page li {
padding: 0 6px 6px 12px;
background: url(../images/shared/arr.gif) 0 4px no-repeat;
list-style-type: none;
}

.kontakt1 {
width: 220px;
border-right: 1px solid #192c49;
}

.kontakt2 {
width: 220px;
padding-left: 40px;
}

.gallery {
display: block;
position: relative;
float: right;
width: 117px;
min-height: 200px;
margin-top: -60px;
}

.gallery img {
display: block;
padding: 2px;
border: 1px solid #748faa;
margin-bottom: 24px;
}

/*==================================================
FOOTER
==================================================*/
.contact {
display: block;
position: relative;
float: left;
width: 999px;
height: 42px;
list-style: none;
padding: 6px 0;
margin: 0;
font-size: 11px;
color: #206e59;
}

.contact li {
display: block;
float: left;
border-right: 1px solid #4eb89c;
padding: 8px 24px;
line-height: 14px;
}

.contact li a {
text-decoration: none;
}

.contact li a:hover {
color: #ffffff;
text-decoration: underline;
}

.no-bg {
background: none !important;
border: 0px !important;
}

.no-bg1 {
background: #ffffff;
border: 0px !important;
color: #000000;
}

.top {
display: block;
position: absolute;
float: left;
width: 40px;
height: 22px;
line-height: 22px !important;
text-align: center;
top: 18px;
right: 24px;
padding: 0px !important;
border: 0px !important;
}

.top a {
display: block;
float: left;
width: 40px;
height: 22px;
line-height: 22px;
text-align: center;
background: url(../images/shared/bg_top.gif) no-repeat;
padding: 0px;
}

.top a:hover {
background: url(../images/shared/bg_top1.gif) no-repeat;
}

.footer {
display: block;
float: left;
width: 975px;
height:49px;
line-height: 49px;
border-top: 1px solid #4eb89c;
padding: 0 0 0 24px;
font-size: 11px;
color: #206e59;
}

.created {
display: inline;
float: right;
padding: 0px;
margin: 5px 0px 0px 0px;
}


/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/
.submit {
display: block;
width: 120px;
height: 30px;
border:solid 1px #0C5F48;
font-family: Arial;
background: #349F81;
color:#ffffff;
cursor: pointer;
}

.row {
padding-bottom: 10px;
float: none;
clear: both;
}

.row .short_label {
     float:left;
     width:100px;
     font-size: 12px;
     color: #000;
}
.row medium_label {
     float:left;
     width:200px;
     font-size: 12px;
     color: #000;
}
.row label span, .row .red {
     color:#f00;
}
.row .input_txt {
     width:290px;
     font-size:11px;
     font-family: Tahoma;
     color:#666;
     line-height: 18px;
     padding: 2px 4px;
}
.row .input_txt:focus {
     border:2px solid #349F81;
     color:#333;
}
.row textarea {
     font-size:11px;
     font-family:Tahoma;
     color:#666;
     line-height: 18px;
     padding: 2px 4px;
}
.row textarea:focus {
     border:2px solid #349F81;
     color:#333;
}
/*==================================================
SIFR
==================================================*/
.sIFR-alternate {
display:none;
}

/*==================================================
search - umozliwia konfiguracje wygladu wyszukiwarki
==================================================*/
.search {
border:solid 1px #0c4986; 
background-color: #f0efda;
color:#0c4986;
}

/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {
color: #CCCCCC;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {
color: #FF0000;
}

.success {
}

/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {
color: #00722D;
height:20px;
}
.sitemap_li {
color: #00722D;
}



/*==================================================
PLUGIN GALERIA
==================================================*/
.GalleryImg{float:left;margin-right:25px;margin-bottom:25px;overflow:hidden;}
.GalButtonLeft{float:left;overflow:hidden;margin-bottom:10px;}
.GalButtonRight{float:right;overflow:hidden;margin-bottom:10px;}
a.GaleriaLink{color:#6e6e6e;}
a.GaleriaLink:hover{color:#a62108;}

.RamkaImgL
{
border-style:solid;
border-color:#C7C7C7;
border-width:1px;
padding:5px;
margin-left:45px;
margin-bottom:15px;
display:block;
float:left;
background-color:#D6D6D6;
margin-right:10px;
margin-bottom:10px;

}

.RamkaImg
{
border-style:solid;
border-color:#C7C7C7;
border-width:1px;
padding:5px;
margin-left:15px;
margin-bottom:15px;
display:block;
background-color:#D6D6D6;
}
#boxForSpecialHeader
{
     float:right;
     width: auto;
     text-align: right;
}
#boxForSpecialHeader ul
{
     padding: 0px;
     margin: 0px;
     list-style: none;
}
.links_specialheader
{
     float: right;
     text-decoration: underline;
     padding: 0px;
     margin: 2px 4px 2px 4px;
     list-style: none;
}
.leftside_searchmenu
{
      float:left;
      width:280px;
}
.divhr
{
      width:100%;
      height: 1px;
      background: #666;
      line-height: 0px;
      font-size: 0px;
      display: block;
      margin:5px;
}
.box_content
{
     float:left;
     width:600px;
     overflow:hidden;
     text-align:justify;
}