@import "forms.css";

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #fdf3fb;
  text-align: center;
	margin: 0px;
	padding: 0;
	color: #000;
	line-height: 1.3;
	font-size: 16px;
	font-family: Verdena, Tahoma, sans-serif;
}
#page {
	margin: 0px auto;
	border: 0;
	border-top:1px solid white;
	text-align: left;
	padding: 0;
	width: 1024px;
	background:white url('./img/page.jpg') no-repeat right top;
}
#header {
	/*height:158px;*/
	background:transparent url('./img/header.png') no-repeat 0 0;
}
#logo{
	margin:0 10px;
	width:209px;
	height:155px;
	float:left;
}
#logo a, #logo a img{
	margin: 0px;
	padding: 0px;
	border:0;
}

#sub_link{
	width:450px;
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:25px;
	color:#11b1a1;
	padding:2px 10px;
	text-transform:uppercase;
}
#sub_link a {
	color:#11b1a1;
	text-decoration:none;
}
#sub_link a:hover{
	text-decoration:underline;
}
#header #misto{
	float:right;
	margin-top:70px;
	text-align:right;
	font-weight:bold;
	font-size:26px;
	color:white;
	padding:5px 15px;
}
#header h2#text{
	width:530px;
	margin-top:81px;
	float:right;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#4e86c0;
	padding:5px 0 0 10px;
	text-transform:uppercase;
}
#image_menu{
	margin:0;
	width:859px;
	padding:0 0 0 25px;
	border:1px solid #4e86bf;
	border-width:1px 0 0 1px;
	background:white;
}
#image_menu_right{
	width:885px;
	padding-right:6px;
	background:transparent url('./img/menubox_right.png') repeat-y right top;
}
#image_menu_bottom{
	clear:both;
	margin: 0 auto 0px 70px;
	padding:1px 0 7px;
	width:893px;
	background:transparent url('./img/menubox_bottom.png') no-repeat left bottom;
}

#image_menu .vyziva, #image_menu .relaxace, #image_menu .kondice, #image_menu .pece {
	width:205px;
	height:203px;

}

#image_menu h3 {
	margin:0 7px 0 0;
  font-size:27px;
	font-weight: normal;
	float:left;
}

#image_menu h3 a{
	display:block;
	height:42px;
	padding:163px 0 4px 3px;
	color:white;
	font-weight:normal;
	text-decoration:none;
	background:transparent url('./img/obdelnik.png') no-repeat left bottom;
}

#image_menu h3 a span{
	color:#c33972;
	font-weight:bold;
}

#image_menu .vyziva{
	background: transparent  url('./img/vyziva_top.png') no-repeat left top;
}

#image_menu .relaxace{
	background: transparent  url('./img/relaxace_top.png') no-repeat left top;
}

#image_menu .kondice{
	background: transparent  url('./img/kondice_top.png') no-repeat left top;
}

#image_menu .pece{
	background: transparent  url('./img/zivotni_styl_top.png') no-repeat left top;
}

#content{
	min-height:300px;
	width:889px;
	margin:0 0 0 71px;
}

#right_box{
	min-height:350px;
	padding:10px 13px;
	width:215px;
}

#right_box_right{
	padding:0px;
	background:transparent url('./img/rightbox_bg.png') repeat-y right top;
}

#right_box_bottom{
	float:right;
	padding:0 0 9px 0;
	background:transparent url('./img/rightbox_bottom.png') no-repeat right bottom;
}

#right_box h4{
	background:#06ad9c;
	color:white;
	font-size:20px;
	text-transform: uppercase;
	font-weight:normal;
}

#right_box hr{
	background:#06ad9c;
	border:0;
	border-top:1px solid #06ad9c;
	margin:12px 0;
}

#right_box h4:first-letter{
	color:#06ad9c;
	background:white;
	padding:5px 0;
	font-weight:bold;
}

#modul_kalendar{
	text-align:center;
	font-size:14px;
}

#modul_kalendar .kalendar {
	margin:5px auto;
}

.kalendar tr th, .kalendar tr td {
	background:#FDF4FA;
	padding:4px 2px;
}

.kal_pred, .kal_nasl {
	color:#9B9B9B;
}

.kalendar tr td.kal_akt_akce {
	background:#06AF9C;
}

.kalendar tr td.kal_akt_akce a {
	color:white;
}

#fotobox{
	border:1px solid #4e86bf;
	border-width:1px 0 0 1px;
	width:644px;
	height:204px;
	background:white;
	z-index:101;
	position:relative;
}

#fotobox_right{
	width:652px;
	background:transparent url('./img/fotobox_right.png') repeat-y right top;
	z-index:101;
	position:relative;
}

#fotobox_bottom{
	width:652px;
	margin-left:1px;
	padding-bottom:5px;
	background:transparent url('./img/fotobox_bottom.png') no-repeat left bottom;
	z-index:101;
	position:relative;
}

