body {
 background: #ffffff;
 width: 100%;
 margin:0;
 padding: 0;
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: 300;
 line-height: 170%;
 color: #000000;
 text-align: left;
}

img, a img { border:0; }
hr {  border: 0; border-top: 1px solid #d2d7d9; }
p {  padding: 10px 0; margin:0; }
strong { font-weight: 600; }

#top { width:100%; height:270px; float:left; }
#top #top_rama { width:990px; margin: 0 auto; text-align:left; float:none; }
#top #top_rama #logo { height:200px; width:450px; margin: 40px 0 0 60px; float:left; }

#menu { width:100%; height:42px; float:left; }
#menu #menu_rama { width:990px; margin: 0 auto; text-align:left; float:none; }

#nav { border:0; width:100%; height:42px; margin: 0; padding: 0; float:left; } 

#nav li { 
  background: #f6a648;
  border-radius: 5px 5px 0 0;
  padding: 8px 0 0 0;
  margin: 0 10px 0 0;
  width: 240px;
  height: 34px; 
  text-align: center; 
  float: left;
  overflow: visible;
  position: relative; 
  list-style: none; 
  cursor: pointer;
}

#nav li a { padding: 0; margin:0; }
#nav li a:hover { padding: 0; margin:0; }
#nav li:hover > a { }
#nav li:hover > ul { overflow:visible; display:block; }

#nav:after { 
     content: "."; 
     display: block; 
     clear: both; 
     visibility: hidden; 
     line-height: 0; 
     height: 0; 
} 

#nav ul { 
  margin: 0;
  padding: 0;
  width: 240px;
  position: absolute;
  display: none;
  z-index:999;
} 

#nav ul li { 
  margin: 0;
  padding: 0;
  background: #f6a648; 
  border-radius: 0 0 5px 5px;
  opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  width: 100%; 
  height: 42px;
  float: left;
}

#nav ul li:hover { background: #f6a648; }

.banner-slider { margin: 0; width: 100%; height: 380px; float: left; }

#body { width:100%; float:left; }
#body #body_rama { width:990px; margin: 0 auto; text-align:left; float:none; }

#site,
#metody { width:100%; padding: 60px 0 40px; float:left; }
#metody a.point { background: url(../img/points.png) 5px 9px no-repeat; width:97%; padding:2px 0 2px 3%; font-weight:600; float:left; }
#metody .rys { border: 1px solid #d2d7d9; padding:6px; margin:10px; float:left; }

#kontakt { width:100%; padding: 60px 0 40px; text-align:center; float:left; }
#kontakt strong { font-weight:600; }

#start { background: url(../img/jacek-gron.jpg) bottom right no-repeat; width:65%; padding: 60px 35% 60px 0; float:left; }
#omnie { 
	background: url(../img/bg-omnie.png) bottom right no-repeat; 
	width:65%; 
	padding: 60px 35% 40px 0; 
	float:left; 
}

#footer { width:100%; float:left; }
#footer #footer_rama { border-top: 5px solid #d2d7d9; width:990px; margin: 0 auto; padding: 0; text-align:left; float:none; }
#footer #blok1{ width:25%; padding: 30px 1%; float:left; }
#footer #blok2{ width:25%; padding: 30px 1%; float:left; }
#footer #blok3 { width:10%; padding: 30px 1%; float:left; }
#footer #blok4 { width:25%; padding: 30px 5% 30px 1%; font-size:31px; text-align: right; float:left; }
#footer #blok4 span { font-size:25px; font-weight: 400; color: #d9291b; margin-top:20px; float:right; }
#footer #blok4 img { margin-top:20px; float:right; }

.footer { color: #525252; font-weight: 300; text-decoration: none; }
.footer a:link { color: #525252; font-weight: 300; text-decoration: none; }
.footer a:visited { color: #525252; font-weight: 300; text-decoration: none; }
.footer a:active { color: #525252; font-weight: 300; text-decoration: underline; }
.footer a:hover { color: #525252; font-weight: 300; text-decoration: underline; }

#top_right { background: url(../img/bg-top-right.png) top right no-repeat; width: 100%; height: 100%; float:left; }
#bottom_left { background: url(../img/bg-bottom-left.png) bottom left no-repeat; width: 100%; height: 100%; float:left; }

a { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

.success { color:green; border-top: 1px dotted #d2d7d9; }
.alert { color:red; border-top: 1px dotted #d2d7d9; }

form { border-top: 1px dotted #d2d7d9; padding-bottom:10px; }

input[type="text"] {
 border: 1px solid #d2d7d9;
 height: 36px;
 padding:0 2%;
 margin:0;
 width: 96%;
 text-align: left;
 color: #000000;
 font-size: 15px;
 font-family: 'Open Sans', sans-serif;
}

textarea {
 border: 1px solid #d2d7d9;
 height: 140px;
 padding:2%;
 margin:0;
 width:96%;
 text-align: left;
 color: #000000;
 font-size: 15px;
 font-family: 'Open Sans', sans-serif;
}

input:focus, textarea:focus { border:1px solid #f6a648; }

input[type="submit"],
input[type="submit"]:hover {
    background-color: #f6a648;
    background-image: -moz-linear-gradient(center bottom , #ff8a00 15%, #f6a648 85%);
    border: 1px solid #ff8a00;
    border-radius: 2px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    outline: 0px none;
    padding: 8px 16px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

input[type="submit"]:hover {
    background-color: #ff8a00;
    background-image: -moz-linear-gradient(center bottom , #e77d00 15%, #ff8a00 85%);
    border: 1px solid #e77d00;
}

.error { border: 1px solid red !important; }

.strona { border-radius:4px; border: 1px solid #f6a648; color:#f6a648; padding:2px 8px; margin:0 2px; }
a.strona { border-radius:4px; border: 1px solid #d2d7d9; color:#525252; padding:2px 8px; margin:0 2px; }
a.strona:hover { border-radius:4px; border: 1px solid #d2d7d9; color:#525252; text-decoration: none; background:#d4d8da; padding:2px 8px; margin:0 2px; }

a { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }