@charset "utf-8";
body {
text-align:center;
/*background:url(../image/tlo.jpg) repeat-x top center #C7C7C7;*/

background-image:url('../image/tlo.jpg');
background-color:#C7C7C7;
background-repeat:no-repeat;
background-position:top center;

margin:0px;
padding:0px;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#000;
}


h2{
font-weight:normal;
color:#000;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

h3{
font-weight:normal;
color:#000;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
}

.imgx{ border:0px; }

a{ 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#CBCBCD;
text-decoration:none;
outline: none;
}

div{ outline: none; }


/*index*/
#index{ width:980px; margin:0px auto 0px auto; padding:0px; }
#general{ width:980px;  margin:0px; padding:0px; float:left; background:url(../image/tlogen.jpg) repeat-y bottom; }
#general h1{ display:none; }


/*top*/
#top{ width:980px;  height:246px; float:left;  background:url(../image/top.jpg) no-repeat bottom; margin:0px; padding:0px; }

#top_r{ width:530px;  height:246px; float:left;  margin:0px;  }

#logo{ float:left; margin:36px 0px 0px 88px; }
#menu{ float:left; margin:20px 0px 0px 10px; text-align:left; width:525px; height:60px; display: inline; }

#titel{float:left; width:250px; height:20px; text-align:center; margin:42px 0px 0px 20px; font-size:16px; font-weight:bold; color:#FFF; }

#bus{ float:left; margin:0px 0px 0px 7px;}

#zamow{ float:left; margin:203px 0px 0px 3px;}


/*general*/
#gen{  margin:0px; float:left; padding-bottom:20px; width:690px; }
/*.c1{background:url(../image/c1.jpg) no-repeat; }
.c2{background:url(../image/c2.jpg) no-repeat; }
.c3{background:url(../image/c3.jpg) no-repeat; }
.c4{background:url(../image/c4.jpg) no-repeat; }*/

#tekst{ width:645px;  margin:0px 0px 15px 45px; color:#000;  text-align:left; float:left;  }
#tekst a{color:#000; text-decoration:underline;   }

#teksta{ width:645px;  margin:0px 0px 15px 45px; color:#000;  text-align:left; float:left; display:inline; }
#teksta a{color:#000; text-decoration:underline;   }
#teksta .opisb{ float:left; width:630px;  margin:10px 0 0 0; }
#teksta img{ margin:3px; border:1px solid #CCC; }
#teksta h2{ text-decoration:none; font-weight:bold; }


#tekst_k{ width:400px; margin:0px 0px 0px 0px; color:#000; text-align:left; float:right; display:inline;   }
#tekst_k a{color:#000; text-decoration:underline;  }

#tekst_kx{ width:257px; margin:0px 0px 0px 45px; color:#000; text-align:left; float:left; display:inline; border-right:1px dashed #666;     }
#tekst_kx a{color:#000; text-decoration:underline;  }


/*right*/
#right{width:274px;  margin:0px; float:left; }
#gallery{width:274px; height:189px; margin:0 0 0 15px;  float:left; background:url(../image/gallery.jpg) no-repeat; text-align:center; position:relative;
}


#kontakt{width:274px; height:197px; margin:0 0 0 15px; float:left; background:url(../image/kontak.jpg) no-repeat;}

#kontakt1{width:100px; height:23px; margin:16px 0px 5px 78px; float:left; clear:both;}
#kontaktt{width:214px; height:95px; margin:0px 30px; float:left; clear:both; text-align:left; font-size:14px;  color:#FFF;}
#kontakt2{width:170px; height:15px; margin:10px 0px 5px 78px; float:left; clear:both;}

#rbox{width:274px;  margin:0px 0 0 15px; float:left; }

/*footer*/
#footer{ width:980px; height:30px; padding:26px 0px 0px 0px; margin:0px; float:left; clear:both; background:url(../image/footer.gif) no-repeat; } 

#footer_a{float:right; width:600px; margin:0px 30px 0px 0px; color:#000; text-align:right; }
.fot{ text-transform:uppercase; font-size:10px; color:#000;}


#footer_b{float:left; width:250px; color:#000; margin-left:40px; font-size:10px; }

#copyright{ float:left; margin:5px 20px 0px 0px; font-size:11px; color:#000; clear:both; }
#copyright a{ font-size:11px; color:#000;}

#sept{float:left; width:190px; height:18px; text-align:left; font-size:10px; margin:5px 10px 0px 0px; color:#000; clear:both;  }
#sept a{font-size:10px; color:#000;}
#img_sept{ vertical-align:middle; border:none; margin-left:5px; }



/*Zamów*/
.tabkont{ width:400px; margin-left:0px; }
.ktr{width:180px; text-align:right; }
.ktra{ height:8px;}
.ktrx{ height:3px;}


.eroor{ font-weight:bold; color:#F00; font-size:11px;}
.inputex{ background:#CCC; border:1px #FFF solid; margin:2px; width:200px; color:#000; }
.inpudata{ background:#CCC; border:1px #FFF solid; margin:2px; width:80px; color:#000; }

.inputetxt{ background:#CCC; border:1px #FFF solid; margin:2px 0px 2px 0px; width:200px; color:#000; }
.inputeb{ background:#F20000; border:0px; color:#FFF; font-weight:bold; height:20px; }

.cont1{ width:400px; text-align:center; font-weight:bold; color:#36F; margin:0px; padding:0px; }


.rowx{ padding:0px; float:left; width:635px; margin:0; border-bottom:1px dashed #666;  }
.rowx h2{ text-decoration:none; font-weight:bold; }
.rowx img{ margin:5px 5px 5px 0; border:1px solid #CCC; }
.rowx .opis{ float:right; width:270px;  margin:10px 10px 0 0; }


 
/*kontakt*/
.tabkontx{ width:250px; font-size:11px; margin-top:15px;  }
.tabkontx .ktr{width:90px; text-align:right; }

.tabkontx .inputex{ width:150px;  }
.tabkontx .inputetxt{ width:243px; height:60px; }

#kontaktx{ float:left; width:250px;}



#map { width: 370px; height: 300px; margin:5px 0px 5px 5px; float:right; }
#map span { font-size:9px; }
#map a.gmnoprint { font-size:9px; }


/*.slideshow-container{text-align:center; margin-top:44px;  }*********************************************************************/

.imgq{ border:3px #FFF solid; margin:5px; }

/*.slideshow-container{text-align:center; margin-top:44px;  }*/

#zakladka{ position:absolute; /*left:602px; top:400px; right:100px;*/ z-index:80;/* margin:155px 100px 0px 8px;*/ text-align:left;
          left:8px; top:155px; right:100px;}


#galleryx{width:219px; height:124px; margin:35px 15px 15px 25px; float:left; text-align:left;}

#containerx
{
	/*margin:auto;*/
	width:150px;
	position:relative;
	height:126px;
	
	
	
	/*this is just to make it sit further down the browser, you don't need this*/
	margin:0px;
}

.slideshow-item
{
	height:126px;
	overflow:hidden;
	/*width:auto;*/
	position:absolute;
	width:219px;
	text-align:center;

}

/*styling to ensure all content is displayed if JS is disabled, this class is removed by JS onDomReady*/
.noscript .slideshow-item
{
	position:relative;
}

.slideshow-item .slideshow-text
{
	padding:8px;
	position:absolute;
	color:#ffffff;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	z-index:70;
}

.slideshow-item img
{

	border:3px #FFF solid;
	text-align:center;
}

/*menu*/
.rja1{ margin:0px 10px;  }
.rja1 td{ padding:4px 10px; text-align:left; border:1px solid #999;   }
.tm{ background:#C00; font-weight:bold; color:#FFF; width:250px;   }
.bx{ border:0px !important; width:20px; }
.tmo{ border-top:0px !important; background:#FFF;  }
.tmo a{ text-decoration:none !important;   }

.leftpxx{ float:left; width:150px;   font-size:11px  !important; text-align:center; border-right:1px solid #666; display:inline-block;}
.leftpxx h2{ color:#333; font-size:30px; font-weight:bold; padding-top:5px; }
.leftpxx h1{ color:#333; font-size:12px; display:inline !important;}

.leftpx{ float:left; width:450px;   font-size:10px  !important; color:#666; display:inline-block; padding-left:10px;}
.leftpx a{ text-decoration:none !important;   font-size:11px  !important; }
.leftpx a:hover{ font-weight:bold  !important; }
.leftpx a.red{ color:#F00 !important; font-weight:bold  !important;  }

.downx{  width:600px; clear:both;  }

.rozkladt{ border-left:1px solid #999; border-top:1px solid #999; margin-top:10px; width:150px; margin-left:50px; }
.rozkladt td{ border-right:1px solid #999; border-bottom:1px solid #999; padding:5px;  }
.rozkladt .xtm{ background:#333; color:#FFF; text-align:center; font-weight:bold; width:30px; }



.butox{ display:inline-block; height:23px; width:200px; background:#F20000; color:#ffffff !important; text-decoration:none !important; font-size:16px; float:left; text-align:center; padding-top:4px; border:1px #F20000 solid; margin-right:5px;   }
.butox:hover{ background:#fff; color:#F20000 !important; border:1px #F20000 solid;  }

.activ{  background:#000 !important;  border:1px #000 solid  !important;  }