@CHARSET "UTF-8";


body { margin: 0; padding: 0; text-align: center; color: #fffdee;
	background-color: #fffdee; }
body, td, th { font-size: 11px; font-family: Arial;}


/** top */
#top { width: 967px; margin: 0 auto; text-align: left; }

#top .logo { float: left; width: 322px; margin-top: 60px; }
#top .image { float: right; width: 241px; height: 144px;
	background: url('../img/site/top-bg.jpg') top left no-repeat; }
#top .image2 { float: right; width: 270px; margin-top: 60px; text-align: right; }

#top .bg1 { background: url('../img/site/top-text.gif') top left no-repeat; height: 19px; }

#top .portfolio img { float: left; vertical-align: bottom; }

/** middle */
#middle { width: 967px; margin: 0 auto; text-align: left;
	font-weight: bold; font-size: 12px; line-height: 130%; }

#middle .space { margin: 0 27px 0 24px; padding-bottom: 1px; background: #5d7558; }
#middle .left { float: left; width: 310px; /*text-align: right;*/
	background: url('../img/site/bg-left.jpg') top right no-repeat; }
#middle .box { padding: 0 22px 0 22px; }

#middle .left p {  /*float: right;*/ margin: 0 0 10px 0; padding: 0; }

#middle .right { float: left; width: 584px; margin: 22px 0 22px 0; }
#middle .right img { border: 3px solid #fffdee; }

#middle .portfolio { width: 967px; padding: 22px 0 22px 0; }
#middle .portfolio img { border: 3px solid #fffdee; }

#middle .galleries { position: relative; padding: 0 12px 0 12px; text-align: center; }
#middle .galleries img { border: 3px solid #fffdee; }
#middle .galleries p { font-size: 14px; font-family: Georgia; text-transform: uppercase; font-weight: normal; }
#middle .galleries .picture { float: left; width: 223px; text-align: center; }

#image a { text-decoration: none; font-family: Georgia; font-size: 12px; }
#image a.active { color: #adccad; }
#image a:hover { color: #fff; }
#image img { height: 340px; }
 

.bgLine { background: url('../img/site/line.png') top right no-repeat; margin-top: 7px; padding-bottom: 22px; height: 2px; }
.bgLine2 { background: url('../img/site/line.png') top right no-repeat; height: 2px; margin-top: 22px; }


.menuTop { height: 22px; background: url('../img/site/menu-top.jpg') top right no-repeat; }
ul.menu { margin: 0; padding: 0 0 23px 0; list-style-type: none;
	background: url('../img/site/menu-bottom.jpg') bottom right no-repeat; }
ul.menu li { margin: 0; padding: 0; }

/** bottom */
#bottom { width: 967px; margin: 0 auto; padding: 10px 0; color: #5d7558; text-align: center; }
#bottom a { color: #5d7558; text-decoration: none; }


/** standard */
a { color: #fff; text-decoration: underline; }
a:hover { color: #ff0; text-decoration: underline; }

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

table { }
td, th { padding: 0; vertical-align: top; }
.c, .center { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }

.pageNum { padding-top: 20px; }

ul.failed { margin-top: 0; padding-top: 0; color: #ff0; }

/** forms */
form { display: inline; }
form fieldset { display: block; border: 0; }
form legend { display: inline; margin: 0; padding: 15px 0; }
form ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
form ul li { padding: 3px 0; margin: 0; clear: left; }
form ul li.hide { display: none; }
form ul li.submit { margin-left: 90px; padding-bottom: 0; }
form ul label { float: left; width: 80px; padding-right: 10px; text-align: right; }

input, textarea { font-family: sans-serif; font-size: 11px; border: 1px solid #fff; }
input.noBorder { border: 0; }
li input { width: 200px; }
li.submit input { width: 80px; }
li textarea { width: 300px; height: 140px; }
select { font-size: 11px; }
button { border-style: none; background-color: transparent; font-size: 11px; }

/** http://www.hyh.pl */
