body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1em;
  background-color: #fff;
}

#topBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 189px;
  clear: both;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  font-size: 1.3em;
  background-color: #fff;
}
#topBanner .left { padding: 40px 0 0 30px; width: 450px; height: 140px; float: left; color: #ee88b2; }
#topBanner .left a { color: #ee88b2; text-decoration: none; }
#topBanner .left a:hover { color: #fff; }
#topBanner .right { width: 500px; height: 180px; float: right; text-align: right; }
#topBanner .right h1 { float: right; margin: 30px 16px 0 0; padding: 0; width: 230px; height: 70px; border: 0; }
#topBanner .right h1 a { display: block; width: 230px; height: 70px; }
#topBanner .right h1 a span { display: none; }

#top-header {
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0px;
  margin-left: -500px;
  text-align: left;
  width: 1000px;
  height: 189px;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 1;
}

#top-header h1 {
  margin: 35px 0px 0px 25px;
}

#top-header h1 a {
  display: block;
  width: 251px;
  height: 61px;
}

#top-header h1 a span {
  display: none;
}

#content {
  position: absolute;
  top: 189px;
  left: 50%;
  margin-left: -475px;
  margin-bottom: 10px;
  border: 0px;
  width: 950px;
  height: auto;
  line-height: 1.3em;
  z-index: 2;
}

h2 {
  padding: 5px 5px 5px 30px;
  margin: 0 0px 10px 0px;
  clear: both;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #333;
  font-weight: bold;
  background-image: url('../images/odrazka1.gif');
  background-repeat: no-repeat;
  background-position: 9px 10px;
  background-color: #f1d8dd;
}

h3 {
  padding: 0px 10px 0px 0px;
  margin: 0;
  font-size: 1.2em;
}

p {
  margin: 0px;
  padding: 5px 30px 20px 30px;
}

#cenik {
  margin: 0px;
  width: 810px;
  padding: 5px 30px 20px 30px;
  clear: both;
}

a {
  color: #d90079;
  text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

td {
	padding:5px;
}

table {
	margin:10px 0px 10px 0px;
	border-collapse: collapse;
}

.table-header {
	background-color:#faeecb;
}

.frame {
	padding: 5px;
	width: 936px;
	border:2px solid #E3007A;
	background-color:#FFB3DD;
}

.obrazek {
  border: 1px solid #d90079;
}

.textbox {
  width: 300px;
  border: 1px solid #ccc;
}

.tlacitko {
  background-color: #d90079;
  color: #fff;
  border: 1px solid #ccc;
}

#vlajky {
  position: absolute;
  top: 17px;
  left: 50%;
  margin: 0px;
  margin-left: -304px;
  text-align: right;
  width: 608px;
  height: 20px;
  z-index: 50;
  float: left;
}

#vlajky a {
  margin-left: 8px;
}


#box {
  width: 128px;
  height: 128px;
}




    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		left:0;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:128px;
		height:128px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:128px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.pane { width: 128px; height: 128px; overflow:hidden; float: right; margin: 0 0 15px 25px; border: 3px solid #f1d8dd; }