/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; color: #666; font-weight: bold; }
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
form * { border: 0; }

	  
/*Layout

------------------------------------------------------------------------- */
html {height: 100%;}
body { height: 100%; background: #FFF url(images/bg-body.jpg) 50% 0 repeat-x; font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif; font-size: 12px; color: #2B2A2A;}

#top, #content, #footer { width: 900px; margin: 0 auto; position: relative; overflow: visible; clear: both; z-index: 1;}
#page {min-height: 100%; height: auto!important; width: 100%; height: 100%; margin: 0 auto -60px;}

/* Top

------------------------------------------------------------------------- */
#top { height: 431px; padding-top: 40px;}
#jard {position: absolute; left: 20px; top: 50px;}
#bg-top { width: 930px; height: 431px; position: absolute; top: 30px; left: -10px; background: url(images/bg-top.png) 50% 0 no-repeat;}

/* Content 

------------------------------------------------------------------------- */
#content { margin-top: -24px; padding-top: 14px;}
#bg-bar { width: 100%; height: 150px; position: absolute; top: -120px; left: 0px; background: url(images/bg-bar.png) 50% 0 repeat-x;}
#bg-bar h2 { position: absolute; right: 10px; top: 70px;}

#menu { text-align: center; width: 900px; position: absolute; top: 2px; left: 0; z-index: 100; }
#menu li { display: inline; position: relative; }
#menu li a { padding-left: 12px; background: url(images/sep-menu.png) 0 0 no-repeat; line-height: 16px;}
#menu li.first a { background: none;} 
#menu li img {display: inline; vertical-align: middle;}
#menu li ul {position: absolute; top: 16px; left: 0px; width: 140px; border: 1px solid #FDC940; border-width: 1px 1px 5px; display: none; padding: 4px 0; background: #443526;}
#menu li ul li {display: block;}
#menu li ul li a{ display: block; width: 124px; padding: 4px 8px; line-height: 16px; color: #FFEAB3; font-weight: bold;}
#menu li:hover ul {display:block;}
#menu li ul li:hover a { color: #FDC940; text-decoration: none;}
#content p { overflow: hidden; font-size: 13px; line-height: 17px; }
#intro { width: 500px; height: 300px; padding: 59px 28px; background: url(images/bg-intro.png) 0 0 no-repeat; text-align: justify; float: left; letter-spacing: -0.04em;}
#contact { width: 150px; height: 168px; padding: 41px 0 200px 189px; background: url(images/bg-contact.png) 0 0 no-repeat; text-align: center; float: right; letter-spacing: -0.04em;}

/* Subpages 

------------------------------------------------------------------------- */
.subpage { background: url(images/bg-item.png) 0 0 repeat; padding: 40px 20px; font-size: 13px; margin: 8px 0 0; position: relative;}
h3 { text-align: center; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; font-family: Garamond; clear: both;}
h3 a {color: #2B2A2A;}
h4 {text-align: center; font-size: 16px; margin-bottom: 20px; font-family: Garamond; clear: both; color: navy;}
#gmap { float: right;}
.subpage table, .subpage td, .subpage th { border: 0;}
#bg-kontakt {position: absolute; top: 60px; left: 30px; z-index: -1;}
.kontakt { float: left; padding: 60px 0 0 50px;}
.meble-foto { position: absolute; top: 120px; right: 60px;}
.meble-foto img { width: 200px;}
.resized { width: auto;}
.button { float: left; width: 82px; height: 28px; float: right; background: url(images/button.gif) 0 0 no-repeat; line-height: 14px; text-align: center; color: #FFF;}

/* Footer 

------------------------------------------------------------------------- */
#footer { text-align: center; height: 26px; overflow: hidden; padding: 24px 0 10px; }

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 60px;}

/* Old 

------------------------------------------------------------------------- */
.style { margin: 20px auto 0; clear: both;}
.tytulydzialow {font: 15px Tahoma;color: navy;text-align: center;background-color: #DDDDDD;}
.nazwapr { font: 12px Tahoma; color: navy;}
.unnamed1 {  font-family: Tahoma, Arial; font-size: 11px; color: #006699; font-weight: bold}
.unnamed2 {  font-family: Tahoma, Arial; font-size: 11px; font-weight: normal; color: #000000; }
#content .unnamed2 p {line-height: 21px;}
.dzialy {  font-family: Tahoma, Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; color: red}
DIV.subnav1 {BORDER-RIGHT:#666666 1px solid; MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; Z-INDEX: 1; BACKGROUND: #FFFFFF; LEFT: 130px; VISIBILITY: hidden; MARGIN-BOTTOM: 0px; BORDER-LEFT: #CCCCCC 1px solid; WIDTH: 130px; COLOR: #000000; BORDER-BOTTOM: #666666 10px solid; FONT-FAMILY: Arial; POSITION: absolute}
DIV.subnav-item {PADDING-RIGHT: 0px; BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 2px; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 18px; line-height:18px}
DIV.subnav-item:hover {PADDING-RIGHT: 0px; BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #F2F2F2; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 2px; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 18px; line-height:18px}
DIV.subnav-item A {font:11px Tahoma; color:#666666; text-decoration:none}
DIV.subnav-item A:hover {font:bold 11px Tahoma; color:#CC0000; text-decoration:none}
.opis{ font-family: Tahoma; font-size: 12px; color: black; text-align: center;}
.q_link{  text-decoration: none;  color: #777;}