html{
height:100%;
}

body{
 color:#333333;
 background-image: url(../img/body_background.png);
 background-repeat: no-repeat;
 background-position: center 5px;
 /*font-family:Verdana,Tahoma,Helvetica,sans-serif, Arial;*/
 font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
 font-size:75%;
 margin:0px;
 padding:0px;
}

.admin_login{
 background-position: center 60px;	
}

.body_gallery_admin_login{
 color:#333333;
 background-image: url(../img/body_gallery_background.png);
 background-repeat: no-repeat;
 background-position: center 54px;
 /*font-family:Verdana,Tahoma,Helvetica,sans-serif, Arial;*/
 font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
 font-size:75%;
 margin:0px;
 padding:0px;
}

h1,h2,h3,h4,h5,ul,li,ol,form{
 padding:0px;
 margin:0px;
}

p{
  margin-top: 20px;
}
 
p a{
 text-decoration: underline;
}

a{
color:#333333;
text-decoration: none;
}
.text a{
 color:#333333;
}
a img{
 border:0px;
}
.clear{
clear:both;
}
.text{
 padding:0 5px;
 font-size:90%;
}
.content{
 width:600px;
 padding:15px 0;
}
.text1{
 padding:5px 0;
 font-size:100%;
}
.more{
 clear:both;
 text-align:right;
}
.more a{
 color:#333333;
 text-decoration:none;
 font-size:80%;
}
.back a{
 color:#333333;
 text-decoration:none;
 font-size:80%;
}
.none{
 display:none;
}

.left, .center, .right{
 float:left;
}

.bold_spacing{
 font-weight: bold;
 letter-spacing: 1px;
 padding: 2px;
 margin: 0;
}

.body{
 width: 100%;
}

.page{
 width:998px;
 margin: 20px auto;
}


/*top*/
.top_admin_login{
 margin-bottom: 5px;
 height: 77px;
}

.top{
 margin-bottom: 10px;
 height: 77px;
}

.top .left, .top_admin_login .left{
 width: 104px;
 float: left;
 margin-right: 10px;
}

.top .center, .top_admin_login .center {
 width: 720px;
}

.top .right, .top_admin_login .right {
 width: 144px;
 float: right;
}

.languages{
 padding-bottom: 5px;
}

.languages ul{
 float: right;
 padding-right: 5px;
}

.languages ul li{
 display:block;
 float:left;
 margin-right:15px;
}

.telephone{
 letter-spacing: 1px;
}

/*end top*/


/*baner*/
.baner {
 padding: 0px 0px 0px 0px;
 position:relative;
}
/* end baner*/

/*menu*/
.menu{
 height: 50px;
 padding: 12px 60px;
 
 background-image: url(../img/menu_bottom.png);
 background-repeat: no-repeat;
 background-position: center 40px;
}

.menu_gallery {
 padding: 10px 70px;
}

.menu ul, .menu_gallery ul{
 float: left;
 overflow: hidden;
 height: 30px;
}

.menu ul li, .menu_gallery ul li{
 float:left;
 margin-right:10px;
 height: 100%;
 list-style:none;
 
 background-image: url(../img/menu_separator.png);
 background-repeat: no-repeat;
 background-position: 0px 1px;
 margin-left: -3px;
 padding-left: 10px;
}

.menu ul li a, .menu_gallery ul li a{
 color: #333333;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 height: 20px;
 padding-bottom:7px;
}

.menu ul li a:hover, .menu_gallery ul li a:hover{
 color: #333333;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 
 background-image: url(../img/arrow.png);
 background-repeat: no-repeat;
 background-position: bottom center;
}

.active{
 background-image: url(../img/arrow.png);
 background-repeat: no-repeat;
 background-position: center 0px;
}

