body { 
  	margin:0; 
  	padding:0;
  	font-family:Arial,Verdana; 
  	text-align:center; 
  	background:#8c8c8c url("../images/bg.jpg") repeat-x left top;
}


a {text-decoration:underline;}
a.selected,a:hover {text-decoration:none;}


.clear { clear:both;line-height:0;}
.red {color:#ff0000;}
.hidden {display:none;}

/*layout*/
#head {
	position:relative;
	margin:auto;
	width:1018px;
	height:286px;
	text-align:left;
	z-index:11;
  	background:url("../images/head-bg.jpg") no-repeat 9px top;
}
#sh-left-head {
	position:absolute;
	left:-10px;
	top:242px;
	width:19px;
	height:695px;
	z-index:10;
  	background:url("../images/sh-left-head.jpg") no-repeat left top;
}
#sh-right-head {
	position:absolute;
	right:-8px;
	top:243px;
	width:17px;
	height:766px;
	z-index:10;
  	background:url("../images/sh-right-head.jpg") no-repeat left top;
}
#page {
	position:relative;
	margin:auto;
	width:1018px;
	text-align:left;
	z-index:9;
  	background:url("../images/page-bg.jpg") repeat-y left top;
}
#segway {
	margin:auto;
	width:1000px;
	z-index:10;
  	background:url("../images/segway-bg.jpg") no-repeat left top;
}
#pagebottom {
	position:relative;
	padding:0 0 30px 0;
	width:1000px;
  	background:url("../images/pagebottom-bg.jpg") no-repeat left bottom;
}
#footcontent {
	position:relative;
	height:110px;
	z-index:8;
	background:red;
}
#foot {
	margin:auto;
	position:relative;
	width:1018px;
	height:110px;
	z-index:8;
  	background:url("../images/foot-bg.jpg") no-repeat center top;
}
#sh-left-foot {
	position:absolute;
	left:-25px;
	bottom:-110px;
	width:25px;
	height:238px;
	z-index:10;
  	background:url("../images/sh-left-foot.jpg") no-repeat left top;
}
#sh-right-foot {
	position:absolute;
	right:-25px;
	bottom:-110px;
	width:25px;
	height:238px;
	z-index:10;
  	background:url("../images/sh-right-foot.jpg") no-repeat left top;
}
#extra1 {
	position:absolute;
	top:-108px;
	left:0;
	width:48%;
	height:218px;
  	background:blue url("../images/page-bottom-bg.jpg") repeat-x left top;
	z-index:1;
}
#extra2 {
	position:absolute;
	top:-108px;
	right:0;
	width:45%;
	height:218px;
  	background:blue url("../images/page-bottom-bg.jpg") repeat-x left top;
	z-index:1;
}
#cnt1 {
	float:left;
	width:615px;
}

#cnt1 table {
  margin:10px 20px;
}

#cnt1 table tr.radek1 {
  background-color:#f0f0f0;
}
#cnt1 table th {
  background-color:#f40d03;
  padding:4px;
  font-size:0.8em;
  font-weight:bold;
  color:#fff;
}
#cnt1 table td {
  padding:4px;
  text-align:center;
  font-size:0.8em;
}
#cnt1 table td.doleva {
  text-align:left;
}
#cnt1 table td.doleva_bold {
  text-align:left;
  font-weight:bold;
}

#cnt1 table.kontakt tr td {
  text-align:left;
}

#cnt1 a {
  color:#f40d03;
}

#cnt1 a img {
  border:1px solid #f40d03;
}

#cnt1 ol li{
  font-size:0.8em;
  margin-left:5px;
}

#cnt1 a img.no {
  border:0;
}

#cnt1 .fotogalerie {
  padding-left:20px;
}

