@charset "utf-8";
/* CSS Document */

* {
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, sans serif;
	margin:0;
	padding:0;
	}

body {
	margin:0;
	padding:0;
	background:#1B1310 url(../images/totalbg.jpg) top no-repeat;
	}

#kontener {
	width:960px;
	height:auto;
	margin:0 auto;
	z-index:100;
	}
	
#topmenu {
	height:72px;
	width:auto;
	float:left;
	margin-left:85px !important;
	margin-left:42px;
	padding-left:0 !important;
	padding-left:1px;
	}
	
#topmenu a {

	float:left;
	height:72px;
	background-position:top;
	}
	
#topmenu a:hover {
	background-position:bottom;
	}
	
	
	
/* elementy menu */

a.witamy { width:117px; background:url(../images/m-witamy.jpg) no-repeat; }
a.restauracja { width:151px; background:url(../images/m-restauracja.jpg) no-repeat; }
a.menu { width:133px; background:url(../images/m-menu.jpg) no-repeat; }
a.galeria { width:124px; background:url(../images/m-galeria.jpg) no-repeat; }
a.imprezy { width:128px; background:url(../images/m-imprezy.jpg) no-repeat; }
a.kontakt { width:137px; background:url(../images/m-kontakt.jpg) no-repeat; }

#kontener-wew {float:left; width:960px; margin-top:195px; }
#nakladka {position:relative; z-index:1; top:0; left:107px;}
#js-top {

	width:725px;
	height:276px;
	margin-left:117px !important;
	margin-left:110px;
	margin-top:-281px;
	z-index:1;
	}
	
#mainbody {
	float:left;
	width:745px;
	margin-left:103px !important;
	margin-left:51px;
	padding-left:0 !important;
	padding-left:1px;
	background:url(../images/kontener-bg.jpg) bottom no-repeat;
	height:auto !important;
	height:440px;
	}
	
#leftmodule {
float:left;
width:356px;
height:auto;
}

#leftmodule h1 {

	width:356px !important;
	width:340px;
	height:37px;
	display:block;
	font-size:14px;
	text-transform:uppercase;
	background:url(../images/title-bg.png) 0 0 no-repeat;
	font-weight:normal;
	color:#1a120f;
	padding:7px 0 0 18px;
	margin:10px 0 0px 13px;
	}
	

	
	

.news {

	width:338px;
	clear:left;
	float:left;
	margin-left:25px !important;
	margin-left:9px;
	margin-bottom:10px;
	padding-bottom:15px;
	padding-left:5px;
	background:url(../images/divider.gif) bottom no-repeat;
	line-height:1.1em;
	text-align:justify;
	}
	
.news-last {

	width:338px;
	clear:left;
	float:left;
	margin-left:25px !important;
	margin-left:9px;
	margin-bottom:5px;
	padding-bottom:14px;
	padding-left:5px;
	background:none;
	line-height:1.1em;
	text-align:justify;
	}
	

	
.news h2 a,
.news-last h2 a {

	font-size:13px;
	color:#1a120f;
	text-decoration:none;
	}
	
.news a,
.news-last a {

	font-size:13px;
	text-decoration:none;
	color:#1a120f;
	}
	


/*prawa strona*/

#rightmodule {

float:left;
width:360px;
height:auto;
}	
	
#rightmodule h1 {

	width:356px !important;
	width:332px;
	height:37px;
	display:block;
	font-size:14px;
	text-transform:uppercase;
	background:url(../images/title-bg.png) 0 0 no-repeat;
	font-weight:normal;
	color:#1a120f;
	padding:7px 0 0 18px;
	margin:10px 0 0 17px !important;
	margin:10px 0 0 5px;
	}
	
#rightmodule p {

	width:auto !important;
	width:335px;
	font-size:13px;
	text-align:justify;
	color:#1a120f;
	padding-left:30px !important;
	padding-left:15px;
	line-height:1.5em;
	}
	
#rightmodule img {

	padding:3px;
	border:1px solid #90845c;
	}
	
	

#bottommodules {

	float:left;
	width:745px;
	height:90px;
	background:url(../images/bottom-modules.jpg) 0 0 no-repeat;
	margin-top:10px;
	padding:10px 0 0 0;
	}
	
#b-left {

	float:left;
	font-size:12px;
	margin-left:105px !important;
	margin-left:53px;
	text-transform:uppercase;
	line-height:1.8em;
	color:#63583b;
	}
	
#b-left a {

	text-decoration:none;
	color:#63583b;
		}
	
#b-right {

	width:220px;
	float:left;
	font-size:12px;
	margin-left:155px !important;
	margin-left:160px;
	text-transform:uppercase;
	line-height:1.8em;
	color:#63583b;
	}

