@font-face {
    font-family: 'ImpactRegular';
    src: url('impact-webfont.eot');
    src: url('impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('impact-webfont.woff') format('woff'),
         url('impact-webfont.ttf') format('truetype'),
         url('impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#navcontainer 
{position: relative;}

#navcontainer ul
{
	position: relative;
	top: 0px;
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}

#navcontainer ul li
{
	display: inline;
}

#navcontainer ul li a
{
	font-family: 'BebasNeueRegular';
	font-size: 20px;
	padding: 6px 12px;
	color: #fff;
	text-decoration: none;
	float: right;
	text-align: center;
	cursor: url('../images/metalhand.cur'), pointer;
}



#navcontainer ul li a:hover
{
	background: #b3b3b3;
	color: #000;
}

 #centrecontainer  #outercontainer #header  #navcontainer  ul  li .activemenu{
background: #fff;
color: #000;
}



body
{
	padding: 0;
	margin: 0;
	color: #FFF;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size: 80%;
	line-height: 150%;
	background: url('../images/bg.jpg');
}

img
{
	border: 0;
}

a
{
	text-decoration: none;
	color: #b6b6b6;
	
}

.fuck a
{
	cursor: url('../images/fuck.cur'), pointer;
}

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

#centrecontainer
{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	
}

#outercontainer
{
	margin-left: -400px;
	position: absolute;
	top: -236px;
	left: 50%;
}

#header
{
	width: 810px;
	height: 31px;
	letter-spacing: 1px;
}

#container    
{
	border: 10px solid #FFF;
	width: 790px;
	height: 370px;
}

#containerleft
{
	float: left;
	width: 370px;
	height: 370px;
	border-right: 10px solid #FFF;
	
}

#containerleft a
{
	text-decoration: none;
	color: #FFF;
	cursor: url('../images/fuck.cur'), pointer;
}

#containerleft img
{
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 370px;
	height: 370px;
}

#containerleft a:hover
{
	text-decoration: none;
	color: #FF80A8;
}

#containerleft h2
{
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: -3px;
	font-size: 250%;
	text-align: right;
}

#containerright
{
	float: left;
	width: 390px;
	height: 350px;
	overflow: auto;
	padding:  10px;
	background: url('../images/bg_r.jpg') no-repeat left #22211f ;
}

#containerright h2
{
	margin: 0;
	padding: 0 0 0 10px;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: -1px;
	font-size: 170%;
	border-bottom: 1px solid #fff;
	border-left: 10px solid #fff;
	line-height: 90%;
	padding-bottom: 5px;
	color: #fff;
}

#containerright h2 a
{
	color: #fff;
}

#containerright h3
{
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	letter-spacing: -1px;
	font-size: 20px;
	width: 60%;
	color: #ffffff;
	font-weight: bold;
}

#containerright h4
{
	padding: 0 0 0 10px;
	margin-top: 10px;
	letter-spacing: -1px;
	font-size: 18px;
	border-left: 10px solid grey;
	font-weight: bold;
}

.linki
{
margin: 0;
list-style-image: url(../images/wykaz_kazan.png);
}

.foto_kazania{

border: 3px solid #e0d9d5;
}

.tytuly_kazania{
margin: 0;
padding: 0;
width: 150px;
float:right;
list-style-image: url(../images/wykaz_kazan.png);
}

.plyta{
margin: 10px 0 20px 0;
padding: 65px 0;
clear: both;
}

hr{
  margin: 20px auto;
  color: #fff;
}

#footer{
width: 790px;
margin: 5px auto;
height: 50px;
`margin-left: 10px;
}

#footer_right
{
	width: 270px;
	text-align: right;
	padding: 5px 0px;
	color: #494847;
	float: right;
	display: inline;
}

#footer_right a
{
	text-decoration: none;
	color: #494847;
}

#footer_right a:hover
{
	text-decoration: none;
	color: #FFF;
}

#footer_left{
text-align: left;
width: 350px;
float: left;
margin-top: 5px;
}
#footer_left a img{
-moz-opacity: 0.30;
-khtml-opacity: 0.30;
opacity: 0.30;
filter: alpha(opacity=30);
}

#footer_left a:hover img{
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.data {

  margin-right: 10px;
  padding-left: 10px;
  margin-top: 4px;
  border-bottom: 1px solid #fff;
  border-left: 10px solid #fff;
  line-height: 90%;
}
.data_dzien {

  font-size: 27px;
  float: left;
  width: 36px;
  line-height: 23px;
  font-weight: bold;
}
.data_reszta {

  font-size: 11px;
  margin-left: 4px;
}

.njus_tekst{
text-indent: 20px;
text-align: justify;
}

#myTable{
margin-top: 10px;
margin-bottom: 10px;
width: 100%;

}

#myTable thead td{
		font-weight:bold;
		color:#fff;
		background-color:#353433;
		text-align: center;
	}
	
#myTable tbody td{
	border-bottom: 1px dashed #a1a0a0;
	padding: 12px 5px;
	font-size: 85%;
	line-height: 100%;
	}

#myTable1 thead td{
		font-weight:bold;
		color:#fff;
		background-color:#353433;
		text-align: center;
	}
	
#myTable1 tbody td{
	border-bottom: 1px dashed #a1a0a0;
	padding: 0 5px;
	font-size: 85%;
	}	


	
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color: #565656;
		color:#FFF;
	}

	.tableRollOverEffect2{
		background-color:#000000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#808080;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#000000;
		color:#FFF;
	}

.kontakt{
text-align: center;
margin: 80px auto 0 auto;
}

#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:385px; 
  height:345px; 
  border:1px solid #888; 
  background:#202020 url(../fotki/kazan_galeria.jpg);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:50px;
  width:385px;  
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 

  }
#gallery li a img {
  width:385px;  
  height:50px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:195px;
  }
#gallery li a:hover img {
  height:195px;
  }

.center{
  text-align: center;
  }
  
.small img{
width: 60px;
height: 60px;
margin: 5px;
}  

.small{
float: left;
}

.kazan_media{
width: 70%;
margin: 5px auto;
}

.kazan_media1{
width: 90%;
margin: 5px auto;
text-align: center;
}

.kazan_media_images{
float:left;
height: 60px;
}

.kazan_media_images a img{
-moz-opacity: 0.30;
-khtml-opacity: 0.30;
opacity: 0.30;
filter: alpha(opacity=30);
}

.kazan_media_images a:hover img{
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.kazan_media_tresc{
float:right;
height: 25px;
margin: 10px 0 0 0;

}

.czysc{
clear:both;
}

.przerwa{
height: 20px;
}

#flashcontent {	
	width: 100%;
	height: 600px;		
}
	
.walidacja{
text-align : center;
color : #eb3d00;
background-color : #f9e7e1;
border: 1px solid #eb3d00;
margin-top : 5px;
margin-bottom : 5px;
width : 98%;
}

form{
margin-top: 20px;
}

.form_input{
background-color: #F7FAFB;
border: 1px solid #88BDDB;
width: 197px;
}

textarea{
background-color: #F7FAFB;
border: 1px solid #88BDDB;
width: 197px;
height: 157px;
}

label{
padding-top: 15px;
margin-bottom: 15px;
}

h1{
display: inline;
font-size: 12px;
font-weight: normal;
}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:370px;
		height:370px;
		overflow:hidden; 
		}	

		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:27px;
		position:absolute;
		left:0px;
		top:-210px;
		}	
	#nextBtn, #nextBtn2{ 
		left:340px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:27px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */