body {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
color: #CCCCCC;
background: #000000 url(prostredek.gif) repeat left bottom;
cursor: crosshair;
}

a:link, a:visited, a:active {
color : #CA9B67;
text-decoration : none;
}

a:hover {
color : #fff;
text-decoration : none;
}

#vrch {
background: #2D2D2D url(ruka.gif) no-repeat center top;
height: 49px;
border-top: 0;
text-align: left;
margin-top: 0;
padding-top: 5px;
padding-bottom: 0;
padding-left: 5px;
}

#vrch2 {
margin-top: 0;
margin-bottom: 20px;
}

#stin {
background: #2d2d2d url(stin.gif) no-repeat center top;
border-top: 0;
}
h1 {
margin: 0; padding: 0;
background: #141414 url(logo.gif) no-repeat center top;
width: 750px; height: 140px;
font-size: 60px;
}
h1 span {
visibility: hidden;
}
/* ------------------------------------------
TOP -----------------------------------------
------------------------------------------ */
#top {
position: relative;
background: #3d3d3d;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 1.0em;
}
/* ------------------------------------------
MAIN ----------------------------------------
------------------------------------------ */
#main {
position: relative;
width: 750px;
background-color : transparent;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
}
/* ------------------------------------------
RIGHT MENU -----------------------------------
------------------------------------------ */
#right {
position: relative;
float: left;
right:0;
width: 180px;
}

.rightmenutitle {
text-align : center;
font-weight : bold;
background : #3d3d3d;
margin: 0px 5px 0px 5px;
padding-top : 5px;
padding-bottom : 5px;
border-top : 1px solid #3d3d3d;
border-left : 1px solid #3d3d3d;
border-right : 1px solid #3d3d3d;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

.rightmenu {
margin: 0px 5px 7px 5px;
background-color : #2d2d2d;
color : #cccccc;
text-align : left;
border : 1px solid #3d3d3d; /* okraje */
border-top: 0;
}

.rightmenu li {
	list-style: url(terc.gif);
	font-weight: bold;
	font-size: 1em
}

.rightmenuwallpaper {
margin: 0px 5px 7px 5px;
background-color : #2d2d2d;
color : #cccccc;
text-align : center;
vertical-align : middle;
padding-top: 10px;
padding-bottom: 8px;
border : 1px solid #3d3d3d;
}

/* ------------------------------------------
RIGHT MENU CALENDAR--------------------------
------------------------------------------ */
.rightmenu .calendar {
font-size: 10px;
vertical-align: middle;
text-align: center;
width: 100%;
border-collapse: collapse;
font-family: Arial,Verdana,Helvetica,sans-serif;
margin: 0px;
border-bottom: 1px solid #fff;
}

.rightmenu .calendar td {
background-color : #2d2d2d;
font-size:10px;
height: 23px;
width: 20px;

}

.rightmenu .calendar .today {
background-color: #1f1f1f;
border: 1px solid #3d3d3d;
}

.rightmenu .calendar .today a {
color: #CA9B67;
text-decoration: underline;
}

.rightmenu .calendar .new {
border: 1px solid #3d3d3d;
border-right: 0;
}

.rightmenu .calendar .new  a {
color: #999999;
text-decoration: none;
}

.rightmenu .calendar .new  a:hover {
color: #fff;
}

.rightmenu .calendar .old {
border: 1px solid #3d3d3d;
border-right: 0;
}

.rightmenu .calendar .old a {
color: #656565;
text-decoration: none;
}

.rightmenu .calendar .old a:hover {
color: #999999;
}

/* ------------------------------------------
RIGHT MENU FOTKA ------------------------
------------------------------------------ */
.rightmenu #wallpaper {
text-align : center;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 2px;
}
/* ------------------------------------------
CONTENT -------------------------------------
------------------------------------------ */
#content {
margin-left: 180px;
margin-right: 5px;
margin-bottom: 0px;
}

.content {
padding: 1px;
color : #cccccc;
background-color : #2d2d2d;
margin-top: 0px;
margin-bottom: 4px;
border: 1px solid #3d3d3d;
}

.content img {
padding-top: 2px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
}

.content .hl {
color : yellow;
}

.content table {
width : 99%;
background-color : #2d2d2d;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
border-collapse : collapse;
}

.content td {
text-align: center;
color : #cccccc;
background-color : #2d2d2d;
padding-top : 2px;
padding-bottom : 2px;
border: 1px solid #565656;
}

.content select {
border: 1px solid #565656;
background-color : #3d3d3d;
color: #CCCCCC;
font-size: 1em;
}

