/* CSS Document */
html {
	text-align: center;
	position: relative;
	background: #252525 url('img/bg01a.jpg') 0% 0% repeat-x fixed;
}
body {
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	text-align: center;
	position: relative;
	margin: 0 0px;
	position: relative;
	color: #e8e8e8;
	background: transparent url('img/bg01.jpg') 50% 0% no-repeat fixed;
}
p {
	line-height: 1.8em;
	font-size: 80%;
	text-align: justify;
}
a {
	color: #ae1359;
}
a:hover, a:active, a:focus {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
a:hover img, a:active img, a:focus img {
  opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
}
ul {
  padding-left: 60px;
  list-style-image: url('img/odr1.png');
}
li {
	line-height: 1.8em;
	font-size: 80%;
	text-align: left;
} 
#stred {
	position: relative;
	width: 998px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: 100%;
  background: url('img/bg02b.png') no-repeat 50% 222px;
}
#zahlavi {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 230px;
	text-align: left;
	visibility: visible;
	text-align: left;
}
#zahlavi h1 {
	padding: 0;
	margin: 0;
}
#zahlavi h1 a {
	color: #000000;
	font-size: 10px;
	width: 990px;
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	line-height: 100px;
	cursor: pointer;
	text-indent: -1000px;
}
#zahlavi h1 a:hover, #zahlavi h1 a:active, #zahlavi h1 a:focus {
  border: none;
  background: transparent none;
  text-decoration: none;
}
#zahlavi h1 a span {
	background:  url(img/logo.png) 100px 50% no-repeat;
	width: 990px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
#zapati {
	position: relative;
	margin: 20px auto 0 auto;
	padding: 8px 40px 0 40px;
	text-align: right;
	visibility: visible;
	font-size: 10px;
	clear: both;
	color: #3f3f3f;
/*  background: transparent url(img/zapati.png) 50% 0% no-repeat;*/
}
#obsah {
	position: relative;
	margin: 0 auto 0 auto;
	width: 990px;
	text-align: left;
	overflow: hidden;
	background: url('img/bg02.png') repeat-y;
}
.main {
	position: relative;
}
.pozicenapravo {
	width: 200px;
	position: relative;
	float: right;
}
.pozicenalevo {
	width: 690px;
	position: relative;
	float: left;
}
h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0px;
	font-weight: normal;
	font-family: "Trebuchet MS", arial;
	font-size: 15px;
	line-height: 33px;
	text-transform: uppercase;
	border: none;
}
h3 a, h4 a, h5 a {
	text-decoration: none;
}
h2 a {
	text-decoration: underline;
}
h2 {
	padding: 25px 40px 18px 40px;
	margin: 0 0 0px 0;
	font-size: 22px;
	font-weight: normal;
	/* height: 56px;*/
	line-height: 28px;
	text-transform: uppercase;
	border-bottom: none;
	color: #FFFFFF;
	vertical-align: bottom;
}
.main h2 {
  background: url('img/h2.png') 50% 100% no-repeat;
}
h3 {
	padding: 20px 0 10px 0;
	margin: 0 40px;
	font-size: 18px;
}
.main h3 {
  background: url('img/h3.png') 50% 100% no-repeat;
}
h4 {
	padding: 10px 0 10px 0;
	margin: 0 40px;
	font-size: 14px;
}
p {
	margin: 0;
	padding: 5px 40px;
}

.zalomit {
	clear: left;
}
a img {
	border: none;
}

.mainmenu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 990px;
  line-height: 30px;
  height: 30px;
  background: transparent url('img/mainmenu.png') 50% 100% no-repeat;
  padding: 0 0px;
  font-size: 11px;
  z-index: 10;
  text-transform: uppercase;
}
.mainmenu ul {
  padding: 0 40px;
  margin: 0;
}
.mainmenu ul li {
  padding: 0;
  margin: 0;
  display: inline;
  line-height: 29px;
  height: 29px;
}
.mainmenu ul li a {
  padding: 0 25px;
  margin: 0;
  float: right;
  display: block;
  line-height: 29px;
  height: 29px;
  text-decoration: none;
  color: #e8e8e8;
  background: url('img/mainmenu_but1.png') 0% 50% no-repeat;
}
.mainmenu ul li a:hover, .mainmenu ul li a:focus, .mainmenu ul li a:active {
  background-color: #666666;
  color: #FFFFFF;
}
.mainmenu ul li a.sel {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}
#menu {
	width: 237px;
	float: left;
	padding: 0px 0 0px 0;
	margin: 0px;
	display: block;
}
#menu ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px 0px;
}
#menu ul li {
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0px;
	text-transform: uppercase;
	padding: 2px 0;
}
#menu ul li a {
	height: 44px;
	line-height: 44px;

	display: block;
	margin: 0;
	padding: 0 0 0 0px;
	color: #FFFFFF;
	background: url(img/menu_button.png) 50% 0px no-repeat;
	text-decoration: none;
	text-align: center;
}
#menu ul li ul.submenu {
  padding: 0 0 10px 0;
  margin: 0px;
  overflow: hidden;
}

#menu ul li a.select{
	display: block;
	margin: 0;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background: url(img/menu_button.png) 50% -88px no-repeat;
}
#menu ul li ul li.select a {
	display: block;
	margin: 0;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background: url(img/menu_button2.png) 50% -88px no-repeat;
}

