@charset "utf-8";
body {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	color:#000000;
}

#page {
	width:780px;
	height:auto;
	background:#FFFFFF;
	margin:5px auto 0 auto;
	padding:0;
	border:1px solid #000000;
	text-align:left;
}

/* HEADER */
#header {
	height:80px;
	width:auto;
	padding:0 20px 0 20px;
	margin:0;
	background:#CC0000 url(image/header_bg.jpg) repeat-x;
	border-bottom:1px solid #000000;
}

#header .name {
	width:auto;
	height:38px;
	margin:0;
	border-bottom:2px dashed #FFFFFF;
	padding:10px 5px 0 5px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
}

#flags {
	width:200px;
	height:38px;
	margin:0;
	padding:10px 5px 0 5px;
	font-size:24px;
	font-weight:bold;
	float:right;
	text-align:right;
	font-size:10px;
}

#flags a {
	margin:0 3px;
}

#header .moto {
	width:700px;
	height:20px;
	margin:2px auto 2px auto;
	padding:2px 0 0 50px;
	color:#EEEEEE;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	float:left;
}

/* MENU */
#menu {
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	color:#666666;
	list-style:none;
	border-bottom:1px solid #555555;
}

#menu li {
	width:80px;
	padding:6px;
	float:left;
}

#menu a {
	display:block;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#menu a:hover {
	text-decoration:underline;
}

#menu .active {
	display:block;
	color:#999999;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

/* CONTENT */
#main_content {
	height:630px;
	padding:0 30px;
	background:#FFFFFF url(image/foto_kroj_muzsky.gif) top right no-repeat;
}

.welcome {
	width:430px;
	height:220px;
	padding:0 10px;
	margin:20px auto 0 20px;
	float:left;
	font-size:12px;
}

#events {
	width:430px;
	height:310px;
	padding:0 10px;
	margin:20px auto auto 20px;
	float:left;
	font-size:12px;
}

.events {
	width:430px;
	height:310px;
	padding:0 10px;
	margin:20px auto auto 20px;
	float:left;
	font-size:12px;
}

#about {
	width:430px;
	height:auto;
	padding:0 10px;
	margin:20px auto auto 20px;
	float:left;
}

h1 {
	font-size:24px;
	font-weight:bold;
}

h2 {
	width:400px;
	font-size:18px;
	font-weight:bold;
	margin:15px auto 0 20px;
}

.adress {
	width:200px;
	margin:5px auto 0 50px;
}

.editorial {
	width:400px;
	margin:5px auto 0 30px;
	font-size:14px;
}

.certifikat {
	width:400px;
	margin:5px auto 0 30px;
	font-size:13px;
}

.cert {
	margin:3px 0 3px 0;
	font-size:13px;
	font-style:italic;
	list-style-type:disc;
}

.eventact {
	width:400px;
	margin:10px auto 0 30px;
	font-size:14px;
}

.editorial a {
	font-size:14px;
	font-style:italic;
	color:#333333;
	text-decoration:none;
}

.editorial a:hover {
	color:#555555;
	text-decoration:underline;
}

#mailform {
	width:430px;
	height:260px;
	padding:0 10px;
	margin:auto auto auto 20px;
	float:left;
	font-size:12px;
}

.input {
	border:1px solid #888888;
}

.btn {
	border:2px outset #CCCCCC;
	color:#000000;
	float:right;
	padding:0;
	margin:0 2px;
}

.gall {
	width:564px;
	height:600px;
	padding:0;
	margin:20px auto auto 0;
	text-align:center;
	float:left;
}

.gall_btn {
	width:556px;
	height:auto;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	float:left;
}

.gall_more {
	color:#666666;
	text-decoration:none;
}

.gall_more:hover {
	color:#000000;
	text-decoration:underline;
}

.gallpic {
	display:block;
	width:140px;
	height:140px;
	background-color:#FFF;
	margin:0;
	padding:auto, 0;
	border:none;
	text-align:center;
	float:left;
}

.gallpic:hover{
	background-color:#CCC;
}

.gall img{
	max-width:120px;
	max-height:120px;
	margin:10px 0;
	padding:0;
	border:none;
}

/* FOOTER */
#footer {
	height:30px;
	padding:0 20px;
	margin:0;
	background:#CC0000 url(image/header_bg.jpg) repeat-x;
	text-align:center;
}

#copy {
  width:740px;
	color:#FFFFFF;
	font-size:12px;
	margin:0;
	padding:5px;
}

/* ADMINISTRATION */
#admin_content {
	height:630px;
	padding:0 30px;
}

.adminakce {
	width:100%;
	font-size:12px;
}

.adminakce a {
	border:none;
	padding:0;
	margin:0 5px;
}

.new_act {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

.new_act:hover {
	color:#666666;
	text-decoration:underline;
}

#login {
	width:500px;
	font-size:12px;
}

.dark{
	background-color:#666666;
	color:#FFFFFF;
}

.light{
	background-color:#FFFFFF;
	color:#000000;
}

.stats{
	width:500px;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

/* PHOTO */
.fullimage {
	width:auto;
	height:auto;
	margin:auto;
	padding:0;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

.fullimage:hover {
}

.image{
	margin-top:5px;
	border:0;
}
