/*css http://www.midasweb.eu */
* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background: #e6edf3;
	color: #424242;
	margin: 0 auto;
	padding: 0px;
	letter-spacing: 0px;
	text-align: center;
	font-family: arial, Tahoma, georgia, "trebuchet ms", verdana, helvetica, lucida, sans-serif;
	font-size: 80%;
	line-height: 1.4;
}

img {
	border: 0;
	display:inline;
}
ul li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#top {
	background: #ffffff url(../images/top.jpg) repeat-x left top;
	position: absolute;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 458px;
}
/*tooltip*/
#easyTooltip {
	padding: 10px;
	border: 1px solid #D8EAF8;
	border-bottom: #9BC0DF 2px solid;
	border-right: #9BC0DF 2px solid;
	background: #BCD8EF;
	color: #000;
	display: none;
	text-align: left;
	letter-spacing: 0px;
	z-index: 1000;
}
#easyTooltip b {
	font-size: 120%
}
.tip a {
	cursor: pointer
}
/*head*/
#head {
	width: 960px;
	height: 125px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10
}
#head-in {
	width: 960px;
	height: 125px;
	display: block;
	z-index: 100;
	position: relative;
}
#logoclick {
	background: transparent url(../images/logo.png) left top;
	position: relative;
	top: 32px;
	left: 0px;
	z-index: 5;
	display: inline;
	width: 292px;
	height: 64px;
	float: left;
	clear: both;
	z-index: 10;
}
#h1 h1 {
	position: absolute;
	left: 20px;
	top: 30px;
	z-index: -10;
	color: #ffffff;
	font-family: "Arial Black";
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 1%;
	text-align: left;
	clear: both
}
/*loga*/
#loga {
	position: absolute;
	right: 10px;
	top: 15px;
	color: #666;
	height: 50px
}
#loga a {
	float: left;
	display: block;
	margin: 0 2px; margin-left: 39px;
	font-weight: normal;
	color: #000;
	padding-left: 30px; padding-top: 0px;
	text-align: left;
	text-decoration: none;
	background: url(../images/bg-top-link.jpg) center left no-repeat;
	font-size: 21px;
  font-family: "Klavika", Georgia, serif;
}
#loga a:hover {
	background: url(../images/bg-top-link-hover.jpg) center left no-repeat;
	text-decoration: underline;
	color: #fe571f;
}
/*menu-top*/
#menu-top {
	position: absolute;
	right: 20px;
	top: 12px;
	color: #666;
	height: 20px
}
#menu-top a {
	color: #000;
	text-decoration: none
}
#menu-top a:hover {
	color: #E64F02
}
a.home {
	background: url(../images/home.gif) left center no-repeat;
	padding-left: 22px;
	line-height: 18px;
}
a.kontakt {
	background: url("../images/kontakt.gif") left center no-repeat;
	padding-left: 30px;
	line-height: 18px;
}
a.mapa {
	background: url("../images/mapa.gif") left center no-repeat;
	padding-left: 22px;
	line-height: 18px;
}
/*login*/
#login {
	position: absolute;
	top: 60px;
	right: 0px
}
.text {
	background: url(../images/bg-text-input.gif) center no-repeat;
	border: none;
	width: 135px;
	height: 22px
}
#login td {
	padding: 0px 5px
}
#login input {
	line-height: 22px;
	text-indent: 5px;
}
#login .but {
	background: url(../images/but-login.png) no-repeat;
	width: 105px!important;
	line-height: 15px!important;
	height: 22px;
	border: none;
	padding-left: 10px
}
/*menu*/
#menu {
	background: #c2c6c9 url(../images/bg-menu.jpg) repeat-x;
	position: relative;
	top: 0px;
	left: 0;
	font-size: 130%;
	margin: 0 auto;
	text-align: center;
	height: 56px;
	width: 960px;
	overflow: hidden;
	clear: both;
	float: left;
}
#menu ul {
	margin-left: 0px
}
#menu li {
	display: inline;
	line-height: 56px;
	letter-spacing: -1px;
	font-family: "Arial";
	font-weight: bold;
}
#menu li a {
	color: #000;
	position: relative;
  top: 9px;
  height: 38px;
  display: block;
	float: left;
	text-decoration: none;
	padding: 0 19px;
	letter-spacing:0.01em;
	line-height: 38px;
	margin-right: 3px;
	font-family: "GeogrotesqueLight", Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
	font-size: 18px;
}
#menu li a:hover,
#menu li a.aktive {
	background: #242527 url(../images/bg-menu-item.jpg) repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ffffff;
}
/*buttony*/
#registrace {
	position: absolute;
	top: 100px;
	right: 18px;
	line-height: 40px;
	height: 40px;
	width: 235px;
	_top: 60px
}
#registrace a {
	background: url(../images/tlacitko.png) top center no-repeat;
	line-height: 40px;
	height: 40px;
	font-size: 170%;
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: "Arial";
	letter-spacing: -1px
}
#registrace a:hover {
	background: url(../images/tlacitko.png) bottom center no-repeat;
}
#vyzkouset {
	position: absolute;
	top: 165px;
	right: 18px;
	line-height: 40px;
	height: 40px;
	width: 235px;
	;
	_top: 125px
}
#vyzkouset a {
	background: url(../images/tlacitko.png) bottom center no-repeat;
	line-height: 40px;
	height: 40px;
	font-size: 170%;
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: "Arial";
	letter-spacing: -1px
}
#vyzkouset a:hover {
	background: url(../images/tlacitko.png) top center no-repeat;
}
.kontakt {
	background: url(../images/savana-house.jpg) no-repeat 100% 0%;
}
/*box-obrazek*/
div.box {
	width: 201px;
	float: left;
	display: inline;
	margin: 10px 16px 20px;
}
div.box .obrazek,
div.box .pageth {
	padding: 9px 9px;
	background-color: #c2c9cc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.box .text-in,
div.box .textr-in {
	padding: 5px;
	background-color: #c2c9cc;
	margin-top: 1px;
	font-size: 80%;
	color: #53491C;
	font-weight: normal!important;
	text-align: center!important
}
div.box .text-in span,
div.box .textr-in span {
	color: #ff4000;
	display: block;
	font-weight: bold;
	font-size: 120%!important;
}
#stred div.box .text-in span a,
#stred div.box .textr-in span a {
	background: url(../images/bg-stred-a.jpg) no-repeat left center;
  padding: 3px 0px 3px 28px;
  color: #ff4000;
}
#bloky img {
	border: #e3f3fa 1px solid;
	display: block;
}