.menu_separator{
 background-image: url(../img/menu_separator.png);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
/*end menu*/


/*main*/
.main{
 padding: 15px 0px 0px 20px;
 line-height: 20px;
}

.main .left{
 width: 610px;
 float: left;
}


.main .center{
 width: 16px;
 height: 392px;
 background-image: url(../img/column_separator.png);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}


.main .right{
 width: 340px;
 float: right;
}

.main .right .pictures{
 margin-left: 10px;
}

.contener_bottom_shadow{
 width: 350px;
 height: 228px;
 background-image: url(../img/bottom_shadow.png);
 background-repeat: no-repeat;
 background-position: 4px 212px;
}

.contener_right_shadow{
 width: 317px;
 height: 212px;
 background-image: url(../img/right_shadow.png);
 background-repeat: no-repeat;
 background-position: 301px 2px;
}

.picture{
 width: 301px;
 height: 200px;
 padding: 0px 20px 0px 0px;
 margin: 12px 0px;
 background-image: url(../img/right_shadow.png);
 background-repeat: no-repeat;
 background-position: 301px 0px;
}

.picture_bottom_shadow{
 width: 189px;
 height: 149px;
 padding: 0px 0px 4px 0px;
 background-image: url(../img/picture_bottom_shadow.png);
 background-repeat: no-repeat;
 background-position: 2px 189px;
}

/*  end main*/

/* gallery*/
.body_gallery{
 color:#333333;
 background-image: url(../img/body_gallery_background.png);
 background-repeat: no-repeat;
 background-position: center 0px;
 /*font-family:Verdana,Tahoma,Helvetica,sans-serif, Arial;*/
 font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
 font-size:75%;
 margin:0px;
 padding:0px;
}

.baner_gallery {
 position: absolute;
 top: 100px;
 left: 132px;
 width: 998px;
 height: 520px;
 padding: 0px 0px;
}

.main_gallery{
 padding: 0px 0px 0px 0px;
 background-image: url(../img/menu_bottom.png);
 background-repeat: no-repeat;
 background-position: center 20px;
}

.main_picture{
 height: 520px;
 width: 998px;
 overflow: hidden;
}
.baner span{
 height: 520px;
 width: 998px;
 overflow: hidden;
 display:block;
}
.maska{
 position: absolute;
 height: 526px;
 width: 999px;
 overflow: hidden;
 z-index:100;
 background-image: url(../img/maska4.png);
 background-position: 0px 0px;
 background-repeat: no-repeat;

}

.button_prev, .button_next{
 width: 25px;
 height: 106px;
 cursor: pointer;
 display: block;
 padding: 0px 10px 20px 0px;
 margin-top: 30px;
 background-position: 0 0;
 background-repeat: no-repeat;
}

.button_prev{
 float: left;
 background-image: url(../img/button_prev.png);
}

.button_next{
 float: right;
 background-image: url(../img/button_next.png);
}

.active_picture{
 background-image: url(../img/maska_aktywne.png);
 background-position: 2px 1px;
 background-repeat: no-repeat;
}


/* end gallery*/


a.link_mapa{
 text-decoration:none;
 color:#fff;
 display:block;
 margin-top:10px;
 font-size:80%;
}
a.link_mapa:hover{
 text-decoration:underline;
}



.border_img{
 border:1px solid #e6decd;
}

.main_right{
 width:700px;
 float:left;
}

.main_right_in{
 padding:10px;
 padding-top:20px;
}

.naglowek, h3.naglowek{
 color:#4F423B;
 font-size:110%;
 margin-bottom:2px;
}
.naglowek a{
 color:#4F423B;
 text-decoration:none;
}
.naglowek span{
 display:none;
}

.naglowek_strona_glowna{
 background: url(../img/naglowek_strona_glowna.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_lokalizacja{
 background: url(../img/naglowek_lokalizacja.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}


.naglowek_galeria{
 background: url(../img/naglowek_galeria.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_wesela{
 background: url(../img/naglowek_wesela.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}
.naglowek_imprezy_firmowe{
 background: url(../img/naglowek_imprezy_firmowe.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}
.naglowek_imprezy_rodzinne{
 background: url(../img/naglowek_imprezy_rodzinne.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_promocja{
 background: url(../img/naglowek_promocja.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}


.naglowek_kontakt{
 background: url(../img/naglowek_kontakt.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_przyjecia_rodzinne{
 background: url(../img/naglowek_przyjecia_rodzinne.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_eventy_firmowe{
 background: url(../img/naglowek_eventy_firmowe.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_o_nas{
 background: url(../img/naglowek_o_nas.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.naglowek_rezerwacja{
 background: url(../img/naglowek_rezerwacja.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:24px;
}

.brown_line{
 height:1px;
 width:581px;
 border-bottom:1px solid #CCCBC9;
 margin-left:30px;
}

.img_left{
 float:left;
 margin-right:20px;
 margin-bottom:10px;
}
.img_shadow{
 border-right:2px solid #DFDFDF;
 border-bottom:2px solid #DFDFDF;
}
.content_bottom{
 padding-top:20px;
 width:690px;
}
.promotion{
 width:310px;
 float:left;
 background: url(../img/line_shadow.png);
 background-position: right top;
 background-repeat: repeat-y;  
 padding-right:40px;
}
.contact{
 width:320px;
 float:left;
 background: url(../img/pioro.png);
 background-position: right bottom;
 background-repeat: no-repeat; 
 padding:20px; 
 padding-right:0px;
 padding-bottom:50px; 
 padding-top:0px;
 min-height:130px;
}
.contact h2{
 background: url(../img/naglowek_kontakt.png);
 background-position: left top;
 background-repeat: no-repeat; 
 height:18px;
 margin-bottom:15px;
 margin-left:-10px;
}

.contact h2 span{
 display:none;
}

/*bottom*/
.bottom{
 font-size: 80%;
 padding: 20px 0px;
 
 background-image: url(../img/menu_bottom.png);
 background-repeat: no-repeat;
 background-position: center 0px;
}

.bottom table tr td{
 padding-right: 5px;
}

.bottom .left{
 width: 620px;
 float: left;
}

.bottom .right{
 width: 330px;
 float: right;
 text-align: right;
}
/* end bottom*/


/*galeria*/
.galeria_kafelki{

}

.galeria_kafelki .thickbox{
 display:block;
  border-right:2px solid #DFDFDF;
 border-bottom:2px solid #DFDFDF;
 width:188px;
 height:135px;
 overflow:hidden;
 float:left;
 margin-right:5px;
 margin-bottom:5px;
}


/*dolaczone pliki*/
.dolaczone_pliki{

}

.dolaczone_pliki h3{
 color:#433027;
 font-size:100%;
}

.dolaczone_pliki ul li{
 list-style: none;
}
.dolaczone_pliki ul li a{
 color:#9b8635;
}

/*mapa*/
.map{
 border:1px solid #433027;
}


/*tiny*/
.mceContentBody, .mceContentBody td{
  color:#333333;
  background-color: #FFFFFF;
  padding-left:20px;
  text-align:left;
  font-size:90%;
}

.first_letter{
 width: 29px;
 height: 29px;
 margin: 2px 2px 0px 0px;
 padding: 0px 4px;
 background-color: #333333;
 color: #FFFFFF;
 font-family: Times New Roman;
 font-size: 25px;
}

.header{
 font-weight: bold;
}

.header_first_letter{
 margin: 0px 5px 0px 0px;
 padding: 0px 5px;
 background-color: #333333;
 color: #FFFFFF;
 font-family: Times New Roman;
 font-weight: bold;
 font-size: 15px;
}

.text_center_left{
 text-align: left;
 padding-left: 200px;
 font-size: 120%;
 line-height: 10px;
}
/*
.specjal_text{
 color:#7F7424;
}
.specjal_text1{
 color:#7F6457;
}
a.link1{
 text-decoration:underline;
}
a.link2{
 text-decoration:none;
}
a.link2:hover{
 text-decoration:underline;
}
.specjal_box{
 border: 1px solid #433027;
 padding:5px;
}

.specjal_box1{
 border-right:2px solid #DFDFDF;
 border-bottom:2px solid #DFDFDF;
 padding:5px;
}
.specjal_box2{
 background-color:#EDE5D5;
 padding:5px;
}
li.lista1{
 list-style:none;
 margin-left:5px;
 margin-bottom:5px;
 padding-left:15px;
 background:transparent url(../img/oliwka.jpg) no-repeat scroll left center;
}
li.lista2{
 list-style:none;
 margin-left:5px;
 margin-bottom:5px;
 padding-left:10px;
 background:transparent url(../img/arrow.png) no-repeat scroll left center;
}

.butt {
	background-color: #ede5d5;
	color:#433027;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-size:90%;
	border: #cdb5b5 1px solid;
}
*/


/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	margin:0 auto;
}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;
}

#pikame li{
	margin: 0px 5px 0px 0px;
	float: left;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{
	margin: 31px 28px 0px;
	position:relative;
	cursor:pointer;
	border: 1px solid #999;
}
.active_img{
 border: 1px solid #000;
}
.pika_main img{}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation{clear:both;text-align:center;}

/* SliderJS */
.sliderjs{
 margin:-5px auto;
 background-image: url(../img/maska_aktywne.png);
 background-position: 372px 1px;
 background-repeat: no-repeat;
}