body { margin: 0; text-align: center; }
p { text-align: left; font: 12px Arial; color: #225d72; }
h1 { margin: 0; padding: 3px; padding-left: 5px; font: bold 12px Arial; color: #1085ae; text-align: left; border-top: 1px solid #5ac1e5; border-bottom: 1px solid #5ac1e5; background-color: #f3f3f3; }
h2 { margin: 0; padding: 3px; padding-left: 5px; font: bold 11px Arial; color: #1085ae; text-align: left; border-top: 1px solid #5ac1e5; border-bottom: 1px solid #5ac1e5; background-color: #f3f3f3; }
hr { border: 1px solid #1085ae; height: 1px; }
.clear { clear: both; }

/* top bar */
#topbar { width: 100%; height: 27px; background-color: #1085ae; }
#topbar div { width: 830px; margin: 0 auto; }
#topbar ul{ padding: 3px 0 0 0; margin: 0; text-align: right; }
#topbar ul li{ margin: 0; display: inline; font: 12px Arial; color: #ffffff; }
#topbar ul li a{  padding: 6px; color: #ffffff; text-decoration: none; }
#topbar ul li a:hover, #topbar ul li a.selected{ background-color: #ffffff; color: #1085ae; }

#topbar form { width: 250px; float: left; padding: 5px 0 0 2px; margin: 0; }
#topbar form input { width: 160px; float: left; border: 0; font: 14px Arial; color: #1085ae; }
#topbar form input#szukaj { width: 50px; float: left; background-color: #1085ae; font: 12px Arial; color: #ffffff; }
#topbar form fieldset { margin: 0; padding: 0; border: 0; }
/* /top bar */

#container { width: 100%; min-height: 772px; background: url('../img/tlo.jpg') top center no-repeat;}

/* menu */
#menu-container { width: 827px; height: 153px; margin: 0 auto; }
#menu { min-width: 365px; height: 31px; margin: 122px 15px 0 0; padding: 0 0px; float: right; background-color: #1085ae; list-style: none; }
#menu li {  margin: 0; padding: 0; float: left; font: 13px Verdana, Helvetica, sans-serif; }
#menu a { margin: 0; padding: 7px 10px; display: block; float: left; background:  #1085ae url('../img/menu-separator.gif') right no-repeat; color: #fff; text-decoration: none; }
#menu a:hover { padding-bottom: 8px; background-color: #fff; color: #1085ae; }
#menu a#last { background-image: none; }
/* /menu */

/* content */
#content-top { width: 827px; height: 10px; margin: 0 auto; padding: 0; background:  url('../img/tran.png'); border-top: 1px solid #a1a1a1; }
#content-top .left { width: 10%; height: 10px; float: left; background:  url('../img/corner-tl.png') top left no-repeat; position: relative; top: -1px; left: -1px; }
#content-top .right { width: 10%; height: 10px; float: right; background:  url('../img/corner-tr.png') top right no-repeat; position: relative; top: -1px; right: -1px; }

#content { width: 787px; min-height: 492px; margin: -1px auto; padding: 5px 20px; background:  url('../img/tran.png'); border: 1px solid #a1a1a1; border-top: 0; border-bottom: 0; }

#content-bottom { width: 827px; height: 10px; margin: 0 auto; padding: 0; background: url('../img/tran.png'); border-bottom: 1px solid #a1a1a1; }
#content-bottom .left { width: 10%; height: 10px; float: left; background: url('../img/corner-bl.png') bottom left no-repeat; position: relative; bottom: -1px; left: -1px; }
#content-bottom .right { width: 10%; height: 10px; float: right; background:  url('../img/corner-br.png') bottom right no-repeat; position: relative; bottom: -1px; right: -1px; }
/* /content */

/* tresci */
#baner { width: 790px; height: 170px; background: #5ac1e5; margin-bottom: 15px; }

.news img { border: 1px solid #1085ae; }
.news img.img-left { margin-right: 10px; float: left; clear: both; }
.news img.img-right { margin-left: 10px; float: right; clear: both; }

#content ul { text-align: left; }
#content ul li {  font: 12px Arial; color: #225d72; }

#content a { text-decoration: none; color: #1085ae; }
#content a:hover { text-decoration: underline; color: #225d72; }
/* /tersci */

/* boxy */
#boxes { width: 827px; margin: 0 auto; text-align: center; }
#boxes .box { width: 265px; height: 133px; margin: 15px 0 15px 16px; float: left; }
#boxes .boxFisrt { width: 265px; height: 133px; margin: 15px 0; float: left; }
#boxes .box-top { height: 28px; margin: 0; padding: 0; text-align: center; background: #51b7db url('../img/box_top.png') top center no-repeat; }
#boxes .box-bottom { height: 105px; margin: 0; padding: 0; text-align: center; background: #5ac1e5 url('../img/box_bottom.png') bottom center no-repeat; }

.box-top a { font: bold 16px Arial; color: #ffffff; text-decoration: none; }
.box-bottom a { font: bold 26px Arial; display: block;  padding-top: 10px; color: #ffffff; text-decoration: none; }

.box-bottom a.left{padding:34px 0;}
.box-bottom a.center{padding:5px 0;}
.box-bottom a.right{padding:12px 0;}

ul#gallery {margin:0 auto;padding:0;list-style-type:none;width:750px;}
ul#gallery li {float: left;text-align: center;margin:10px;width: 160px;}
ul#gallery li p {text-align: center;margin:5px 0;}
ul#gallery li img {border: 1px solid #1085ae;padding: 2px;}

div#clients{margin:0; padding:0 30px;}

div#clients a{display:block; float:left; width:180px;}
div#clients a img{margin:10px;border: 0;padding: 2px;}

#menuPortfolio a{display:block; float:left; width:180px; height:225px;}



.styl1 {font-size: 12px;}