html {
    margin: 0;
    padding: 0;
    background: #9BB0C5 url(images/tlo-pasek.jpg) center top repeat-x;
}

body {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

div#container {
    width: 783px;
    margin: 0 auto;
    padding: 0;
    background: url(images/tlo-strona.jpg) center top repeat-y;
}

div#top { 
    width: 783px;
    height: 170px;
    margin: 0;
    padding: 0;
    background: url(images/tlo-top.jpg) center top no-repeat;  
} 

div#glowny {
    text-align: left;
    width: 783px;
    margin: 0 auto;
    padding: 0;
    background: url(images/tlo-glowny.jpg) 0 170px no-repeat;   
}
     
div#menu {
    width: 209px;
    float: left;
    padding: 0;
    margin: 0;
} 

/*----------MENU STRONY-------------------------------------------------- */

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a.current {
background: url(images/tlo-menu.gif) 0 -48px no-repeat;
color: #000;
padding: 6px 9px 6px 25px;
}

#navcontainer a, #navcontainer ul li h2 {
display: block;
width: 164px;
height: 12px;
color: #000;
text-decoration: none;
font: bold 12px Verdana, Arial, sans-serif;
background: url(images/tlo-menu.gif) no-repeat;
margin: 0 0 0 10px;
padding: 6px 9px 6px 25px;
}

#navcontainer a:hover, #navcontainer a.current:hover {
background: url(images/tlo-menu.gif) 0 -24px no-repeat;
color: #585860;
padding: 6px 9px 6px 25px;
}

#navcontainer li li a.current {
background: url(images/tlo-submenu.gif) 0 -48px no-repeat;     
padding: 6px 0px 6px 40px;
}

#navcontainer li li a {
display: block;
width: 158px;
height: 12px;
color: #000;
text-decoration: none;
font: normal 11px Verdana, Arial, sans-serif;
background: url(images/tlo-submenu.gif) no-repeat;     
padding: 6px 0px 6px 40px;
}

#navcontainer li li a:hover, #navcontainer li li a.current:hover {
color: #585860;
background:url(images/tlo-submenu.gif) 0 -24px no-repeat;
padding: 6px 0px 6px 40px;
}
 
/*---KONIEC MENU STRONY-------------------------------------------*/

/* TYTULY PODSTRON */

#firma span, #pcv span, #dywanowe span, #instalacje span, #konserwacja span, #wycieraczki span, #meble span, #r2010 span, #r2009 span, #r2008 span, #r2007 span, #r2006 span, #r2005 span, #r2004 span, #r2003 span, #certyfikaty span, #referencje span, #galerie span, #galerie10 span, #galerie09 span, #galerie08 span, #galerie07 span, #galerie06 span, #galerie05 span, #galerie04 span, #galerie03 span, #wiesci span, #kolekcje span, #kontakt-tyt span {
    display: none;
}

#firma, #pcv, #dywanowe, #instalacje, #konserwacja, #wycieraczki, #meble, #r2010, #r2009, #r2008, #r2007, #r2006, #r2005, #r2004, #r2003, #certyfikaty, #referencje, #galerie,  #galerie10, #galerie09, #galerie08, #galerie07, #galerie06, #galerie05, #galerie04, #galerie03, #wiesci, #kolekcje, #kontakt-tyt { 
    margin: 0 0 10px 20px; 
    padding: 0;
    width: 512px; 
    height: 50px;
    border-bottom: 1px solid silver;
}
		
#firma {
    background:url("images/tyt-firma.gif") top left no-repeat;
    }

#pcv {
    background:url("images/tyt-pcv.gif") top left no-repeat;
    }

#dywanowe {
    background:url("images/tyt-dywanowe.gif") top left no-repeat;
    }
    
#instalacje {
    background:url("images/tyt-instalacje.gif") top left no-repeat;
    }  

#konserwacja {
    background:url("images/tyt-konserwacja.gif") top left no-repeat;
    }   

#wycieraczki {
    background:url("images/tyt-wycieraczki.gif") top left no-repeat;
    }

#meble {
    background:url("images/tyt-meble.gif") top left no-repeat;
    }

#r2010 {
    background:url("images/tyt-2010.gif") top left no-repeat;
    }

#r2009 {
    background:url("images/tyt-2009.gif") top left no-repeat;
    }

#r2008 {
    background:url("images/tyt-2008.gif") top left no-repeat;
    }