#fotobox img {
	margin:8px 0 8px 24px;
	border-top:1px solid #252b27;
	border-right:1px solid #252b27;
	border-bottom:1px solid #595b58;
	border-left:1px solid #595b58;
}

#data_box{
	background:#fdf3fb;
/*	margin-right:245px;*/
	width:643px;
	padding:0 0 0 1px;
	float:left;
}

#data {
  min-height: 550px;
  font-size: 14px;
}

#textbox {
  padding: 20px 20px 5px 20px;
  min-height:380px;
  color: #888888;
}

img {
  margin: 0px;
  margin-right: 8px;
  padding: 0px;
}

/********** obecné tagy *********************/

p {
	margin: 6px 0;
	text-indent: 0px;
	text-align: justify;
	color: #002629;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
  text-transform: none;
	color: #002629;
}
h1 b {
  font-style: none;
  text-transform: uppercase;
  font-weight: bold;
}
h2 {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 12px;
	color: #b54b17;
}
h3 {
  font-size: 14px;
	margin-bottom: 8px;
	color: #002629;
	font-weight: bold;
}
#data h2 {
	font-family:arial,helvetica,sans-serif;
	font-size:small;
	font-weight: bold;
	text-align:center;
	margin-bottom: 12px;
	color:#008080;
}

#data h3 {
	font-family:arial,helvetica,sans-serif;
	font-size:small;
	text-align:center;
	margin-bottom: 12px;
	color:#993366;
}
h4 {
	margin-bottom: 16px;
	font-size: 12px;
	color: #002629;
}
h5 {
	margin: 14px 0px;
	font-size: 12px;
	color: #002629;
}
a img {
	border: 0px;
}
#right_box a.a_r {
	display:block;
	text-decoration: none;
}
#right_box a.a_r:hover {
	text-decoration: underline;
}

a {
	color: #06af9c;
}
a:hover {
	text-decoration: none;
}
#data ul {
  list-style: circle;
	font-size: 12px;
  color: #002629;
  margin: 0px 0px 20px 40px;
}
#data ul li {
  margin: 0px 0px 6px 0px;
}


/*** MENU ***/

ul#menu {
  background:white url('./img/menu_bg.png') repeat-x left top;
  text-align:center;
  height: 52px;
  font-size: 19px;

}
ul#menu li, ul#menu li a, ul#menu li.aktualni a {
	display: block;
	float: left;
	padding: 2px 0 0 0;
	text-align: center;
}
ul#menu li {
	padding: 12px 20px 0;
}

ul#menu li a {
  color: #06af9c;
  text-decoration: none;
}
ul#menu li a:hover {
	text-decoration: underline;
}

#clean_box{
	clear:both;
	width:655px;
	height:22px;
	font-size:18px;
	background:#07ac9b;
	color:white;
	text-align:center;
	text-transform: uppercase;
}

#foot {
	width:635px;
	padding:0 10px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 20px;
}
#foot p, #foot a {
	color:#07ac9b;
  text-decoration: none;
}

/**** termíny ****************/
#terminy{padding:10px 5px;}
#terminy a.old_link{}
#terminy table{margin:15px 5px;width:100%;}
#terminy table th{text-align:left;font-size:1.05em;padding:5px;}
#terminy table td{padding:7px 5px;vertical-align:top;}
#terminy table td.datum{width:170px;}
#terminy table td.nazev{}
#terminy table td.misto{width:100px;}
#terminy table td.popis{}
#terminy table tr.line td{border-bottom:1px dotted white;}
.termin{border-bottom: 1px dotted white;padding:5px;text-align:left;}
#terminy .aktualni td{color:black;}
#terminy .zrusen td{text-decoration:line-through;}
#terminy .zrusen td.popis{text-decoration:none;color:red;}

#terminy tr.termin a{color:#6F695A;}
#terminy tr.aktualni a{color:black;}

#terminy .termin a:hover{text-decoration:none;}

div.rubrika .clanek {
	margin-bottom: 10px;
}

#clanek {
  color: #888888;
}

#clanek p {
  color: #888888;
}

.galerie a img{
margin:10px;
}

/**** bannery ***************/

.banner_box {
	text-align:center;
}

/**** univerzalni pozicovaci tridy *********/

.f_r {
	float: right;
}
.f_l {
	float: left;
}
.a_r {
	text-align: right;
}
.a_c {
	text-align: center;
}
.a_l {
	text-align: left;
}
.c_l {
	clear: left;
}
.c_r {
	clear: right;
}
hr.cleaner{clear:both;margin:-1px 0 0 0;height:1px;border:0;visibility:hidden;}
hr.cleaner_right{clear:right;margin:-1px 0 0 0;height:1px;border:0;visibility:hidden;}
hr.cleaner_left{clear:left;margin:-1px 0 0 0;height:1px;border:0;visibility:hidden;}

