img{
  border: none;
}

body{
  padding: 0px;
  margin: 0px;
  background: #BDBDBD;
  
    scrollbar-face-color: #E0E0E0;
    scrollbar-shadow-color: #E0E0E0; 
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #E0E0E0; 
    scrollbar-darkshadow-color: #4E4E4E;
    scrollbar-track-color: #E0E0E0; 
    scrollbar-arrow-color: #4E4E4E;

}

#wraper {
  text-align: center;
	width: 766px;
	height: 800px;
	margin: 0px auto 0px auto;
	border: 1px solid #525252; /*border-collapse: collapse;*/
	background: url(../images/bcg_gradient.gif) repeat-x #BDBDBD;
	color: #4e4e4e;
	font-family: Verdana, Tahoma;
    
}

#head {
  text-align: center;
	height: 220px;
}
#menu {
  width: 100%;
  height: 30px;
  line-height: 30px;
	font-size: 13px;
	text-transform: uppercase;
	color: #000000;      
}

#menu img{
  	vertical-align: middle;
}

#menu a{
  color: ##4E4E4E;
  text-decoration: none;  
}

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



.clear {
   clear: both;
} 

#leftcol {
	width: 340px;
	height: 450px;
	float: left;
}


#content {
	width: 340px;
	height: 450px;
    float: right;
	text-align: left;
	padding: 40px 70px 0px 10px;
   _padding: 40px 30px 0px 10px;
    

}

#s3slider {
   width: 348px; /* important to be same as image width */
   height: 206px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
margin:0;
padding:0;
position:absolute;
top:0;
width:350px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px 13px;
   width: 348px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.recent {
	width: 380px;
    text-align: left;
	padding: 0px 0px 0px 0px;
    font-size: 10px;
    overflow: auto;
    text-transform: uppercase; 
}

.gallery {
	width: 380px;
    height: 410px;
    text-align: left;
	padding: 0px 0px 0px 0px;
    font-size: 10px;
    overflow: auto;
    text-transform: uppercase; 
}


.news {
	width: 380px;
    text-align: left;
	padding: 0px 0px 13px 3px;
    font-size: 10px;
    height: 141px;
    
    
     
}

 
#footer {
    height: 50px;
    clear: both;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 20px;
    
    
    
}   

#footer a{
  color: #4e4e4e;
  text-decoration: none;
}

#footer a:hover{
  color: #e87800;
  text-decoration: none;
}