/* ------------------------------------------
NEWS ----------------------------------------
------------------------------------------ */
.content .title {
font-size: 12px;
font-weight : bold;
padding-top: 6px;
padding-left: 4px;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

.content .text {
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 10px;
font-size: 14px;
}

.content .info {
font-size: 10px;
text-align: right;
padding-right: 2px;
color: #999999;
}

.content pre {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 11px;
color : #cccccc;
margin-top : 5px;
margin-bottom : 2px;
border: 1px solid #565656;
width : 97%;
}

.content hr {
height: 1px;
width: 99%;
padding: 0;
margin: 2px;
color: #3d3d3d;
background-color: #3d3d3d;
border: 0;
text-align: left;
}

/* ------------------------------------------
COMMENTS ------------------------------------
------------------------------------------ */
.content textarea {
font-family: Arial,Verdana,Helvetica,sans-serif;
width: 350px;
height: 100px;
background-color: #424242;
border: 1px solid #565656;
color: #CCCCCC;
}

.content form input {
background-color: #424242;
border: 1px solid #565656;
color: #CCCCCC;
}

.content form .button {
border: 1px solid #565656;
background-color: #424242;
color: #CCCCCC;
height: 20px;
margin-top: 4px;
}

/* ------------------------------------------
DOWNLOADS & PRE -----------------------------
------------------------------------------ */
.contenttab {
color : #cccccc;
margin-top: 3px;
}

.contenttab .menu {
text-align: left;
padding-top: 4px;
}

.contenttab .menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.contenttab .menu li {
padding-left: 8px;
padding-right: 8px;
padding-top: 1px;
display: inline;
border-left: 1px solid #565656;
border-right: 1px solid #565656;
border-top: 1px solid #565656;
}

.contenttab .menu .pre {
cursor: pointer;
}

.contenttab .menu li:hover {
background: #424242;
}

.contenttab .menu .mypage {
background-color: #424242;
color: ##FFFFFF;
}

.tabcontent {
padding: 2px;
color : #cccccc;
background-color : #424242;
margin-top: 0px;
margin-bottom: 5px;
border: 1px solid #565656;
}

.tabcontent .title {
font-size: 12px;
font-weight : bold;
padding-top: 6px;
padding-left: 4px;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

.tabcontent .text {
padding-left: 12px;
padding-top: 6px;
padding-bottom: 10px;
}

.tabcontent .info {
font-size: 10px;
text-align: right;
padding-right: 2px;
color: #999999;
}

.tabcontent hr {
height: 1px;
width: 99%;
padding: 0;
margin: 2px;
color: #565656;
background-color: #565656;
border: 0;
text-align: left;
}

.tabcontent form input {
background-color: #424242;
border: 1px solid #565656;
color: #CCCCCC;
height: 16px;
}

.tabcontent form .button {
border: 1px solid #565656;
background-color: #424242;
color: #CCCCCC;
height: 20px;
margin-top: 4px;
}

.tabcontent table {
width : 99%;
background-color : #424242;
margin: 0 auto;
margin-top: 3px;
margin-bottom: 3px;
border-collapse : collapse;
}

.tabcontent td {
text-align : center;
color : #cccccc;
background-color : #424242;
padding-top : 2px;
padding-bottom : 2px;
border: 1px solid #565656;
}
/* ------------------------------------------
FOOTER --------------------------------------
------------------------------------------ */
#footer {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 80px;
text-align: center;
font-size : 10px;
clear: both;
width: 100%;
position: relative;
}
/* ------------------------------------------
OTHERS --------------------------------------
------------------------------------------ */
h3 {
padding: 4px;
margin: 0px;
}

p {
margin: 0 0 0 0;
}

pre {
padding : 3px;
}

img {
border: 0px;
}

.border {
border: 1px solid #565656;
}

.signature {
color : #8e8e8e;
font-size : 10px;
padding-right: 3px;
text-align : right;
}

.center {
text-align : center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.red {
color : red;
}

.green {
color : green;
}

.underline {
text-decoration: underline;
}
/****************************************KALENDAR*******************/
#kalendar {
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:530px;
}
#kalendar .detail {
	border:1px solid #3D3D3D;
	margin:0 0 1em 0;
	padding:0 0 5px 0;
	width:100%;
	color:#CCCCCC;
	background-color:#2D2D2D;
}
#kalendar .detail .title td, #kalendar .detail .title a {
	font-size:1.2em;
	color:#CCCCCC;
	background-color:#3D3D3D;
	padding:0;
	text-decoration:none;
	height: 40px;
}
#kalendar .detail .title1 td {
	border-bottom:1px solid #565656;
	background-color:#3D3D3D;
	padding:0.2em;
	height: 40px;
}
#kalendar .detail .tyden td, #kalendar .detail .tyden a {
	padding:0.2em;
	text-decoration:none;
	color:#CCCCCC;
	background-color:inherit;
	height: 50px;
}
#kalendar .detail .tyden a:hover {
	color:#fff;
	/*background-color:#eee;*/
}
#kalendar .detail .minuly_mesic a, #kalendar .detail .pristi_mesic a {
	color:#3D3D3D;
	/*background-color:#eee;*/
}
#kalendar .detail .konec a {
	background-color:inherit;
}
#kalendar .detail .akce a {
	font-weight:bold;
	color:#f00;
	background-color:inherit;
	text-decoration:underline;
}
#kalendar .detail .dnes a {
	color:#fff;
	background-color:#3D3D3D;
	font-weight:bold;
}
#kalendar .detail .kalendar_akce {
	display:none;
	margin:0;
	padding:0.3em;
	position:absolute;
	width:180px;
	color:#CCCCCC;
	background-color:#2D2D2D;
	text-align:left;
	border:1px solid #3D3D3D;
	font-weight:normal;
}
#kalendar .detail .kalendar_akce .date {
	font-style:italic;
}
#kalendar .detail .kalendar_akce .edit {
	float:right;
}
#kalendar .detail .kalendar_akce a {
	font-weight:normal;
	color:#CCCCCC;
	background-color:#2D2D2D;
}
#kalendar .detail .kalendar_akce li {
	margin:0 0 1em 0;
	list-style:disc inside none;
}
#kalendar .detail td:hover > .kalendar_akce {
	display:block;
}

