/* soubor CSS od Lazar.cz */

body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	margin: 0px 0px 14px 0px;
	padding: 0px;}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: Black;
	margin: 0px 0px 4px 0px;
	padding: 0px;}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	margin: 0px 0px 8px 0px;
	padding: 0px;}
	
a h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	text-decoration: underline;
	color: Black;
	margin: 0px 0px 8px 0px;
	padding: 0px;}
	
a:hover h5 {
	text-decoration:underline;
	color: white;}
	
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00a0c6;
	font-weight: bold;
	text-decoration: none;}
	
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-decoration: none;}
	
.obsah a {
	text-decoration: underline;}
	
.obsah a:hover {
	text-decoration: underline;}
	
ol {
	margin: 0px 0px 0px 23px;
	padding: 0px;}
	
ul {
	margin: 10px 0px 0px 20px;
	padding: 0px;}
	
li {
	margin: 0px 0px 5px 0px;
	padding: 0px;}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: none;
	overflow:hidden;}

#mask {
	width:100%;
	height:1000%;
	overflow:hidden;
	background-color: #333333;}

.item {
	width:100%;
	height:10%;
	display:block;
	background:url(images/back.jpg) top center;}	
	
#top{
	width:100%;
	text-align:center;
	height:111px;
	display:block;
	background: white url(images/topback.jpg) top center repeat-x;}	
	
#logoinfo{
	width:770px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	_margin-bottom: -3px;}	
	
#logo{
	width:115px;
	height: 121px;
	position: absolute;
	top: 12px;
	left: 190px;
	background: transparent url(images/logo.png) center center no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');
	_background: none;}	
	
#info{
	width:350px;
	height: 20px;
	position: absolute;
	top: 50px;
	right: 20px;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: right;}	
	
.minilogo{
	width:62px;
	height: 65px;
	position: absolute;
	bottom: 40px;
	_top: 327px;
	left: 115px;}	
	
.minilogo a img{
	width:62px;
	height: 65px;
	border: 0;
	background: transparent url(images/logo-mini.png) right center no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-mini-white.png', sizingMethod='crop' );
	_background: none; }
	
.minilogo a:hover img{
	background: transparent url(images/logo-mini.png) left center no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-mini-color.png', sizingMethod='crop');
	_background: none;}		
	
.obsah{
	width:340px; /* 578 */
	height:350px;
	_width:350px;
	_right:-30px;
	display:block;
	position:relative;
	float:right;
	padding: 20px 200px 20px 20px;
	margin-right: 20px;
	background-color: white;
	border-left: 5px solid red;}
	
.sidebar{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 10px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar1{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 40px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar2{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 85px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar3{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 40px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar4{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: -20px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar5{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 30px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar6{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 0px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar7{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 58px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar8{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 40px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar9{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 85px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar10{
	width:195px;
	display:block;
	position: absolute;
	z-index:100;
	top: 65px;
	right: 0px;
	_right: -10px;
	float:right;
	padding: 0px;
	border: 0;}
	
.sidebar img, .sidebar1 img, .sidebar2 img, .sidebar3 img, .sidebar4 img, .sidebar5 img, .sidebar6 img, .sidebar7 img, .sidebar8 img, .sidebar9 img, , .sidebar10 img{
	*margin-bottom: -3px;}
	
a .sidebar-content{
	background-color: #dfdfdf;
	border-left: 5px solid #00a0c6;}
	
a:hover .sidebar-content{
	background-color: #535353;
	border-left: 5px solid red;}
	
a .sidebar-content img{
	border: 0;}
	
.sidebar-text{
	padding: 10px;
	text-decoration: none;
	color: #000;
	font-weight:normal;
	text-decoration: none;
	border: 0;}

a .sidebar-text{
	color: #000;
	font-weight:normal;
	text-decoration: none;
	border: 0;}
		
a:hover .sidebar-text{
	color: #FFFFFF;
	font-weight:normal;}
	
.menu{
	width: 178px;
	_width: 178px;
	_float: right;
	_position: absolute;
	_left: 0px;}	
	
.menu a{
	display: block;
	right: 10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:19px;
	color:#FFFFFF;
	text-decoration:none;}	
	
.menu a:active{
	text-decoration:none;
	color: red;}
	
.active a{
	text-decoration:none;
	color: red;}
	
.active .menu a:hover{
	text-decoration:none;
	color: red;}
	
.menu a:focus{
	text-decoration:none;
	color: #00a0c6;}
	
.menu a:hover{
	text-decoration:none;
	color: #00a0c6;
	font-weight: bold;
	font-size:19px;}
	
.contenthome {
	width:770px;
	height:430px;
	top: 35px;
	margin:0 auto;
	position:relative;}
	
.content {
	width:770px;
	height:430px;
	top:20%;
	margin:0 auto;
	position:relative;}
	
.selected {
	font-weight:700;
	color: #FF0000;}
	
.stin-double {
	display:block;
	position:relative;
	width: 770px;
	height: 40px;
	top:40%;
	*top:10px;
	left:0px;
	background-image: url(images/stin-double.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stin-double.png', sizingMethod='scale');
	_background: none; }
	
.stin-single {
	display:block;
	position:relative;
	width: 770px;
	height: 40px;
	top:40%;
	*top:10px;
	left:0px;
	background-image: url(images/stin-single.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stin-single.png', sizingMethod='scale');
	_background: none; }
	
	
	/* highslide */

.highslide {
    cursor: url(graphics/zoomin.cur), pointer;
    outline: none;}
	 
.highslide img {
	border:1px solid #00a0c6;
	padding: 3px;}
	
.highslide:hover img {
	border: 2px solid red;
	padding: 2px;}

.highslide-image {
	border: 10px solid #00a0c6;}
	
.highslide-image-blur {}

.highslide-caption {
    display: none;
	color:#000000;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;}
	 
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;}
	
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;}
	 
.highslide-display-block {
    display: block;}
	 
.highslide-display-none {
    display: none;}