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

body {
color:#3F3F3F;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
text-align:center;
background: #97a2ac url(../images/shared/bg.gif) repeat-x;
padding: 0;
margin: 0;
}

.czysc_lewo{clear:left;overflow:hidden;font-size:1px;}
.czysc_prawo{clear:right;overflow:hidden;font-size:1px;}
.czysc_obie{clear:both;overflow:hidden;font-size:1px;}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color: #005E7F;
text-decoration: none;
}

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

.font11 {font-size: 11px;}

.font14 {font-size: 14px;}

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

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

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

#container {
display: block;
position: relative;
margin: 0 auto;
float: none;
width: 1012px;
min-height: 640px;
overflow: auto;
padding: 14px 0;
overflow: hidden;
}

.pad-r {
margin: 0 16px 10px 0;
}

.pad-l {
margin: 0 0 10px 16px;
}

.clear {
display: block;
float: none;
clear: both;
width: 100%;
min-height: 10px;
overflow: visible;
}

.no-pad {
margin: 0 !important;
}

/*==================================================
HEADER
==================================================*/

h1 {
display: block;
float: left;
width: 197px;
height: 98px;
padding: 0;
margin: 0;
}

#photo {
display: block;
position: absolute;
top: 112px;
left: 0px;
width: 197px;
height: 269px;
padding: 0;
margin: 0;
_position: relative;
_width: 0;
_height: 0;
_top: 0px;
_left: -98px;
}

#photo img {
_position: absolute;
_z-index: 100;
}

#flash {
display: block;
float: right;
width: 815px;
height: 194px;
padding: 0;
margin: 0;
background: #414f5a url(../images/shared/flash.jpg) no-repeat;
}

#menu {
display: block;
float: right;
width: 810px;
height: 38px;
padding: 0 0 0 5px;
margin: 0;
list-style: none;
background: url(../images/shared/bg_menu.gif) repeat-x;
line-height: 0;
font-size: 0px;
}

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

/*==================================================
CONTENT
==================================================*/
#content {
display: block;
float: left;
width: 1012px;
min-height: 200px;
_height: 200px;
overflow: visible;
background: #fff url(../images/shared/bg_content.gif) no-repeat 0px 0px;
padding: 0;
margin: 0;
}

h2 {
font-size: 20px;
margin: 0;
padding: 3px 0 18px 18px;
background: url(../images/shared/h2_p.gif) no-repeat 0px 0px;
}

h2.special, #promo h2, #new h2, #block_r h2 {
background: url(../images/shared/h2_p_special.gif) no-repeat 0px 0px;
}

span.footer {
	font-size: 11px;
}

h2.lng {
background: url(../images/shared/h2_p_long.gif) no-repeat 0px 0px;
}

#block_l h2 {
font-size: 18px;
padding: 4px 0 18px 28px;
background: url(../images/shared/h2_l.gif) no-repeat 0px 0px;
}

#block_l {
display: inline;
position: relative;
margin: 135px -1px 0 0;
float: left;
width: 236px;
min-height: 5px;
_height: 5px;
padding: 0;
overflow: visible;
background: #f6f6f6 url(../images/shared/bg_block_l.gif) repeat-y;
text-align: left;
}

#block_l a {
font-size: 11px;
}

#block_l div, #block_l p {
padding: 10px 24px 14px 24px;
margin: 0;
float: left;
clear: both;
}

#block_l ul {
display: block;
float: left;
min-height: 10px;
overflow: visible;
padding: 0 24px 24px 24px;
margin: 0;
list-style: none;
clear: both;
}

#block_l ul li {
padding: 0 0 1px 0;
float: left;
margin: 0;
}

#block_l li a {
display: block;
float: left;
width: 170px;
height: 30px;
line-height: 30px;
padding: 0 0 0 14px;
font-size: 12px;
background: #dedede;
border-left: 4px solid #596976;
color: #35414c;
}

#block_l li a:hover {
background: #dedede;
border-left: 4px solid #596976;
color: #1277d2;
text-decoration: none;
background: #ffffff;
border-left: 4px solid #1277d2;
}

#block_l hr {
display: block;
color: #eeeeee;
background: #eeeeee;
height: 1px;
border: 0;
width: 236px;
clear: both;
float: none;
margin: 10px 0;
padding: 0;
}

.block_l_bt {
display: block;
float: left;
width: 236px;
height: 6px;
padding: 0 !important;
margin: 0;
font-size: 0px;
background: #f6f6f6 url(../images/shared/bg_block_l_bt.gif) no-repeat;
}

#block_r {
display: block;
float: left;
width: 729px;
min-height: 200px;
_height: 200px;
padding: 30px 24px 16px 24px;
_padding: 30px 0px 16px 24px;
overflow: visible;
background: url(../images/shared/bg_block_r.gif) no-repeat 0px -6px;
text-align: left;
}

#block_r p {
padding: 8px 0;
margin: 0;
}

#block_r hr {
display: block;
color: #eeeeee;
background: #eeeeee;
height: 1px;
border: 0;
width: 729px;
clear: both;
float: none;
margin: 20px 0;
padding: 0;
}

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

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

#promo, #new {
display: block;
float: left;
width: 346px;
min-height: 100px;
overflow: visible;
padding-bottom: 20px;
}

#new {
width: 326px;
padding-left: 20px;
position: relative;
text-align: center;
}

#new h2 {
	text-align: left;
}

#new img {
	margin-top: 50px;
}

#new div {
display: block;
position: absolute;
top: 270px;
right: 0px;
width: 156px;
height: 42px;
background: url('../images/shared/juz-wkrotce.gif') no-repeat;
}

#new div a {
color: white !important;
}

#promo ul {
display: block;
width: 334px;
min-height: 100px;
padding: 8px 0 0 0;
margin: 0;
overflow: visible;
background: url(../images/index/bg_promo.gif) 0px 0px no-repeat;
}

#promo ul li {
display: block;
list-style: none;
width: 300px;
padding: 8px 17px;
min-height: 20px;
overflow: visible;
background: url(../images/index/li-hr.gif) 17px bottom no-repeat;
}

li.ul-bt {
background: url(../images/index/bg_promo-bt.gif) left bottom no-repeat !important;
padding-bottom: 16px !important;
}

#promo ul a {
font-size: 11px;
display: inline;
float: right;
_position: relative;
_margin-top: -15px;
}

div.break {
display: block;
position: relative;
width: 777px;
height: 20px;
clear: both;
margin-left: -24px;
padding-bottom: 16px;
background: url(../images/shared/bg_block_r.gif) no-repeat 0px 0px;
}

.news1, .news2, .news3 {
display: block;
float: left;
width: 180px;
font-size: 11px;
padding: 6px 20px 6px 0;
/*background: url(../images/shared/v-line.gif) no-repeat top right;*/
}

.news1 {
	border-right: 1px dashed #ddd;
}

.news2 {
padding: 6px 20px;
}

.news3 {
padding: 6px 0 6px 20px;
background: none;
}

h3, .news1 h3, .news2 h3, .news3 h3 {
font-size: 12px;
font-weight: bold;
padding:0;
margin:0;
}

.date {
display: block;
font-size: 11px;
padding: 3px 0;
margin:0;
color: #b6b6b6;
}

.news1 a, .news2 a, .news3 a {
clear: both;
}

.img {
display: block;
padding: 4px;
border: 1px solid #eeeeee;
background: #f6f6f6;
}

.dojazd {
display: block;
float: right;
margin: -120px 200px 0 0;
position: relative;
text-align: center;
}

.program {
display: block;
float: left;
width: 121px;
height: 70px;
padding: 0 0 30px 0;
}

.program img {
display: block;
clear: both;
margin-top: 4px;
border: 1px solid #cccccc;
}

/*==================================================
FOOTER
==================================================*/
#footer {
display: block;
float: left;
clear: both;
padding: 24px 24px 0 24px;
width: 964px;
line-height: 20px;
margin: 0;
font-size: 11px;
background: url(../images/shared/bg_footer.gif) no-repeat 0px 0px;
color: #fefefe;
}

#footer a.mail-encode-text {
color: #fefefe;
}

#footer a:hover.mail-encode-text {
color: #f00;
text-decoration: none;
}

#footer a {
color: #3c4955;
}

#footer a:hover {
color: #f00;
text-decoration: none;
}


/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/
.form {
border:solid 1px #eeeeee;  
font-family: Arial; 
background:#f9f9f9;
}

.form2 {
border:solid 0px #FFFFFF; 
}

SELECT.form {
background:#ffffff;
}

TEXTAREA.form {
border:solid 1px #eeeeee; 
font-family: Arial; 
background:#f9f9f9;
}

.submit {
display: block;
width: 120px;
height: 30px;
border:solid 1px #074a85;  
font-family: Arial;
background: #0f5899;
color:#ffffff;
cursor: pointer;
}

.row {
padding-top: 6px;
overflow:hidden;
}

/*==================================================
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;
}