* 									{ margin: 0; padding: 0; }

body								{ font: 14px Georgia, Sans-Serif;  background-image: url(../images/21a1.png); } 

#page-wrap							{ width: 784px; margin: 15px auto; } 

a									{ text-decoration: none; }
a:hover								{ text-decoration: underline; }
ul									{ list-style: none; }

h2									{ font-size: 24pt; font-style: italic; font-weight: normal;}

h3									{ font-size: 18px; font-style: italic; font-weight: 400;}

p									{ font-size: 16px; line-height: 22px;}

hr 									{width: 80%; margin: 20px auto; }

img.gallery							{ margin: 3px;}



/* 

	LEVEL ONE

*/

ul.dropdown                         { position: relative; z-index: 100; margin-left: 2px; }

ul.dropdown li                      { font-weight: bold; float: left;margin-right: 3px; zoom: 1; background: #215ccd; padding: 4px 17px;  }

ul.dropdown a:active                { color: #ffa500; text-decoration: none;  }

ul.dropdown li a                    { display: block; color: #fff; }

ul.dropdown a:hover  { color: #090909!important;text-decoration: none; }

ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */ 

ul.dropdown li.hover,

ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; text-decoration: none;}

ul.dropdown li.hover a              { color: #090909;text-decoration: none;}

ul.dropdown li.hover a:hover             { color: #fff; text-decoration: none;}





/* 

	LEVEL TWO

*/

ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }

ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6!important; color: #000; 

									  border-bottom: 1px solid #ccc; float: none; }

ul.dropdown ul li:hover 					{ background: #f3d673!important;}									  

									  

                                    /* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#000; } 

ul.dropdown ul li a:hover 			{color: #000!important;}



/* 

	LEVEL THREE

*/

ul.dropdown ul ul 					{ left: 100%; top: 0; }

ul.dropdown li:hover > ul 			{ visibility: visible; }



ol									{width: 90%; font-size: 16px; margin-left: 40px; line-height: 22px;}

ol li								{margin-bottom: 5px;}

/* 

	DIV ID's

*/

div#lang {float: right; margin-right: 15px;} div#lang img {margin-left: 3px;}

div#header { margin: 0 auto;  } div#header img {border: #fff 2px solid;}

div#menu {margin-left: 1px;}

div#content {padding: 40px 10px;  border: #fff 2px solid; min-height: 250px; background: #e3edf0;}

div#left {width: 60%; float:left;}

div#right {width: 40%; float: left;}

div.gallery img {width: 180px; height: 120px; margin: 2px;}

/*slideshow*/

div.tekst { float: left; width: 500px; font-family: 'Terminal Dosis Light', arial, serif; }

div.tekst h1 { font-weight: bold;  font-size: 36px; color: #f58220;  }

div.tekst h3 { font-size: 24px; color: #231f20; font-weight: bold; margin-left: 20px; border-bottom: #f58220 solid 2px; padding-bottom: 10px; max-width: 460px;}

div.tekst h4 { font-size: 20px; margin-left: 20px; line-height: 24px; }

div.tekst h5 { font-size: 16px; margin-left: 20px; margin-top: -20px; }

div.tekst p { font-size: 18px; color: #231f20; line-height: 30px; padding: 10px 40px 10px 10px; font-weight: normal; clear: both; }

div.tekst ul li { font-size: 18px; color: #231f20; line-height: 36px; font-weight: normal; margin-left: 10px; padding-left: -20px; }

div#obrazek { float: left; width: 500px; }

#slideshow { width: 780px; height: 360px; overflow: hidden; position: relative; margin: 0 auto; }

#slideshow-reel { width: 5400px; height: 360px; position: absolute; top: 0; left: 0; }

#slideshow-reel .slide { width: 780px; height: 360px; float: left; text-align: center;}

/* #slideshow-reel .slide:nth-child(2n+1) {
}

#slideshow-reel h1 { margin: 25px 60px;  font-size: 3em; text-shadow: 0 -1px 1px #f58220; }

/* arrow navigation */



.slideshow-arrow { display: block; position: absolute; top: 190px; width: 48px; height: 48px; }

#slideshow-left { left: 0px; background-image: url(images/arrow-left.png); background-repeat: no-repeat; }

#slideshow-left:hover { background-position: 0 -48px; filter:alpha(opacity=50); }

#slideshow-right { right: 0px; background-image: url(images/arrow-right.png); background-repeat: no-repeat; }

#slideshow-right:hover { background-position: 0 -48px; filter:alpha(opacity=50); }

/* bottom navigation */



#slideshow-nav { position: absolute; left: 340px; top: 265px; width: 780px; }

#slideshow-nav .nav-item { float: left; width: 50px; padding: 11px 0; }

/*#slideshow-nav .nav-item-line { float: left; width: 50px; height: 1px; line-height: 1px;  background-color: black;}

#slideshow-nav .nav-item-line-hidden { background-color: transparent; }*/

#slideshow-nav .nav-item-dot{ float: left; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #fff; }

#slideshow-nav .nav-item-dot:active, #slideshow-nav .nav-item-dot:hover, #slideshow-nav .nav-item-dot:link  { float: left; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #215ccd; }