/* ========================== html ============================= */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
 body {
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	color: white;
	background: #000000;
	}
img {
	border: 0px;
	margin: 0;
	padding: 0;
	}
.space, .nthng, .space_big, .space_huge {
	clear: both;
	height: 5px;
	width: 100%; 
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	}
.nthng {
	height: 0px;
	font-size: 0px;
	}
.space_big {height: 20px;}
.space_huge {height: 40px;}
/* ========================== common ============================= */
h1, a span, .extras_downl span, .extras_video span {
	position: absolute;
	top: -1000px;
	display: none;
	font-size: 1px;
}
.main h2 {
	text-align: center;
	margin: 0px 0 15px 0;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 5px;
	/*color: #fecf2e; yellow*/
	color: #6fb3ff;
	color: white;
	width: 520px;
	background: url(images/stxi_h2.gif) no-repeat center;
	overflow: visible;
	}
h3 {
	font-size: 1em;
	padding: 0 0 10px 0;
	margin: 0;
}
h3.center {padding: 10px 0 10px 0;}
h4 {
	font-size: 0.8em;
	padding: 0 0 2px 0;
	margin: 0;
	display: block;
}
h4.center {
	padding: 0 0 10px 0;
	color: #CCCCCC;
}
a, a:visited {
	margin: 0px;
	text-decoration: underline;
	/*color: #FFFFCC;*/
	/*color: #eac413;*/
	color: #B3DEFF;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: white;
}
p, .c2 {
	font-size: 0.9em;
	color: #999999;
	padding: 0 0 5px 40px;
}
p.small {font-size: 0.8em;}
ul, li { list-style: none;}
li {color: #999999; font-size: 0.9em;}
ul.cast li {margin: 0 0 10px 100px;}
/* ========================== layout ============================= */
.obrys {
	width: 750px;
	_height: 500px;
	min-height: 500px;
	margin: 0 auto;
	padding: 0;
	/*border: 1px solid yellow;*/
	}
.obrys-b {
	position:relative;
	width: 750px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	padding: 0;
	}
/* =========== head =========== */
#head {
	width: 100%;
	/*height: 222px;*/
	margin: 0;
	padding: 0;
}
#head a {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}
#top_anchor {font-size: 0;}
/*
#logo {
	float: left;
	margin: 0 0 0 90px !important;
	margin-left: 45px;
}

.logo_right {
	float: left;
	margin: 0 0 0 143px;
	padding: 0;
}
#novinky {
	width: 375px;
	height: 72px;
	margin: 0;
	padding: 0 0 0 30px;
	background: url(images/stxi_head_novinky.jpg) no-repeat;
}
#novinky p {
	color: white;
	margin: 0;
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
}
#novinky p a, #novinky p a:visited {
	color: white;
}
#novinky p a:hover, #novinky p a:visited:hover {
	color: #FFFF00;
}
*/
#countbox {
	position:absolute;
	top: 137px;
	width: 550px;
	font-size: 0.8em;
	font-weight: BOLD;
	text-align: center;
	color: #B3DEFF;
	/*letter-spacing: 3px;*/
}
#countbox span {
	display: block;
	clear: both;
	margin-top: 7px;
	font-size: 0.9em;
	color: white;
}
/* =========== menu =========== */
.left {
	float: left;
	width: 130px;
	padding: 20px 10px 20px 10px;
	margin: 0;
	text-align: right;
	}
/*.menu {
	padding: 0 0 20px 0;
	margin: 0;
	}*/
.companies, .menu {
	width: 130px;
	padding: 0;
	margin: 0;
	color: black;
	/*border-top: 1px solid gray;*/
	}
.menu a, .menu a:visited, .menu span {
	clear: both;
	display: block;
	width: 130px; height: 25px;
	margin:0;
	padding: 5px 0;
	color: black;
	text-decoration: none;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 0 -31px;
	font-size: 0px !important;
	font-size: 1px;
	}
.menu a:hover, .menu a:visited:hover, .menu a.sel, .menu a.sel:visited  {
	color: black;
	text-decoration: none;
	font-weight: bold;
	background-position: 0 0;
	}
.menu a.uvod {background-image:url(images/stxi_menu_uvod.gif)}
.menu a.ofilmu {background-image:url(images/stxi_menu_ofilmu.gif)}
.menu a.novinky {background-image:url(images/stxi_menu_novinky.gif)}
.menu a.historie {background-image:url(images/stxi_menu_historie.gif)}
.menu a.herci {background-image:url(images/stxi_menu_herci.gif)}
.menu a.tvurci {background-image:url(images/stxi_menu_tvurci.gif)}
.menu a.extras {background-image:url(images/stxi_menu_extras.gif)}
.menu a.download {background-image:url(images/stxi_menu_downl.gif)}
.menu a.video {background-image:url(images/stxi_menu_video.gif)}
.menu a.soutez {background-image:url(images/stxi_menu_soutez.gif)}
.menu a.odkazy {background-image:url(images/stxi_menu_odkazy.gif)}

/* =========== submenu_herci =========== */
.herci_submenu {
	width: 520px;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	}
.herci_submenu a, .herci_submenu a:visited, .herci_submenu span {
  float:left;
	display: block;
	width: 60px;
	margin: 0 5px 15px 0;
	padding: 62px 0 0 0;
	color: #b3b3b3;
	text-decoration: none;
	font-weight: normal;
	background-repeat: no-repeat;
	text-align: center;
/*	background-position: 0 -31px;*/
	}
.herci_submenu a:hover, .herci_submenu a:visited:hover, .herci_submenu a.sel, .herci_submenu a.sel:visited  {
	color: white;
	text-decoration: none;
	font-weight: normal;
/*	background-position: 0 0;*/
	}
