html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: Trebuchet, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
	color: #000;
}

body#pgdefault, body#pgoknize, body#pgfotografie, body#pgpartneri {
	background-color: #E87167;
}

body#pgoromanovi, body#pgbasnicky, body#pgaktuality {
	background-color: #7BBFE5;
}

body#pgkapitoly, body#pgobjednavka {
	background-color: #82C0AD;
}

#outer {
	margin: 0 auto;
	padding: 0;
	width: 770px;
}

#outer[id] {
	display: table;
	position: static;
	height: 97%;
	overflow: visible;
}
	
#middle {
	padding: 0;
	margin: 0;
}

#middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}

#inner {
	padding: 0;
	margin: 20px 0;
	position: relative;
	background: url(images/title.jpg) no-repeat;
	width: 770px;
	height: 600px;
	border: 1px solid #000;
}

#inner[id] {
	top: -50%;
	margin: 0;
}

#foot {
	text-align: center;
	font-size: 0.6em;
	padding: 10px 0;
}

div#menu, #head #menu {
	position: relative;
	margin: 0;
	padding: 0;
	height: 600px;
}

#head {
	margin-bottom: 10px;
}

#head #menu {
	height: 400px;
}

#menu ul {
	position: absolute;
	bottom: 0px;
	left: 6px;
	background: url(images/menu.jpg) 0 -351px no-repeat;
	display: block;
	height: 39px;
	margin: 0;
	padding: 0;
}

body#pgdefault #menu ul {
	bottom: 3px;
}

#menu li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 95px;
	height: 39px;
}

#menu li a {
	display: block;
	width: 95px;
	height: 39px;
	background: url(images/menu.jpg) 0 0 no-repeat;
}

#menu li#aoknize a {
	background-position: 0 0;
}

body#pgoknize #menu li#aoknize a {
	background-position: 0 -39px;
}

#menu li#aoromanovi a {
	background-position: -95px 0;
}

body#pgoromanovi #menu li#aoromanovi a {
	background-position: -95px -79px;
}

#menu li#akapitoly a {
	background-position: -190px 0;
}

body#pgkapitoly #menu li#akapitoly a {
	background-position: -190px -117px;
}

#menu li#abasnicky a {
	background-position: -285px 0;
}

body#pgbasnicky #menu li#abasnicky a {
	background-position: -285px -156px;
}

#menu li#afotografie a {
	background-position: -380px 0;
}

body#pgfotografie #menu li#afotografie a {
	background-position: -380px -195px;
}

#menu li#aobjednavka a {
	background-position: -475px 0;
}

body#pgobjednavka #menu li#aobjednavka a {
	background-position: -475px -234px;
}

#menu li#apartneri a {
	background-position: -570px 0;
}

body#pgpartneri #menu li#apartneri a {
	background-position: -570px -273px;
}

#menu li#aaktuality a {
	background-position: -665px 0;
}

body#pgaktuality #menu li#aaktuality a {
	background-position: -665px -312px;
}

#menu li a:hover {
	background-image: none;
}

#menu li a span {
	display: none;
}

div#head {
	background: url(images/title.jpg) no-repeat;
	width: 770px;
	height: 400px;
	border: 1px solid #000;
	margin: 10px auto;
	padding: 0;
	overflow: hidden;
}

div#content {
	background-color: #FFF;
	width: 772px;	
	min-height: 300px;
	_height: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

h1 {
	position: absolute;
	top: 10px;
	right: -12px;
	margin: 0;
	padding: 0;
	width: 48px;
}

#pgoknize h1 {
	background: url(images/oknize.gif) no-repeat;
	height: 184px;
}

#pgkapitoly h1 {
	background: url(images/kapitoly.gif) no-repeat;
	height: 204px;
}

#pgbasnicky h1 {
	background: url(images/basnicky.gif) no-repeat;
	height: 219px;
}

#pgfotografie h1 {
	background: url(images/fotografie.gif) no-repeat;
	height: 252px;
}

#pgobjednavka h1 {
	background: url(images/objednavka.gif) no-repeat;
	height: 289px;
}

#pgpartneri h1 {
	background: url(images/partneri.gif) no-repeat;
	height: 207px;
}

#pgaktuality h1 {
	background: url(images/aktuality.gif) no-repeat;
	height: 227px;
}

h1 span {
	display: none;
}

div#contin {
	margin: 30px;
	margin-right: 100px;
}

div#contin p, div#contin ul, div#contin ol, label, input, legend {
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

h2 {
	font-size: 1em;
	font-weight: bold;
}

.dropcap {
	float: left;
	width: 0.8em;
	font-size: 2.6em;
	font-weight: bold;
	line-height: 83%;
}

ul#partneri {
	margin: 0;
	padding: 0;
}

ul#partneri li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#partneri a {
	display: block;
	margin: 30px 0;
}

a#cro {
	width: 315px;
	height: 82px;
	background: url(images/partner-cro1.gif) 0 0 no-repeat;
}

a#idnes {
	width: 315px;
	height: 68px;
	background: url(images/partner-idnes.gif) 0 0 no-repeat;
}

a#adidas {
	width: 160px;
	height: 108px;
	background: url(images/partner-adidas.gif) 0 0 no-repeat;
}

ul#partneri span {
	display: none;
}

label, input {
	display: block;
	width: 12em;
	float: left;
	margin-bottom: 10px;
	font-size: 0.9em;
}

label {
	text-align: right;
	width: 5.8em;
	padding-right: 10px;
}

input {
	border: 1px solid #E6E6E6;
}

input#frmcp, input#frmpsc {
	width: 6em;
}

input#frmpocet {
	width: 4em;
}

legend {
	font-weight: bold;
	margin-left: -10px;
	padding: 0 10px;
}

fieldset {
	width: auto;
	border: 1px solid #000;
	padding: 15px;
/*	margin: 10px 0;*/
	margin: 0;
}

div#objform br {
	clear: left;
}

.fbutton {
	width: 100%;
}

.error, .odeslat {
	font-weight: bold;
	color: red;
	text-align: center;
}

.odeslat {
	color: green;
}

.floatright {
	float: right;
}

.imgleft, .imgright, .imgnofloatr {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #000;
}

.imgright, .imgnofloatr {
	float: right;
	margin: 0 0 0 10px;
}

.imgnofloatr {
	float: none;
	margin-bottom: 10px;
}

.fotocard {
	float: left;
	width: 180px;
	margin: 0 20px 20px 0;
	padding: 10px 0;
	text-align: center;
	background: #F4F5F6 url(images/foto-bgnd.jpg) bottom right no-repeat;;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.fotocard img {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
}

.fotocard a {
	border: none;
	text-decoration: none;
}

hr.clean {
	clear: both;
	height: 1px;
	margin: -1 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}
