/* CSS Document */

body{
	background-image:url(images/tlo.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#eee9e1;
	padding:0;
	margin:0;
	overflow-x:hidden;
}
a{ 
	outline:none;
    text-decoration:none;
	font-weight:bold;
	color:#7c7b7a;
}
a img{ 
	border:none; 
}
#page{
	width:984px;
	min-height:200px;
	margin:auto;
	overflow:visible;
	margin-bottom:50px;
}
#platki{
	position:absolute;
	margin-left:984px;
	margin-top:810px;
}
#baner{
	height:127px;
	width:984px;
}
#logo{
	position:absolute;
	margin-left:90px;
	margin-top:7px;
}
div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

/*### JĘZYK ###*/
#jezyk{
	font-size:12px;
	position:absolute;
	margin-left:620px;
	margin-top:50px;
	z-index:10;
}
#jezyk p.nag{
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:4px;
	padding-left:30px;
	text-shadow: 1px 1px 0px #FFF;
}
#jezyk p img{
	margin-bottom:-13px;
}
#jezyk p.pod{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	text-shadow: 1px 1px 0px #FFF;
}

/*### MENU ###*/
#menu{
	position:absolute;
	background-image:url(images/belka.png);
	background-repeat:no-repeat;
	width:955px;
	height:111px;
	z-index:15;
}
#menu a{
	display:block;
	height:42px;
	margin-top:22px;
	margin-left:55px;
	float:left;
	background-position:top left;
}
#menu a:hover{
	background-position:bottom left;	
}
.str_gl{
	width:70px;
	margin-left:15px;
	background-image:url(images/glowna.png);
}
.restauracja{
	width:75px;
	background-image:url(images/restauracja.png);
}
.hotel{
	width:66px;
	background-image:url(images/hotel.png);
}
#film{
	width:79px;
	background-image:url(images/film.png);
}
.jak_trafic{
	width:74px;
	background-image:url(images/jak_trafic.png);
}
.kontakt{
	width:75px;
	background-image:url(images/kontakt.png);
}

#slider2{
	position:absolute;
	padding-top:167px;
	margin-left:-348px;
	z-index:5;
	width:1680px;
	height:511px;
	overflow:hidden;
}

/*### WITAMY ###*/
#witamy{
	position:absolute;
	width:484px;
	height:	225px;
	background-image:url(images/witamy_div_caly.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:326px;
	margin-left:505px;
	padding-top:55px;
	z-index:15;
	color:#7c7b7a;
}
#witamy h3{
	font-size: 26px;
	font-family:'Raleway', cursive;
	color:#727272;
	margin:0;
	padding-top:0;
	padding-left: 150px;
	text-shadow: 1px 1px 0px #FFF;
}
#witamy p{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:5px;
	margin-left:50px;
	margin-right:78px;
	line-height:16px;
	text-indent:5px;
}
#tresc{
	width:924px;
	min-height:400px;
	margin-top:550px;
	background-color:#FFFFFF;
	padding: 30px;
	-moz-border-radius-bottomleft:10px; /* FF */
	-moz-border-radius-bottomright:10px; /* FF */
 	-webkit-border-radius-bottomleft:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
 	-webkit-border-radius-bottomright:10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
 	-khtml-border-radius-bottomleft:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
 	-khtml-border-radius-bottomright:10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
 	border-radius-bottomleft:10px; /* pozostałe przeglądarki */	
 	border-radius-bottomright:10px; /* pozostałe przeglądarki */
 	behaviour:url(http://curved-corner.googlecode.com/files/border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
	color:#7c7b7a;
}
#tresc #perla{
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(images/perla_rysunek.png);
	background-position:720px 35px;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #perla #organizujemy{
	margin-left:-51px;
}
#tresc #kontakt{
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(images/kontakt_wzorek.png);
	background-position:290px 5px;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #kontakt #kontaktznami{
	margin-left:-51px;
}
#tresc #dojazd{
	font-family:Verdana, Geneva, sans-serif;
	/*background-image:url(images/perla_rysunek2.png);
	background-position:0px 70px;
	background-repeat:no-repeat;*/
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #dojazd #mapkadojazdu{
	margin-left:-51px;
}
#tresc #krzanowice{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #krzanowice #filmreklamowy{
	margin-left:-51px;
}
#tresc #restauracja{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #restauracja #orestauracji{
	margin-left:-51px;
}
#tresc #hotel{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:25px;
	width:inherit;
	min-height:inherit;
}
#tresc #hotel #nocleg{
	margin-left:-51px;
}
.img-border1 {
	float:right;
	padding:4px;
	background:#fff;
	border:1px solid #e5e5e5;
}
.malyadres {
	padding:4px;
	background:#faf8f5;
	border:1px solid #e5e5e5;
	font-size:10px;
	line-height:15px;
}
#stopka{
	height:130px;
}
#stopka div{
	width:332px;
	height:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:50px 20px;
	padding-left:160px;
	padding-top:30px;
	font-family: 'Raleway', cursive;
	font-size:21px;
	text-shadow: 0 0 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000, 0px 1px 0px #FFF;
}
@-moz-document url-prefix() {
#stopka div{
	width:332px;
	height:100%;
	float:left;
	background-repeat:no-repeat;
	background-position:50px 20px;
	padding-left:160px;
	padding-top:30px;
	font-family: 'Raleway', cursive;
	font-size:21px;
	text-shadow: 0 0 0 #222, 0px 1px 0px #FFF;
}                     }
#stopka .s1{
	background-image:url(images/phone_icon.png);
}
#stopka .s2{
	background-image:url(images/mail_icon.png);
	padding-left:140px;
}
#stopka .s2 u{
	text-decoration: none; border-bottom: 1px solid #fff;
}
/***************************************************
			CONTACT FORM
***************************************************/
#form {
	margin-left:18px;
	background-color: #faf8f5;
	float: left;
	width: 840px;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
	background-image:url(images/kontakt_bg.png);
	background-position:535px 8px;
	background-repeat:no-repeat;
}
#form div {
	float: left;
	width: 840px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#form div label {
	width: 310px;
	display: block;
	font-size: 0.7em;
}
.success {
	background-color: #191919;
	width: 920px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	float: left;
}
.error {
	color: #cc0000;
	font-size: 11px;
	position: absolute;
	top: 0px;
	right: 12px;
}
#form input, textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e5e5e5;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	border-left-color: #e5e5e5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666666;
	width:475px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FFF;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
}	
#form textarea {
	height:80px;
	width: 475px;
	resize: none;
}
#form input:focus, textarea:focus {
	color:#222;
	background-color: #fdfcfa;
	border-right-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-left-color: #bfbfbf;
}
#form .submit {
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:1 2px 0px #FFF;
	border:medium none;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	position:relative;
	text-align:center;
	width:auto !important;
	float: right;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 6px;
	padding-left: 13px;
	margin-top: 0px;
	margin-right: -11px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-color: #b32508;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	text-shadow: 0px 1px 0px #000;
}
#form .submit:hover, .submit.focus {
	background-color: #FFF;
	color:#000;
	text-shadow:none;
}
#form em {
	font-style:italic; 
	color:#b32508; 
	font-size:0.9em; 
}