.tucne{
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

h1{
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  display: inline;
  text-align: left;
  vertical-align: bottom;
}

.merge{
  display: inline;
  margin-left: -7px;
}



.headlink{
  text-align: right;
  padding: 0px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 9px;
}

.headlink2{
  background: url(../images/line.gif) repeat-x left bottom;
  line-height: 18px;
}

.headlink2 a{
  color: #4e4e4e;
  text-decoration: none;
}

.headlink2 a:hover{
  color: #e87800;
  text-decoration: none;
}

.headlink2 img{
  margin-right: 5px;
  margin-bottom: 2px;
}


.picture{
  width: 128px;
  height: 81px;
  
  background-image: url(../images/pic_bcg.gif);
}

.picture img{
  vertical-align: text-top;
  margin: 4px 0px 0px 4px;
}

.picture a{
  color: #4e4e4e;
  text-decoration: none;
}

.picture:hover{
  color: #4e4e4e;
  text-decoration: none;
}

.picture2 {
  width: 136px;
  height: 61px;
  background-image: url(../images/pic_bcg2.gif);
}

.picture2 img{
  margin: 4px 0px 0px 4px;
}

.picture2 a{
  color: #4e4e4e;
  text-decoration: none;
}

.picture2:hover{
  color: #4e4e4e;
  text-decoration: none;
  background-image: url(../images/pic_bcg2h.gif);
}

.picture3{
  width: 228px;
  height: 84px;
  background-image: url(../images/pic_bcg3.gif);
  
}

.picture3 img{
 margin: 4px 0px 0px 0px;
}

.picture3 {
  color: #4e4e4e;
  text-decoration: none;
}

.picture3:hover{
  color: #4e4e4e;
  text-decoration: none;
  background-image: url(../images/pic_bcg3h.gif)
}

.picture4{
  width: 228px;
  height: 25px;
  background-image: url(../images/pic_bcg4.gif);
}

.picture4 img{
  margin: 4px 0px 0px 4px;
}

.picture4 {
  color: #4e4e4e;
  text-decoration: none;
}

.picture4:hover{
  color: #4e4e4e;
  text-decoration: none;
  background-image: url(../images/pic_bcg4h.gif)
  
}

.picture5 {
  width: 81px;
  height: 128px;
  background-image: url(../images/pic_bcg5.gif);
  
}

.picture5 img{
 margin: 4px 0px 0px 4px;
}

.picture0 {
  color: #4e4e4e;
  text-decoration: none;
}

.picture0:hover{
  color: #4e4e4e;
  text-decoration: none; 
}

.picture0 img{
 margin: 0px 0px 0px 4px;
}

.text {
 font-size: 10px;
 
}

.text a{
  color: #4e4e4e;
  text-decoration: none;
  
}

.text a:hover{
  color: #e87800;
  text-decoration: none;
}

.enlarge {
  height: 50px;
  width: 10px;
  background-image: url(../images/enlarge.gif);
}




.text-gal {
  font-size: 10px;
  text-transform: none;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  vertical-align: top;
  
    
}

.text-gal a{
  color: #4e4e4e;
  text-decoration: none;
  
}

.text-gal a:hover{
  color: #e87800;
  text-decoration: none;
}

.text-gal2 {
  font-size: 9px;
  color: #000000;
  text-transform: none;
  padding: 5px 4px 0px 3px;
  text-align: left;
  vertical-align: top;
  background:url(../images/gallerybcg.gif) repeat-x #FFFFFF;
    
}

.text-gal2 a{
  color: #b2b2b2;
  text-decoration: none;
  
}

.text-gal2 a:hover{
  color: #e87800;
  text-decoration: none;
}


.text-bzil {
  color: #ffffff;
  font-size: 9px;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 0px;
  text-align: left;
  vertical-align: top;
  background:url(../images/bzilbcg.gif) repeat-x #FFFFFF;    
}

.bzil-text {
  font-size: 10px;
  text-transform: none;
  width: 350px;
  padding-left: 5px;
  padding-right: 0px;
  text-align: left;
  vertical-align: top;
  
  
}

.bzil-text a{
  color: #4e4e4e;
  text-decoration: none;
  
}

.bzil-text a:hover{
  color: #e87800;
  text-decoration: none;
}


.text-arr {
  font-size: 10px;
  text-transform: none;
  padding-left: 5px;
  padding-right: 0px;
  text-align: left;
  
}


.text-arr a{
  color: #4e4e4e;
  text-decoration: none;
  
}

.text-arr a:hover{
  color: #e87800;
  text-decoration: none;
}


.text-cont {
  font-size: 10px;
  text-transform: none;
  padding-left: 3px;
  padding-right: 0px;
  text-align: left;
  vertical-align: top;
  
}

.text-cont img{
 vertical-align: text-top;
  
}



.cenik {
  margin-top: 8px;
  font-family: Verdana, Tahoma;
  font-size: 10px;
  text-transform: none;
  line-height: 18px;
  text-decoration: none;
  
}

.cenik td{
 border-bottom: 1px dotted #bebebe;
}


.cenik-levy{
  text-align: left;
}

.cenik-levy a{
  color: #4e4e4e;
  text-decoration: none;
}

.cenik-levy a:hover{
  color: #E87800;
  text-decoration: none;
}

.cenik-pravy{
  width: 223px;
  text-align: left; 
}




.news-pravy {
  text-align: left;
  color: #4e4e4e;
  text-decoration: none;
  width: 265px;
}

.news-pravy a{
  color: #4e4e4e;
  text-decoration: none;
}

.news-pravy a:hover{
  color: #E87800;
  text-decoration: none;
}