/****************/

.main { width: 1000px; text-align: left; margin: auto; }
html>/**/body .main { margin-top: -10px; }


/****************/

.header       { background: url(tlo-header.jpg)/*tpa=http://www.cierpiktransport.pl/images/tlo-header.jpg*/ no-repeat; height: 124px; }
.header-inner { padding: 30px 20px 0 30px;  }

.logo { position: relative; z-index: 10; width: 230px; }

.menu           { position: absolute; z-index: 111; font: bold 15px Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: -6px; width: 955px; }
html>/**/body .menu { padding-top: 4px; }
.menu li        { margin-right: 20px; border-left: 1px solid #638ab0; padding: 0 0 0 5px; height: 30px; }
.menu li.fz     { float: right; margin-right: 0; }
.menu a         { color: #fff; text-decoration: none; }
.menu .fz a     { color: #cfdbe7; }
.menu a:hover   { color: #fd0; }
.menu a.s       { color: #fd0; }

.menu-top         { position: absolute; padding-top: 10px; width: 950px; z-index: 5; }
.menu-top ul      { float: right; }
.menu-top li      { margin-left: 5px; }
.menu-top li.ods  { color: #87a5c3; margin: 0 5px 0 10px; }
.menu-top a       { color: #fd0; text-decoration: none; }
.menu-top a:hover { text-decoration: underline; }
.menu-top img     { vertical-align: middle; }

/****************/

.zdjecie           { background: url(tlo-foto.gif)/*tpa=http://www.cierpiktransport.pl/images/tlo-foto.gif*/ bottom no-repeat; }
.start             { height: 274px; }
.start .haslo1     { margin-top: 198px; }
.start .haslo2     { margin-top: 198px; }
.haslo1            { position: absolute; width: 970px; text-align: right; filter: alpha(opacity=85); opacity:.85; }
.haslo1 h1         { font-size: 20px; font-weight: normal; margin: 0; padding: 0; }
.haslo2            { position: absolute; width: 970px; text-align: right; filter: alpha(opacity=20); opacity:.20; }
.haslo2 h1         { font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
.srodek-tlo        { position: absolute; margin-left: 20px; width: 960px; height: 25px; background: url(tlo-srodek-top.gif)/*tpa=http://www.cierpiktransport.pl/images/tlo-srodek-top.gif*/ no-repeat; }
.start .srodek-tlo { margin-top: 245px; }

/****************/

.srodek        { background: #fff url(tlo-srodek.gif)/*tpa=http://www.cierpiktransport.pl/images/tlo-srodek.gif*/ top no-repeat; width: 960px; margin: -4px 0 0 20px; }
.srodek-bottom { background: url(tlo-srodek-bottom.gif)/*tpa=http://www.cierpiktransport.pl/images/tlo-srodek-bottom.gif*/ bottom no-repeat; width: 960px; height: 2px; margin-left: 20px; clear: both; overflow: hidden; }

/****************/

.tytul      { margin: 20px 0 0 -10px; padding: 0; position: absolute; width: 400px; background: #e00; }
.tytul span { padding: 1px 13px 1px 30px; }

/****************/

.tresc        { padding: 50px 0 0 20px; width: 700px; min-height: 160px; }
* html .tresc { height: 210px; }
.tresc .inner { padding: 10px 0 20px 0; line-height: 15px; }

/****************/

.unia             { background: url(tlo-unia.png)/*tpa=http://www.cierpiktransport.pl/images/tlo-unia.png*/ no-repeat; width: 304px; height: 219px; float: right; margin: -32px 0 10px 25px; }
* html .unia      { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/tlo-unia.png'); }
.unia .unia-inner { padding: 7px 10px 0 17px; line-height: 15px; }
.unia h3          { font-size: 14px; font-weight: normal; }
.unia li          { color: #e00; }

/****************/

.panel        { position: absolute; width: 240px; margin: 17px 0 0 737px; }
html>/**/body { margin-top: 12px; }
.panel div    { margin-bottom: 15px; }

/****************/

.knkt              { clear: both; overflow: hidden; margin-bottom: 30px; }
.knkt .google-mapa { margin-left: 50px; }
* html .knkt .google-mapa { margin-bottom: 15px; }
.knkt h2           { color: #638ab0; font-weight: bold; margin: 0; padding: 0; }

/****************/

.clear { clear: both; overflow: hidden; }

/****************/

.footer           { background: #7b858f url(tlo-footer.gif)/*tpa=http://www.cierpiktransport.pl/images/tlo-footer.gif*/ repeat-x; height: 29px; margin: 15px 10px; clear: both; overflow: hidden; }
.footer .inner    { padding: 6px 20px 0 20px; color: #fff; }
.footer a         { color: #fd0; text-decoration: none; }
.footer a:hover   { text-decoration: underline; }
.footer ul li     { margin-right: 10px; }
.footer ul li.ods { color: #ddd; }
.footer .cti      { float: right; margin-top: 2px; }

/****************/

.body-popup          { background: #fff; }
.popup               { text-align: left; }
.popup .header       { background: none; clear: both; overflow: hidden; height: 70px; }
.popup .header .logo { margin: 20px 0; text-align: center; width: 100%; }

.f-big        { text-align: center; width: 100%; }
.f-big table  { text-align: center; }
.f-big td     { border: 1px solid #ccc; }
.f-big td img { border: 1px solid #ccc; cursor: pointer; }
.f-big .op    { text-align: center; color: #aaa; margin-top: 5px; }

.zamknij   { background: #036; width: 100%; padding: 5px 0; clear: both; overflow: hidden; }
.zamknij a { color: #fff; text-decoration: none; }

/****************/