#menu ul li ul li {
  padding: 1px 0;
}
#menu ul li ul li a {
	padding: 0 0 0 0px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	border: none;
	text-align: center;
	background: url(img/menu_button2.png) 50% 0px no-repeat;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
	color: #FFFFFF;
  background: url(img/menu_button.png) 50% -44px no-repeat;
	text-decoration: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:active, #menu ul li ul li a:focus {
	color: #FFFFFF;
  background: url(img/menu_button2.png) 50% -44px no-repeat;
	text-decoration: none;
}
#menu h3 {
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 26px;
  margin: 5px 0 0 0;
  padding: 18px 20px 0 20px;
  clear: both;
  border: none;
  margin-bottom: 0px;
}
#menu h3.first {
  margin: 0;
}

#menu p {
  line-height: 1.3em;
  padding: 2px 40px; 
}
#mapaprahy {
  padding: 10px 0 0 8px;
}
.main {
	width: 510px;
	float: left;
}
.bodyuvod .main {
  width: 747px;
}
#right {
	width: 237px;
	float: right;
	padding: 0px 0 0 0;
	margin: 0px;
	display: block;
}
#right h3 {

  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 5px 0 0 0;
  padding: 0 20px 0 20px;
  clear: both;
  border: none;
  margin-bottom: 0px;
}
#right h3.first {
  margin: 0;
}
.bodyuvod #right {
  display: none !important;
}

.button {
  float: left;
  display: block;
  width: 150px;
  height: 25px;
  line-height: 25px;
  background: transparent url('../img/button.png') 50% 0% no-repeat;
  color: #FFFFFF;
  border: none;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
}
.button:hover {
  background: transparent url('../img/button.png') 50% -25px no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}

.uvodkategorie {
	width: 350px;
	float: right;
	clear: right;
}
.uvodkategorie .nahledcategori span img {
	width: 150px;
}
.kategori {
	float: left;
	width: 240px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
.uvodkategorie .kategori {
	float: left;
	width: 165px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
.kategori h3 {
	font-size: 15px;
	border: none;
}
.nahledcategori {
	background: #434343 url(img/filmsmbot.png) 0% 100% repeat-x;
	padding-bottom: 25px;
	float: left;
	display: block;
	border: solid 1px #262626;
	clear: both;
}
a.nahledcategori:hover, a.nahledcategori:active, a.nahledcategori:focus {
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}
.nahledcategori span {
	background: url(img/filmsmtop.png) 0% 0% repeat-x;
	padding-top: 26px;
	float: left;
	display: block;
}
.nahledcategori span img {
	border: 0 none;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.nahledgalerie {
	background: #434343 url(img/filmsmbot.png) 0% 100% repeat-x;
	padding-bottom: 25px;
	float: left;
	display: block;
	border: solid 1px #262626;
	margin: 0 15px 15px 0;
}
a.nahledgalerie:hover, a.nahledgalerie:active, a.nahledgalerie:focus {
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}
.nahledgalerie span {
	padding-top: 26px;
	float: left;
	display: block;
}
.nahledgalerie span img {
	border: 0 none;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background-color: #000000;
}
.galerie {
	width: 484px;
	float: left;
	padding-right: 10px;
}
.galerie p {
	padding: 10px;
}

.photos {
	margin: 0px 40px 0 40px;
	overflow: hidden;
	background-color: #FFFFFF;
	white-space: nowrap;
  width: 430px;
  height: 150px;
  position: relative;
}

#inph {
  position: relative;
  vertical-align: middle;
}
#dupl {
  position: absolute;
  vertical-align: middle;
}
.pic {
	/* width: 240px;*/
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	display: inline;
	height: 150px;
	line-height: 285px;
	/*padding-bottom: 15px; */
}

.photos .nahledphotos {

	/* float: left;
*/

	margin: 0 auto;
	padding: 0;
	border: 0;
	position: relative;
	text-decoration: none;
	height: 150px;
}
a.nahledphotos:hover img, a.nahledphotos:active img, a.nahledphotos:focus img {
  /*border: solid 5px #FFFFFF;*/
  opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
}
a.nahledphotos:hover, a.nahledphotos:active, a.nahledphotos:focus {
  background: transparent none;
}
.photos a.nahledphotos span {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent none;
  height: 150px;
}
.photos a.nahledphotos img {
 /* border: solid 5px #ae1359;*/
  margin: 0;
  padding: 0;
  height: 150px;
  vertical-align: top;
}
.strph {
	width: 990px;
	text-align: center;
	overflow: hidden;
}
.photo {
	background: #434343 url(img/filmbigbot.png) 0% 100% repeat-x;
	padding-bottom: 78px;
	/*float: left;
*/
	clear: both;
	display: block;
	display: table;
	border: solid 1px #262626;
	margin: 0 auto;
	position: relative;
	/*left: 15px;
*/
}
.photo span {
	background: url(img/filmbigtop.png) 0% 0% repeat-x;
	padding: 0px;
	/*float: left;
*/
	display: block;
	display: table;
}
.photo span img {
	border: 0 none;
	border-left: 5px solid #000000;
	border-right: 5px solid #000000;
	margin: 0;
	padding: 0;
	position: relative;
	top: 39px;
	vertical-align: middle;
	background-color: #000000;
}
.popisekfoto {
	font-weight: normal;
	font-size: 30px;
	clear: both;
	padding: 0 5px;
	line-height: 30px;
	position: absolute;
	bottom: -2px;
	left: 0px;
	color: #FFFFFF;
	z-index: 5;
	text-transform: uppercase;
	opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);
	display: none;
}
.textfoto {
	font-size: 13px;
	line-height: 15px;
	position: relative;
  display: none;
}
.galnahled {
	float: left;
	margin: 0px 20px 20px 20px;
	width: 130px;
	height: 130px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 130px;
	overflow: hidden;
	background: url(img/pic.png) no-repeat;
}
.galnahled img {
	vertical-align: middle;
	line-height: 130px;
	border: none;
}
.nahl0 {
	position: relative;
	width: 300px;
	z-index: 1002;
}
.nahl1 {
	position: absolute;
	top: 10px;
	left: 160px;
	z-index: 1001;
/* -webkit-transform: rotate(5deg) */
}
.nahl2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1003;
/* -webkit-transform: rotate(-7deg)*/
}
.phnavigace, .zpet {
	clear: both;
	padding: 30px 0px 20px 0px;
	text-align: center;
	font-size: 12px;
}
.phnavigace {
	position: relative;
	padding: 30px 120px 20px 120px;
}
.phnavigace div {
	display: table;
	margin: 0 auto;
	position: relative;
}
.phnavigace a, .zpet a {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 5px 0 5px;
	border: 1px solid #434343;
	background-color: #434343;
	color: #FFFFFF;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
}
.phnavigace a:hover, .phnavigace a:active, .phnavigace a:focus, .zpet a:hover, .zpet a:active, .zpet a:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.phnavigace span {
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-right: 5px;
}
.phnavigace a.zpet, .zpet a {
	width: 100px;
	clear: none;
	padding: 0;
	margin-right: 80px;
}
.phnavigace a.zpet {
	position: absolute;
	left: 0px;
	padding: 0;
}
.phnavigace .prev {
	margin-right: 15px;
	width: 30px;
	padding: 0;
}
.phnavigace .next {
	margin-left: 10px;
	width: 30px;
	padding: 0;
}
.phnavigace span.prev {
	margin-right: 15px;
	border: 1px solid #434343;
	color: #434343;
}
.phnavigace span.next {
	margin-left: 10px;
	border: 1px solid #434343;
	color: #434343;
}
.phnavigace .sel {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}
/* .photogalerie je trida pro stránky s galeriemi */
.photogalerie {
}


