body {
    font-size: 12px;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: white;
    font-family: Verdana, Arial;
}

/* czcionki standardowe */

h2 { 
padding-bottom:10px;
padding-left:12px;
margin-left:50px;
font-size:13px;
}

img.h2 {
margin-top:-10px;
float:left;
}

p {
line-height: 1.3em; 
color:#333;

}

em {
color: #0c4d89;
font-weight:bold;
font-style: italic;
}
big {
font-size: 14px;
color: #B90000;
}

q {
font-style: italic;
color: #868686;
}


a {
color: #417960;
}

a:hover
{
color: #8ebd31;
}


/* border: 1px solid red; */
#gora {
    height: 380px;
    background-image: url('../grafika/schody-drewniane-logo.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ac4e17;
}

#gora2 {
    margin: auto;
    padding: 0px;
    width: 950px;
}

#menu {
    margin-top: 50px;
    border: 0px;
    width: 950px;
    background: white;
	 -moz-border-radius:8px;
}

#menu img {
margin-left:10px;
}

#menu ul
{
margin-top:32px;
margin-right:25px;
float: right;
}

#menu ul li
{
display: inline-block;
}

#menu ul li a
{
text-decoration: none;
font-size:16px;
padding:15px;
color: #417960;
}

#menu ul li a:hover
{
text-decoration: underline;
color: #8ebd31;
}

#logo-tekst {
padding:110px 10px 0px 0px;

width:480px;
float:right;
font-weight: normal;
color: white;
text-align:right;
}
#logo-tekst b {
font-weight: bold;
}
#logo-tekst h1 {
margin:0px;
font-size:38px;
font-weight: normal;
}

#main {

    margin: auto;
    width: 950px;
}

#m-gora {

padding:20px 100px 20px 100px;
border-bottom: 1px solid #DADADA;
}
#m-gora span {
display: block;
margin-left:15px;
font-size:16px;
color: #8ebd31;
}

#m-gora span strong {
font-size:22px;
font-weight: normal;
color: #417960;
}

#m-srodek {
margin-top:10px;
border-bottom: 1px solid #DADADA;
float:left;
width:950px;
}




/* na pierwsza strone BEGIN */

#m-srodek-l {
width:500px;
float:left;
}

#m-srodek-l div {
background-color: white;
margin:5px;


}

#m-srodek-r {
width:450px;
float:right;
}
#m-srodek-r div {
background-color: #8ebd31;

margin:5px;
padding:15px;
-moz-border-radius:8px;
}
#m-srodek-r div p{
margin:0px;
color:white;
}
#m-srodek-r div li{
margin:0px;
color:white;
}
#m-srodek-r div span{
color:white;
font-size:20px;
margin:0px;
}
/* na pierwszą stronę END */

#m-srodek-s {
width:950px;
}


#m-dol {
clear:both;

border-bottom: 1px solid #DADADA;
float:left;
width:950px;
}

#m-dol1 {
float:left;
width:450px;
border-right: 1px solid #DADADA;
}
#m-dol1 img {
margin:0px;
padding:10px;
border:0px;
vertical-align: middle;

}

#m-dol2 {
float:left;
width:490px;

}
#m-dol2 div {
padding:20px;
color:#AAA;
font-size:10px;
}

#stopka {
clear:both;
width:950px;
margin: auto;
height:150px;
}
#stopka1 {
float:left;
width:600px;
}

#stopka1 span
{
color:#AAA;
font-size:10px;
margin-left:0px;
padding-left:0px;
float: left;
width:600px;
margin-top:-7px;
}

#stopka1 ul
{
margin-top:11px;
margin-left:0px;
padding-left:0px;
float: left;
}

#stopka1 ul li
{
display: inline-block;
}

#stopka1 ul li a
{
text-decoration: none;
padding:2px;
color: #417960;
}
#stopka1 ul li a:hover
{
color: #8ebd31;
}

#stopka2 {
float:right;

width:250px;
}

.imgr {
float:left;
width:237px;
height:237px;
vertical-align:bottom;
text-align:center;
}

.imgr img {
border:2px solid;
padding:3px;
}
.imgr img:hover {
opacity : 0.3;
    filter: alpha(opacity=30); 
}

 img.right {
margin-left:15px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
float: right;
border: 1px solid gray;
}

img.left{
margin-right:15px;
margin-top: 0px;
margin-bottom: 5px;
padding: 2px;
float: left;
border: 1px solid gray;
}