#stred a {
  color: #ff4000;
  text-decoration: none;
}

#stred a:hover {
  color: #0099cc;
  text-decoration: underline;
}

.chat-img,
#stred a:hover img.chat-img {
  border: 0px solid;
}

#stred a:hover img {
/*	border: #BAD5EE 1px solid; */
	border: #e3f3fa 1px solid;
}

/*hlavni-layout-obsahova-cast+prava*/
#hlavni {
	width: 960px;
	margin: 0 auto;
	display: block;
	position: relative;
	min-height: 400px;
	height: auto;
}
#obsah {
	background: transparent;
/*	background: url(../img/obsah-top.jpg) top center no-repeat; */
	width: 960px;
	margin: 0 auto;
	display: block;
	float: left;
}
#in {
	min-width: 960px;
	z-index: 10;
	float: left
}
/*leva*/
#leva {
	width: 220px;
	padding: 280px 0 5px 17px;
	float: left;
	text-align: left;
	color: #000
}
#leva p, #prava p {
	background: #D6E9FB;
	border: #A8C9E6 1px solid;
	padding: 10px 15px;
	font-size: 85%;
	margin-bottom: 10px
}
#leva h2 {
	font-size: 150%;
	color: #000;
	letter-spacing: -1px;
	margin-bottom: 10px
}
/*stred-obsahova-cast*/
#stred {
	width: 480px;
	float: left;
	position: relative;
	padding: 0px;
  margin-top: 312px;
	text-align: left;
	letter-spacing: 0.1px;
  z-index: 0;
}
#stred.big {
  width: 620px;
}
#stred b {
	color: #E04900;
}
#stred p {
	padding: 6px 0px;
	text-align: justify;
	font-family: arial, Tahoma, georgia, "trebuchet ms", verdana, helvetica, lucida, sans-serif;
	font-size: 13px;
	margin: 0px; margin-bottom: 15px;
}
#stred h1 {
	color: #E04900;
	font-size: 150%;
	letter-spacing: 0px;
}
#stred h1 span {
	color: #000;
	font-size: 85%
}
#stred h2,
#stred h3,
#prava h4,
#prava h5 {
  color: #000000;
	margin: 0px; margin-bottom: 13px;
	padding: 0px;
	font-size: 22px;
	font-family: "GeogrotesqueMedium", Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
}
#stred h4,
#stred h6 {
	font-family: Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
	font-weight: bold;
  color: #666666;
	font-size: 13px;
}
#stred h6 {
  color: #FF4000;
}
#stred hr, #prava hr, #leva hr, #stred hr.half {
	color: #dfdfdf;
	background-color: #dfdfdf;
	border: 0 none;
	height: 1px;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	position: relative;
	clear: both
}
#stred div.half {
  height: 9px;
  width: 60%;
  border-top: 1px solid #dfdfdf;
  display: block;
}
#stred em {
	font-size: 80%;
	color: #0A3307
}
#prava {
	width: 280px;
	float: right;
	text-align: left;
	padding: 0px;
  margin-top: 62px;
	color: #000;
}
#prava .win {
	width: 100%;
	margin: 0px; margin-bottom: 
	padding: 0px;
	float: left;
}
#prava h6 {
	font-family: arial;
  color: #000000;
	font-size: 12px;
	font-weight: bold;
  margin: 0px;
  padding: 0px;
	letter-spacing: -1px
}
/*seznamy*/
#leva ul {
	background: #D6E9FB;
	border: #A8C9E6 1px solid;
	padding: 10px 10px 10px 0px;
	font-size: 85%;
	margin-bottom: 10px
}
#stred ul {
	margin: 15px 0;
	text-align: left
}
#leva li,
#stred li,
#stred ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
	background: url(../images/bg-item.jpg) no-repeat left 4px;
	list-style-type: none;
	padding: 0 0 0 22px;
	line-height: 24px;
	height: auto;
	_height: 20px;
	display: block;
	margin-left: 10px;
}
.odrs li:first-letter {
  font-weight: bold;
  text-transform: uppercase;
}
/*tabulka*/
#stred table {
	width: 100%;
	border-collapse: collapse;
	border: #dadfe6 1px solid;
	border-bottom: #dfdfdf 1px solid
}
#stred td {
	padding: 6px 10px 5px 10px;
	text-align: left;
	border: #dadfe6 1px solid;
	background: #f2f4f7 url(../images/bg-td.gif) repeat-x left top;
	font-size: 13px;
}
#stred th {
	background: #a8b2bc url(../images/bg-head.jpg) repeat-x left bottom;
	color: #000;
	height: 37px;
	line-height: 25px;
	padding: 0 10px;
	padding: 3px 10px 0px 10px;
	text-align: left;
  border-left: 1px solid #e6edf2;
	border-bottom: 1px solid #b6bfca;
	font-size: 13px;
}
/*loga*/
#loga-podpora {
	background: transparent url(../images/hr.png) repeat-x left top; 
  width: 60%;
	float: left;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	margin: 0px 20% 0px 20%;
}
#loga-podpora img {
	max-height: 45px;
}