.infogalerie {
	overflow: hidden;
	padding: 0;
	position: relative;
}
/* div {
	border: solid 1px red;
}
*/
.nalevo {
	float: left;
}
.napravo {
	float: right;
}
.levysloupec {
	width: 280px;
	float: left;
}
.pravysloupec {
	width: 280px;
	float: right;
}
.levysloupecpul {
	width: 420px;
	float: left;
}
.pravysloupecpul {
	width: 420px;
	float: right;
}
.levysloupec h2, .levysloupec h3, .levysloupec h4, .levysloupec h5, .levysloupecpul h2, .levysloupecpul h3, .levysloupecpul h4, .levysloupecpul h5, .levysloupecpul p, .levysloupec p {
	padding-right: 15px;
}
.pravysloupec h2, .pravysloupec h3, .pravysloupec h4, .pravysloupec h5, .pravysloupecpul h2, .pravysloupecpul h3, .pravysloupecpul h4, .pravysloupecpul h5, .pravysloupecpul p, .pravysloupec p {
	padding-left: 15px;
}
/* komentář */
#comments {
	width: 990px;
	display: block;
	clear: both;
}
#showcomments {
	margin: 5px 0px 10px 0px;
	position: relative;
	text-align: left;
}
#showcomments h2 {
	font-size: 18px;
	padding-top: 10px;
	margin-top: 10px;
	color: #FFFFFF;
}
.comment {
	margin: 0px 0;
	position: relative;
	display: block;
	padding: 0px 10px;
	vertical-align: top;
	min-height: 50px;
	overflow: hidden;
}
.comment .comment_name {
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	width: 220px;
	text-align: right;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	border: none 0;
}
.comment .comment_mail {
	font-size: 10px;
	line-height: 14px;
	color: gray;
	font-weight: normal;
	margin: 0;
	padding: 0px;
	float: left;
	clear: right;
	width: 220px;
	text-align: right;
	position: absolute;
	top: 18px;
	left: 0px;
}
.comment .comment_time {
	font-size: 10px;
	line-height: 14px;
	color: gray;
	margin: 0;
	padding: 0px;
	width: 220px;
	text-align: right;
	position: absolute;
	top: 30px;
	left: 0px;
}
.comment .comment_text {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 18px;
	clear: right;
	margin: 0 0 3px 230px;
	padding: 1px 10px 1px 10px;
	border: solid 1px #434343;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #000000;
}
.comment .comment_text span {
	position: absolute;
	background: url(img/ocasek2.gif) no-repeat;
	width: 7px;
	height: 13px;
	top: 4px;
	left: -7px;
	display: block;
}
.addcomment {
	position: relative;
	overflow: hidden;
	margin: 5px 0px 10px 0px;
	padding: 5px 20px 10px 20px;
}
.addcomment h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	padding: 0 0 0 50px;
	line-height: 18px;
	border: none;
	color: #FFFFFF;
	text-align: left;
}
.addcomment form {
}
.addcomment label {
	width: 80px;
	text-align: right;
	display: inline-block;
	padding-right: 10px;
}
.addcomment #jmenolabel {
	left: 0px;
	top: 42px;
	width: 40px;
	line-height: 25px;
	text-align: right;
	position: absolute;
	top: 30px;
	left: 5px;
	font-size: 10px;
	color: #FFFFFF;
}
.addcomment #maillabel {
	left: 320px;
	top: 42px;
	width: 40px;
	text-align: right;
	position: absolute;
	top: 55px;
	left: 5px;
	font-size: 10px;
	color: #FFFFFF;
}
.addcomment #mail {
	border: solid 1px gray;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0px;
	float: left;
	clear: right;
	width: 170px;
	text-align: right;
	position: absolute;
	top: 55px;
	left: 50px;
}
.addcomment #jmeno {
	border: solid 1px gray;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
	float: left;
	line-height: 20px;
	width: 170px;
	text-align: right;
	position: absolute;
	top: 30px;
	left: 50px;
}
.addcomment #text {
	width: 500px;
	clear: both;
	height: 65px;
	border: solid 1px gray;
	font-family: "Trebuchet MS", arial, verdana;
	background-color: #FFFFFF;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 18px;
	clear: right;
	margin: 3px 0 0 220px;
	padding: 1px 10px 1px 10px;
	border: solid 1px #9a9a9a;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.addcomment #comment_button {
	clear: both;
	position: absolute;
	left: 150px;
	bottom: 10px;
	width: 70px;
	height: 22px;
	border: 1px solid #434343;
	background-color:  #434343;
	color: #FFFFFF;
}
.addcomment #comment_button:hover, .addcomment #comment_button:focus, .addcomment #comment_button:active {
	background-color: #FFFFFF;
	color: #000000;
}
.addcomment .ocasek {
	position: absolute;
	background: url(img/ocasek.gif) no-repeat;
	width: 7px;
	height: 13px;
	top: 33px;
	left: 234px;
	display: block;
}
.chyba {
	border-color: #FF0000 !important;
}
.formlevo {
	width: 100px;
	float: left;
	text-align: right;
	clear: left;
	font-size: 12px;
	line-height: 40px;
	display: block;
}
.formpravo {
	width: 400px;
	float: left;
	text-align: left;
	clear: right;
	line-height: 40px;
	display: block;
}
#input1, #input2, #input3 {
	width: 350px;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
}
#input3 {
	position: relative;
	left: 100px;
	margin-top: 10px;
}
.tlacitko {
	border: 1px solid #434343;
	background-color:  #434343;
	color: #FFFFFF;
}
.tlacitko:hover, .tlacitko:active, .tlacitko:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.uvodobsah .formpravo {
	width: 540px;
	float: left;
	text-align: left;
	clear: right;
	line-height: 40px;
	display: block;
}
.uvodobsah .formlevo {
	width: 60px;
	float: left;
	text-align: right;
	clear: left;
	font-size: 12px;
	line-height: 40px;
	display: block;
}
.uvodobsah #input1, .uvodobsah #input2, .uvodobsah #input3 {
	width: 540px;
}
.uvodobsah #input3 {
	position: relative;
	left: 60px;
	margin-top: 10px;
}
.varovani {
	border: solid 1px rgb(204,0,0);
	padding: 3px 10px;
	margin: 0 40px;
}
.odeslano {
	border: solid 1px rgb(0,204,0);
}
.rozvrh_filtr {
	padding: 20px 0px 10px 40px;
	margin: 0 0 25px 0 ;
	line-height: 25px;
  height: 100px;
	color: #FFFFFF;
	position: relative;
	width: 430px;
}
.rozvrh_filtr select {
	width: 150px;
	line-height: 25px;
	height: 25px;
	float: left;
	margin-bottom: 15px;
}
.rozvrh_filtr select option.ousko {
  background-color: rgb(102, 102, 102);
  color: #FFFFFF;

}
.rozvrh_filtr input {
	width: 80px;
	line-height: 25px;
	height: 25px;
}
.rozvrh_filtr .selvar {
  width: 125px;
}
.rozvrh_filtr .closesel {
  width: 25px;
  color: red;
  float: left;
  height: 25px;
  line-height: 25px;
  background: url('img/close.png') 50% 0% no-repeat;
  color: #FFFFFF;
  border: none;
  font-size: 0px;
}
.rozvrh_filtr label {
  /*position: absolute;
  top: 0px; */
  width: 50px;
  display: block;
  font-size: 12px;
  float: left;
  text-align: right;
  padding-right: 5px;
  margin-bottom: 15px;
}
.rozvrh_filtr #odeslat {
  float: right;
}



.rozvrh_filtr_test {
	padding: 20px 0px 10px 0px;
	margin: 0 0 25px 0 ;
	height: 100px;
	line-height: 25px;
 /* background: #323232 url('img/rozvrh_check.png') 0% -80px no-repeat;*/ 
	color: #FFFFFF;
	position: relative;
	/* width: 430px; */
}
.rozvrh_filtr_test select {
	width: 150px;
	line-height: 25px;
	height: 25px;
	float: left;
	margin-bottom: 15px;
}
.rozvrh_filtr_test select option.ousko {
  background-color: rgb(102, 102, 102);
  color: #FFFFFF;

}
.rozvrh_filtr_test input {
	width: 80px;
	line-height: 25px;
	height: 25px;
}
.rozvrh_filtr_test .selvar {
  width: 125px;
}
.rozvrh_filtr_test .closesel {
  width: 25px;
  color: red;
  float: left;
  height: 25px;
  line-height: 25px;
  background: url('img/close.png') 50% 0% no-repeat;
  color: #FFFFFF;
  border: none;
  font-size: 0px;
}
.rozvrh_filtr_test .closesel:hover {
  background: url('img/close.png') 50% -25px no-repeat;
}
.rozvrh_filtr_test label {
  /*position: absolute;
  top: 0px; */
  width: 50px;
  display: block;
  font-size: 12px;
  float: left;
  text-align: right;
  padding-right: 5px;
  margin-bottom: 15px;
}
.rozvrh_filtr_test #odeslat {
  float: right;
  width: 150px;
  height: 25px;
  line-height: 25px;
  background: url('img/button.png') 50% 0% no-repeat;
  color: #FFFFFF;
  border: none;
}
.rozvrh_filtr_test #odeslat:hover {
  background: url('img/button.png') 50% -25px no-repeat;
}
.rozvrh_filtr_test span#labelidstudio #studia {
  float: right;
  width: 180px;
  overflow: hidden;
  z-index: 5;
  clear: both;
}
.rozvrh_filtr_test span#labelidstudio.src #studia {
  float: none;
  width: 180px;
  overflow: hidden;
  position: absolute;
  background-color: #323232;
  z-index: 5;
}
.rozvrh_filtr_test span#labelidstudio.src #studia #allstudio {
  border-bottom: solid 1px #666666;
}
.rozvrh_filtr_test span#labelidstudio #studia label {
  float: none;
  display: block;
  width: 180px;
  text-align: left;
  padding: 0;
  margin: 0px;
  line-height: 35px;
	height: 35px;
  vertical-align: middle; 
}
.rozvrh_filtr_test span#labelidstudio #studia label span {
  line-height: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: left;
}
.rozvrh_filtr_test span#labelidstudio.src #studia label {
  background: #323232 url('img/rozvrh_check.png') 0% -80px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidstudio.src #studia label:hover {
  background: #666666 url('img/rozvrh_check.png') 0% -120px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidstudio.src #studia label.itemchecked {
  background: #323232 url('img/rozvrh_check.png') 0% 0px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidstudio.src #studia label.itemchecked:hover {
  background: #666666 url('img/rozvrh_check.png') 0% -40px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidstudio.src #studia label span {
  padding-left: 35px;
}
.rozvrh_filtr_test span#labelidstudio #studia input {
  width: 20px;
  float: left;
}
.rozvrh_filtr_test span#labelidstudio.src #studia input {
  width: 0px;
  float: left;
  position: absolute;
  left: -5000px;
}

.rozvrh_filtr_test span#labelidstudio {
  display: block;
  font-size: 12px;
  float: left;
  padding-right: 5px;
  margin-bottom: 15px;
  width: 205px;
  text-align: right;
}
.rozvrh_filtr_test span#labelidstudio strong {
  width: 150px;
  height: 25px;
  line-height: 25px;
  display: block;
  float: right;
  text-align: center;
  margin-left: 5px;
  color: #FFFFFF;
  overflow: hidden;
  font-weight: normal;
}
.rozvrh_filtr_test span#labelidstudio.src strong {
  width: 150px;
  height: 25px;
  line-height: 25px;
  background: url('img/button.png') 50% 0% no-repeat;
  display: block;
  float: right;
  text-align: center;
  margin-left: 5px;
  color: #FFFFFF;
  overflow: hidden;
  font-weight: normal;
}
.rozvrh_filtr_test span#labelidstudio.src strong:hover {
  background: url('img/button.png') 50% -25px no-repeat;
}

.rozvrh_filtr_test span#labelidden #dny {
  float: right;
  width: 180px;
  overflow: hidden;
  z-index: 5;
  clear: both;
}

.rozvrh_filtr_test span#labelidden.src #dny {
  float: none;
  width: 180px;
  overflow: hidden;
  position: absolute;
  left: 300px;
  top: 45px;
  background-color: #323232;
  z-index: 5;
  
}
.rozvrh_filtr_test span#labelidden.src #dny #alltyden {
  border-bottom: solid 1px #666666;
}
.rozvrh_filtr_test span#labelidden #dny label {
  float: none;
  display: block;
  width: 200px;
  text-align: left;
  padding: 0;
  margin: 0px;
  line-height: 35px;
	height: 35px;
  vertical-align: middle; 
}
.rozvrh_filtr_test span#labelidden.src #dny label {
  
}
.rozvrh_filtr_test span#labelidden #dny label span {
  line-height: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: left;
}
.rozvrh_filtr_test span#labelidden.src #dny label span {
  padding-left: 35px;
}

.rozvrh_filtr_test span#labelidden.src #dny label {
  background: #323232 url('img/rozvrh_check.png') 0% -80px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidden.src #dny label:hover {
  background: #666666 url('img/rozvrh_check.png') 0% -120px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidden.src #dny label.itemchecked {
  background: #323232 url('img/rozvrh_check.png') 0% 0px no-repeat;
  color: #FFFFFF;
}
.rozvrh_filtr_test span#labelidden.src #dny label.itemchecked:hover {
  background: #666666 url('img/rozvrh_check.png') 0% -40px no-repeat;
  color: #FFFFFF;
}

.rozvrh_filtr_test span#labelidden #dny input {
  width: 20px;
  float: left;
}
.rozvrh_filtr_test span#labelidden.src #dny input {
  width: 0px;
  float: left;
  border: solid 1px red;
  position: absolute;
  left: -5000px;
}

