body {font:100%/1.25 Arial, Helvetica, sans-serif;padding:0;margin:0; background-image: url('../images/pattern_155.gif');}
img { margin:0; padding:0; border:none; }
p {text-align: justify; line-height:1.5em; color:#4E0E0C;margin:0; }
h1 {letter-spacing:0px; font-size:1.2em;color:#4E0E0C; margin:0; margin-bottom:10px; padding:0}
h2 {letter-spacing:-1px; font-size:1.1em; margin:65px 0 5px 10px; color:#4F2F1A;}
#main { width:918px; margin:0 auto; text-align:center; padding:50px 0px 0 0px; position:relative; }

#gora{position:relative; width:918px; height:14px;  background:url(../images/gora.png) no-repeat; margin:0; }
#dol{ width:918px; height:14px;  background:url(../images/dol.png) no-repeat; margin:0}

#main a#logo2 {position:absolute; top:25px; left:750px; z-index:60}
#main a#logo2 img{z-index:60}
#main a#logo2:hover{opacity:0.7; filter:alpha(opacity=70)}


#main a#flaga {position:absolute; top:0px; left:830px; width:35px;  border:none; }
#main a#flaga img{position:absolute; top:3px; left:53px}
 img#artiambra{position:absolute; left:500px; top:225px;z-index:0}
#menu {padding:0; margin:0; margin-left: 13px; height:35px }
#menu a, #menu a:link, #menu a:visited{opacity:0.75; float:left; background:url(../images/menu1.png) 0px 0px no-repeat; margin: 0 5px 0 0; padding:0; }
#menu a.active{background:url(../images/menu2.png) left top no-repeat;opacity:1;}
#menu a:hover{background:url(../images/menu3.png) no-repeat; }


#betitslide{visibility:hidden; height:263px;  position:relative; top:-6px; left:-8px;  }
#container, #container1{text-align:left;width:888px; position:relative; margin:0; padding: 0px 15px 20px 15px; background:url('../images/srodek.png') repeat-y; }
#container { overflow:both }
#cien {position:absolute; top:-6px; right:8px;}
#cien2 {position:absolute; top:-6px; right:8px;}

#container1{min-height:550px; }
#tlo2 {z-index:-100;position:absolute; width:98.4%; height:250px; bottom:-6px; left:7px;z-index:0;background:url('../images/grad.jpg') repeat-x 7px 0px}
#tlo3 {z-index:-100;position:absolute; width:98.4%; height:250px; bottom:-6px; left:7px;z-index:0;background:url('../images/grad.jpg') repeat-x 7px 0px}

#tlo {position:absolute;width:98.4%;   bottom:-6px; left:7px;z-index:0;background:url('../images/grad.jpg') repeat-x 7px 0px}
 div.float{width:247px; padding:20px 25px 20px 20px;  float:left; margin-top:10px;}
 div.float a{color:#F48B37; font-size:0.9em; text-decoration:underline}
 div.float a:hover{color:#F4BA37; font-weight:bold}

#main img#kwiat{ position:absolute; right:40px; bottom:5px;  border:none;}

/*galeria*/

.container2 h1 {margin: 30px 0 30px 0;}
.container2 a img{ float:left; margin:5px 0 5px 2px; border: 1px solid gray;}
.container2 a:hover img{border: 1px solid #F48B37;}

/*ofirmie*/
#container3{ height:630px; text-align:left;width:888px; position:relative; margin:0; padding: 0px 15px 20px 15px; background:url('../images/srodek.png') repeat-y; }
#container3 .float p{z-index:1000; }
#container3 .float {position:relative;z-index:90}
ul li{color:#4E0E0C; text-align: left;  font-si%ze:0.9em;padding:0; margin:0; margin-bottom:10px; font-weight:bold; }
ul { margin:10px;position:relative; margin-right:0; padding:0;}
ul li ul li{list-style-type:none; font-weight:normal}

/*kontakt*/
 img#nasz1{position:relative; top:-6px; left:-8px; display:block; height:263px; width:400px;}
#container1 div.float p img{text-align:left; vertical-align:bottom; line-height:1.5em}
.lower{padding-top:30px;}
.float a.lower{line-height:6em; }
.lower span {font-weight:bold; font-size:1.1em}
#container div.float {position:relative; overflow:both}
#container div.float p {position:relative;z-index:100; }
#container1 div.float2{width:197px; padding:60px 0px 20px 50px;  float:left;}
#container div.container2 {position: relative; left: 10px; overflow:hidden; } 

div.mapka{margin-left:30px;border: 5px solid #C0C0C0; position:relative; background:url(../images/mapa.jpg) no-repeat 5px 5px; width:812px; height:474px} 
div.mapka2{margin:0px;border: 5px solid #C0C0C0; position:relative; background:url(../images/mapa2.jpg) no-repeat 5px 5px; width:837px; height:554px} 

div.mapka a {position:absolute; top:220px; left:170px;}

#container div.float div.mapka2{border: 1px solid #C0C0C0; position:relative; background:url(../images/mapka2.jpg) no-repeat 5px 5px; width:290px; height:191px}
#container div.float div.mapka2 a {position:absolute; top:80px; left:35px;}

#footer {text-align:center; margin: 0 auto; color:#fff; font-size:12px; margin-top:5px; margin-bottom:5px}
#footer p{text-align:center;color:#fff; margin:10px}
#footer img{text-align:center; margin-left:30px; margin-right:30px}
#footer a {color:#FFD800}
#footer a:hover{color:#FFED93}