#cnt2 {
	float:left;
	width:357px;
}
.textbox {
	margin:40px 0 0 31px;
	padding:0;
	width:584px;
  	background:url("../images/textbox-bg.jpg") repeat-y left top;
}
.textbox2 {
	margin:30px 0 0 31px;
	padding:0;
	width:584px;
  	background:url("../images/textbox-bg.jpg") repeat-y left top;
}
.textbox div.top {
  margin:0;
	padding:0;
	width:584px;
  	background:url("../images/textboxtop-bg.jpg") no-repeat left top;
}
.textbox2 div.top {
	margin:0;
	padding:0;
	width:584px;
  
  background:url("../images/textbox2top-bg.jpg") no-repeat left top;
  background-color: transparent;
}

.textbox2 div.top.firmy {
  background-image: url(../images/textbox22top-bg.jpg) !important;
}

.textbox2 div.bottom,
.textbox div.bottom {
	margin:0;
	padding:20px 15px 50px 19px;
	width:550px;
  	background:url("../images/textboxbottom-bg.jpg") no-repeat left bottom;
}

#iconlist {
	margin:309px 0 0 0;
	padding:0;
	list-style:none;
}
#iconlist li {margin:0;padding:0;}
#iconlist li a {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:357px;
	height:96px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}
#iconlist li a span {
	display:block;
	position:absolute;	
	left:0;
	top:0;
	width:357px;
	height:96px;
	cursor:pointer;
}
#icon1 {background:url("../images/iconlist/icon1.jpg") no-repeat left top; }
#icon2 {background:url("../images/iconlist/icon2.jpg") no-repeat left top; }
#icon3 {background:url("../images/iconlist/icon3.jpg") no-repeat left top; }
#icon4 {background:url("../images/iconlist/icon4.jpg") no-repeat left top; }
#icon5 {background:url("../images/iconlist/icon5.jpg") no-repeat left top; }
#icon6 {background:url("../images/iconlist/icon6.jpg") no-repeat left top; }
#icon7 {background:url("../images/iconlist/icon7.jpg") no-repeat left 3px; }

#icon1en {background:url("../images/iconlist/icon1_en.jpg") no-repeat left top; }
#icon2en {background:url("../images/iconlist/icon2_en.jpg") no-repeat left top; }
#icon3en {background:url("../images/iconlist/icon3_en.jpg") no-repeat left top; }
#icon4en {background:url("../images/iconlist/icon4_en.jpg") no-repeat left top; }
#icon5en {background:url("../images/iconlist/icon5_en.jpg") no-repeat left top; }
#icon6en {background:url("../images/iconlist/icon6_en.jpg") no-repeat left top; }
#icon7en {background:url("../images/iconlist/icon7_en.jpg") no-repeat left 3px; }

/*logo*/
#logo {
  	position:absolute;
  	top:49px;
  	left:9px;  
	margin:0; 
	padding:0;
	width:318px; 
	height:113px;
	z-index:10;
	font-size:1.1em;
}
#logo a {color:#f51116;text-decoration:none;}
#logo span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
 	top:0; 
	width:318px; 
	height:113px;
	z-index:0;
	cursor:pointer;
	background:url("../images/logo.jpg") no-repeat left top;
}
#logotext {
	position:absolute;
	right:-75px;
	top:42px;
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
}
#logotext span {
	display:block;	
	font-size:1.0em;
	color:#ff0a00;
}
#logotext2 {
	position:absolute;
	right:-86px;
	top:53px;
	margin:0;
	padding:0;
	font-size:1.0em;
	font-weight:bold;
}
#logotext2 span {
	display:block;	
	font-size:1.2em;
	color:#ff0a00;
}
#langtext {
  background-color: transparent;
  border:0px solid black;
  color:black;
  display:block;
  font-weight:normal;
  font-size: 8px;
  left:141px;
  padding:0px;
  position:absolute;
  top:155px;
}
#langtext a {
  display: block;
  width: 66px;
  height: 52px;
  text-decoration: none;
  color: black;
  font-weight:normal;
  font-size: 8px;
  float: left;
  position:relative;
}
#langtext a span {
  display: block;
  width: 66px;
  height: 52px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#langtext a span.cz {
  background: transparent url(../images/cz2.png) no-repeat scroll right top;
}
#langtext a span.en {
  background: transparent url(../images/en2.png) no-repeat scroll right top;
}
#langtext a.active span.cz , #langtext a:hover span.cz {
  background: transparent url(../images/cz2.png) no-repeat scroll left top;
}
#langtext a.active span.en , #langtext a:hover span.en {
  background: transparent url(../images/en2.png) no-repeat scroll left top;
}