.herci_submenu a.kirk {background-image:url(photos_herci/submenu_kirk.jpg)}
.herci_submenu a.spock {background-image:url(photos_herci/submenu_spock.jpg)}
.herci_submenu a.mccoy {background-image:url(photos_herci/submenu_mccoy.jpg)}
.herci_submenu a.scotty {background-image:url(photos_herci/submenu_scotty.jpg)}
.herci_submenu a.uhura {background-image:url(photos_herci/submenu_uhura.jpg)}
.herci_submenu a.sulu {background-image:url(photos_herci/submenu_sulu.jpg)}
.herci_submenu a.chekov {background-image:url(photos_herci/submenu_chekov.jpg)}
.herci_submenu a.nero {background-image:url(photos_herci/submenu_nero.jpg)}

#herci_obsah {clear:both; margin-top: 15px;}

.extras_submenu {margin: 0 0 0 60px; width: 500px;}
.extras_downl, .extras_video {
     width: 170px; height: 112px;
     display: block;
     float: left;
}
.extras_downl {background: url(images/submenu_extras_downl.jpg) no-repeat left top; margin: 0 40px 0 0;}
.extras_video {background: url(images/submenu_extras_av.jpg) no-repeat left top; margin: 0 0 0 40px;}
.extras_submenu a {background-position: right top;}
.extras_submenu a:hover {background-position: left top;}
/* =========== main =========== */
.main {
	width: 520px;
	float: left;
	margin: 0;
	padding: 25px 40px 0 40px;
	background: #0a0a0a url(images/stxi_main_bg.gif) repeat-y;
	overflow: visible;
	}
.main p {
	text-align: justify;
	margin: 0 0 15px 0;
	}
.main p.uvod {
	text-align: justify;
	padding: 0 0 5px 0;
	}
.main p.center {
	text-align: center;
	padding: 0;
	margin: 0 0 15px 0;
	}
.main p.full {padding-left: 0; clear:both;}
.main p.full img.full_L {margin-right: 15px;}
.main p.full img.full_R {margin-left: 15px;}
.half {
	float: left;
	width: 250px;
	}
.half_space {margin-right: 20px;}
.c2 {
	float: left;
	width: 220px;
	margin: 0 20px 15px 0;
	}
p.newslink {
	width: 400px;
	display: block;
	float: left;
	color: white;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 0.8em;
}
h4.newslink {
	clear: both;
	float: left;
	width: 85px;
}
/*p.newslink a, p.newslink a:visited {
	text-decoration: underline;
	color: #808080;
}
p.newslink a:hover, p.newslink a:visited:hover {
	text-decoration: none;
	color: white;
}*/
p.top {
	font-size: 0.8em;
	text-align: center !important;
	padding-left: 0;
}
p.top a, p.top a:visited {
	color: #999999;
	padding: 3px 0 3px 20px;
	background: url(images/stxi_top_ico.jpg) no-repeat 0 -24px;
}
p.top a:hover, p.top a:visited:hover {
	color: white;
	background: url(images/stxi_top_ico.jpg) no-repeat 0 -2px;
}
/* =========== herci/tvurci =========== */
.profile_text {
	width: 360px;
	float: right;
}
.link_text {
	width: 340px;
	float: right;
}
/*h3.h3_profile {margin-bottom: 0; padding-bottom: 0;}*/
h3.h3_profile span {font-size: 0.8em; color: #999999;}

.profile, .profile_info {
	font-size: 0.9em;
	color: #999999;
	padding: 0;
	margin: 0;
}
.profile_info {
	font-size: 0.8em;
	font-style:italic;
}
/*
.profile a, .profile a:visited {
	color: #A4A400;
	color: #b3b3b3;
}
.profile a:hover, .profile a:visited:hover {color: white;}
*/
.profile span {color: white;}

.cast {
     font-size: 0.9em;
     clear: both;
	 color: #999999;
}

/* =========== o filmu =========== */
h3.deco {float: left; margin-top: 80px;}
img.deco {float: right; margin: 0 15px 10px 0; width:307px; height:140px;}
h3.deco span {color: #808080; font-size:0.7em; font-weight: normal;}

.deco_comx {
	clear: both;
	min-height: 1000px;
	padding: 0 0 0 165px;
	background: url(images/deco_side_comx.jpg) top left no-repeat;
}
.deco_movie {
	clear: both;
	min-height: 850px;
	padding: 0 0 0 165px;
	background: url(images/deco_side_movie.jpg) top left no-repeat;
}
/* =========== soutez =========== */
ul.soutez_ceny {clear: both; margin: 0 0 15px 0;}
/* =========== footer =========== */
.footer {
	width: 520px;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 0.7em;
	text-align: center;
	/*color: #AAAAAA;*/
	color: #404040;
	position: relative;
	top: 20px;
	z-index: 10;
}
.footer img {margin: 5px 30px;}
/*.footer a, .footer a:visited {
	color: #eac413;
	text-decoration: underline;
}
.footer a:hover, .footer a:visited:hover {
	color: white;
	text-decoration: none;
}
*/
.line {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 5px 0px 5px 0px;
	font-size: 1px;
	/*border-top: 1px solid gray;*/
	background: url(images/stxi_line.gif) no-repeat;
}
/* ========================== KEEP LAST ============================= */
.white_bold {color: white !important; font-weight: bold;}
.main p.note {
	font-size: 0.7em;
	color: #999999;
	padding: 3px 0 0 0;
}
p.note a, p.note a:visited {color: #666666;}
.ram {border: 1px solid red;}
.more_l {margin-left: 5px;}
.more_k {margin-left: 40px;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.leftimg {
	margin: 0 10px 10px 0;
	float: left;
}
