body {margin: 0; 
		padding: 0; 
		background: #FFF url(../gfx/body-bg.jpg) 50% 0 repeat-x; 
		font-family: "Trebuchet ms", Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;
		color: #252525;}

html {margin: 0; padding: 0;}	

* {margin: 0; padding: 0;}

p {font-size: 12px; color: #808080;}

a {color: #2269B7; text-decoration: none;}
a:hover {color: #132E6A;}

img {border: none;}

:focus {
  outline: 0;
}

#bar {width: 793px; margin-left: 40px; height: 22px; background: url(../gfx/bar.gif) 0 0 no-repeat; margin-bottom: 15px; padding: 3px 10px;}
#bar p {color: #a0a0a0;}

.blue {background: url(../gfx/pic-blue.gif) 0 50% no-repeat; padding-left: 20px;}
.grey {background: url(../gfx/pic-grey.gif) 0 50% no-repeat; padding-left: 20px;}

#container {margin: 0 auto; width: 960px; position: relative;}
#copyrights {text-align: center; padding-top: 30px; width: 600px; margin: 0 auto; line-height: 20px;}
#copyrights p {font-size: 11px;}

#flagi a {float: right; padding-top: 3px;}
#flagi img {margin-left: 10px; display: block; float: left;}

#flash {width: 950px; height: 423px; overflow: hidden;}
#flash-sm {width: 950px; height: 164px; overflow: hidden;}

#footer {clear: both; float: left; width: 950px; margin: 50px auto;}

#footer-content {width: 100%; padding: 10px 5px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;}
#footer-content p {font-size: 11px;}

#ganz {clear: both; float: left; margin-top: 10px;}
#ganz-mapa {float: left; width: 352px; height: 202px;}
.ganz-el {width: 490px; margin-left: 360px; margin-bottom: 30px; }
.ganz-el p {color: #000000; font-size: 14px; margin-left: 240px;}

#linki {float: right;}
#linki a {color: #808080; font-size: 11px;}
#netius {background: url(../gfx/netius-logo.gif) 0 50% no-repeat; padding-left: 50px; line-height: 10px;}
#netius a {font-size: 10px;}
#netius a:hover {color: #000;}

#madein {width: 97px; height: 97px; text-align: center; position: absolute; right: 0; top: 349px;}

#menu {width: 952px; margin: 0 auto; overflow: hidden;}
#menu ul {list-style: none;}
#menu li {display: block; overflow: hidden; float: left;}

#menu li a {display: block; float: left; background: url(../gfx/menu-bg.png) 50% 0 no-repeat; width: 119px; height: 20px; padding: 7px 0; text-align: center; color: #454545;}
#menu li a.l {background: url(../gfx/menu-bg-l.gif) 0 0 no-repeat;}
#menu li a.r {background: url(../gfx/menu-bg-r.gif) 0 0 no-repeat;}
#menu li a.current-r, #menu li a.current-r:hover {color: #fff; background: url(../gfx/menu-bg-r.gif) 0 -34px no-repeat;}
#menu li a.r:hover {color: #fff; background: url(../gfx/menu-bg-r.gif) 0 -34px no-repeat;}
#menu li a.current-l, #menu li a.current-l:hover{color: #fff; background: url(../gfx/menu-bg-l.gif) 0 -34px no-repeat;}
#menu li a.l:hover {color: #fff; background: url(../gfx/menu-bg-l.gif) 0 -34px no-repeat;}
#menu li a.current, #menu li a:hover {color: #fff; background: url(../gfx/menu-bg.png) 0 -34px no-repeat;}

.photo {float: left; margin: 0 30px 20px 0; border: 1px solid #c0c0c0; width: 200px; padding: 1px;}

.prizes {overflow: hidden; clear: both;} 
.prizes h5 {font-weight: bold; font-size: 14px; padding-bottom: 10px;} 
.prizes div {float: left; text-align: center; width: 180px; height: 140px;}
.prizes img {border: 1px solid #E7E7E7; padding: 2px; height: 90px;}
.prizes img:hover {border: 1px solid #AFAFAF;}

#realizacje {}
#realizacje a {display: block;}

.realizacje {float: left; width: 370px; overflow: hidden; padding-right: 50px; line-height: 24px;}

#referencje{line-height: 24px;}

#text {margin-bottom: 20px;}
#text ul {margin-left: 18px;}

#thumbs {overflow: hidden;} 
#thumbs div {float: left; text-align: center; width: 180px; height: 140px;}
#thumbs img {border: 1px solid #E7E7E7; padding: 2px; height: 90px; width: 120px;}
#thumbs img:hover {border: 1px solid #AFAFAF;}

#wraper {padding: 50px; border: 1px solid #c0c0c0; width: 850px; margin: 0 auto; overflow: hidden;}
#wraper li {font-size: 12px;}

#kontakt {width: 400px; float: left;}
#kontakt h2 {color: #f24002; font-size: 22px; }
#kontakt p {font-size: 14px; }
#mapka {border: 1px solid #c0c0c0; margin-top: 30px; width: 278px; height: 111px; padding: 1px;}
#mapka:hover {border: 1px solid #a0a0a0;}
#formularz {width: 400px; float: left;}
#formularz label {padding-top: 6px; font-size: 12px; padding-bottom: 5px;}
.button {margin-top: 10px; float: right; width: 60px;}
.contact {display: block; width: 390px; margin-bottom: 15px; overflow: hidden;}
.contact input {width: 330px;}
.contact textarea {width: 370px; overflow: auto; height: 150px;}
.contact dt label {display: block; margin-left: -10px;}
