/*************** STYLE OGÓLNE ***************/

p {
font-size: 10pt;
}


img {
  margin:0px;
  padding:0px;
  border: none;
}


div {
    margin: 0px;
    border: none;
    padding: 0px; 
}

body {
    font-family:"Verdana", "Trebuchet MS";
    margin: 0px;
    padding: 0px;
    /*background-color   : white; */
    background-image: url(images/tlo.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 10pt;
    text-align: center;
      
}

a {text-decoration: none; color: white;}
a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: white;}
a:active {text-decoration: none; color: white;}
a:hover {text-decoration : underline; color: blue;}


/*************** LAYOUT GORA***************/

#strona {
    padding: 0px;
    width: 980px;
    border: 0px;
    margin: 0 auto;     
}

#naglowek {
    padding: 0px;
    margin: 0px;
    width: 980px;
    height: 224px;
    background-image: url('images/szafysterownicze_01.jpg');
    float: left;
}

#menu {
  float: left;
  width: 980px;
  height: 36px;
  background-image: url('images/szafysterownicze_02.jpg');
  background-repeat: no-repeat;
  margin:0;
}

#menu ul {
    float: left;
    padding:0;
    margin: 0; 
    width: 615px;
    margin-bottom:0;
    margin-left: 40px !important;
    margin-left: 20px;
    margin-top: 11px; 
}

#menu li{
    list-style: none;
    margin: 0;
    padding: 0 7px;
    display: inline;
}

#menu a {
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana","Garamond","Times New Roman";    
    margin:0;
    padding:0;
    color: white;
}

#menu a:hover{
    color: #8876a8;
    text-decoration: none;
}


#tresc {
    width: 930px;
    margin: 0px;
    padding: 0;
    padding-left:50px;
    background-image: url('images/szafysterownicze_05.jpg');
    float: left;   
    min-height:500px;
}

#tresc img { border: 2px solid #2F2F2F;}

#tresc_lewa {
    float: left;
    width: 570px;
    margin: 0;
    padding-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: justify;
}

#tresc_lewa h1{
    color: #356ab8;
    font-size: 16px;
    border-bottom:1px solid #356ab8;
    width:100%;
    padding-bottom:2px;
}

#tresc_lewa h2{
    color: #356ab8;
    font-size: 14px;
}

#tresc_lewa a{
    color: rgb(143,143,143);
}

#tresc_lewa img{
    margin:0;
    margin-bottom: 10px;
}


#glowna .box{
    float: left;
    width: 260px;
    border-bottom: 1px solid #8876a8;
    margin: 0 10px 20px 15px !important;
    margin: 0 10px 20px 7px ;
}

.box h4{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #8876a8;
}

.box img{
    width: 260px;
    height:120px;
    border: 2px solid #2F2F2F;
}
.box .wiecej {
    float: right;
    background: #8876a8;
    color: white;
    padding: 2px 4px;
    font-size: 10px;
}
#tresc_lewa .box .wiecej a{
  color: white;
}

#tresc_lewa .box .wiecej a:hover{
  text-decoration: none;
  color: black;
}

#tresc_lewa #loga {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 30px;
    border: none;
    margin-left:0;
}

#tresc_lewa #loga img{
    width:110px;
    height:62px;
    border: none;
    margin: 0;
}

#tresc_prawa {
    float: right;
    margin: 0 ;
    padding: 0 45px 20px 15px;
    width:265px;
    text-align: left;
    background-image: url('images/szafysterownicze_03.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
    font-size: 12px;
}

#tresc_prawa img {margin:0px; padding:0px; border:none;}

#tresc_prawa h4{
    margin-top: 10px;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    padding-left: 5px;
    color: black;
    width:250px;
    font-size: 14px;
}

#tresc_prawa #szybki_kontakt {
    float: left;
    margin-bottom: 40px;
}

#tresc_prawa #uslugi {
    float: left;
}

#tresc_prawa ul{
    margin-left: 0;
    width: 200px;
    padding-left: 0;
}
#tresc_prawa li{
    list-style: none;
    padding-bottom: 5px;
}


#dol{
    background-image: url(images/stopka.jpg);
    background-repeat: repeat-x;
    background-position: center;
    float: left;
    clear: both;
    width: 100%;
}

  
#stopka {
    width: 980px;
    height: 26px;
    margin: 0;
    padding: 0;
    clear:both;  
    color: white;   
    font-size: 10px;
    text-align: right;
    margin: 0 auto;
}

#stopka ul {
    width: 650px;
    margin:9px 0;
    padding: 0;
    float: left;
}

#stopka ul li{
    display: inline;
}

#stopka #wykonanie{
    float: right;
    width: 310px;
    text-align: left;
}