.rozvrh_filtr_test span#labelidden {
  display: block;
  font-size: 12px;
  float: left;
  padding-right: 5px;
  margin-bottom: 15px;
  width: 200px;
  text-align: right;
}
.rozvrh_filtr_test span#labelidden strong {
  width: 150px;
  height: 25px;
  line-height: 25px;
  display: block;
  float: right;
  text-align: center;
  margin-left: 5px;
  color: #000000;
  overflow: hidden;
  font-weight: normal;
}
.rozvrh_filtr_test span#labelidden.src strong {
  width: 150px;
  height: 25px;
  line-height: 25px;
  background: url('img/button.png') 50% 0% no-repeat;
  display: block;
  float: right;
  text-align: center;
  margin-left: 5px;
  color: #FFFFFF;
  overflow: hidden;
  font-weight: normal;
}
.rozvrh_filtr_test span#labelidden.src strong:hover {
  background: url('img/button.png') 50% -25px no-repeat;
}


#idden {
  clear: right; 
}
.rozvrh h3 {
	padding-top: 60px;
	clear: both;
	font-size: 20px;
	background: url('img/h3.png') 50% 100% no-repeat;
}
.rozvrh h4 {
	margin-left: 65px;
	padding-top: 45px;
	background: url('img/h3.png') 50% 100% no-repeat;
}
.rozvrh h5 {
	padding-left: 85px;
	border: none;
	padding-top: 10px;
	font-size: 14px;
	font-weight: normal;
	
}
.rozvrh p {
	overflow: hidden;
	clear: both;
	margin-left: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 12px;
}
.rozvrh p .time {
	padding-left: 5px;
	width: 90px;
	display: block;
	float: left;
	clear: left;
}
.rozvrh p .lekce {
	margin-left: 5px;
	padding-left: 0px;
	width: 140px;
	display: block;
	float: left;
	color: #e8e8e8;
}
.rozvrh a:link, .rozvrh a:visited {text-decoration: none; color: #FFFFFF}
.rozvrh a:focus, .rozvrh a:active, .rozvrh a:hover {text-decoration: none; color: #000000;}

.rozvrh p .trener {
	text-align: right;
	width: 140px;
	display: block;
	float: right;
	overflow: hidden;
	clear: right;
}
.rozvrh p .lekce, .rozvrh p .trener {
	text-decoration: none;
}

.rozvrh p:hover {
	background-color: #323232;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.rozvrh .trener {
	margin-left: 5px;
}
.rozvrh p .lekce a, .rozvrh p .trener a {
	line-height: 1.8em;
	display: block;
	float: left;
}
.rozvrh p .trener a {
	padding: 0 5px;
	float: right;
}


.typ { }
.typ1 a, h3.typ1, p.typ1, .novinky span.typ1 { border-left: solid 5px #172861; color: #FFFFFF; padding: 0 5px 0 10px;}
.typ2 a, h3.typ2, p.typ2, .novinky span.typ2 { border-left: solid 5px #145025; color: #FFFFFF; padding: 0 5px 0 10px;}
.typ3 a, h3.typ3, p.typ3, .novinky span.typ3 { border-left: solid 5px #5F4600; color: #FFFFFF; padding: 0 5px 0 10px;}
.typ4 a, h3.typ4, p.typ4, .novinky span.typ4 { border-left: solid 5px #740D4C; color: #FFFFFF; padding: 0 5px 0 10px;}
.typ5 a, h3.typ5, p.typ5, .novinky span.typ5 { border-left: solid 5px #5A0000; color: #FFFFFF; padding: 0 5px 0 10px;}


h3.typ1, h3.typ2, h3.typ3, h3.typ4, h3.typ5 {
  border-left-size: 5px;
  padding: 10px; 
}
.typ1 a:hover, .typ1 a:active, .typ1 a:focus, .novinky a:hover span.typ1, .novinky a:active span.typ1, .novinky a:focus span.typ1 {
  background-color: #445FAC; color: #FFFFFF;
} 
.typ2 a:hover, .typ2 a:active, .typ2 a:focus, .novinky a:hover span.typ2, .novinky a:active span.typ2, .novinky a:focus span.typ2 {
  background-color: #5F874D; color: #FFFFFF;
} 
.typ3 a:hover, .typ3 a:active, .typ3 a:focus, .novinky a:hover span.typ3, .novinky a:active span.typ3, .novinky a:focus span.typ3 {
  background-color: #A1761D; color: #FFFFFF;
} 
.typ4 a:hover, .typ4 a:active, .typ4 a:focus, .novinky a:hover span.typ4, .novinky a:active span.typ4, .novinky a:focus span.typ4 {
  background-color: #97267E; color: #FFFFFF;
} 
.typ5 a:hover, .typ5 a:active, .typ5 a:focus, .novinky a:hover span.typ5, .novinky a:active span.typ5, .novinky a:focus span.typ5 {
  background-color: #8C0006; color: #FFFFFF;
} 
.new a, p.new {
  background-image: url('img/nova.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
/*
.new a:hover, .new a:active, .new a:focus  {
  background-color: #FFFFFF;
}*/

.rozvrhstudia .novinky {
  position: absolute;
  left: 520px;
  top: 580px;
  width: 220px;
}

.novinky p {
  overflow: hidden;
  padding:  0px 20px;
  margin: 0px;
}

.rozvrhstudia .novinky p {
  overflow: hidden;
  padding:  0px 10px;
  margin: 0px;
}

.novinky a {
	overflow: hidden;
	display: block;
	clear: both;
	padding: 10px 10px 10px 20px;
	text-align: left;
	font-size: 12px;
}
.rozvrhstudia .novinky a {
	overflow: hidden;
	display: block;
	clear: both;
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size: 12px;
}
.novinky .portret {
  width: 44px;
  height: 50px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 15px;
}
.rozvrhstudia .novinky .portret {
  width: 44px;
  height: 50px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.novinky .portret img {
  width: 44px;
}
.novinky p .lekce {
	margin-left: 55px;
	padding-left: 5px;
	color: #e8e8e8;
	display: block;
}
.novinky a:link, .novinky a:visited {text-decoration: none; color: #FFFFFF}
.novinky a:focus, .novinky a:active, .novinky a:hover {text-decoration: none; background-color: #323232; color: #FFFFFF;}

.novinky p .trener {
	text-align: left;
	
}
.novinky p .lekce, .novinky p .trener {
	text-decoration: none;
}

.novinky .trener {
	margin-left: 5px;
}
.novinky p a .lekce , .novinky p a .trener  {
	line-height: 1.8em;
	display: block;
}
.uvod .novinky p {
  width: 220px;
  float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 40px;
}
.uvod .novinky p a {
  margin: 0px;
}
.rozvrhstudia .novinky h3 {
  background: transparent url('img/bg03.png') 50% 100% no-repeat;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 26px;
  margin: 5px 0 0 0;
  padding: 18px 20px 13px 20px;
  clear: both;
  border: none;
  margin-bottom: 0px;
}

.legenda {
  position: absolute;
  left: 520px;
  top: 320px;
  width: 220px;
}
.legenda p {
  margin: 5px 20px;
  padding: 0px 10px;
  font-size: 11px;
}

.legenda h3 {
  background: transparent url('img/bg03.png') 50% 100% no-repeat;
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 26px;
  margin: 5px 0 0 0;
  padding: 18px 20px 13px 20px;
  clear: both;
  border: none;
  margin-bottom: 0px;
}
.upozorneni {
  background: #390000 url('img/bg_upozorneni.png') 0% 0% repeat-x;
  padding: 10px 20px;
  margin: 0 20px 5px 20px;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.novinka {
  background: #353535 url('img/bg_novinka.png') 0% 0% repeat-x;
  padding: 10px 20px;
  margin: 0 20px 5px 20px;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.novinka a:link, .novinka a:visited {
  color: #FFFFFF;
}
.novinka a:hover, .novinka a:active, .novinka a:focus {
  color: #000000;
  background-color: #FFFFFF;
}
.infotrener {
  padding: 5px 20px;
  margin: 5px 30px;
  background: #323232;
  overflow: hidden;
  color: #FFFFFF;
  clear: both;
}
.infotrener .portret {
  float: left;
}
.infotrener .portret img {
  margin: 0 15px 5px 0;  
}
.infotrener p {
  padding: 5px 0px; 
  text-align: left;
}
.infotrener h3 {
  margin: 0;
}
.infotrener strong {

}

.infolekce {
  padding: 15px 20px 5px 20px;
  margin: 20px 30px 5px 30px;
  background: #323232;
  color: #FFFFFF;
  clear: both;
}
.infolekce p {
  padding: 5px 0px; 
}
.infolekce h3 {
  margin: 0 0 0 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.trener_show {
  padding: 15px 60px 5px 60px;
  margin: 0px;
  background: #323232;
  color: #FFFFFF;
  clear: both;
  text-align: left;
  width: 540px;
}
.trener_show p {
  padding: 5px 0px 5px 215px; 
}
.trener_show h2 {
  background: url('img/h3.png') 50% 100% no-repeat;
  margin: 0;
  padding: 10px 0;
}
.trener_show h3 {
  margin: 0 0 0 0;
  padding: 3px 0px 3px 215px;
  font-size: 15px;
  background: transparent none;
}
.trener_show h4 {
  margin: 0 0 0 0;
  padding: 3px 0px 3px 215px;
  font-size: 14px;
  background: transparent none;
}
.trener_show .portret {
  float: left;
  margin: 10px 15px 10px 0;
}


#info {
	width: 400px;
	background-color: #000000;
	Color: #FFFFFF;
	padding: 5px 10px;
	border: solid 1px #FFFFFF;
	display: none;
}

/*tooltip*/
#tt {
	position: absolute;
	display: block;
	text-align: left;
}
#ttcont {
	display: block;
	padding: 10px 20px 5px 20px;
	margin-left: 0;
	background: #323232;
	color: #FFF;
	text-align: left;
	width: 400px;
	overflow: hidden;
  font-size: 12px;
}
#ttcont p {
  font-size: 100%;
  line-height: 140%;
  padding: 4px 0 4px 0;
}
#ttcont .subpopis {
  display: block;
}
#ttcont strong {

}
#ttcont h3 {
  height: 18px;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 5px 10px;
}
#ttcont img {
  float: left;
  width: 100px;
  margin: 0 10px 5px 0;
}
.clanky .clanek {
  position: relative;
  min-height: 125px;
}
.clanky .clanek .clicon {
  position: absolute;
  top: 5px;
  left: 40px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #FFFFFF;
  display: block;
  text-decoration: none;
  border: solid 0px #ae1359;
}
.clanky .clanek .clicon:hover img, .clanky .clanek .clicon:focus img, .clanky .clanek .clicon:active img {
  opacity:0.7; -moz-opacity:0.7; filter: alpha(opacity=70);
}
.clanky .clanek h4 {
  padding: 10px 15px 0 125px;
}
.clanky .clanek p {
  padding: 0 15px 0 165px;
}

.uvodclanky {
  background: url('img/clanky1.png') 0% 0% no-repeat;
  width: 730px;
  height: 332px;
  padding: 1px;
  margin-left: 12px;
  position: relative;
  top: 4px;
}
.uvod .anim {
  position: relative;

}
.uvod .clanky .clanek {
  width: 728px;
  height: 327px;
  overflow: hidden;
  display: block;
}
.uvod .clanky .clanek .clicon {
  width: 450px;
  height: 330px;
  overflow: hidden;
  display: block;
  position: static !important;
  margin: 0;
  padding: 0;
  border-right: solid 1px #9f9f9f;
}
.uvod .clanky .clanek .clicon img {
  margin: 0;
  padding: 0;
  position: static !important;
}
.uvod .clanky .clanek p {
  position: relative;
  top: -50px;
  margin: 0;
  padding: 5px 20px;
  width: 410px;
  height: 40px;
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.5);
  filter: alpha(opacity=70);
  color: #000000;
  line-height: 130%;
  display: none;
}
.uvod .clanek {
  padding: 0;
  margin: 0;
  position: static !important;
}
.uvod .clanky .clanek h4 {
  position: absolute;
  left: 451px;
  top: 0px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 140%;
}
.uvod .clanky .clanek h4 a {
  display: block;
  display: table-cell;
  vertical-align: middle;
  height: 56px;
  padding: 5px 10px 5px 20px;
  border-top: solid 1px #9f9f9f;
  color: #FFFFFF;
  width: 277px;
}
.uvod .clanky .clanek h4 a:hover, .uvod .clanky .clanek h4 a:focus, .uvod .clanky .clanek h4 a:active {
  color: #FFFFFF;
  background-color: #666666;
}
.uvod .clanky .clanek h4#but1 {
  top: -1px;
}
.uvod .clanky .clanek h4#but2 {
  top: 66px;
}
.uvod .clanky .clanek h4#but3 {
  top: 132px;
}
.uvod .clanky .clanek h4#but4 {
  top: 198px;
}
.uvod .clanky .clanek h4#but5 {
  top: 264px;
}
.uvod .clanky .clanek h4.selclanek a, .uvod .clanky .clanek h4.selclanek a:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.uvod .clanky .clanek h4#but1.selclanek a, .uvod .clanky .clanek h4#but1.selclanek a:hover, .uvod .clanky .clanek h4#but1 a:hover {
  background-color: transparent;
  background: url('img/clanky_sel1.png') 100% 0% no-repeat;
  color: #000000;
}
.uvod .clanky .clanek h4#but5 a {
  height: 52px;
}
.uvod .clanky .clanek h4#but5.selclanek a, .uvod .clanky .clanek h4#but5.selclanek a:hover, .uvod .clanky .clanek h4#but5 a:hover {
  background-color: transparent !important;
  background: url('img/clanky_sel1.png') 100% 100% no-repeat;
  color: #000000;
}
.uvod .clanky .clanek h4#but1 a:hover, .uvod .clanky .clanek h4#but5 a:hover {
  background-image: url('img/clanky_sel1b.png');
  color: #FFFFFF;
}
 .uvod .clanky .clanek h4.selclanek {
  left: 438px;
  padding-left: 13px;
  background: transparent url('img/clanek_ousko.png') 0% 50% no-repeat;
 }
