html, body {
	margin:0; 
	background: rgb(255,204,0) url('../i/tlo.png') repeat-x top;
	}
	
	
body, table, td { font: 10px Verdana; color: #000000; }
img, a img { border: 0px none; margin: 0; }

a:link {color: #214183; text-decoration: none}
a:visited {color: #214183; text-decoration: none}
a:hover {color: #333333; text-decoration:underline }


div#main {clear:both; margin:0 auto; width: 980px; text-align:left; }
div#top {width: 980px; height: 210px; padding: 0; display: block;}


#content {clear: both; float: none; width: 980px;  padding: 0 0 0 0;  margin: 0 0 0 0; display: block; background-color: rgb(255,204,0);}

#left { float: left; width: 210px;  padding: 0 0 0 0;  margin: 0 0 0 0; display: block;}


#right { float: left; width: 770px;  padding: 0 0 0 0;  margin: 0 0 0 0; display: block; background: white;}

div#menu {clear: both; float: none; width: 770px; padding: 0 0 0 0; font: bold 11px Verdana; background: white;}
#menuSimpleTop {clear: both; margin:0 auto; width: 736px;}
#menuSimpleTop ul
{
font: bold 11px Verdana;
background: #3e4043 url(../i/menu-tlo.png) 0 100% repeat-x;
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 52px;
}

#menuSimpleTop ul li
{
    min-height: 3.3em;
	line-height: 4.4em;
    float: left;
	padding: 0 14px 0 11px;
    background: transparent url(../i/menu-separ.png) 100% no-repeat;
        height: 52px;
}

#menuSimpleTop ul li.last
{
    background: none;
}

#menuSimpleTop ul li.first
{
    padding-left: 1.5em;
}

#menuSimpleTop ul li a
{

    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    float: left;
    height: 100%;
	padding: 0 2.2em;
}

#menuSimpleTop ul li.selected a
{
	color: #e0e0e1;
}

#menuSimpleTop ul li a:hover
{
    color: #353535; background: transparent url(../i/menu-hover.png) 100% repeat-x;
}


#right-naglowek {clear: both; float: none; width: 680px; height: 40px; padding: 0 0 1.5em 0;  margin: 0 0 0 0;  background: url('../i/tresc-naglowek.png') no-repeat top left; ;}
#right-naglowek h1 {padding: 10px 0 0 12px;  font: bold 15px Arial; color: #D26900; margin: 0 0 0 0;}

#tresci {clear: both; float: none; width: 698px; padding: 2em 3.5em 2.5em 3.5em; font: 11px Verdana; line-height: 200%; text-align: justify;}

#stopka {clear: both; float: none; width: 770px; height: 49px; padding: 0 0 0 0;  margin: 0 0 0 0; display: block;  background: url('../i/stopka-tlo.png') repeat-x top left;}
#stopka-copyright {float: left; width: 326px; padding: 2em 0 0 2em; font: bold 10px Verdana; color: white;}
#stopka-powered { float: left; width: 380px;  padding: 2em 0 0 1em; color: #3E3E3E; text-align: right; font: 10px Verdana; color: white;}
#stopka-powered a:link {color: #C5E4E3; text-decoration: none}
#stopka-powered a:visited {color: #C5E4E3; text-decoration: none}
#stopka-powered a:hover {color: #999999; text-decoration: underline}

#wypunktowanie{ width: 90%;}
#wypunktowanie ul{margin:0;padding: 1em 0 0 0;list-style:none;}
#wypunktowanie li{ }
#wypunktowanie li span{display:block; line-height:26px; width:100%; padding: 0 0 0 4em; background: url('../i/ar1.png') no-repeat 10px;text-decoration:none;}


div#obraz {float: left; padding: 1em 2em 2em 2em;}
div#obraz mini {border: 2px solid #A8A8A8;}
div#obraz #mini {border: 2px solid #A8A8A8; padding: 0.1em 0.1em 0.1em 0.1em;}
div#obraz #mini:hover {border: 2px solid rgb(150,0,0); padding: 0.1em 0.1em 0.1em 0.1em}

div#referencje {float: left; padding: 2em 1.5em 2em 1em;}
div#referencje mini {border: 2px solid #A8A8A8;}
div#referencje #mini {border: 2px solid #A8A8A8; padding: 0.1em 0.1em 0.1em 0.1em;}
div#referencje #mini:hover {border: 2px solid rgb(150,0,0); padding: 0.1em 0.1em 0.1em 0.1em}


.clear { clear: both; float: none; height: 1px; width: 100%; }