#langtext a:hover , #langtext a.active {
  text-decoration: none;
  color: red;
}

/*mainmenu*/
#head ul.menulist {
	position:absolute;
	left:9px;
	bottom:0;
	margin:0;
	padding:0;
	width:1000px;
	height:65px;
	background:red;
}
#head ul.menulist li {
	display:inline;
	margin:0;
	padding:0;	
}
#head ul.menulist li a,
#head ul.menulist li span {
	display:block;
	float:left;
	padding:30px 0 0 0;
	height:35px;	
	color:#fff;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	background-color:#000;
	text-decoration:none;
}
#m1 a {width:133px;background:url("../images/menu/m1.jpg") no-repeat left top;}
#m2 a {width:76px;background:url("../images/menu/m2.jpg") no-repeat left top;}
#m3 a {width:126px;background:url("../images/menu/m3.jpg") no-repeat left top;}
#m4 a {width:75px;background:url("../images/menu/m4.jpg") no-repeat left top;}
#m5 a {width:106px;background:url("../images/menu/m5.jpg") no-repeat left top;}
#m6 a {width:89px;background:url("../images/menu/m6.jpg") no-repeat left top;}
#m7 a {width:90px;background:url("../images/menu/m7.jpg") no-repeat left top;}
#m8 a {width:110px;background:url("../images/menu/m8.jpg") no-repeat left top;}
#m9 span {width:49px;background:url("../images/menu/m9.jpg") no-repeat left top;}
#m10 a {width:146px;background:url("../images/menu/m10.jpg") no-repeat left top;}
#head ul.menulist li a.selected, 
#head ul.menulist li a:hover 
{background-position:right top;background-color:#fa0300;}


/*content*/
#cnt1 h2.maintitle {
	margin:40px 0 0 36px;
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
}
#cnt1 p.maintext {
	margin:15px 20px 15px 36px;
	padding:0;
	font-size:0.8em;
	color:#fff;
}
#cnt1 p.maintext a {
	color:#fff;
	text-decoration:underline;
	font-weight:bold;	
}
#cnt1 p.maintext a:hover {text-decoration:none;}
#segwayimage {
	width:550px;
	height:149px;
	background:url("../images/segway-image.jpg") no-repeat left top;
}
.textbox2 div.bottom h2,
.textbox div.bottom h2 {
	margin-left:18px;
	color:#ff0000;
}
.textbox2 div.bottom h3,
.textbox div.bottom h3 {
	margin-left:18px;
	color:#ff0000;
	font-size:0.9em;
	
	position: relative;
	display: block;
}
.textbox2 div.bottom p,
.textbox div.bottom p {
	margin:10px 20px;
	padding:0px;
	font-size:0.8em;
	font-weight:bold;
}
span#distance span#distanceout {
  float: left;
  position: relative;
  display: block;
  height: 26px;
  line-height: 23px;
  width: 90px;
  top: 5px;
  left: 4px;
  padding-left: 3px;
  background-image:url("../images/pozadi-imput-firmy.jpg");
}
.textbox2 div.bottom div.news,
.textbox div.bottom div.news {
	margin:0 0 0 17px;
	padding:20px 1px;
	width:514px;
	background:url("../images/box-separator.jpg") no-repeat left bottom;
}
.textbox2 div.bottom div.news .image,
.textbox div.bottom div.news .image {
	float:left;
}
.textbox2 div.bottom div.news div.image a img,
.textbox div.bottom div.news div.image a img {
	border:4px solid #e3e3e3;
}
.textbox2 div.bottom div.news div.text,
.textbox div.bottom div.news div.text {
	float:right;
	width:360px;
}
.textbox2 div.bottom div.news div.text p,
.textbox div.bottom div.news div.text p {
	margin:10px 0 0 0;
	padding:0;
	font-size:0.8em;
	color:#000;
	font-weight:bold;
}
.textbox2 div.bottom div.news div.text p a,
.textbox div.bottom div.news div.text p a {text-decoration:underline;color:#ff0000;}
.textbox2 div.bottom div.news div.text p a:hover,
.textbox div.bottom div.news div.text p a:hover {text-decoration:none;}
.textbox2 div.bottom div.news div.text p.title,
.textbox div.bottom div.news div.text p.title {
	margin:0;
	padding:0;
}
.textbox2 div.bottom div.news div.text p.title a,
.textbox div.bottom div.news div.text p.title a {text-decoration:none;}
.textbox2 div.bottom div.news div.text p.title a:hover,
.textbox div.bottom div.news div.text p.title a:hover {text-decoration:underline;}



/*foot*/
#foot ul.menu {
	margin:0;
	padding:15px 0;
	list-style:none;
}
#foot ul.menu li {
	display:inline;
	margin:0;
	padding:0;
}
#foot ul.menu li a {
	padding:0 10px;
	color:#fff;	
	font-size:0.8em;
}
#foot ul.menu li a.selected,
#foot ul.menu li a:hover {font-weight:bold;}

