/* Aby strona wygldaa podobnie we wszystkich przegldarkach odstpy itp definiujemy sami */
html, body, div, img, p, h1, h2, h3, a, ul, li { margin:0 ; padding:0 ; border:0 ;}

body
{ background: #895; }

img
{ z-index:-5; }

div.pozycja 
{ position:absolute; margin-left:50%; xborder: solid 1px red;}

div#wlesie
{ width:780px; left:-390px; top:5px; height:80px; background: #673 url(rogi.gif) top center no-repeat; z-index: 4;}

#wlesie h1 /* Gospodarstwo agroturystyczne */
{ text-align: center; font: bold 32px serif; margin-left:60px; margin-top: 5px;}

#wlesie h2 /* w lesie */
{ text-align: center; font: italic normal 36px serif; margin-left:60px;}

#wlesie h3 /* warmia i mazury */
{ text-align: center; font: italic normal 16px serif; position: absolute; top:60px; left:650px; }

#logo
{ position: absolute; margin-left:50%; top: 8px; left: -340px; z-index: 5;}

div#tlo
{ width:780px; left:-390px; top:85px; height:470px; background: url(wlesie-tlo.jpg);z-index: 1;}

/* menu */
div#gospodarstwo
{ width:450px; left:-150px; top:30px; height:80px;}
div#konie
{ width:350px; left:-70px; top:140px; height:80px;}
div#imprezy
{ width:350px; left:10px; top:250px; height:80px;}
div#zdjecia
{ width:350px; left:90px; top:360px; height:80px;}

#tlo img 
{ float: left; border: solid 1px #111;}

#tlo div
{}

#tlo a.menu_gl 
{ font-size: 20px; font-weight: bolder; color: #eee; letter-spacing: 0.1cm; text-decoration: none; 
 line-height: 80px; padding-left: 10px; }

#tlo a.menu_gl:hover 
{font-size: 30px; letter-spacing: 0.3cm; font-weight: bold; xcolor: #ccc; }
/* kuniec menu */

div#wiesci-tlo
{ width:300px; left:-370px; top:305px; height:230px; background: url(wiesci.png); behavior: url(png-opacity.htc); z-index: 8;}

div#wiesci-tresc
{ width:300px; left:-370px; top:305px; height:230px; z-index: 9;}

#wiesci-tresc h3
{ font: bold 18px serif; text-align: center; margin-top: 15px; margin-bottom: 10px; text-decoration: underline; z-index: 6;}

#wiesci-tresc p
{ font: bold 14px sans-serif; margin-top: 6px; margin-left:15px; margin-right: 15px; z-index: 6;}

div#adres
{ width:780px; left:-390px; top:555px; height:60px; background: #673 url(rogid.gif) bottom center no-repeat; }

#adres p
{ font: bold 16px sans-serif; text-align: center; margin-top: 9px; margin-bottom: 5px; color: #111;}



div#tresc-tlo
{ width:700px; left:-350px; top:35px; height:410px; background: url(wiesci-tresc.png); behavior: url(../png-opacity-tresc.htc); 
z-index: 8; border: solid 1px #111; }

div#tresc
{ width:700px; left:-350px; top:35px; height:410px; z-index: 9;}

#tresc h3
{ font: bold 18px serif; text-align: center; margin-top: 15px; margin-bottom: 10px; text-decoration: underline; z-index: 6;}

#tresc p
{ font: bold 14px sans-serif; margin-top: 11px; margin-left:15px; margin-right: 15px; z-index: 6;}

#tresc a.wtxt
{ font: bold 14px sans-serif; z-index: 6; color: #eee; }

#tresc a.wtxt:hover
{ color: #fff; text-decoration: underline;}


#tresc span.galeria
{ width: 670px; height: 340px; padding-left: 12px; xbackground: red; display: block; overflow: auto; }

#tresc span.galeria div 
{ width: 80px; height: 80px; padding: 3px; text-align: center; display: block; float:left; }



div#menu-podstrony
{ position: absolute; top: 95px; margin-left:50%; left:-270px; z-index: 11; width:600px;}

#menu-podstrony li 
{ text-align: center; width: 120px; float: left ; list-style-type: none; 
xborder-top: solid 1px #fb5; xborder-bottom: solid 1px #fb5; }

#menu-podstrony a 
{ text-decoration: none; color: #eee; font-size: 15px; font-weight: bolder; }

#menu-podstrony a.aktualna 
{ text-decoration: underline;  }

#menu-podstrony a:hover 
{ color: #ccc; }


div#krywko
{ width:780px; left:-390px; top:630px; height:60px; text-align: center; }

#krywko p
{ font: normal 11px sans-serif; margin-top: 5px; margin-bottom: 5px; }