*{
	margin:0;
	padding:0;
	}
	
body{
	background-color:#000000;
	color:#ABABAB;
	background-image: url(images/bg_body.gif);
	font-family: "trebuchet MS", arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
p {
	padding: 0 0 7px 0;
	line-height: 130%;
}
h2{
	font-family:Trebuchet MS, Arial;
	font-size:16px;
	padding:10px 0;
	color:#999;
}
h3 {
	padding: 20px 0 5px 0;
	color: #3F7CB5;
	font-size: 15px;
	font-family: arial;
}

a{text-decoration:none; color:#D73030;}
p {
	line-height: 140%;
}
a img{border:0;}
a:hover{
	color: #CCCCCC;
}
a:focus {-moz-outline: none -moz-mac-focusring; }

.pocasie{
	width:898px;
	margin:0 auto 50px auto;
	padding:0;
	background-color:#FFF;
	text-align:center;
	}
	
#container{
	width:898px;
	margin:0 auto;
	padding:0;
	}
#container-photo{
	width:898px;
	margin:0 auto;
	padding:0;
	height: 60px;
	}
#head{
	height:92px;
	position:relative;
	width: 898px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
#head-photo{
	position:relative;
	width: 898px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
#head h1, #head-photo h1{
	text-indent:-9999px;
	overflow:hidden;
}
#head h1 a, #head-photo h1{
	position:absolute;
	width:181px;
	height:38px;
	top:20px;
	left:0px;
	display:block;
	overflow:hidden;
	text-indent:-9999;
	background-image: url(images/lukasvician.com.gif);
	background-repeat: no-repeat;
	}
.pdf-kalendar a{
	display: block;
	position: absolute;
	top: 396px;
	text-indent: -9999px;
	right: 34px;
	width: 30px;
	height: 20px;
}
.kal-bg {
	background-image: url(images/kalendar.jpg);
	height: 460px;
	width: 898px;
}



#napis{
	position:absolute;
	width:180px;
	height:55px;
	top:64px;
	right:19px;
	background:url(images/napis.gif) 0 0 no-repeat;
	}
	
/* TOP MENU ***************************************************************/

.topmenu{
	position:absolute;
	width:354px;
	height:38px;
	top:19px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 189px;
	}
.topmenu li{float:left;
text-indent:0;
list-style-type:none;
}
.topmenu ul{
	margin:0;
	padding:0;
}
.topmenu li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	margin:0;
	}

.topmenu li.t1 a{
	width:43px;
	height:38px;
	margin-right: 17px;
}
.topmenu li.t2 a{
	width:78px;
	height:38px;
	margin-right: 17px;
}
.topmenu li.t3 a{
	width:117px; 
	height:38px;
	margin-right: 17px;
	}
.topmenu li.t4 a{
	width:56px; 
	height:38px;	
	}

.topmenu li.t1 a:hover{background:transparent url(images/menu.gif) no-repeat 0px -38px;}
.topmenu li.t2 a:hover{background:transparent url(images/menu.gif) no-repeat -60px -38px;}
.topmenu li.t3 a:hover{background:transparent url(images/menu.gif) no-repeat -155px -38px;}
.topmenu li.t4 a:hover{background:transparent url(images/menu.gif) no-repeat -289px -38px;}


/* END TOP MENU ***************************************************************/

/* MENU ***************************************************************/

.menu{
	position:absolute;
	width:898px;
	height:25px;
	top:67px;
	background-image: url(images/4buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 0px;
	}
.menu li{float:left;
text-indent:0;
list-style-type:none;
}
.menu ul{
	margin:0;
	padding:0;
}
.menu li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	padding:0;
	margin:0;
	}

.menu li.t1 {
	width:40px;
	height:25px;
	text-indent: -9999px;
	overflow: hidden;
}
.menu li.t2 {
	width:96px;	
	height:25px;
	text-indent: -9999px;
	overflow: hidden;
}
.menu li.t3 {
	width:58px; 
	height:25px;
	text-indent: -9999px;
	overflow: hidden;
}
.menu li.t4 {
	width:58px; 
	height:25px;
	text-indent: -9999px;
	overflow: hidden;
}

.menu li.t1 a:hover{background:transparent url(images/menu.gif) no-repeat 0px -38px;}
.menu li.t2 a:hover{background:transparent url(images/menu.gif) no-repeat -56px -38px;}
.menu li.t3 a:hover{background:transparent url(images/menu.gif) no-repeat -170px -38px;}
.menu li.t3 a:hover{background:transparent url(images/menu.gif) no-repeat -170px -38px;}

/* END MENU ***************************************************************/