#r2007 {
    background:url("images/tyt-2007.gif") top left no-repeat;
    }

#r2006 {
    background:url("images/tyt-2006.gif") top left no-repeat;
    }

#r2005 {
    background:url("images/tyt-2005.gif") top left no-repeat;
    }

#r2004 {
    background:url("images/tyt-2004.gif") top left no-repeat;
    }

#r2003 {
    background:url("images/tyt-2003.gif") top left no-repeat;
    }

#certyfikaty {
    background:url("images/tyt-certyfikaty.gif") top left no-repeat;
    }

#referencje {
    background:url("images/tyt-referencje.gif") top left no-repeat;
    }

#galerie {
    background: url("images/tyt-galerie.gif") top left no-repeat;
    }

#galerie10 {
    background:url("images/tyt-galerie10.gif") top left no-repeat;
    }

#galerie09 {
    background:url("images/tyt-galerie09.gif") top left no-repeat;
    }

#galerie08 {
    background:url("images/tyt-galerie08.gif") top left no-repeat;
    }

#galerie07 {
    background:url("images/tyt-galerie07.gif") top left no-repeat;
    }

#galerie06 {
    background:url("images/tyt-galerie06.gif") top left no-repeat;
    }

#galerie05 {
    background: url("images/tyt-galerie05.gif") top left no-repeat;
    }

#galerie04 {
    background: url("images/tyt-galerie04.gif") top left no-repeat;
    }

#galerie03 {
    background: url("images/tyt-galerie03.gif") top left no-repeat;
    }
    
#wiesci {
    background: url("images/tyt-wiesci.gif") top left no-repeat;
    }    

#kolekcje {
    background: url("images/tyt-kolekcje.gif") top left no-repeat;
    }

#kontakt-tyt {
    background: url("images/tyt-kontakt.gif") top left no-repeat;
    }

/* KONIEC TYTUL�W PODSTRON */

   
div#tresc {
    text-align: justify;
    width: 553px;
    float: right;
    margin: 0 10px 0 0;
    padding-bottom: 110px;   
}

#tresc img.baner, #galeria img.baner {
    display: block;
    width: 508px;
    margin: 0 auto;
    clear: both;
}

#stopka img.baner {
position: absolute;
bottom: 40px;
left: 240px;
}

#tresc img.prawy {
    float: right;
    border: 1px solid silver; 
    margin: 5px 20px 0px 15px;
    padding: 6px;
    width: 200px;
}

#tresc img.lewy {
    float: left;
    border: 1px solid silver; 
    margin: 5px 15px -2px 20px;
    padding: 6px;
    width: 200px;
}

#tresc img.mapka {
    float: left; 
    margin: 5px 5px 5px 20px;
}

#tresc img.art {
    float: left; 
    margin: 5px 15px 20px 20px;
    border: 1px solid silver;
}

#tresc p, #tresc h2, #galeria p {
    font: 13px/1.5 Verdana, Arial, sans-serif;
    margin: 10px 20px 10px 20px; 
}

#tresc h2 {
font: bold 14px/1.5 Verdana, Arial, sans-serif;
letter-spacing: 6px;
background: #eee;
padding: 3px 0 3px 10px;
color: #484747;
}

#galeria h1.elastyczne {
font: bold 18px/1.4 Verdana, Arial, sans-serif;
letter-spacing: 2px;
padding: 3px 0 5px 10px;
width: 520px;
color: #484747;
text-align: center;
margin: 0 0 10px 20px;
width: 512px; 
border-bottom: 1px solid silver;
}

#tresc p.budmarkus {
    text-align: center;
    font: bold 16px helvetica, verdana, Arial, sans-serif;
    margin-top: 120px;
}

#tresc p.biuro {
    text-align: center;
    font: 12px/140% helvetica, verdana, Arial, sans-serif;
}

#tresc p.biuro span {
    font-weight: bold;
}

#tresc dl {
    display: block;
}

#tresc dt.real_dt {
    display: block;
    font: bold 12px Verdana, Arial, sans-serif; 
    margin: 0 30px 0 22px;
    padding: 0 35px 0 0;
}

#tresc dd.real_dd {
    display: block;
    text-align: left;
    font: normal 12px Verdana, Arial, sans-serif;
    margin: 5px 25px 0 45px;
    padding-bottom: 0;
}

#tresc dd.real_dd span, #tresc dt.real_dt a{
    color: #DF291B;
    font-style: italic
}