#foot p {
	margin-top:24px;
	font-size:0.8em;
	color:#b9b9b9;
}
#foot p a {
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}
#foot p a:hover {text-decoration:none;}


/* ------- rezervace ----------------*/
#rezervace .hodiny td .odkaz {
  /*
  display: block;
  float:right;
  position:relative;
  top:0px;
  vertical-align:middle;
  width:51px;
  height: 15px;
  */
  display:block;
  float:right;
  height:22px;
  padding-top:5px;
  position:relative;
  top:0;
  vertical-align:middle;
  width:51px;
}
#rezervace .hodiny td a .odkaz {
  cursor: pointer;
  text-decoration: none;
}
#rezervace .hodiny2 td .odkaz {
  float:right;
  position:relative;
  top:0px;
  vertical-align:middle;
  width:51px;
}
#form1 {
  
}
#form1 input{
  
}
#rezervace p {
  margin-left:18px;
}
#rezervace a {
  font-size:0.8em;
  font-weight:bold;
}
#rezervace table {
  margin: 0;
  padding: 0;
  width: 55px;
  height: 15px;
}
#rezervace tr {
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
}
#rezervace .hodiny th {
  background-color: none;
  color: black;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  width: 55px;
  height: 15px;
  background-color: rgb(254,255,255);
  font-weight: bold;
}
#rezervace .hodiny2 th {
  background-color: none;
  color: black;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  width: 55px;
  height: 15px;
  background-color: rgb(254,255,255);
  font-weight: bold;
}
#rezervace .hodiny td a{
  font-size:1.0em;
  font-weight:bold;
  color: black;
}
#rezervace td {
  border: 0px solid gray;
  margin: 4px;
  padding: 2px;
  width: 15px;
  height: 25px;
}
#rezervace .hodiny td {
  /*
  background-color:transparent;
  display:block;
  font-size:1em;
  font-weight:bold;
  height:23px;
  margin:1px;
  padding:0 2px 2px;
  width:48px;
  */
  /* background-color: rgb(254,255,255); */
  
  border: 1px solid gray;
  background-color: transparent;
  margin: 4px;
  padding: 2px 2px 2px 2px;
  width: 15px;
  height: 25px;
  font-size:1.0em;
  font-weight:bold;
  
}
#rezervace .hodiny2 td {
  border: 0px solid gray;
  /*background-image: url(../images_pujcovna/green.gif);*/
  margin: 4px;
  padding: 2px 2px 2px 2px;
  width: 15px;
  height: 25px;
  font-size:1.0em;
  font-weight:bold;
}

/* --- upravy dodatecne -------------------- */
select.s_mesic {
  width: 120px;
}
.small_text {
  font-size: 10px;
}


table.tabulka_cenik {
  width: 432px;
}

#page #rezervace {
  margin-left: -14px;
}

