/* mac hide \*/html {height:100%;}/* end hide*/
body { padding:0; margin:0; height:100%; color:#000000; background:url(bg_retro1.jpg) fixed repeat-x #6B533C; font-family:Georgia, "Times New Roman", Times, serif; color:#F9F9F9; font-size:13px; }
a {outline:none;}
#willa_retro_calosc {min-height:100%; margin-left:250px; background:url(bg_retro2.jpg) repeat-x #5C4333 fixed; margin-bottom:-152px;}
#lewo_retro { position:relative; width:250px; float:left; margin-left:-249px; left:0px; height:100%;}
#willa_retro_stopka { width:100%;  clear:both; height:200px;  background:url(bg_retro_stopka.jpg) repeat-x #564030; 
 color: #000000;  position:relative; }
#clearfooter{clear:both;height:120px;}/*needed to make room for footer*/

.cien_retro {background:url(bg_retro_cien.png) no-repeat ; margin:0 0 0 250px; padding:0; position:absolute; z-index:10; height:700px;  width:53px; } 
.cien_retro2 { right:0; top:0; background:url(bg_retro_cien2.png) no-repeat; margin:0 0 0 250px; padding:0; position:absolute; z-index:9; height:700px;  width:53px; } 
#tresc_retro { padding-top:5px;}
#bg_retro_tekst { margin:0 auto; width:600px; padding:0;}
#bg_retro_tekst1 { width:600px; height:57px;  background:url(bg_retro_tekst1.jpg) no-repeat; }
#bg_retro_tekst1 h1 {text-align:center; font-size:22px; font-style:italic; font-weight:normal; padding-top:8px; letter-spacing:2px;}
h2 {font-size:18px; font-style:italic; font-weight:normal; padding:10px 0 5px 0; margin:0px; letter-spacing:2px; top:0; color:#D9E35B;}
#bg_retro_tekst1 h1 {text-align:center; font-size:22px; font-style:italic; font-weight:normal; padding-top:8px; letter-spacing:2px;}

#bg_retro_tekst2 {width:600px;  background:url(bg_retro_tekst2.jpg) repeat-y; text-align:justify;}
.tekst, .tekst_oferta { z-index:11; padding:0 18px 0 18px; line-height:2.5em; }
.tekst a {outline: 0; color:#C4C4C4; text-decoration:none; padding:0 2px 0 2px; background-color:#4B392D; border:1px solid #333333;  }
.tekst a:hover {color:#FFF; border:1px solid #ccc;}
.tekst ul {padding:0px; margin:0px;}
.tekst li { list-style:disc; padding:0px; margin:0 0 0 40px;}

#bg_retro_tekst3 { width:600px; height:53px; background:url(bg_retro_tekst3.jpg) repeat-y;}
#obraz_retro { margin:0 auto; width:553px;  height:405px; background:url(retro_rama_obrazu.png) no-repeat; }
ul#portfolio li img{ padding:37px 0 38px 0; border:none; width:472px; height:324px}
ul {list-style:none;  }

/*MENU*/
#logo_willa_retro { border:none; width:208px;  height:212px; margin:5px 0px 2px 0px; padding:0;}
#menu_willa{padding:0; overflow:hidden; width:240px; list-style:none; position:absolute; }
#nav li {padding:0;  height:32px;  list-style:none;}
#nav a {padding:24px 0 0 0; margin:2px 0 0 0;  float:left; overflow:hidden; height:0px !important; outline: 0; }
#nav a:hover, #nav li a.current { background-position: 0px -23px ; }
#menu_home a { background: url(menu/menu_willa.gif) no-repeat left top; width:147px; margin:0;}
#menu_oferta a {background: url(menu/menu_oferta.gif) no-repeat left top; width:147px; margin:0;}
#menu_promocje a {background: url(menu/menu_promocje.gif) no-repeat left top; width:147px; margin:0;}
#menu_atrakcje a {background: url(menu/menu_atrakcje.gif) no-repeat left top; width:147px; margin:0;}
#menu_galeria a { background: url(menu/menu_galeria.gif) no-repeat left top; width:147px; margin:0; }
#menu_kontakt a {background: url(menu/menu_kontakt.gif) no-repeat left top; width:147px; margin:0; }
#menu_linki a {background: url(menu/menu_linki.gif) no-repeat left top; width:147px; margin: 0;}
#menu_cennik a {background: url(menu/menu_cennik.gif) no-repeat left top; width:147px; margin: 0;}
/*END MENU*/

#nav span { margin-left:-18px; float:left;  width:147px;  }
.retro_ozdoba1 { padding:13px 0 0 0; background:url(retro_ozdoba1.png) no-repeat top left; margin-top:15px; }
.retro_ozdoba2 {padding:13px 0 0 0; background:url(retro_ozdoba2.png) no-repeat top right; margin:0 0 5px 0;}
.retro_ozdoba3 {padding:0; background:url(retro_ozdoba3.gif) no-repeat center center; margin-top:3px; height:11px;}
.retro_ozdoba4 {background:url(retro_ozdoba4.gif) no-repeat center center; padding-top:33px; height:10px;}
.retro_ozdoba5 {background:url(retro_ozdoba5.gif) no-repeat center center; padding-top:30px; height:10px;}
.retro_ozdoba6 {background:url(retro_ozdoba6.gif) no-repeat center center; padding-top:15px; height:18px;}

#retro_lampa { width:180px; height:180px; background:url(retro_lampa.png) no-repeat; margin-left:150px;
cursor:move; }
#parentElem { float:right; z-index:12; width:100%; height: 180px; top:0; right:0; position: absolute; /*overflow: hidden;*/
 margin:0; padding:0; }    
 
#retro_telefon { width:182px; z-index:14; height:325px; background:url(retro_telefon.png) top right no-repeat; position: absolute; top:0; margin:0; padding:0;}    
#retro_cennik{ width:700px; height:400px; background:url(retro_strona_cennik.gif) bottom center no-repeat; margin:0 auto; padding:0;}
#retro_linki{ width:700px; height:320px; background:url(retro_strona_linki.gif) bottom center no-repeat; margin:0 auto; padding:0;}    
#retro_kontakt{ width:700px; height:316px; background:url(retro_strona_kontakt.gif) bottom center no-repeat; margin:0 auto; padding:0;}
#retro_promocje{ width:700px; height:405px; background:url(retro_strona_promocje.gif) bottom center no-repeat; margin:0 auto; padding:0;}        

/* ---------- galeria ----------------------- */
#gallery {margin:0; padding:0;}
.fotografie {margin: 20px; position: relative; width: 180px; height: 138px; float: left; }
.fotografie_oferta1 {margin:10px 10px 10px 0; position: relative; width: 180px; height: 138px; float: left; }
.fotografie_oferta2 {margin:10px 0 10px 10px; position: relative; width: 180px; height: 138px; float: right; }
.galeria_retro span { width: 170px; height: 128px; display: block; position: absolute; top: 6px;
	left: 7px; background: url(galeria_foto_gora.png) no-repeat; }
.galeria_retro img { border: none; padding: 6px 7px 7px; background: url(galeria_fotografia.gif) no-repeat; }

#retro_camera { position:inherit; margin:0px; } 

/* ---------- END galeria ----------------------- */

/*MENU STOPKA*/
#stopka_menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0;  text-align:center; }
#stopka_menu a { text-decoration:none; color:#000000; padding:5px;}
#stopka_menu a:hover {color:#FFFFFF; background:#473426;}
#stopka_lewa { float:left; width:183px; margin:0px 30px 0px 30px; padding:0; top:0;  }
#projektowanie_stron { list-style:none; padding:0; margin:0; width:183px; height:42px; position:relative; border:none;}
#projektowanie_stron span { display:none; position:absolute; }
#projektowanie_stron a { display:block; text-indent:-1900%; position:absolute; outline:none; }
#projektowanie_stron a:hover { background-position:right top;  padding:0; margin:0; }
#projektowanie_stron a:hover span {display:block;}
#projektowanie_stron .marcol {width:183px; height:42px; background:url(logo_marcol_art_pl.gif) no-repeat; padding:0; margin:0; }
#stopka_prawa { position:absolute;  background:url(bg_stopka_ozdoba.gif) bottom right no-repeat; width:132px; height:100px;
 bottom:0; right:0; margin:0 10px 10px 0;}

#tabela {border:none; margin:0 auto; width:402px; padding:0px; text-align:center;}
#tabela tr { height:31px; padding:0px; }
#tabela td { padding:1px; width:132px; background:url(bg_table.jpg) no-repeat;}

/*- FORMULARZ -*/
#form{ margin:0 auto; width:540px; height:350px; font-size:12px;}
div.row { clear:both;  margin-top:2px;  }
div.row span.label { float:left;  width:180px; text-align:right; margin:0px;  }
div.row span.formw { float:right; width:350px; text-align:left; margin-top:6px;  }
div.row span.left { float:left; text-align:left; font-weight:bold; color: #fff;  }
div.row span.right { float:right; text-align:right; font-weight:bold; color: #fff;  }

#confirmation{ width: 400px; height:220px; padding: 20px; margin: 10px auto; text-align: center; font-weight: bold; }
.formularz { border:1px solid #242424;  background:#EFE9E2;  padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.formularz_submit { border:2px solid #242424; background:#EFE9E2; padding:3px; font-size:14px;
  font-weight:bold; width:150px; margin:0 auto;  }