/* 
siwy: #6d7173
niebieski: #00aeef
*/

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

html, body {
height: 100%;
width: 100%;
}
html {
display:table;
}
body {
text-align: center;
display: table-cell;

}

body {font-family: Tahoma, Verdana, sans-serif; font-size:12px; color:#525252; background:url(../img/bg-site.jpg) top center no-repeat;}
li { list-style-type: none; margin:0; padding:0; }
ul {margin:0; padding:0;}
a {text-decoration:none;}
img { behavior:url(pngbehavior.htc); border:0; }

a, li, ul, h1,h2,h3,div,p {margin:0; padding:0}

.right {float:right}
.left {float:left}
.clear {float:none; clear:both;}

a { margin:0; padding:0;}
a.blue:link { color: #6d7173; text-decoration: none; font-size:11px; }
a.blue:visited { color: #6d7173; text-decoration: none; font-size:11px; }
a.blue:hover { color: #00aeef; text-decoration:none; font-size:11px;}

a.blue1:link { color: #6d7173; text-decoration: none; font-size:12px; }
a.blue1:visited { color: #6d7173; text-decoration: none; font-size:12px; }
a.blue1:hover { color: #00aeef; text-decoration:none; font-size:12px;}

a.blue2:link { color: #fff; text-decoration: none; font-size:11px; }
a.blue2:visited { color: #fff; text-decoration: none; font-size:11px; }
a.blue2:hover { color: #00aeef; text-decoration:none; font-size:11px;}

/* STRONA GLOWKA */ 
#main{margin: 0 auto; margin-top:60px; width: 900px; height: 430px;}
#container {margin: 0 auto; margin-top:1px; width: 900px; height: 350px; background: #fff; clear:both; position:relative}

#container div.box-tekst-glowna {
	position:absolute;
	width:204px;
	height:200px;
	background:#fff;
	left: 684px;
	top: 140px;
	z-index: 2;
	padding:5px;
	padding-left:7px;
	text-align:left;
}
#container div.box-tekst-glowna h1 {color:#00aeef; font-size:14px;}
#container div.box-tekst-glowna h2 {font-size:11px; color:#6d7173;}

#container div.box-akt-glowna {
	position:absolute;
	width:188px;
	height:112px;
	background:#fff;
	left: 98px;
	top: 229px;
	z-index: 2;
	padding:5px;
	padding-left:7px;
	text-align:left;
}
#container div.box-akt-glowna h2 {color:#00aeef; font-size:14px;}
#container div.box-akt-glowna h3 {font-size:11px; color:#6d7173; font-weight:normal; padding-top:3px; padding-left:12px; background:url(../img/bg-kropka.gif) no-repeat; background-position:0px 5px;}

#container div.naglowek {margin:0; margin-top:10px; padding:10px; width:780px; height:35px; }
#container div.tekst {margin:10px; margin-top:20px; padding:0; width:780px; height:270px; background:url(../img/bg-tekst.gif) top left; text-align:left; }

#main div.menu {height: 0; border: 0 solid #00aeef; border-bottom-width: 1px; margin:0; margin-bottom:1px; padding:0; width:900px; height:25px;}
#main div.menu li {margin:0; padding:0; padding-top:5px; padding-right:10px; float:left; font-size:11px;}
#main div.menu li.data {width:610px; margin:0; padding:0; padding-top:5px; padding-right:10px; float:left; font-size:11px; text-align:left;}
#main div.menu ul {margin-left:0px;}

#container div.li {margin:0; padding:0;}
#container div.li li {background:url(../img/bg-kropka.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:10px;}

#main div.stopka {height: 0; border: 0 solid #00aeef; border-top-width: 1px; margin:0; margin-top:1px; margin-bottom:1px; padding:0; width:900px; height:33px;}

/* PODSTRONA */ 
#podstrona {margin: 0 auto; padding:10px; padding-bottom:0; width: 880px; background-image:url(../img/bg-naglowek-podstrona.gif); background-position:top right; background-repeat:no-repeat; background-color: #fff; border:1px solid #dbdbdb; border-top:0px;}

#podstrona p.br {margin:0; padding:0; padding-top:10px;}

#podstrona div.menu-pod {margin:0; padding:0; width:880px; height:70px; border: 0 solid #00aeef; border-bottom-width: 1px;}
#podstrona div.menu-pod ul {margin:0; padding:0;}
#podstrona div.menu-pod li {float:left; padding:5px; padding-top:52px;}
#podstrona div.menu-pod li.data {width:350px; margin:0; padding:0; padding-top:52px; padding-right:10px; float:left; font-size:11px; text-align:left; color: #6d7173;}

#podstrona div.menu-pod .logo {
	display: block;
	width: 200px;
	height: 62px;
	}
#podstrona div.menu-pod .logo h1 {
	display: block;
	width: 200x;
	height: 62px;
	background:url(../img/logo-domar-plock.jpg) top left no-repeat;
	}	
#podstrona div.menu-pod .logo h1 a {
	display: block;
	position: relative;
	width: 200px;
	height: 62px;
	}

#podstrona div.menu-pod .logo a span {
	display: none;
	}

	

#podstrona div.tresc {border: 0 solid #dbdbdb; border-top-width: 1px; margin:0; padding:0; padding-top:10px; width:880px; clear:both; text-align:left; color: #6d7173; font-size:12px;}
#podstrona div.tresc li {margin:0; margin-left:10px; padding:0; padding-left:15px; padding-top:3px; background:url(../img/bg-kropka.gif) no-repeat; background-position:0px 6px;}
#podstrona div.tresc li.blue {margin:0; margin-left:10px; padding:0; padding-left:15px; padding-top:3px; background:url(../img/bg-kropka-1.gif) no-repeat; background-position:0px 6px;}
#podstrona div.tresc h2 {color:#00aeef; font-size:17px; padding:0; margin:0;}
#podstrona div.tresc p {margin:0; padding:0; padding-top:6px;}
#podstrona div.tresc .kreska {border: 0 solid #00aeef; border-top-width: 1px; margin:0; margin-top:10px; padding:0; padding-top:5px; width:680px; height:15px; clear:both; text-align:right; color: #6d7173; font-size:11px;}

#stopka {margin: 0 auto; padding:0; padding-top:3px; width:900px; height:20px; clear:both; text-align:left; color: #6d7173; font-size:11px;}


img.mala-galeria { border: 4px solid #8c8a8a; }
a:hover img.mala-galeria { border: 4px solid #00adef }