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

/* tlo - siwe: #4a4545 
bordo: #6f0a16
kolor czcionki h1, h2 sg: #fdd1ea;
tlo belki z adresem: #4e1d23
kolor stopki: #672c33;
tekst ze stopki: #825157

*/

body {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color: #4a4545;
	background-image:url(../img/bg-site.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
li { list-style-type: none; padding:0; margin:0; }
ul {margin:0; padding:0;}

img {behavior:url(pngbehavior.htc); border:0; }

p, h1, h2, h3, input, form {margin:0; padding:0;}
p.justify {text-align:justify}
a, a:link, a:visited { color:#050804; text-decoration:none;}
a:hover, a:active, a:focus {color:#050804; text-decoration:underline}



/* strona ------- */
#container {width: 800px; margin: 0 auto; text-align: left; position:relative; background-color:#6f0a16;}

/* menu ------- */
#container div.menu {width:720px; height:131px; margin:0; padding:0; padding-left:38px; padding-right:40px; background-color:#6f0a16; background-image:url(../img/bg-menu.jpg); background-position:right; background-repeat:no-repeat; }
#container div.menu li {float:left;}
#container div.menu li.logo {width:245px; height:116px; margin:0; padding:0; padding-top:15px;}
#container div.menu-pod li.logo .haslo h1 {
	display: block;
	position: relative;
	width:245px; height:116px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	background: url(../img/img-logo-masala.gif) no-repeat 0 0;
	}
	
#container div.menu-pod li.logo .haslo  h1 a {
	display: block;
	position: relative;
	width:245px; height:116px;
	}
	
#container div.menu-pod li.logo .haslo a span {
	display: none;
	}
#container div.menu li.menu {margin:0; padding:0; padding-top:102px; padding-right:22px;}

/* menu podstrony ------- */
#container div.menu-pod {width:750px; height:131px; margin:0; padding:0; padding-left:40px; padding-right:10px; background-color:#6f0a16; background-image:url(../img/bg-menu-pod.jpg); background-position:right; background-repeat:no-repeat; }
#container div.menu-pod li {float:left;}
#container div.menu-pod li.logo {width:245px; height:116px; margin:0; padding:0; padding-top:15px;}
#container div.menu-pod li.menu {margin:0; padding:0; padding-top:102px; padding-right:15px;}

/* naglowek z foto ------- */
#container div.naglowek-foto {width:800px; height:262px; margin:0; padding:0;}

/* boxy ------- */
#container div.boxy {
	width: 238px;
	height:489px;
	margin:0;
	padding:0;
	position:absolute;
	left: 490px;
	top: 267px;
}


/* srodek ------- */
#container div.srodek-sg {width:760px; height:380px; margin:0; padding:0; padding-left:40px; padding-top:20px; background:url(../img/bg-srodek-tekst.jpg) top right no-repeat;}
#container div.srodek-sg h1 {margin:0; padding:0; font-size:24px; color:#fdd1ea}
#container div.srodek-sg h2 {margin:0; padding:0; padding-top:5px; font-size:18px; color:#fdd1ea}
#container div.srodek-sg p {line-height:18px; font-size:13px;}

#container div.srodek-sg .dol {width:760px; margin:0; padding:0;}
#container div.srodek-sg .dol li {width:144px; margin:0; padding:0; text-align:left; font-size:11px; float:left;}

/* ramka-foto ----- */
#container div.ramka-foto {width:300px; height:275px; margin:0; padding:0; padding-left:10px; padding-right:10px; padding-top:50px; border:1px solid #a9515c;}
#container div.ramka-foto-poziom {width:700px; height:118px; margin:0; margin-top:15px; padding:0; padding-top:10px; padding-left:10px; padding-right:10px; border:1px solid #a9515c;}
#container div.ramka-foto-poziom li {float:left}
#container div.ramka-foto-poziom li.tekst {width:90px; padding-top:25px;}

/* adres ----- */
#container div.adres {width:723px; height:40px; margin:0; padding:0; padding-top:10px; padding-left:40px; padding-right:37px; background:#4e1d23; clear:both; font-size:16px;}
#container div.adres li {float:left; margin:0; padding:0; padding-right:5px;}
#container div.adres a {font-size:16px; color:#FFF; text-decoration:none;}
#container div.adres a:hover {font-size:16px; color:#b89398; text-decoration:none;}
#container div.adres a:visited {font-size:16px; color:#fff; text-decoration:underline;}

/* soptka ----- */
#container div.stopka {width:760px; height:60px; margin:0; padding:0; padding-top:5px; padding-left:40px; background:#672c33;; clear:both;}
#container div.stopka ul {clear:both;}
#container div.stopka li {float:left;}
#container div.stopka li.facebook {width:40px;}
#container div.stopka li.odwiedziny {padding-top:10px; width:80px; color:#98757a; font-size:11px; color:#825157;}
#container div.stopka li.licznik { padding-top:10px; width:50px; color:#825157; font-size:11px;}
#container div.stopka li.tekst {color:#825157; font-size:11px; padding-top:10px; width:620px;}
#container div.stopka a {font-size:11px; text-decoration:none; margin:0; padding:0; color:#825157;}
#container div.stopka a:visited {font-size:11px; text-decoration:none; margin:0; padding:0; color:#825157;}
#container div.stopka a:hover {font-size:11px; text-decoration:none; margin:0; padding:0; color:#b47e85;}
	
/* linki ------- */
a.white { color:#fff; margin:0; padding:0; font-size:12px; text-decoration:none;  }
a.white:visited { color:#fff; margin:0; padding:0; font-size:12px; text-decoration:none;  }
a.white:hover { color:#fdd1ea; margin:0; padding:0; font-size:12px; text-decoration:none}