*{margin:0; padding:0}

html{
background: #fff url(img/bg.png) repeat-x 0 95px}

fieldset{border:0; }

body{
display:block;
width:900px;
background: url(img/bg-bot.png) repeat-y center;
margin:auto}


#head{
width:880px;
height:80px;
background: url(img/bg-top.png) no-repeat center ;
margin: auto}
#head img{
border:0;
margin: 40px 0 0 30px;
display:block;
width:137px;
height:30px;
float:left}
#head img:hover{opacity:0.8}

#menu{
float:right;
height:80px;}

#menu img{
display:inline;
width:16px;
height:16px;
}

#menu a{
display:block;
height:30px;
padding: 50px 20px 0 20px;
font: 800 11px verdana, arial; color:#ff9900; text-decoration:none;
float:left;}
#menu a:hover{
background: url(img/hover.png) repeat-x bottom;
color:red}

#blackboard{
width:600px;
height:124px;
padding: 40px 0 0 300px;
background: url(img/black.png) no-repeat center;
margin:auto}

#blackboard h1{
width:117px;
float:left;
text-align:center;
margin-right:30px;
font: 10px georgia, arial; color:#777;}
#blackboard h1 img{width:117px; height:80px; display:block; margin-bottom:4px}
.box{display:none}
	#a a {background:url(img/hover.png) repeat-x  0 80px}


#content{
width:880px;
min-height:340px;
background: url(img/bg-mid.png) no-repeat top;
margin:auto;
overflow:hidden;}

#cont-left{
width:550px;
margin: 10px 50px 20px 40px;
float:left;
font: 13px 'trebuchet ms', serif;
color:#666;
line-height:25px;}

#cont-left h2{
padding-bottom:3px;
border-bottom: solid 1px #ddd;
margin-bottom:10px;
margin-top:30px;
font: 26px 'times new roman', serif;
color:#980016;
}

#cont-left strong{
font-weight:normal;
color:#ff6600;}

.oferta{margin: 10px 0 30px 40px; list-style-image: url(img/punktor.gif) }
.oferta li{margin-bottom: 8px; font: 11px verdana; color:#4E7625}
.oferta span {font-size:inherit; color:#7BBF20}

.cechy{margin: 10px 0 30px 40px; list-style-image: url(img/punktor2.gif) }
.cechy li{margin-bottom: 8px; color:#437187; font: 11px verdana;}
.cechy a{color:#437187}

.down, .down2 {cursor:pointer} .down:hover{opacity:0.5}

#cont-right{
width:195px;
float:left}

#cont-right h3{
width:185px;
height:25px;
font: 800 11px verdana, arial, sans-serif; color:#fff;
padding:7px 0 0 10px;
margin-bottom:2px;
margin-top:30px;}

#cont-right h4{
font: 11px verdana;

margin:0 0 5px 10px;}

#last{
text-align:center}
#last img{border:0}
#last a{
font: 11px tahoma;
text-decoration:none;
color:#346C8B}



#blog {padding:0 10px;  font: 10px tahoma; color:#b1c1d8; margin-bottom:30px}
#blog h5{
font: 11px georgia, serif;
color:#718BAC;}
#blog  a{font: 11px georgia, serif;
color:#718BAC;
}




#bot{
width:870px;
padding: 15px;
font: 11px tahoma;
color:#C9BCA3;
background: url(img/bot.png) no-repeat top;
overflow:hidden;
margin:auto}
#bot img{width:80px; height:15px; border:0}

#projekty img{border: solid 1px #eee; width:170px}
#projekty strong.title{display:block; font: 800 13px verdana, sans-serif; margin-bottom:2px; color:#ff6600; text-decoration:none;}
#projekty a{font: 800 13px verdana, sans-serif; margin-bottom:2px; color:#ff6600; text-decoration:none;}
#projekty a:hover{color:red}
#projekty td{padding: 10px; vertical-align:top; border-bottom: solid 1px #ddd; color:#888; font: 12px tahoma, sans-serif; line-height:17px;}


.red h4{color:#912D2D}
.gre h4{color:#87A728}


.str{
padding:3px;
padding-bottom:1px;
background:#fff;
-moz-border-radius:5px; 
-moz-box-shadow:0 0 10px #888 }

#notice { padding: 10px; text-align: center; color: green; font-weight: bolder; }

#contact-menu{ list-style-type:none; padding-left: 10px; font-size:13px }
#contact-menu li{ padding: 2px 0; color: #912D2D;}
#contact-menu li a { color: #346C8B; text-decoration: none; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; }