@charset "utf-8";
/* CSS Document */
body {
  width:100%;
  overflow-x:hidden;
  background:#281b12;
}
p {
  color:#000000;
}
.header {
  width:100%;
  background:url(../images/header.jpg) repeat-x;
  height:170px;
}
#tlo {
  background:url(../images/tlo.jpg) no-repeat;
  width:100%;
  height:170px;
  position:absolute;
  margin-top:8px;
}
.jezyk {
  background:url(http://www.ekologicznedachy.com/szw/images/lang1.png) no-repeat;
  height:27px;
  position:fixed;
  width:190px;
  z-index:10000;
}
.logo {
  text-indent:-9999px;
}
.logos {
  margin-top:-40px;
  position:relative;
}
.srodek {
  width:100%;
  background: url(../images/probeczka.jpg) no-repeat #160D08;
  background-position:bottom;
  border-bottom:1px solid #ffffff;
    box-shadow:0px 0px 7px #000;

  
}
.kontener {
  height:277px;
  /**background:#ffffff;**/
  margin-top:15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /**border: #cccccc solid 1px;**/
  

}
h1 {
  font-family:'Lobster';
  font-size:28px;
  height:52px;
  line-height:52px;
  border-bottom: #999999 1px dashed;
  color:#f58002;
  padding-left:10px;
  font-weight:bold;
}
h2 {
  font-weight:bold;
  font-family:'Lobster';
  font-size:28px;
  height:52px;
  line-height:52px;
  border-bottom: #999999 1px dashed;
  color:#f58002;
  padding-left:10px;
}
a {
  color:#ffffff;
  text-decoration:none;
  font-family:'Lobster',Arial;
}
a:hover {
  color:#ffffff;
  text-decoration:underline;
}
.losowe {
  margin-left:10px;
  margin-right:10px;
}
.losowe1 {
  margin-left:10px;
  margin-right:10px;
  color:#669900;
}
.opis {
  font-family:'Arial', Helvetica, sans-serif;
  font-size:16px;
  padding-top:15px;
  color:#999999;
  padding-left:10px;
  text-align:justify;
  padding-right:10px;
  font-style:normal;
}
.box_lewy {
  height:341px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /**border-radius: 5px;**/
  /**border: #cccccc solid 1px;**/
  margin-top:15px;
  margin-left:-10px;
  /**background:url(../images/h2.png) repeat-x;**/
  /**background-color:#ffffff;**/
  margin-bottom:20px;
  border-bottom: #999999 1px dashed;


}
.box_prawy {
  height:341px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #cccccc solid 1px;
  margin-top:15px;
  margin-right:-10px;
  /**background:url(../images/h2.png) repeat-x;
  background-color:#ffffff;**/
  margin-bottom:20px;
}
.box_prawy a{
  color:#669900;


}
nav{
  z-index:9999;
}
.moduletablefancyNav{
  /* Affects the UL element */
  overflow: hidden;
  display: inline-block;
  width:960px;
}

.moduletablefancyNav li{
  /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
  
  background-color: #f0f0f0;
  background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
  background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
  background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
  background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
  background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
  
  border-right: 1px solid rgba(9, 9, 9, 0.125);
  
  /* Adding a 1px inset highlight for a more polished efect: */
  
  box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
  -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
  
  position:relative;
  
  float: left;
  list-style: none;
  z-index:9999;
}

.moduletablefancyNav li:after{

  /* This creates a pseudo element inslide each LI */  
  
  content:'.';
  text-indent:-9999px;
  overflow:hidden;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1;
  opacity:0;
  
  /* Gradients! */
  
  background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
  background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
  background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
  background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
  background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
  
  /* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
  
  box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
  -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
  -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
  
  /* This will create a smooth transition for the opacity property */
  
  -moz-transition:0.25s all;
  -webkit-transition:0.25s all;
  -o-transition:0.25s all;
  transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */

.moduletablefancyNav li:first-child{
  border-radius: 4px 0 0 4px;
}

.moduletablefancyNav li:first-child:after,
.moduletablefancyNav li.selected:first-child:after{
  box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
  -moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
  -webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
  
  border-radius:4px 0 0 4px;
}

.moduletablefancyNav li:last-child{
  border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */

.moduletablefancyNav li:last-child:after,
.moduletablefancyNav li.selected:last-child:after{
  box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
  -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
  -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
  
  border-radius:0 4px 4px 0;
}

.moduletablefancyNav li:hover:after,
.moduletablefancyNav li.selected:after,
.moduletablefancyNav li:target:after{
  /* This property triggers the CSS3 transition */
  opacity:1;
}

.moduletablefancyNav:hover li.selected:after,
.moduletablefancyNav:hover li:target:after{
  /* Hides the targeted li when we are hovering on the UL */
  opacity:0;
}

.moduletablefancyNav li.selected:hover:after,
.moduletablefancyNav li:target:hover:after{
  opacity:1 !important;
}

/* Styling the anchor elements */

.moduletablefancyNav li a{
  color: #5d5d5d;
  display: inline-block;
  font: 20px/1 Lobster,Arial,sans-serif;
  padding: 12px 35px 14px;
  position: relative;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
  z-index:2;
  text-decoration:none !important;
  white-space:nowrap;
}

.moduletablefancyNav a.homeIcon{
  background:url('../images/home.png') no-repeat center center;
  display: block;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  text-indent: -9999px;
  width: 60px;
}
/* Slider Style */
.pxs_container{
  width:100%;
  height:420px;
  position:relative;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  overflow:hidden;
  -moz-box-shadow:0px 0px 7px #000;
  -webkit-box-shadow:0px 0px 7px #000;
  box-shadow:0px 0px 7px #000;
}
.pxs_bg{
  background:transparent url(../images/bg.png) repeat top left;
}
.pxs_bg div{
  position:absolute;
  top:0px;
  left:0px;
  width:7584px; /*1264px window width times number of images*/
  height:420px;
  background-repeat:repeat;
  background-position:top left;
  background-color:transparent;
}
.pxs_bg .pxs_bg1{
}
.pxs_bg .pxs_bg2{
  background-image:url(../images/bg2.png);
  /*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
  background-image:url(../images/bg3.png);
  /*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
  display:none;
}
.pxs_container ul{
  margin:0px;
  padding:0px;
  list-style:none;
}
ul.pxs_slider{
  position:absolute;
  left:0px;
  top:0px;
  height:420px;
}
ul.pxs_slider li{
  height:420px;
  float:left;
  position:relative;
}
ul.pxs_slider li img{
  display:block;
  margin:35px auto 0px auto;
  -moz-box-shadow:0px 0px 7px #222;
  -webkit-box-shadow:0px 0px 7px #222;
  box-shadow:0px 0px 7px #222;
  border: 8px solid #ffffff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
ul.pxs_thumbnails{
  height:35px;
  position:absolute;
  top:320px;
  left:50%;
}
ul.pxs_thumbnails li{
  position:absolute;
  display:block;
}
ul.pxs_thumbnails li img{
  border: 5px solid #FFFFFF;
  -moz-box-shadow:1px 1px 7px #555;
  -webkit-box-shadow:1px 1px 7px #555;
  box-shadow:1px 1px 7px #555;
  cursor:pointer;
  display:block;
  opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
  opacity:1.0;
}
.pxs_navigation span{
  position:absolute;
  width:30px;
  height:60px;
  -moz-box-shadow:0px 0px 2px #000;
  -webkit-box-shadow:0px 0px 2px #000;
  box-shadow:0px 0px 2px #000;
  top:145px;
  opacity:0.6;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  cursor:pointer;
}
.pxs_navigation span:hover{
  opacity:0.9;
}
.pxs_navigation span.pxs_prev{
  background:#000 url(../images/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
  background:#000 url(../images/next.png) no-repeat center center;
}
.pxs_loading{
  color:#fff;
  font-size:20px;
  padding:15px 15px 15px 50px;
  position:absolute;
  background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  opacity:0.7;
  width:180px;
  position:absolute;
  top:150px;
  left:50%;
  margin-left:-90px;
}

footer {
  width:100%;
  height:70px;
  background:url(../images/footer.jpg) no-repeat;
  background-color:#f58002;
  -moz-box-shadow:0px 0px 7px #000;
  -webkit-box-shadow:0px 0px 7px #000;
  box-shadow:0px 0px 7px #000;
  border-top:1px solid #ffffff;
}
.stopka {
  background:url(../images/stopka.png) repeat-x;
  background-color:#ffffff;
  height:115px;
  margin-top:20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #cccccc solid 1px;
  margin-left:-10px;
  margin-right:-10px;
  
}

.firmy {
  margin:0 auto;
  padding-left:440px;
  font-family:'Lobster',"Arial";
  font-size:16px;
  height:32px;
  line-height:32px;
  border-bottom: #999999 1px dashed;
  color:#333333;
  margin-left:10px;
  margin-right:10px;
}

.copyright {
  margin-top:30px;
}
.sto {
  font-size:12px;
  font-family:'Lobster',Arial, Helvetica, sans-serif;
  color:#f49e4c;
}
.stoo {
  font-size:12px;
  font-family:'Lobster',Arial, Helvetica, sans-serif;
  color:#ffffff;
  margin-left:320px;
}
.dane {
  font-family:'Lobster';
  font-size:19px;
  padding-top:15px;
  padding-left:25px;
  color:#989898;
  
}

.pani {
  margin-left:229px;
  margin-top:-130px;
}

.zapraszamy {
  margin-left:60px;
  margin-top:20px;
}
ul.sidebar-gallery{margin:0;padding:0;margin-left:45px; margin-top:2px;}
ul.sidebar-gallery li{float:left;margin: 5px 20px;}

ul.sidebar-gallery1{margin:0;padding:0;margin-left:35px; margin-top:40px;}
ul.sidebar-gallery1 li{float:left;margin: 10px 10px;}
ul.sidebar-gallery1 li a img{
  border:3px solid #fff;
-webkit-box-shadow: 0px 1px 3px #444;
-moz-box-shadow: 0px 1px 3px #444;
box-shadow: 0px 1px 3px #444;
}

ul.sidebar-gallery1 li a img:hover{
  border:3px solid #EDEBE8;
-webkit-box-shadow: 0px 1px 3px #444;
-moz-box-shadow: 0px 1px 3px #444;

}


.btn {
  background:url(../images/button.png) no-repeat;
  margin-left:240px;
  height:31px;
  width:131px;
  font-family:'Lobster',Arial;
  padding-left:22px;
  padding-right:22px;
  padding-top:5px;
  padding-bottom:15px;
  position:absolute;
  margin-top:12px;
}
.btn:hover {
  background:url(../images/button-hover.png) no-repeat;
  text-decoration:none;
}

.btn1 {
  background:url(../images/button.png) no-repeat;
  margin-left:400px;
  height:31px;
  width:131px;
  font-family:'Lobster',Arial;
  padding-left:22px;
  padding-right:22px;
  padding-top:5px;
  padding-bottom:15px;
  position:absolute;
  margin-top:12px;
}
.btn1:hover {
  background:url(../images/button-hover.png) no-repeat;
  text-decoration:none;
}

.moduletablejezyk {
  margin-left:12px;
  padding-top:8px;
}