/*

---------------------------------------------

 Design & Code (c) Wild Moose Justyna Walczak

---------------------------------------------

*/



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



html { width: 100%; height: 100%; background: transparent url(img/bottom.jpg) bottom repeat-x;}



body { overflow: visible; font: normal 12px/1.5em Arial, Helvetica, "Helvetica Neue", sans-serif; background: #c6ebf4 url(img/bg.jpg) 0 0 repeat-x; color: #383838;}



.clear { clear: both; height: 1%;}

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clear {display: inline-block;}

/* Hides from IE-mac \*/

* html .clear {height: 1%;}

.clear {display: block;}

/* End hide from IE-mac */



/*

---------------------------------------------

 NAGLOWKI

---------------------------------------------

*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.8em;}



h1 { font-size: 20px; color: #d5234c;}

h1.promh {font-size: 24px} 

h1.promt {font-size: 20px}



h2 { font-size: 18px; color: #023f60;}



h3 { font-size: 16px; color: #9fc5cc;}



h4 { font-size: 14px;}



h5 { font-size: 12px;}



h6 { font-size: 10px;}



/*

---------------------------------------------

 AKAPITY LINKI

---------------------------------------------

*/

p { margin: 10px 20px; text-indent: 20px; text-align: justify; font-size: 12px; color: #383838; }



p a { }



p img, p a img { float: right; margin: 0px 20px;}



a, a:hover, a:visited { text-decoration: none;}



ul { margin: 0; padding: 0; }



ul li {	list-style-type: none;}



.auto { margin: 0 auto; text-align: center;}



/*

---------------------------------------------

 STRUKTURA

---------------------------------------------

*/

#kontener { width: 980px; height: 100%;	margin: 0 auto; background: #fff; border-left: 1px solid #AFBDC3; border-right: 1px solid #AFBDC3; }



#body { width: 940px; height: 100%;	margin: 0 auto; padding: 0 20px; background-color: #fff;}



#lewa { float: left; width: 630px; height: 100%;;}



#prawa { float: right; width: 300px; height: 100%; padding-bottom: 100px; background-color: #fbfefe;}



#tresc { margin: 20px auto; z-index: 1;}



#naglowek { width: 630px; height: 208px; background-color: transparent; background-position: 0% 0%; background-repeat: no-repeat; z-index: 1;}



.nindex { background-image: url(img/nindex.jpg);}

.ndanobat { background-image: url(img/ndanobat.jpg);}

.nloar { background-image: url(img/nloar.jpg);}

.ngamor { background-image: url(img/ngamor.jpg);}





#loga {width: 300px; height: 208px; background-color: transparent; background-position: 0% 0%; background-repeat: no-repeat; padding: 0; margin:0;}



.lpax { background-image: url(img/lpax.jpg);}

.ldanobat { background-image: url(img/ldanobat.jpg);}

.lloar { background-image: url(img/lloar.jpg);}

.lgamor { background-image: url(img/lgamor.jpg);}

.lgeka { background-image: url(img/lgeka.jpg);}

.lerlo { background-image: url(img/lerlo.jpg);}
.lelvac {background-image: url(img/lelvac.jpg);}

#belka-top  { width: 100%; height: 63px; position: relative; background: #fff/*#058cd6 url(img/belka-top.jpg) 0% 0% repeat-x*/;}



#belka-menu-top  { width: 100%; height: 40px; background: transparent url(img/belka-menu-top.jpg) 0% 0% repeat-x; text-align: left;}



#belka-menu  { width: 630px; height: 40px; background-color: #058cd6;}



#belka-loga  { width: 300px; height: 40px; background: #d9e8eb url(img/loga-s.jpg) 50% -5px no-repeat; text-align: center;}



#belka-loga  span { width: 300px; height: 40px;	color: #023f60; line-height: 40px;}



#stopka  { clear: both; width: 100%; height: auto;	padding: 1em 0; margin: 10px auto 30px; background-color: #f4f4f4; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}



#stopka  a, #stopka  a:hover, #stopka  a:visited { color: #7f7f7f;}



#stopka  span { margin-left: 30px; padding: 0px 0; text-align: left; font-size: 10px; line-height: 40px; color: #ababab;}



#stopka  span em { font-size: 6px;}



#stopka  span a { color: #ababab;}



#stopka  span a:hover { color: #06daff;}







/*

---------------------------------------------

 NAWIGACJA

---------------------------------------------

*/



#belka-top  ul { width: 100%; color: #064884; text-align: center;}



#belka-top  ul li { display: block; float: left; width: auto; padding: 0 5px; text-align: center;}



#belka-top  ul li img { margin: 5px 0;}



#belka-top  ul li.logo { width: 226px;}



#belka-top  ul li span { display: block; background-color: transparent; background-position: center; background-repeat: no-repeat; margin: 0 10px; padding: 10px 0;}



#belka-top  ul li span.mail { background-image: url(img/mail.gif);}



#belka-top  ul li span.tel { background-image: url(img/tel.gif);}



#belka-top  ul li span.ulica { background-image: url(img/ul.gif);}



#belka-top  ul li span.fax { background-image: url(img/fax.gif);}



#belka-top  ul li a { display: block; width: auto; font-size: 14px;  color: #064884;}



#belka-top  ul li a:hover { color: #06daff;}



#belka-top  ul li.sep { width: 2px; height: 52px; margin: auto 0px; background: transparent url(img/sep.gif) center no-repeat;}





#belka-menu-top  ul { width: 90%; height: 40px; margin-left: 20px; text-align: left;}



#belka-menu-top  ul li { display: block; float: left;	margin-left: 30px; width: auto;}



#belka-menu-top  ul li a  { font-size: 14px; line-height: 40px; color: #004d75;}



#belka-menu-top  ul li a:hover { color: #5e676c;}



#belka-menu-top  ul li a.on {	color: #675445;}





#belka-menu ul { width: auto; height: 100%; margin-left: 20px; text-align: center;}



#belka-menu ul li { display: block; float: left;	margin: 0 10px; text-align: center;}



#belka-menu ul li a  { width: auto; padding: 4px 10px; font-size: 16px; line-height: 40px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}



#belka-menu ul li a:hover, #belka-menu ul li a.on { background-color: #0a5ba7; color: #06daff;}







#prawa ul { width: 100%; height: 100%;}



#prawa ul li { width: 280px; margin-left: 10px; padding: 5px 0; text-align: left; border-bottom: 1px solid #d9e8eb; color: #023f60;}



#prawa ul li.bezborder { border: 0;}



#prawa ul li a  { font-size: 12px; /*line-height: 20px;*/ color: #023f60; padding-left: 15px; background: url(img/li.gif) 0 0 no-repeat;}



#prawa ul li a:hover { background: url(img/lih.gif) 0 0 no-repeat; color: #06daff;}



#prawa ul li ul { margin-left: 10px;}



#prawa ul li ul li { width: 250px; margin-left: -10px; padding-left: 15px; background-color: #fff; border: 0; border-bottom: 1px solid #d9e8eb;}



#prawa ul li ul li ul li { width: 250px; margin-left: -10px; padding-left: 15px; background-color: #fff; border: 0; border-bottom: 1px solid #d9e8eb;}



#prawa ul li a.on {	padding-left: 15px; color: #d5234c; background: url(img/lili.gif) 0 center no-repeat;}



#prawa ul .h { margin: 5px 0; padding-left: 20px; background-color: #cfe3e9;}



#prawa ul .h.hlink a { background: url(img/lili.gif) 0 center no-repeat; color: #d5234c;}



#prawa ul .h.hlink a:hover { background: url(img/hlink.gif) 0 0 no-repeat; color: #023f60;}



#prawa li p { color: #a0a0a0; margin: 0; padding-left: 15px; font-size: 12px; word-spacing: normal; text-indent: 0px; text-align: left;}



#prawa li em { font-style: normal; font-size: 8px; margin: 0 5px 0 0; padding:0;}



#prawa ul li.akc { width: 270px; padding: 5px 10px; background-color: #d5234c; color: #fff;}

#prawa ul li a.akc { color: #fff;}

#prawa ul li a.akc:hover, #prawa ul li a.akc.on { background: url(img/li.gif) 0 0 no-repeat; color: #fff; text-decoration: underline;}

/*

---------------------------------------------

 TABELE 

---------------------------------------------

*/





table { width: 620px;	text-align: center; margin: 0; font-size: 12px; background-color: #eef5f7; table-layout: auto; }



table tr, table tr.tytul { width: px; background-color: #eef5f7;}



tr.tytul td { width: auto; text-align: left; background-color: #f7f7f7; color: #ea5577;  font-size: 14px; font-weight: bold; padding: 10px; }



tr.nazwy th { width: auto; text-align: center; background-color: #fff; border: 1px solid #eef5f7;color: #ea5577;  font-size: 14px; font-weight: bold; padding: 10px; }



td.zbior { width: auto; text-align: center; background-color: #f7f7f7; color: #023f60; font-size: 13px; padding: 5px; }



tr.nazwatabela td { width: auto; text-align: left; background-color: #fff; padding: 10px 0; font-size: 20px; color: #023f60;}

tr.nazwatabela2 td { width: auto; text-align: center; background-color: #fff; padding: 10px 0; font-size: 14px; color: #023f60;}

td { padding: 5px; border: 1px solid #eef5f7; background-color: #fff; text-align: center; font-size: 11px;}



col#serv, col#jed { width: auto; color: #686b6c; font-weight: normal;}



col#serv { width: 15em; background-color: #eef5f7; color: #686b6c; text-align: left; font-size: 12px; }



col#jed { width: 7em; height: 5em; background-color: #cfe3e9; color: #50acdc; text-align: center;}



th { padding: 5px 10px; border: 1px solid #fff; color: #686b6c; font-weight: normal; text-align: left;}



#mala td { padding: 5px; width: 20%; text-align: center;}



#mala th { padding: 5px; width: 10%; text-align: center;}



#mala .tytul { font-size: 10px; font-weight: normal; background-color: #ffe8e8;}



table.erlo { border-collapse: collapse;}



table.erlo td { border: 1px solid #a9ccd6; border-collapse: collapse;}



table.erlo tr.nazwatabela td { border: 0;}



/*-----------------------*/

table#ddd tr.tytul td { padding: 10px; font-size: 14px;}

table#ddd td { padding: 3px; font-size: 11px;}

table#ddd th { padding: 0px 0px; font-size: 9px;}

/*-----------------------*/



/*-----------------------*/

table#dcppol tr.tytul td { padding: 10px; font-size: 14px;}

table#dcppol td { padding: 3px 0; font-size: 9px;}

table#dcppol th { width: 10px; padding: 5px 2px; font-size: 9px;}

/*-----------------------*/

/*

---------------------------------------------

 FOTO 

---------------------------------------------

*/



.foto { width: 90%; margin: 10px auto; background-color: #eef5f7;}



.foto img { margin: 10px 5px; padding: 2px; border: 1px solid #686b6c; background-color: #fff;}



.targi { width: 100%; margin: 10px auto; background-color: #fff;}



.targi img { margin: 10px 5px; padding: 2px; border: 1px solid #686b6c; background-color: #fff;}





/*

---------------------------------------------

 TRESC 

---------------------------------------------

*/

#tresc p strong a,

#belka-menu-top  ul li a.praca { color: #d5234c;}

#tresc p strong a:hover { text-decoration: underline;}

#belka-menu-top  ul li a.praca { font-weight: bold;}





#tresc ul li {	line-height: 200%; margin: 5px 15px; padding-left: 15px; background: url(img/listy.gif) 0 8px no-repeat;}



#tresc ul li a  { font-size: 12px; line-height: 20px; color: #023f60; padding-left: 5px;}



#tresc ul li a:hover { color: #06daff;}



#tresc img.rys { margin: 10px; float: right;}



.kontakttelefon { width: 500px; height: 80px; margin: 20px auto; padding: 0 0 0 100px; background: url(img/kontakttelefon.jpg) 0 0 no-repeat; border: 2px solid #87cadb;}



.kontakttelefon p { font-size: 12px; line-height: 20px; color: #023f60;}



.kontakttelefon p strong { font-size: 16px;}



#tresc em { margin: 10px 20px; display: block; }



strong { color: #023f60;}



a.lo_link img { /*float: none;*/ border: 0;}

a.lo_link  { width: 150px; height: 53px; margin: 0 10px 10px 0; display: block; float: left; border: 2px solid #f4f4f4;}

a.lo_link:hover  { border: 2px solid #8dccdd;}



a.lo_link_fn img { /*float: none;*/ border: 0;}

a.lo_link_fn  { width: 150px; height: 53px; margin: 0 10px 10px 0; display: block; float: right; border: 2px solid #f4f4f4;}

a.lo_link_fn:hover  { border: 2px solid #8dccdd;}



/*

---------------------------------------------

 BOKSY 

---------------------------------------------

*/



ul#boksy { /* width: 280px;  */margin: 0 auto; background-color: #fff;}

ul#boksy li { /* width: 280px; */ margin: 0;}

ul#boksy li a, ul#boksy li a:hover { width: 280px; display: block; background-color: transparent; background-position: center; background-repeat: no-repeat;}

ul#boksy li a.pokaz, ul#boksy li a.pokaz:hover { height: 300px; background-image: url(img/pokaz.jpg);}

ul#boksy li a.promo, ul#boksy li a.promo:hover { height: 350px; background-image: url(promo/promocje.jpg);}

/*ul#boksy li a.promo2, ul#boksy li a.promo2:hover { height: 350px; background-image: url(promo/promocje3.jpg);}*/



ul#boksy li a.zap, ul#boksy li a.zap:hover { height: 175px; background-image: url(img/pax.jpg);}

/*ul#boksy li a.zap, ul#boksy li a.zap:hover { height: 218px; background-image: url(img/zaproszenie.jpg);}*/



/*

---------------------------------------------

 DANE 

---------------------------------------------

*/



#dane  { width: 600px; margin: 10px auto 20px; padding: 10px 0; background-color: #0381cb; text-align: center;}

#dane h4 { color: #fff; font-size: 18px; line-height: 28px;}

#dane ul { display: block; margin-left: 15px; line-height: 18px; font-size: 14px; text-align: left;}

#dane ul li { float: left; display: block; width: 35%; background-image: none; color: #fff;}

#dane strong, #dane em {	display: block;	color: #02cde3; font-style: normal;}

#dane span, #dane em  {	font-weight: normal; font-size: 14px; color: #fff;}

#dane li a, #dane li a:visited { margin-left: -5px; font-weight: normal; font-size: 14px; color: #fff;}

#dane li a:hover { color: #02cde3;}

#dane ul li.sep { width: 2px; height: 64px; margin: auto 15px; background: transparent url(img/sep.gif) center no-repeat;}

#dane p  { text-indent: 0px; font-size: 14px; color: #fff; margin: 0 40%; width: 200px;}



/*

---------------------------------------------

 PROMOCJE 

---------------------------------------------

*/

.promo_pdf a,.promo_pdf img,.promo_pdf small { display: block; float: none;}

.promo_pdf { display: block; float: left; margin: 10px; padding: 5px 5px 1px 5px; background-color: #dcdcdc; border: 1px solid #b1b1b1;}

.promo_pdf a { margin: 5px auto; color: #5b5b5b; font-size: 11px;}

.promo_pdf a:hover { text-decoration: underline;}

/*

---------------------------------------------

 DO GÓRY 

---------------------------------------------

*/



#gora { width: 100%; margin: 5px 0; clear:both; border-top: 1px solid #d2ecf2; text-align: right;}

#gora a { display: block; font-size: 80%; padding: 0 20px; color: #1a4d73; }

#gora a:hover { background-color: #d2ecf2;}

#mapastrony, #mapastrony a { font-size: 9px; }



/*

---------------------------------------------

 FORMULARZ

---------------------------------------------

*/



form      { display: block; padding: 20px 20px 40px 20px; background-color: #d9e8eb;}



form input,

form textarea,

form label    { float: left; font-size: 11px;}

form input,

form textarea { width: 300px; margin-bottom: 5px; padding: 5px;}

form textarea { height: 80px;}

form label    { display: block; width: 120px; margin: 0 10px 0 0; padding: 6px 0 0 0; color: #404040; text-align: right;}

#tresc form em { display: inline; margin: 0 5px 0 0; padding: 0; color: red;}

form p        { clear: both;}

form .submit  { width: 100px; margin-left: 120px; padding: 5px; background-color: #404040; color: #fff; font-weight: bold; cursor: pointer;}



.dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px;}









.div_targi{width:580px;height:95px;padding:5px;border:1px solid #d8d8d8;margin-left:20px;}

.img_targi{width:125px;float:left;padding:3px;float:left;margin-left:30px;}

.span_container{float:left;text-align:right;width:380px;margin-left:20px;}

.span_top {margin-top:5px;}

.span_targi{margin:10px 10px 0 0;font-weight:bold;float:right;width:400px;}

.clear{clear:both;}

table#elvac tr td a.name_link {color:#ea5577;font-weight:bold}