/*paticka*/
#foot {
	background: #323232 url(../images/bg-foot.jpg) repeat left top;
	width: 100%;
	height: 75px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#foot-in {
	width: 960px;
	height: 75px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	text-align: center;
}
#foot-in p {
	position: relative;
	top: 30px;
	left: 0px;
	text-align: left;
	margin: 0 auto;
	color: #999999;
	letter-spacing: 0px;
	float: left
}
#foot-in a {
	color: #999999;
	font-weight: bold
}
#foot-in a:hover {
	color: #FF4000;
}
/*odkazy*/
a {
	color: #E04900;
	font-weight: bold
}
a:hover {
	color: #000
}

#obsah #txt1,
#obsah #txt2,
#obsah #txt3 {
	font-family: "GeogrotesqueLight", Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
}

#obsah #txt1 {
	position: absolute;
	top: 82px;
	left: 0px;
  font-weight: normal;
  font-size: 33px;
  color: #ffffff;
  z-index: 1;
}

#obsah #txt2 {
	position: absolute;
	top: 125px;
	left: 1px;
  font-weight: normal;
  font-size: 18px;
  color: #acc4e5;
  z-index: 1;
}

#obsah #txt3 {
	position: absolute;
	top: 253px;
	left: 0px;
	font-family: "GeogrotesqueMedium", Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  z-index: 1;
	background: transparent url(../images/bg-txt3.png) no-repeat center right;
	padding-right: 30px;
}