#page #rezervace table#text-small-table {
  font-size: 0.7em;;
}
#page #rezervace table#text-small-table td {
  background-color:transparent;
  display:block;
  float:left;
  height:31px;
  margin:0;
  padding:0;
  width:25px;
}
#page #rezervace table#text-small-table td .odkaz {
  background-color:transparent;
  display:block;
  margin:0;
  padding:8px 0 0;
  width:25px;
}




#calc {
  display: block;
  background: transparent url(../images/clac-bg.png) no-repeat scroll left top;
  width: 530px;
  height: 214px;
  margin: 0px 0px 10px 5px;
}
#calc input#czk , #calc input#eur , #calc input#dol , #calc input#lib {
  display: block;
  width: 98px;
  height: 21px;
  background-image: url(../images/calc-input.png);
  background-position: left top;
  background-repeat: no-repeat;
  border-width:0px;
  position: relative;
  float: left;
  padding-left: 60px;
  margin: 0;
  font-weight: bold;
}
#calc input#submit {
  display: block;
  width: 158px;
  height: 23px;
  background-image: url(../images/calc-submit.png);
  background-position: left top;
  background-repeat: no-repeat;
  border-width:0px;
  position: relative;
  float: left;
}
#calc input#submit2 {
  display: block;
  width: 158px;
  height: 23px;
  background-image: url(../images/calc2-submit.png);
  background-position: left top;
  background-repeat: no-repeat;
  border-width:0px;
  position: relative;
  float: left;
}
#calc p {
  display: block;
  font-weight: bold;
  color: black;
  width: 490px;
  height: 56px;
  margin: 10px 0 0 0;
  padding:25px 0 0 25px;
}
#calc input#czk {
  top: 20px;
  left: 25px; 
}
#calc input#submit , #calc input#submit2 {
  width: 101px;
  top: 20px;
  left: 30px; 
}
#calc input#eur {
  top: 20px;
  left: 45px; 
}
#calc input#dol {
  top: 26px;
  left: 304px; 
}
#calc input#lib {
  top: 55px;
  left: 145px; 
}
div#odkazy-bottom {
  color: white;
  text-decoration: none;
  font-size:0.8em;
}
div#odkazy-bottom a {
  color: white;
  text-decoration: none;
}
div#odkazy-bottom a:hover {
  font-weight: bold;
}
div#firemni-akce-form {
  margin-left: 0px;
}
div#firemni-akce-form form {
  background: transparent url(../images/firmy-poptavka-bg.png) no-repeat scroll 8px top;
  padding-top: 10px;
  margin-top:97px;
}
div#firemni-akce-form span {
  display: block;
  width: 140px;
  float: left;
  height:27px;
  line-height:23px;
}
div#firemni-akce-form input {
  display: block;
  float: left;
  border:0px solid black;
  width: 160px;
  background-image: url(../images/pozadi-imput-firmy.jpg);
  height:23px;
  line-height: 23px;
}
div#firemni-akce-form textarea {
  background-image: url(../images/pozadi-imput-firmy.jpg);
  background-repeat: no-repeat;
}
div#firemni-akce-form input#submit {
  border: 0px #8C8C8C solid;
  width: 110px;
  background-color: #FF1E00;
  color: white;
  font-weight: bold;
  height: 22px;
  background-image: url();
}
div#firemni-akce-form select {
  display: block;
  float: left;
  border:1px solid #707070;
  width: 102px;
  height:23px;
}
div#firemni-akce-form a {
  display: block;
  float: left;
  margin-left: 10px;
}
#firma-bottom-bg {
  position: relative;
  background: transparent url(../images/firmy-poptavka-bg2.png) no-repeat scroll 0px top;
  height: 13px;
  width: 530px;
  left: 8px;
  bottom: 0px;
}
#ldie_firmy {
  background-image:url("../images/lidi_05.png");
  background-position:50px bottom;
  background-repeat:no-repeat;
  display:block;
  height:280px;
  margin:0 0 0 30px;
  position:relative;
  width:600px;
  float: left;
}
.textbox2.top160 {
  margin-top: 160px;
}