/* === General CSS === */
h1 {font-size:21px; margin-top:16px; font-weight:normal; margin-bottom:8px;}
h2 {font-size:17px; margin-top:14px; font-weight:normal; margin-bottom:6px;}
h3 {font-size:13px; margin-top:12px;	margin-bottom:4px;}
h4 {font-size:12px; margin-top:10px;	margin-bottom:2px;}
form {margin:0px;}
hr {height: 1px; color: #868788; /* IE6 */ 
		background-color: #868788; /* FF */ 
		border: 0px solid #868788; /* Opera */
		margin:7px 0 7px 0; /* FF, Opera */
		_margin:0; /* IE6 */}
ul {margin:0; padding-left:40px;}
p {margin-top: 0;}
/* === /General CSS === */	
	
/* obecne styly */
p {line-height: 1.6;}
.cleaner {clear:both;}	
.none {display: none;}
address {font-style:normal;}
.no {text-decoration:none; font-weight:normal; font-style:normal}
table {border-collapse:collapse;}
th {background-color: #2f9dc6; color:white;}
th, td {padding-left: 3px; padding-right: 10px; padding: 2px 15px 2px 3px;}
td {border-bottom: 1px dotted #4B6073;}


.imglink {display:block;}
.imglink img {border:1px solid #3A4955;}
.imglink img:hover {border:1px solid #0092C8;}

a {color:#9e122b;}
a:hover {color:#333333; text-decoration: none;}
li {list-style-type: square;}

#body_bg {
	background: #4d6275 url(images/background.jpg) top left repeat-x;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	color: #333333;
	margin: 20px 0px;
}
.cleaner {
	clear: both;
}

.content h1, .content h2, .content h3, .content h4 {color:#0092c8; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}


/* Layout */
div#wrapper {width: 970px; margin: 0 auto;}
div.header_layout {background: url(images/header_layout.png) top left repeat-y; height: 138px; padding-top: 23px;}
div.center_layout {background: url(images/content_layout.png) top left repeat-y; height: 1%; text-align: left;}
div.bottom_layout {background: url(images/bottom_layout.png) top left repeat-y; height: 41px;}


/* Layout Items */
h1.header  {margin: 0; padding: 0; margin-left:25px; width:920px; height: 138px; background-color: lime;}
h1.header a {background-color: #cc2c46; width:920px; height: 138px; display: block; background-image: url("images/top-bg.jpg");}
h1.header a span {display: none;}

.center {width:920px; margin-left: 25px;}
.center {background-color:#cc2c46; background-image: url("images/center-bg.gif");}
.center .big_menu {background-color:#cc2c46; background-image: url("images/big-menu-bg.jpg"); height: 109px; padding-left: 10px;}
.center .big_menu span {display: none;}
.center .big_menu a {display: block; width:170px; height: 100px; float: left; margin-right: 10px;}
.center .big_menu a#spolecensky {background-image: url("images/spolecensky-tanec.jpg");}
.center .big_menu a#hiphop {background-image: url("images/hip-hop.jpg");}
.center .big_menu a#mladez {background-image: url("images/mladez.jpg");}
.center .big_menu a#dospeli {background-image: url("images/dospeli.jpg");}
.center .big_menu a#damy {background-image: url("images/damy.jpg");}

.center .main_box .menu {width: 190px; float:left; background-image:url("images/menu-bg-whole.jpg"); background-repeat: none; height: 394px;}
.center .main_box .menu h3 {margin-left: 26px; color:white; font-size: 11px; margin-bottom: 5px; margin-top: 10px;}
.center .main_box .menu ul {padding-left: 26px; display: block;}
.center .main_box .menu ul ul {margin: 0px; margin-bottom: 5px;}
.center .main_box .menu li li {display: block; width: 97px; border-top: 1px solid #f09daa; background-image:none; padding-left: 6px;}
.center .main_box .menu li {display:block; border-top: 1px solid #f09daa; list-style-type: none; padding-top: 1px; width: 130px; padding-left: 10px; background-image: url("images/menu-bullet.gif"); background-repeat: no-repeat;}
.center .main_box .menu li a {color: white; text-decoration: none; display: block; height: 18px; width: 120px;}

.center .main_box .content {background-color: white; width:730px; float:left;   background-image: url("images/content-bg.gif");}
.center .main_box .content .inner {padding-top:3px; background-image: url("images/content-top-border.gif"); padding-left:25px; padding-right:25px; padding-bottom:10px; background-repeat:no-repeat; }

.bottom {width:920px; margin-left: 25px; background-image: url("images/bottom-bg.jpg"); height: 16px;}

/* FOOTER
--------------------------------------------------------- */
div#footer_wrap {
	padding-top: 10px;
}
div#footer {
	color: #c1c1c1;
	font-size: 11px;
	text-align: center;
}