#obsah #rotator {
	position: absolute;
	top: 211px;
	left: 178px;
  z-index: 1;
  overflow: hidden;
  width: 371px;
  height: 103px;
}

#obsah #rotator #rotate-left,
#obsah #rotator #rotate-right {
  float: left;
  width: 37px;
  height: 99px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background: url(../images/slide-left.png) no-repeat center center;
  margin: 0px;
  padding: 0px; padding-top: 8px;
  margin-right: 5px;
}

#obsah #rotator #rotate-right {
  float: right;
  background: url(../images/slide-right.png) no-repeat center center;
  margin-right: 0px; margin-left: 5px;
}

#obsah #rotator #rotator-items {
  width: 286px;
  height: 103px;
  float: left;
  display: inline-block;
}

#obsah #rotator #rotator-items div {
  padding: 0px;
  margin: 0px;
  width: 286px;
  display: inline-block;
  background: url(../images/bg-rotator.jpg) repeat-x left top;
}

#obsah #rotator #rotator-items div a {
  margin: 0px 2px;
  padding: 0px;
}

#obsah #rotator #rotator-items div a img {
  border: 1px solid #b3b3b3;
  margin: 5px;
  padding: 0px;
}

#obsah #rotator #rotator-items div a:hover img {
  border: 1px solid #FF4000;
}

#obsah #hotline {
  height: 72px;
  border: 1px solid #cacbcd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  background: #ebeff0 url(../images/bg-hotline.jpg) repeat-x left bottom;
  padding-right: 16px;
  font-family: "Klavika", Georgia, serif;
  font-size: 18px;
  line-height: 18px;
  color: #000002;
  text-align: right;
}

#obsah #hotline #phone {
  height: 100%;
  width: 50px;
  background: url(../images/telefon.png) no-repeat;
  float: left;
  margin-top: 11px;
  margin-left: 11px;
}

#obsah #hotline #space {
  width: 200px;
  float: left;
  margin: 0px;
  padding: 0px;
  height: 18px;
}

#obsah #hotline span {
  color: #f86845;
  margin-top: 31px;
}

#obsah #hotline span.small {
  color: #000002;
  font-size: 12px;
}

#obsah #submenu {
  border: 1px solid #cacbcd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  background: #ebeff0 url(../images/bg-hotline.jpg) repeat-x left bottom;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: "Klavika", Georgia, serif;
  font-size: 18px;
  line-height: 18px;
  color: #000002;
  text-align: left;
}

#obsah #submenu a {
  color: #000002;
	font-family: arial, Tahoma, georgia, "trebuchet ms", verdana, helvetica, lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #c2c7ca;
	display: block;
	line-height: 22px;
}
#obsah #submenu a.last {
	border-bottom: 0px dotted #000000;
}

#obsah #submenu a:hover {
	color: #f24501;
  text-decoration: underline;
}

#obsah #statistika {
  height: 72px;
  height: 32px;
  border: 1px solid #252424;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  background: #252424 url(../images/bg-stats.gif) repeat-x left top;
  padding: 18px;
  font-family: "Klavika", Georgia, serif;
  font-size: 18px;
  line-height: 18px;
  color: #000002;
  text-align: right;
  margin-bottom: 10px;
}

#obsah #statistika p {
  float: left;
  color: #cce5ff;
	padding: 0px;
	text-align: left;
	font-family: arial, Tahoma, georgia, "trebuchet ms", verdana, helvetica, lucida, sans-serif;
	font-size: 12px;
	margin: 0px;
	background: none;
	border: 0px;
	width: 100%;
	font-weight: bold;
}

#obsah #statistika span {
  color: #ffffff;
  margin-top: 0px;
  float: right;
}

#obsah #hotline span.small {
  color: #000002;
  font-size: 12px;
}

#obsah #info {
	position: relative;
	top: 0px;
	left: 15px;
  font-weight: normal;
  font-size: 20px;
  color: #000000;
  text-align: left;
  line-height: 30px;
	letter-spacing:0.04em;
}
#obsah #right {
  float: right;
  width: 340px;
  padding: 0px;
  margin: 0px;
}
/*NOVINKY*/
#news ul {
	margin:1px 0px 10px 0px;
} 
#news li {
	color:#4d4d4d;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#prava #news div {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0px;
	font-size: 12px;
}

