body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;margin:0px;padding:0; color:#FFFFFF;}

#pagewrapper {text-align:center;width:100%;}
#page {width:900px; margin:0 auto;}

#site {width:900px; text-align:left;}

#header {width:100%; height:141px; background-image: url('../images/header.jpg');color:#FFFFFF; }

.menu_center {width:100%; height:30px; background: url('../images/menu_center.jpg') no-repeat left; font: 13px Sans-Serif; font-weight:bold;color:#000000;}
.menu1_center {font: 13px Sans-Serif; font-weight:bold;color:#000000;text-decoration:none;padding-top: 2px;padding-left: 20px;padding-right: 20px; text-align: center;}
.menu1_center a {font: 13px Sans-Serif; font-weight:bold;color:#000000;text-decoration:none;padding-top: 2px;padding-left: 20px;padding-right: 20px;}
.menu1_center a:hover {font: 13px Sans-Serif; font-weight:bold;color:#787878;padding-top: 2px;padding-left: 20px;padding-right: 20px;}

.empty {font: 13px Sans-Serif; font-weight:bold;color:#FFFFFF;padding-top: 0px;padding-left: 0px;padding-right: 0px;}

#bg {width: 100%; height:601px; background: #FFFFFF url('../images/bg.jpg') no-repeat;position: relative;}

.logoSDH {width:130px; height:142px; padding-left:50px;}
.logoSDH img {border: none;padding-top:5px}
.logoDP {width:191px; height:142px;padding-left:30px;}
.logoDP img {border: none;}

.mainphoto1 {width:206px; height:121px;padding-left:58px;}
.mainphoto1 img {border: none;}
.mainphoto2 {width:206px; height:121px;}
.mainphoto2 img {border: none;}

#footer {width: 100%; height:31px; background: #FFFFFF url('../images/footer.jpg') no-repeat;}

#bar { width: 160px; height: 231px; position: absolute; top: 155px; left: 30px;}
#bar ul {list-style: none; margin: 0px; padding: 0px; width: 160px; height: 231px; font-family: "Times New Roman", Times, serif;}
#bar ul li {list-style-type : none; padding-bottom: 5px;}
#bar ul li a:hover {color: #787878;}
#bar ul li a span {display: none;}
#bar ul li a { width: 160px; height: 28px; display: block; text-decoration: none; color: #000000; font-weight: bold; line-height: 25px; }

#bar2 { width: 160px; height: 198px; position: absolute; top: 155px; left: 705px;}
#bar2 ul {list-style: none; margin: 0px; padding: 0px; width: 160px; height: 198px; font-family: "Times New Roman", Times, serif;}
#bar2 ul li {list-style-type: none; padding-bottom: 5px;}
#bar2 ul li a:hover {color: #787878;}
#bar2 ul li a span {display: none;}
#bar2 ul li a { width: 160px; height: 28px; display: block; text-decoration: none; color: #000000; font-weight: bold; line-height: 25px; }

.m1 { background: url("../images/tlacitko.jpg") no-repeat left top; padding-left: 8px;font: 12px Sans-Serif;}
.m1:hover { background: url("../images/tlacitko.jpg") no-repeat left bottom; padding-left: 10px;}

.clear {clear: both;
display: block;
font-size: 1px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
visibility: hidden;
}

#sideup {width: 440px; height:7px; background: #FFFFFF url('../images/sideup.jpg');position: absolute; top: 155px; left: 230px; }
#sideupSDH {width: 640px; height:7px; background: #FFFFFF url('../images/sideuplarge.jpg');position: absolute; top: 155px; left: 230px; }
#sideupparezy {width: 640px; height:7px; background: #FFFFFF url('../images/sideuplarge.jpg');position: absolute; top: 155px; left: 30px; }
#area {width: 440px; height: 430px; background: #FFFFFF url('../images/area.gif') repeat-y;position: absolute; top: 162px; left: 230px; }
#areaSDH {width: 640px; height: 430px; background: #FFFFFF url('../images/arealarge.gif') repeat-y;position: absolute; top: 162px; left: 230px; }
#areaparezy {width: 640px; height: 430px; background: #FFFFFF url('../images/arealarge.gif') repeat-y;position: absolute; top: 162px; left: 30px; }
#sidedown {width: 440px; height:7px; background: #FFFFFF url('../images/sidedown.jpg');position: absolute; top: 585px; left: 230px; }
#sidedownSDH {width: 640px; height:7px; background: #FFFFFF url('../images/sidedownlarge.jpg');position: absolute; top: 585px; left: 230px; }
#sidedownparezy {width: 640px; height:7px; background: #FFFFFF url('../images/sidedownlarge.jpg');position: absolute; top: 585px; left: 30px; }
.text {height: 410px; overflow:auto; font: 13px Sans-Serif; color:#787878;padding-top: 10px;padding-right: 10px;padding-left: 20px;}
.text a, .text a:link, .text a:active, .text a:visited {color: #787878;}
.text a:hover {text-decoration: none;}

.logo {display: inline; width:245px; height:102px;}
.logo img {border: none;}
.logoline {position:relative;}

#line {width: 860px; height:100%; background: #A192C9 url('/test/images/line.jpg') no-repeat; color: yellow;}
.line1{font: 18px Times New Roman; padding:20px; color:#FFFFFF;font-weight:bold;}
.line2{font: 15px Times New Roman; padding:20px; color:#FFFFFF;font-weight:bold;}
.lheader{font: 16px Times New Roman; font-style:italic;color:#FFFFFF;font-weight:bold;}


#logo2 {width:860px; height:102px;background-image:url('/test/images/logo2.jpg'); font: 18px Times New Roman; color:#FFFFFF;}
.accent {font: 13px Times New Roman; padding-left:250px; padding-top:25px; padding-right:20px; padding-bottom:0px;; color:#3E2576;font-weight:bold;}
#logo21 {width:860px; height:102px;background-image:url('/test/images/logo21.jpg'); font: 18px Times New Roman; color:#FFFFFF;}

.empty {font: 20px Times New Roman; color:#FFFFFF;}

.clear {clear: both;
display: block;
font-size: 1px;
height: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
visibility: hidden;
}

.mlink {text-decoration:underline;border:none;color:#FFFFFF;font-weight:bold;}
.mlink:hover {text-decoration:underline;border:none;color:#3E2576;font-weight:bold;}

.imgright {float: right;margin: 0px 390px 0px 0px;}
.imgbig {border:none;width:250px;height:190px;margin: 0px 0px 0px 20px;}
.imgaura {border:none;width:250px;height:90px;margin: 0px 0px 0px 20px;}
.imgvicka {border:none;width:287px;height:66px;margin: 0px 0px 0px 20px;}
.imgmapa {border:none;width:159px;height:120px;margin: 0px 0px 0px 20px;}
.poukaz {border:none;width:242px;height:114px;margin: 0px 0px 0px 250px;}
.copy {font: 11px Arial, Helvetica, sans-serif; color:#3E2576;font-weight:bold;text-align:left;}

#gal {
	margin-top: 20px;
}
.lightbox {margin: 5px;}
.image {float: left; width: 160px; text-align: center; margin-right: 10px; position: relative; }
.image img {margin: 0;}
.image a{font-weight: bold;}
#gal img {border: 5px solid #ddd;}

.image .isMovieImage
{
	position: absolute;
	top: 7px;
	right: 7px;
}

#gal .image .isMovieImage img {border: none;}
.cleaner { clear: both; }

.comment
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 5px;
}

.comment:hover
{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.comment .date
{
	font-size: 0.8em;
}

.comment .author
{
	font-weight: bold;
	margin-bottom: 3px;
}

#comments form input, #comments form textarea
{
	border: 1px solid #787878;
}

#comments form input:hover, #comments form input:focus, #comments form textarea:hover, #comments form textarea:focus
{
	background: #eee;
}