#bottommenu {
	float:left !important;
	float:none;
	width:745px;
	height:auto;
	background:url(../images/divider-big.gif) top no-repeat;
	padding:14px 0 14px 0;
	font-size:13px;
	color:#63583b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#bottommenu-wew {
	width:540px;
	margin:0 auto;
	text-align:center;
	}
	
#bottommenu-wew a {
	text-decoration:none;
	color:#63583b;
	padding:0 5px 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#bottommenu-wew a:hover {
	color:#382f18;
	}

#zurawiec-baner { 

	float:left;
	clear:both;
	width:745px;
	height:90px;
	}
	
#zurawiec-baner a img {border:0;}


#facebook { 

	float:left;
padding-left: 20px;
padding-bottom: 15px;
	}
	
	
#footer {
	float:left;
	width:840px;
	height:auto;
	text-align:right;
	margin:25px 0 65px 0;
	}
	
#realizacja {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6a4a28;
	margin-right:15px;
	margin-bottom:0 !important;
	margin-bottom:25px;
	}
	
#realizacja a {

	text-decoration:none;
	color:#6a4a28;
	}
	
#realizacja a:hover {

	color:#af8354;
	}
	
#realizacja a strong {

	text-transform:uppercase;
	}
	
#leftmodule-p {	

	min-height:525px;
	height:auto !important;
	height:525px;
	}
	
/* dodatki na z-index */

#bluszcz-up {

	position:absolute;
	z-index:20;
	background:url(../images/bluszcz_big.png) 0 0 no-repeat;
	width:237px;
	height:307px;
	top:239px;
	right:105px;
	}
	
#small-bluszcz {

	position:relative;
	z-index:200;
	background:url(../images/bluszcz-bottom.png) 0 0 no-repeat;
	width:109px;
	height:165px;
	float:left;
	margin:-120px 0 0 30px !important;
	margin:-120px 0 0 17px;
	}
	





	
/* style dla podstron */


#podstrona-img {

	float:right;
	width:360px;
	height:260px;
	background:url(../images/restauracja-img.jpg) 0 0 no-repeat;
	margin-left:23px;
	}
	
	
#leftmodule-p {

float:left;
width:697px;
height:auto;
margin-left:10px !important;
margin-left:5px;
}

#leftmodule-p h1 {

	width:697px;
	height:31px;
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/h1-bg.jpg) 0 0 no-repeat;
	color:#1a120f;
	padding:7px 0 0 10px;
	margin:5px 0 10px 13px;
	}
	
	
#leftmodule-p p {

	width:695px;
	clear:left;
	float:left;
	margin-left:10px !important;
	margin-left:5px;
	margin-bottom:5px;
	padding-left:5px;
	background:none;
	line-height:1.4em;
	text-align:justify;

	font-size:14px;
	color:#1a120f;
	text-decoration:none;
	}
	
#leftmodule-p ul {

	padding-left:45px;
	font-size:14px;
	margin-bottom:5px !important;
	margin-bottom:15px;
	}
	
#leftmodule-p li {color:#DC740C;}
#leftmodule-p li span {color:#1a120f;}

#leftmodule-p a {

	text-decoration:none;
	color:#1a120f;
	border-bottom:1px dashed #1a120f;
	}
	
#leftmodule-p a:hover {

	color:#63583b;
	border-bottom:1px dashed #63583b;
	}
	
#leftmodule-p img {

	padding:3px;
	border:1px solid #90845c;
	}
	
#mainbody-topbg {

	float:left;
	width:745px;
	background:url(../images/mainbody-top.png) -2px -2px no-repeat;
	}



/*  index galerii, taki jak w aabstudio  */

#gallery {

	float:left;
	height:auto;
	width:685px;
	margin:20px 0 50px 17px !important;
	margin:20px 0 50px 10px;
	}
	
#gallery .row {

	float:left;
	width:685px;
	height:252px;
	}
	
#gallery img {

	width:195px;
	}
	
.row a {

	float:left;
	margin:0 12px 0 12px;
	}
	
.podpis {

	width:200px;
	height:20px;
	text-align:center;
	}
	
#gallery a,
#gallery a:hover {

	border:none;
	}
	
#gallery a:hover img {

	border: 1px solid #000;
	}
	
	
	
	
/* strona galerii */	

#gallery2 {

	float:left;
	height:auto;
	width:685px;
	margin:20px 0 50px 30px !important;
	margin:20px 0 20px 17px;
	}
	
#gallery2 .row {

	float:left;
	width:685px;
	height:165px;
	}
	
#gallery2 span {

	clear:both;
	width:140px;
	height:20px;
	display:block;
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
	}

.row a {

	float:left;
	margin:0 12px 0 12px;
	}
	