.pic1 {
	background-image: url(images/icon-dovrchu.jpg);
	position: absolute;
	height: 142px;
	width: 215px;
	left: 4px;
	top: 12px;
	text-indent: -9999px;
	overflow: hidden;
}
.pic2 {
	background-image: url(images/icon-rally.jpg);
	position: absolute;
	height: 142px;
	width: 215px;
	left: 229px;
	top: 12px;
	text-indent: -9999px;
	overflow: hidden;
}
.pic3 {
	background-image: url(images/icon-slalom.jpg);
	position: absolute;
	height: 142px;
	width: 215px;
	left: 454px;
	top: 12px;
	text-indent: -9999px;
	overflow: hidden;
}
.pic4 {
	background-image: url(images/icon-ostatne.jpg);
	position: absolute;
	height: 142px;
	width: 215px;
	left: 679px;
	top: 12px;
	text-indent: -9999px;
	overflow: hidden;
}
.megablock {
	background-image: url(images/top_4blocks.gif);
	height: 164px;
	width: 898px;
	position: relative;
}

.block1, .block2, .block3{
	width:225px;
	float:left;
	text-align: left;
}
.block4{
	width:223px;
	float: left;
	text-align: left;
}

.kategorie li {
list-style-type:none;
border-left:2px #999999 solid;
margin-bottom:1px;
color:#b7b7b7;
}

.kategorie li a{
color:#b7b7b7;
width:210px;
padding:2px 0 2px 11px;
display:block;
}

.kategorie li a:hover{
	color:#0F0F0F;
	background-color:#B7B7B7;
	text-decoration: none;
}
#r2011 {
	background-image: url(images/2011.gif);	
}
#r2010 {
	background-image: url(images/2010.gif);	
}
#r2009 {
	background-image: url(images/2009.gif);	
}
#r2008 {
	background-image: url(images/2008.gif);	
}
#r2007 {
	background-image: url(images/2007.gif);
}
#r2006 {
	background-image: url(images/2006.gif);
}
table.gallery {
}

.gallery td img{
	border: 1px solid #444;
}
.gallery td{
	width:170px;
	height:127px;
	vertical-align:middle;
	padding: 0 5px;
	text-align: center;
	background-color: #222;
}
.gallery td:hover{
	background-color:#999999;
}
table.komentar {
	width: 800px;
	margin: 10px 0;
}
td.hlavicka {
	text-align: left;
	background-color: #D73030;
	width: 15%;
	font-weight: bold;
	padding-left: 5px;
	color: #fff;
}
td.datum {
	background-color: #555;
	text-align: right;
	padding-right: 5px;
}
td.telo {
	background: #222;
	padding: 10px;
	border: 1px solid #555;
	text-align: left;
}
form {
	width: 500px;
	background: #222;
	border: 1px solid #555;
	margin: 10px 0;
	font-family: "Trebuchet MS", Arial;
}
input, textarea {
	width: 480px;
	background: #555;
	border: 1px solid #666;
	color: #CCCCCC;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}
textarea {
	margin-bottom: 10px;
}

input#text {
	width: 100px;
	margin: 3px 0;
	background: #222;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
input.tlacica {
	width: 120px;
	background-color: #D73030;
	font-family: "Trebuchet MS", Arial;
	font-weight: normal;
	margin: 10px 0;
	border: 0;
}
label {
	text-align: left;
	display: block;
	padding: 5px 0 0 10px;
}


#content{
	width:898px;
	float:right;
	padding:0;
	line-height:18px;
	background-image: url(images/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 587px;
	position: relative;
	}
#content-previews  {
	background-image: none;
	background-color: #000;
	height: auto;
	padding:10px 0;
	border: 1px solid #222;
	position: relative;
}
#content-photo {
	margin:0 auto;
	text-align:center;
	padding:10px 0 20px 0;
	width:auto;
}
#content-photo img {
	border:10px solid #b6b6b6;
	margin:10px;
}
#footer{
	clear:both;
	height:30px;
	padding-top:10px;
	color:#888888;
	text-align:right;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
	}
#footer-photo{
	width:898px;
	clear:both;
	height:30px;
	padding-top:10px;
	color:#888888;
	text-align:right;
	margin:0 auto;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: 0 top;
	}
#footer a{color:#888888;}
#footer a:hover{text-decoration:underline; color:#888888;}
#footer-photo a{color:#888888;}
#footer-photo a:hover{text-decoration:underline; color:#888888;}


/* SLIMBOX */

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;

}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(images/loading.gif) no-repeat center;
}



#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}



#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;

}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;

}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

.kategorie{
width: 898px; /*width of menu*/
}

.kategorie div.silverheader{
	height: 27px;
	width: 898px;
	text-indent: -9999px;
	overflow: hidden;
	clear:both;
}


.kategorie div.silverheader a:visited, .kategorie div.silverheader a:active{
}

.kategorie div.selected a, .kategorie div.silverheader a:hover{}

.kategorie div.submenu{ /*DIV that contains each sub menu*/
 /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}