body {text-align: center; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #ccc url('../graf/bcg.gif') repeat-y 50% bottom; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

h1 {font-family: Trebuchet MS, sans-serif; font-size: 168%; font-weight: bold; font-style: italic; color: #000; padding: 5px 0 2px 30px; margin: 0 0 20px 0; background: #fff url('../graf/bcg_h1.gif') no-repeat left 50%;}
h2 {font-family: Trebuchet MS, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; color: #333; margin: 0 0 10px 0; padding: 3px 0 2px 0; border-bottom: 3px solid #ccc;}
h3 {font-size: 110%; font-weight: bold; font-style: normal; color: #333; margin: 0 0 10px 0; padding: 3px 0 2px 0; border-bottom: 3px solid #eee;}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {text-decoration: none; color: #333;}

#content ul {list-style: url("../graf/li.gif") outside; margin: 4px 0 10px 10px; padding-left: 24px; line-height: 1.7em;}
#content ul li {padding: 0 0 0 4px; line-height: 1.7em;}

p {margin: 5px 0 15px 0;}

a:link {
	color: #f00;
	text-decoration: underline;
	}

a:visited {
	color: #f00;
	text-decoration: underline;
	}

a:hover {
	color: #000;
	} 

form {margin: 0; padding: 0;}

img {border: 0;}

a.img {border: 0;}



td {vertical-align: top;}

#header {display: block; position: relative; width: 100%; height: 130px; margin: 0; background: #600 url('../graf/bcg_header.gif') no-repeat 50% top;}
#header2 {display: block; position: relative; width: 700px; height: 130px; margin: 0 auto; background: #600 url('../graf/bcg_header.gif') no-repeat 50% top;}

#svatek {display: block; position: absolute; width: 500px; top: 114px; right: 20px; font-size: 10px; margin: 0; color: #c99; text-align: right;}

#mother {display: block; position: relative; clear: both; width: 700px; margin: 0 auto; text-align: left;}

#content {display: block; position: relative; float: right; right: 20px; width: 468px; margin: 0 auto; padding: 20px 0 0 0; text-align: left;}

#levy_sloupec {display: block; position: relative; float: left; width: 192px; margin: 0; padding: 0; text-align: left;}
#karatista {display: block; position: absolute; left: -46px; width: 46px; height: 169px; margin: 0; background: transparent url('../graf/karatista.gif') no-repeat top;}

#sponzori {display: block; position: relative; float: left; width: 192px; margin: 0; padding: 40px 0 0 0; background: transparent url('../graf/prechod.gif') no-repeat top; text-align: center;}

#novinky {display: block; position: relative; float: right; width: 190px; margin: 0 0 0 10px; padding: 5px; background-color: #eee; text-align: left; font-size: 85%; line-height: 1.4;}

#novinky span {font-weight: bold; font-size: 9px;}

#prihlaska {display: block; position: relative; margin: 0; text-align: right;}
#prihlaska table {display: block; position: relative; float: right; margin: 0 0 0 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#prihlaska td {font-size: 80%; padding: 2px 5px; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
#prihlaska th {background-color: #900; color: #fff; font-size: 90%; padding: 2px 5px; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
#prihlaska td .image {display: block; width: 28px; height: 28px; margin: 2px; border: 0;}

#nav {
  display: block;
  position: relative;
  top: 0;
  left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	line-height: inherit;
	background: #970000 url('../graf/bcg_menu.gif') no-repeat top left;
	}

#nav li {
  display: block;
  width: 192px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	line-height: inherit;
	}

#nav a {
  display: block;
	text-decoration: none;
	text-align: right;
	padding: 7px 15px 8px 15px;
	color: #fff;
  width: 192px;
  background: transparent url('../graf/bcg_menuitem.gif') no-repeat bottom right;
  font-weight: normal;
  voice-family: "\"}\""; voice-family: inherit;
  width: 162px;
	}

#nav a:hover, #nav a.aktiv {
	color: #fff;
	background: transparent url('../graf/bcg_menuitem2.gif') no-repeat bottom right;
	}

#nav a.aktiv {
	cursor: default;
	}

.stred {text-align: center;}

.foto {display: in-line; border-width: 0; margin: 0 0 5px 0;}

img {border: 0;}

.cleni {width: 100%; border-top: 1px solid #c00; font-size: 90%;}
.cleni tr {border-bottom: 1px solid #c00;}
.cleni td {padding: 10px 0 10px 15px; border-bottom: 1px solid #c00;}
.cleni .foto {width: 120px; padding: 10px 15px 10px 0; border-right: 1px dashed #eee;}

.profil {width: 100%; margin: 0 0 15px 0; border-top: 1px dashed #eee;}
.profil tr {border-bottom: 1px dashed #eee;}
.profil td {padding: 3px 5px; border-bottom: 1px dashed #eee;}

.datum {background-color: #c00; color: #fff; font-size: 10px; font-weight: bold; padding: 1px 5px;}
.stred {text-align: center;}
.tucny {font-weight: bold;}
.podfoto {font-weight: bold; font-size: 90%; text-align: center; margin: 0 0 15px 0; background: #eee; padding: 5px;}