#kalendar_form {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#2D2D2D;
	color:#CCCCCC;
}
#kalendar_form .title {
	text-align:center;
	color:#CCCCCC;
	background-color:#3D3D3D;
	padding:0.3em;
	margin:0 0 1em 0;
	font-weight:bold;
}
#kalendar_form .credit {
	text-align:right;
	margin:0;
	padding:0 1em 0.5em 0;
	color:#CCCCCC;
	background-color:inherit;
}
#kalendar_form .credit a {
	color:#CA9B67;
	background-color:inherit;
	text-decoration:underline;
}
#kalendar_form .credit a:hover {
	text-decoration:none;
}
#kalendar_form form {
	margin:0;
	padding:0 0.5em;
	color:#eee;
	background-color:inherit;
}
#kalendar_form form br {
	clear:both;
}
#kalendar_form input, #kalendar_form select, #kalendar_form textarea {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0.5em 0;
}
/************************************* fotogalerie ***************/
#fotogalerie_gal {
	text-align:left;
	margin:0 auto;
	width:532px;
}
#fotogalerie_gal .navigator {
	margin:0 0 20px 0;
}
#fotogalerie_gal .navigator a {
	text-decoration:none;
	color:#CA9B67;
	background-color:inherit;
}
#fotogalerie_gal .navigator a:hover {
	color:#fff;
}
#fotogalerie_gal img {
	border:1px solid #3D3D3D;
	padding:2px;
	margin-right:3px;
	margin-bottom:5px;
}
#fotogalerie_gal img:hover {
	border:1px solid #ccc;
}
#fotogalerie_gal .dir {
	width:94px;
	margin: 5px;
	padding-top: 90px;
	background:transparent url(slozka.jpg) no-repeat top center;

display: block;
text-align: center;
vertical-align: text-bottom;
	border:1px solid #3D3D3D;
}
#fotogalerie_gal .dir:hover {
	border:1px solid #ccc;
}
#fotogalerie_gal .dir a {
	text-decoration:none;
	color:#CA9B67;
	background-color:inherit;
	display:block;
	padding:0 0 0 0;
}
#fotogalerie_gal .dir a:hover {
	text-decoration:underline;
}
#fotogalerie_gal .preview {
	position:relative;
}
#fotogalerie_gal .preview img {
	border:1px solid #ccc;
	padding:5px;
}
#fotogalerie_gal .preview ul {
	list-style:square inside none;
	margin:0;
	padding:5px;
	position:absolute;
	right:0;
	top:0;
	border:1px solid #ccc;
	background-color:#3D3D3D;
	color:#ccc;
}
#fotogalerie_gal .preview .caption {
	font-size:1.3em;
	margin:10px 0 0 20px;
}

#fotogalerie_gal table {
background: transparent; border: 0;
}

#fotogalerie_gal td {
background: transparent; border: 0; text-align: left; vertical-align: top;
}