#prava #news span {
  margin: 0px;
  padding: 0px;
  display: block;
  color: #ff4000;
  font-weight: bold;
  font-size: 12px;
}

#prava #news a {
  text-align: right;
  height: 20px;
  display: block;
  font-weight: normal;
  font-size: 12px;
}

#prava #news div .odr-news li {
	list-style-type: none;
/*  padding: 0 0 0 18px; */
	display: block;
	margin-left: 0px;
/*	background: url(../images/odr-oranzova.png) top left no-repeat; */
}

#obsah #register,
#obsah #demo {
  font-family: "Klavika", Georgia, serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0px 22px;
	line-height: 41px;
  text-decoration: none;
  font-weight: normal;
}

#obsah #right #register {
  background: #e8eef3 url(../images/bg-button-white.jpg) repeat-x;
	color: #000000;
  font-size: 18px;
  float: right;
}

#obsah #right #register:hover {
	color: #ffffff;
	background: #ef3f00 url(../images/bg-button-white-hover.jpg) repeat-x;
}

#obsah #right #demo {
	margin-top: 44px;
	margin-bottom: 80px;
	background: #ef3f00 url(../images/bg-button-orange.jpg) repeat-x;
	color: #ffffff;
  font-size: 18px;
  float: right;
}

#obsah #right #demo:hover {
	background: #00b3ff url(../images/bg-button-orange-hover.jpg) repeat-x;
}

#obsah #right span {
	font-family: "GeogrotesqueLight", Tahoma, georgia, "trebuchet ms", arial, verdana, helvetica, lucida, sans-serif;
  float: right;
  font-size: 18px;
}

#obsah #right #price {
  margin-top: 8px;
  margin-right: 25px;
  color: #b3b3b3;
}

#obsah #right #free {
  margin-top: 20px;
  color: #fefefe;
}

#stred .kontakt a img,
#stred .kontakt a:hover img {
  border: 0px;
  position: relative;
  top: 4px;
}

.mail img {
  position: relative;
  top: 4px;
}

#video {
  margin: 0px;
  padding: 0px;
}

#video object {
  margin: 0px auto;
	padding: 10px; 
	background-color: #c2c9cc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}

.k1 {
  padding-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
}

#stred #news div {
  margin-bottom: 20px;
}

div.box .textr-in {
	padding: 0px;
	margin-top: 0px;
}
div.box .pageth {
	min-height: 300px;
}

div.box .pageth .aimg {
	height: 134px;
	overflow: hidden;
}

#stred .pageth table {
  padding: 0px;
  margin: 0px;
  width: 182px;
}

#stred .pageth table td,
#stred .pageth table th {
  padding: 2px;
  margin: 0px;
  width: 87px;
}

#stred .pageth table th {
  padding: 2px;
  margin: 0px;
  width: 178px;
  text-align: center;
  font-size: 12px;
}

#stred td.tdc,
#stred th.tdc {
  text-align: left;
  width: 130px;
}

#stred td.tdn {
  text-align: left;
  width: 150px;
}

#stred td.orange {
  color: #FF4000;
}

#stred .pageth .textr-in td {
  font-size: 11px;
}

.old-news {
  margin-top: 15px;
  background: url(../images/old-news.gif) no-repeat right top;
  padding-right: 20px;
}

#stred h2.iko-hs {
  font-size: 24px;
}

#stred td.value {
  text-align: right;
}

#stred table.vlastnosti tr:hover td {
	background: #edeff2;
}

#stred table.cenik td,
#stred table.cenik td {
	width: 33%;
}

div#helpik {
  display: none;
  background: #c2c9cc;
  border: 5px solid #626365;
  position: absolute;
  left: -100px; 
  top: -100px;
  padding: 10px;
  z-index: 99;
  max-width: 250px;
  text-align: left; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#prava div.odskok {
  margin-top: 20px;
}

#prava div.ikonky {
  text-align: center;
  margin-top: 20px;
}
#prava div.ikonky h4 {
  text-align: left;
}

.hlpImg {
  margin-right: 5px;
}

input.obj-but {
	background: #ef3f00 url(../images/bg-button-orange.jpg) repeat-x;
	color: #ffffff;
  font-size: 12px;
  border: 0px;
  padding: 2px 10px 2px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input.obj-but:hover {
	background: #00b3ff url(../images/bg-button-orange-hover.jpg) repeat-x;
}