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

a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #767676;
  text-decoration: none;
}
a:hover {
 text-decoration: none;
 color: #7a2640;
 font-size: 12px;
}
h1{
 font-family: 'Raleway', sans-serif;
 font-size: 30px;
 color: #767676;
 padding: 0px;
}
h2{
 font-family: 'Raleway', sans-serif;
 font-size: 50px;
 color: #ffffff;
 margin-bottom: -40px;
}
h3{
 font-family: 'Raleway', sans-serif;
 font-size: 18px;
 color: #2f527c;
 margin-bottom: 2px;
}
h4{
 font-family: 'Raleway', sans-serif;
 font-size: 20px;
 color: #ffffff;
}
h5{
 font-family: 'Raleway', sans-serif;
 font-size: 24px;
 color: #767676;
}
p{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #767676;
 margin-bottom: -30px;
}

body{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10;
 color: 000000;
 background-color: #ffffff;

}

#gora{
width: 940px;
height: 130px; 
position:absolute;
left:50%;
margin-left:-470px;
clear: both;
}

#all{
width:940px;
position:relative;
left:50%;
margin-left:-470px;

}

#top{
padding-top:10px;
margin-left: 20%;
margin-bottom: 30px;

}

#menu{
padding-top:45px;
}

#tlo_top{
clear: both;
height: 130px;
background-color: #2c2c2c;

}


#tlo_top1{
clear: both;
height: 30px;
background-color: #242424;
padding-top:15px;

}
 #logo{
 float: left;
 margin-right: 215px;
 }

#menu1{
margin-left:20px;
margin-right:20px;
float: left;
width: 50px;
height: auto;
opacity:0.6;
filter:alpha(opacity=60);
}

#menu1:hover{
opacity:1.0;
filter:alpha(opacity=100);
}


#social:hover{
opacity:0.8;
filter:alpha(opacity=80);
float: left;
}

#social{
float: left;
margin:5px;
}


#tlo1{
background: url(images/tlo1.jpg) no-repeat center top 1px; 
height: 100%;
}


#logo{
margin-top: 20px;
}

img {
  margin: 0px;
}

#tytul{
clear: both;
width: 940px;
margin-bottom: 20px;

}

#nowe{
padding-top:30px;
margin-bottom: -30px;
width: 940px;
height: 400px;
}

#kon1{
float: left;
}

#kon2{
float: right;
}

#tlo_text{
margin-bottom: 20px;
background: url(images/tlo_text.jpg); 
padding: 50px;
}

#tlo_text1{
margin-bottom: 0px;
margin-top: 20px;
background: url(images/tlo_text.jpg); 
padding: 20px;
}

#tlo_text2{
background: url(images/tlo_text.jpg); 
padding: 20px;

}

#tlo_text3{
height: 70px;
background: url(images/tlo_text.jpg); 
padding: 20px;
margin-bottom:20px;

}

#tlo_text4{

background: url(images/tlo_text.jpg); 
padding: 10px;
margin-bottom:10px;

}

#ps{
width: 95%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}

#il{
width: 85%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}

#in{
width: 75%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}

#html{
width: 85%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}
#css{
width: 75%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}
#flash{
width: 40%;
text-shadow: 1px 1px #ffffff;
background: url(images/tlo_text1.jpg); 
}
#omnie{
height: 500px;
}

#wybrane{
width: 940px;
}

#wiersz{
width: 940px;
height: 200px;
margin-bottom: 20px;
}

#box{
width: 300px;
height: 200px;
float: left;
margin-left: 0px;
margin-right: 20px;
}

#box1{
width: 300px;
height: 200px;
float: left;

}

#rameczka:hover{
opacity:0.8;
filter:alpha(opacity=80);
}

#ikony{
width: 40px;
height: 100px;
float: left;

}
#ico{
margin-top:8px;
margin-bottom:7px;
}

#kontakt{
width: 300px;
height: 100px;

}

#kontakt1{
float: right;
}

#tlo_stopka{

height: 200px;
background-color: #242424;
clear: both;
bottom:0px;
width:100%;
}


#stopka{
padding-top: 30px;
width: 242px;
clear: both;
position:relative;
left:50%;
margin-left:-121px;

}
#ikonki{
float:left;

}