.uvod h2 {
  background-image: url('img/h2_uvod.png');
}


.dark {
  background: #404040;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 5px 0 0 0;
  padding: 0 40px 0 40px;
  clear: both;
  border: none;
}

.info {
  background: #dd0000;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 5px 0 0 0;
  padding: 0 40px 0 40px;
  clear: both;
  border: none;
}





#treneri {
  position: relative;
  overflow: hidden;
}

#treneri .osobnitreneri {
  padding: 3px 0 25px 30px;
  clear: both;
  overflow: visible;
  margin: 0 0 25px 0;
}
#treneri .osobnitreneri li {
  display: block;
  float: left;
  width: 225px;
  height: 60px;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0 0 10px 5px;
  padding: 0;
}

#treneri .osobnitreneri a {
  display: block;
  float: left;
  width: 250px;
  height: 70px;
  color: #FFFFFF;
  text-decoration: none;
  overflow: hidden;
  margin-right: 5px;
  width: 225px;
  height: 70px;
  line-height: 110%;
}

#treneri .osobnitreneri a img {
  display: block;
  width: 44px;
  height: 50px;
  float: left;
  margin: 10px 10px 0 10px;
}
#treneri .osobnitreneri a strong{
  color: #FFFFFF;
  line-height: 170%;
  margin: 4px 0 2px 0;
  display: block;
}
#treneri .osobnitreneri a:hover {
  text-decoration: none;
  background-color: #666666;
}
#treneri .osobnitreneri br {
  clear: none;
}
#treneri h3 {
  clear: both;
  display: block;

}
#akce {
  padding: 5px 0 0 5px;
}
/*
#treneri .trenstudia {
  margin: 
}
#treneri .trenstudia li
{
  float: left;
  margin: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
}*/
/* div {
	outline: 1px solid red;
}
*/
.tisk {
  position: relative;
  top: -30px;
  float: right;
  background: url('img/tisk.gif') 4px 50% no-repeat;
  text-decoration: none;
  padding: 0 6px 0 25px;
  font-size: 13px;
}
a.tisk {
  color: #FFFFFF;
  background-color: transparent;
}
a.tisk:hover, a.tisk:focus, a.tisk:active  {
  color: #000000;
  background-color: #FFFFFF;
}