#tresc ul.punkt {
    list-style: square;
    font: 12px/1.5 Verdana, Arial, sans-serif;
    text-align: justify; 
    margin: 0 90px 0 0;
    padding: 0;
}

#tresc li.tezpunkt {
    margin: 0 0 6px 75px;
    padding: 0;    
}

#tresc li.tezpunkt span, #tresc p span {
    font-weight: bold;
}

#tresc blockquote {
    background-color: #eee;
    padding: 10px;       
}

#tresc a.powrot, #galeria a.powrot {
    display: block;
    width: 65px;
    text-align: center;
    font: 14px Verdana, Arial, sans-serif;
    color: #1e5e9b;
    margin: 0 auto;
}

div#kontakt, div#folder {
    text-align: center;
    background: url(images/tlo-kontakt.jpg) -10px 0 no-repeat;
    border-bottom: 1px solid #94A7B9;
    margin: -2px 1px 0 10px;             
    padding: 15px 0 15px 0;
}

div#folder {
    background: none;
}

#kontakt p, #folder p {
    font: 13px Helvetica, Verdana, Arial, sans-serif;
    color: #000;
    margin: 0;
}
 
#kontakt p.bold {
    font: bold 14px Helvetica, Verdana, Arial, sans-serif;
    color: #000;
    margin: 0;
    padding-bottom: 3px;
}

div#stopka {
    width: 783px;
    height: 30px;
    clear: both;
    background: url(images/tlo-stopka.jpg) center top no-repeat;
    color: white;
    margin: 0;
    padding: 0;
    position: relative;
}

#stopka p {
    color: #fff;
    font: 11px Verdana, Arial, sans-serif;
    margin-left: 40px;
    padding-top: 10px;
}

a {
    text-decoration: none;
    color: #1e5e9b;
}

dt a {
    font-weight: normal;
}

#tresc a:visited, #kontakt a:visited, #galeria a:visited {
color: #1e5e9b;
}

#tresc a:hover,  #kontakt a:hover, #galeria a.powrot:hover{
text-decoration: underline;
color: #002B75;
} 

/* ELEMENTY STRON Z CERTYFIKATAMI */

div.certyfikat {
    text-align: center;
    float: left; 
    height: 190px; 
    width: 140px;
    padding: 0 5px 0; 
    margin: 15px 10px 0px 15px;
}

div.certyfikat img {
    height: 142px; 
    width: 100px; 
    margin: 0;
    border: 1px solid black;
}

div.certyfikat ul {
    font: 12px Arial, Verdana, sans-serif;
    margin: 0; 
    padding: 0;    
}

li.title {
    margin: 0; 
    list-style-type: none; 
    display: block; 
    text-align: center;
}

.dyplom {
    margin: 10px auto 0 auto;
    border: 1px solid black;
}

/* LINIA PRZEDSTAWIONA ZA POMOC� OBRAZKA */

hr {
    width: 52px;
    height: 13px;
    background: url(images/hr.gif) 0 0 no-repeat;
    border: none;
    clear: both;
    margin: 0 auto;
}

/* ELEMENTY GALERII (ROŝNI SI� OD #TRESC) I DLATEGO WYMAGA INNEGO FORMATOWANIA */

div#galeria {
    width: 553px;
    text-align: justify;
    float: right;
    margin: 0 10px 0 0;    
}

#galeria li img {
    display: block; 
    border: 1px solid black; 
}

#galeria img.front {
    border: none;
    padding-bottom: 10px;
}

#galeria p.realizacja, #tresc p.realizacja {
    display: block;
    text-align:left;
    font: bold 14px verdana, serif, 'times new roman', georgia;
    color: #000;
    margin: 0;
    padding: 10px;
}

#galeria p.podpis {
    display: block;
    width: 265px;
    height: 15px;
    text-align: left;
    font: italic normal 11px verdana, serif, 'times new roman', georgia;
    color: #000;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 15px;
}

#galeria p.podpis a:link,
#galeria p.podpis a:visited,
#galeria p.podpis a:hover,
#galeria p.podpis a:active {
    color: #000;
    background: url(images/pdf.gif) no-repeat scroll 0 50%;
    padding-left: 25px;
}

#galeria ul {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

#galeria li {
    display: block; 
    float: left; 
    width: 265px; 
    margin: 3px 5px 3px 1px;
}

#galeria a, #galeria a:hover {
    color: #000;
    text-decoration: none; 
}