﻿<style type="text/css">

html, body {
	background-color: #FFFFFF;
	background-image: url(Obrazki/tlo.jpg);
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* style the outer div to give it width 
styl zewnetrzny dajacy szerokosc*/
.menu {
width:774px; 
font-size:0.85em;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:108px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:109px;
position: relative;
}


/* style the links for the top level 
	styl dla linkow z pierwszego menu*/
	
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:108px; 
height:23px; 
border:1px solid #BF837F; 
border-width:1px 1px 1px 1px; 
font-family:arial;
background: url("Obrazki/guzik_03.gif") repeat-x top;
padding-left:0px; 
line-height:23px;
text-align:center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:109px;
w\idth:108px;
}


/* style the second level background 
tlo dla drugiego poziomu gdzie wychodzi nastepna galaz*/
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#800000;
}


/* style the second level hover 
tlo po najechaniu dla drugiego poziomu*/
.menu ul ul a.drop:hover{
background:#CF6E67;
}
.menu ul ul :hover > a.drop {
background:#CF6E67;
}


/* style the third level background 
tlo dla trzeciego poziomu gdzie wychodzi nastepna galaz*/
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#C13B29;
}


/* style the third level hover 
tlo dla drugiego poziomu gdzie wychodzi nastepna galaz po najechaniu*/
.menu ul ul ul a:hover {
background:#CF6E67;
}
.menu ul ul ul :hover > a {
background:#CF6E67;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px;
left:0; 
width:109px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:23px;
t\op:23px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:109px; 
top:0;
width:109px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-109px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links 
style dla menu drugiego rzedu*/
.menu ul ul a, .menu ul ul a:visited {
background: #993325; 
color:#FFF; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:88px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
w\idth:109px;
width:88px;
}


/* style the top level hover 
kolor tla i czcionki po najechaniu na pierwsze menu w ie*/
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#CF6E67;
}
/* style the top level hover 
kolor tla i czcionki po najechaniu na pierwsze menu w firefox*/
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#CF6E67;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
.menudol {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px;}
.menudol a {font-size: 11px; color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif;}
.menudol a:link {text-decoration: none;}
.menudol a:visited {text-decoration: none;}
.menudol a:hover {text-decoration: underline;	color: #FFFFFF}
.menudol a:active {	text-decoration: none;}


	
.panelprawy { float: none; margin-top: 5px; margin-left: 0px; margin-right: 5px; padding-bottom: 5px; } 
.panelprawy { display: block; background: #EFEEED; width: 120px; font-weight: bold; }



.glowny {
	width: 649px;
	background-color: #EFEEED;
}

.nawigacja {
	width: 130px;
	float: left;
	background-color: #EFEEED;
}

.tresc {
	margin-left: 130px;
	background-color: #EFEEED;
}

.tresc2 {	margin-left: 5px; background-color: #EFEEED; }

.srodek2 { display: block; background: #FBF2E3; color: #FFFFFF; font-size: 11px; border-width: 2px; border-style: solid;	border-color: #dddddd; float: right; margin: 5px; margin-left: 0px; }

.listwa3 {width: 629px; display: block; font-weight: bold; font-size:11px; padding: 3px; color: #784A3B; background-image: url(Obrazki/wadi_03.jpg); text-align: center; float: none; }

.wypelnienie2 {display: block; border-bottom: 1px dashed #ccc; padding: 5px; margin: 2px; text-align: center; font-size:11px; color: #784A3B; float: left; width: 620px;}




.menulewe, .menulewe dt, .menulewe dd {
	display: block;
	margin: 1px;
	padding: 0;
	
	font-size: 10px;
}


.menulewe dt {

	width: 107px;
	padding: 3px 0px 3px 3px;
	text-align: left;
	background: #FBE7CC repeat-x top;
	color: #784A3B;
	border-width: 1px;
	border-style: solid;
	border-color: #faf5eb #d1a847 #d1a847 #faf5eb;
}

.menulewe dd {
	width: 100px;
	padding-left: 10px;
	background: #C6AD8D url("Obrazki/punkt.gif") no-repeat left top;
	border-width: 1px;
	border-style: solid;
	border-color: #faf5eb #d1a847 #d1a847 #faf5eb;
}
.menulewe dd a:link,  .menulewe dd a:visited {
	display: block;
	width: 90px;
	text-decoration: none;
	padding: 5px 5px;
	font-weight: bold;
	background: #FBE7CC  repeat-x top;
	color: #784A3B;
}

.menulewe dt a:link,  .menulewe dt a:visited {
	display: block;
	width: 107px;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	font-weight: bold;
	background: #FBE7CC  repeat-x top;
	color: #784A3B;
}

.menulewe dd a:hover, .menulewe dt a:hover {
	background-color: #CEA976;
	color: #fff;
}

.menulewe dd a:hover a:hover {
	background-color: #CEA976;
	color: #fff;
}

.panellewy { display: block; background: #FBF2E3; color: #FFFFFF; font-size: 11px; border-width: 2px; border-style: solid;	border-color: #dddddd; margin: 5px; }


.srodek { display: block; background: #FBF2E3; color: #FFFFFF; font-size: 11px; border-width: 2px; border-style: solid;	border-color: #dddddd; float: right; margin: 5px; margin-left: 0px; }

.listwa {display: block; font-weight: bold; font-size:11px; padding: 3px; color: #784A3B; background-image: url(Obrazki/wadi_03.jpg); text-align: center; float: none; }

.listwa2 {width: 504px; display: block; font-weight: bold; font-size:11px; padding: 3px; color: #784A3B; background-image: url(Obrazki/wadi_03.jpg); text-align: center; float: none; }

.wypelnienie {display: block; border-bottom: 1px dashed #ccc; padding: 5px; margin: 2px; text-align: justify; font-size:11px; color: #784A3B; float: left; width: 490px;}

.mapa {display: block; float: left; margin-right: 5px; margin-bottom: 5px; padding: 7px; background: #fff;}

.obrazek {
	display: block;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	
	background: #fff;
	border-color:#FFFFFF;
	border-width: 2px;
	border-style:solid;
	clear: left;
	
}

.galeria {
	margin: 3px;
	background: #fff;
	border-color:#FFFFFF;
	border-width: 2px;
	border-style:solid;}

.tytul {font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 5px;  background-color: #FFF; margin-bottom: 3px; clear: left; width: 480px;}

.trasa {font-size: 11px; padding: 5px;  background-color: #fffee6; margin-bottom: 3px; font-weight: bold; clear: left; width: 480px; }

.miasta{
padding: 2px;
margin-right: 2px;
	font-weight: bold;
	background: #FBE7CC;
	color: #784A3B;
	text-decoration:none;
	line-height: 20px;

}

.boxVisible {
	display: block;
}
.boxUnvisible {
	display: none;
}

</style>