#gallery2 a,
#gallery2 a:hover {

	border:none;
	}
	
#gallery2 a:hover img {

	border: 1px solid #000;
	}


a#powrot {border-bottom:0;}





/* kontakt */

iframe {

width:420px; 
height:230px; 
border:1px solid #90845c !important;
border:0;
padding:3px !important;
padding:0;
margin:0;
}

#leftmodule-p small a {

	color: #1a120f;
	border-bottom:0;
	}
	
#leftmodule-p small,
#leftmodule-p small a {
	font-size:11px;
	}
	
	
/*  formularz rezerwacji  */


/* formularz kontaktowy */

/*
#formularz-rezerwacji {

	float:left;
	margin:20px 0 20px 20px !important;
	margin:20px 0 20px 8px;
	}

#kontakt fieldset {
    border: 1px solid #90845c;
	width:670px;
    padding: 2em 0em 2em 1em; }


#kontakt input { line-height: 14px; }



#kontakt input, select
 {
    float: left;
    width: 165px;
    padding: 1px 2px 1px 2px;
	border:1px solid #90845c;
	 }
	 
	 #kontakt textarea {
	 
	 	width: 400px;
		height:140px;
		border:1px solid #90845c;
		}



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 30%;
        margin: 1px;
        padding: 0 10px 0 0;
        text-align: right;
        color: #1a120f;
		font-size:12px;
		}


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
	margin-right:9px;
    text-align: center;
	background:#90845c;
	color:#FFFFCC;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
*/
	
	
	
	
	
	
/*
*  style ***********************MENU****************************
*/

#leftmodule-p .menu {position:relative; z-index:500; margin-left:20px !important; margin-left:10px;}
.menu {margin-bottom:25px;}

#leftmodule-p .menu p {

float:left;
width:650px;
height:auto;

}


.menu_head {

	color:#fff !important;
	float:left;
	clear:left;
	width:650px;
	height:25px;
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	background:#63583C;
	padding:7px 0 0 10px;
	margin:5px 0 5px 11px;
	opacity:0.4;
	filter:alpha(opacity=40);
	border-bottom:0 !important;
	position:relative; z-index:500;
	
	}
	
.menu_head:hover {
	opacity:1;
	filter:alpha(opacity=100);
	}
	
h3 {

	color:#63583C;
	font-size:15px;
	padding:15px 0 5px 15px;
	height:25px;
	width:300px;
	display:block;
	float:left;
	clear:left;
	}
	
#leftmodule-p .menu ul {

	list-style:none;
	margin:0 !important;
	margin:0 0 0 10px;
	padding:0;
	}
	
.menu p {

	float:left;
	clear:left;
	text-align:left;
	border-bottom:1px dashed #9F863B;
	font-size:12px;
	}
	.menu strong {float:right; text-align:right; color:#63583C;}
	.menu p em {font-style:normal; font-weight:bold; font-size:13px; color:#63583C;}
	
	
	.menu_head {cursor: pointer;}
	.menu_body {display:none;}








/* formularz kontaktowy nowe style */

#formularz-rezerwacji {

	float:left;
	margin:20px 0 20px 70px !important;
	margin:20px 0 20px 35px;
	}



#kontakt fieldset {

    border: 0;

	width:670px;

}





#kontakt input { line-height: 14px; }







#kontakt input, select

 {

    float: left;

    width: 165px;

    padding: 1px 2px 1px 2px;

	border:1px solid #90845c;

	 }

	 label#tresc {
	 
	 float:left;
	 }

	 #kontakt textarea {

		float:left;
		clear:left;
	 	width: 575px;
		height:140px;
		border:1px solid #90845c;
		}







#kontakt label {

    float: left;
    width: 300px;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }



   #kontakt  label span {

        float: left;

        width: 30%;

        margin: 1px;

        padding: 0 10px 0 0;

        text-align: right;

        color: #1a120f;

		font-size:12px;

		}

		#kontakt label span#lewyspan {text-align:left;}
		#kontakt label span#wymagane {float:left; width:270px;}



#kontakt legend {

    padding: 0 1em 1em 1em;

    font-weight: bold; }


label#buton {

	float:left;
	clear:left;
	margin-top:-20px;
}

label#kod input {width:105px;}
label#kod { float:left; width:340px; }
label#kod span {width:90px;}
label#kod img {float:left; margin-left:15px; height:22px; padding:0; border:0;}


#kontakt .button {

    float: left;
	clear:left;

    width: 100px;

    border: 1px !important;

    padding: 4px;

    text-align: center;

	background:#90845c;

	color:#FFFFCC;

    filter:alpha(opacity=70); 
	opacity: .7; }



    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }