body {/* hlavní stránka*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, 'Geneva CE', lucida,  sans-serif;
	font-size: 0.7em;
	background-color: rgb(7,38,70);
	color: white;
	text-align: center;
	behavior: url(sound_akahukadaka.mp3);
}

input, option, select, textarea {
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 100%;
}

img {
	border: none;
}

a {/* klikací odkaz */
	color: white;
	font-weight: normal;
}

a:hover {/* klikací odkaz - po přejetí myši */
	color: white;
}

form {/* celá šířka - aktivní plocha pro novinky, fotogalerii, diskografii, internet,tvradio, fanklub*/
	margin: 0px;
	padding: 0px;
}

table {/* pozadí zpráv na stránce */
	font-size: 100%;   /* o něco menší šířka - aktivní plocha pro novinky, fotogalerii, diskografii, internet,tvradio, fanklub*/
}

td {/* pozadí zpráv na stránce */
	font-size: 100%;     /* ještě o něco menší šířka - aktivní plocha pro novinky, fotogalerii, diskografii, internet,tvradio, fanklub*/
}

label {
	cursor: pointer;
	_cursor: hand;
}

h1 {  /* 1. řádka ze zhora - název kategorie */
	font-size: 140%;
	margin: 5px 0px 5px 0px;
}

h2 {  /* 2. řádka ze zhora - název */
	font-size: 130%;
	margin: 5px 0px 5px 0px;
}

h3 {
	font-size: 110%;
	margin: 5px 0px 5px 0px;
}

h4 {
	font-size: 100%;
	margin: 5px 0px 5px 0px;
}

hr {
 margin; 0px;
	height: 1px;
	border: thick solid #ffcc00;
}

hr_verze_01 {
	height: 1px;
	border: solid 1px white;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.alignRight {
	text-align: right;
}

.imageRight {
	margin-left: 10px;
}

.imageLeft {
	margin-right: 10px;
}

#page {	/* hlavní stránka */
	position: relative;
	width: 1000px;
	height: 555px;
	text-align: left;
	margin: auto;
	background-image: url('/images/background-main.jpg');
	background-position: top middle;
	background-repeat: no-repeat;
}

#titleWeb {
  display: block;
  width: 431px;
  height: 78px;
  top: 458px;
  left: 218px;
  position: absolute;
  z-index: 1;
  font-size: 200%;
  color: white;
}

#titleWeb a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 10px;
}

#facePetrKotvald {/* obličej na úvodní stránce */
	position: absolute;
	top: 15px;
	right: 238px;
}

#titlePetrKotvald { /* nápis Petr Kotvald na úvodní stránce */
	position: absolute;
	top: 0px;
	left: 0px;
}

#titlePetrKotvaldTop { /* červený nápis Petr Kotvald na úvodní stránce */
	position: absolute;
	top: 40px;
	left: 60px;
}

#titleWebPrint {
	display: none;
}

/*********************************************************/
/********************* horni menu ************************/
/*********************************************************/
#menu { /* levý sloupec menu - novinky, .. - kontakty */
	position: absolute;
	top: 154px;
	left: 60px;
 color: white;
}

#menu_verze_01 {
	position: absolute;
	top: 168px;
	left: 95px;
}

#menu a {
	color: white;
	text-decoration: none;
	display: block;
}

#menu li img {
}

#menuBottom ul {/* spodní klikací lišta s odkazy na jednotlivé kategorie */
	position: absolute;
	top: 520px;
	left: 80px;
	width: 900px;
	padding: 2px 2px 2px 2px;
	margin: 0px 00px 0px 0px;
	list-style: none;
	border-top: solid 1px white;
 color: white;
	float: left;
}

#menuBottom ul li {
	display: inline;
	padding: 0px 1px 0px 5px;
	margin: 0px;
 color: white;
}

#menuBottom ul li a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#menuBottom ul_verze_01 li {
	border-right: solid 1px gray;
	margin: 2px 0px 2px 0px;
 border-left: solid 1px gray;
	padding: 1px 3px 1px 3px;
	float: left;
}

#menuBottom ul li a:hover {
	text-decoration: underline;
	color: white;
	font-weight: bold;
}

/*********************************************************/
/********************* hlavni obsah **********************/
/*********************************************************/

#mainContent { /* plocha obsahu */
	position: absolute;
	top:  40px;
 left: 210px;
	width: 800px;
	height: 470px;
	overflow: auto;

	scrollbar-face-color: rgb(255,159,0);
	scrollbar-highlight-color: rgb(255,159,0);
	scrollbar-3dlight-color: rgb(184,108,19);
	scrollbar-darkshadow-color: rgb(184,108,19);
	scrollbar-shadow-color: rgb(184,108,19);
	scrollbar-arrow-color: rgb(2,17,31);
	scrollbar-track-color: rgb(2,17,31);

}

#mainContent .content {
  padding-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}

#mainContent h1 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 140%;
  text-align: left;
  color: white;
  position: relative;
}

#mainContent .lblPublishDate {
  font-size: 90%;
}

/* 1988 - Supraphon - Přísně soukromá scifi*/
#mainContent .articlePerex {
  padding-bottom: 0px;
}

/* Přísně soukromá scifi a nadpisy článků */
#mainContent .articleTitle {
  margin: 0px 0px 2px 0px;
}

#mainContent .articleText { /* pozadí biografie, partneři, a tabulky roků */
  padding-bottom: 20px;
  line-height: 1.2em;
}

#mainContent .sectionItem { /* pozadí jednotlivých fotek v albu */
  clear: both;
  border-bottom:solid silver 1px;
  margin-bottom: 10px;  width:200;
  padding: 7px;


}

#mainContent .sectionItem .perexImage {
  float: right;
}

#mainContent .sectionItem .articlePerex {
  font-style: normal;
  padding-bottom: 0px;
}

#mainContent .sectionItem .articlePerex p {
 	margin: 0px;
}

#mainContent h3 {
  clear: both;
  color: rgb(19,105,156);
  margin-bottom: 5px;
}

#mainContent h4 {
  clear: both;
  margin-bottom: 5px;
}

#mainContent p {
  margin-top: 0px;
}

#footer {
  clear: both;
  text-align: center;
  font-size: 80%;
  color: gray;
  padding-bottom: 10px;
}

#footer a {
  text-decoration: none;
  font-weight: normal;
  color: gray;
}

/*************************/
/********* form **********/
/*************************/
.label {
  font-size: 90%;
  margin-top: 10px;
}

.inputItem {
  width: 500px;
}

.buttonSend {
  width: 500px;
  text-align: center;
  margin-top: 10px;
}

/****************************/
/********* section **********/
/****************************/

#grdSections {
	border-bottom: solid 1px silver;
	margin-bottom: 20px;
}

#grdSections td {
	vertical-align: top;
	width: 25%;
}

#grdSections .sectionItem {
	text-align: center;
	border: none;
}

#grdSections .sectionItem .perexImage {
	border: solid 1px silver;
	float: none;
}

#grdSections .sectionItem .title {
	display: block;
}

#grdArticles .sectionItem .basketAmount {
	text-align: right;
}

#grdArticles .sectionItem .articleTitle a {
	font-weight: bold;
}

#grdArticles .sectionItem .articleBasket {
	display: inline;
	margin-left: 20px;
}

#grdArticles .sectionItem .priceShop {
	font-size: 110%;
	font-weight: bold;
	color: green;
}

#grdArticles .sectionItem .addToBasket {
	margin-top: 5px;
}

/****************************/
/********* article **********/
/****************************/

/****************************/
/********* shop article *****/
/****************************/

.grdPrices {
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	margin-top: 10px;
}

.grdPrices td {
	padding: 2px 5px 2px 5px;
}

.grdPrices .header {
	background-color: Silver;
	color: white;
}

.grdPrices .addToBasket {
	text-align: right;
}

.grdPrices .addToBasket a {
	text-decoration: none;
}

/****************************/
/********* shop basket bar **/
/****************************/

.basketBar {
	width: 100%;
}

.basketBar td {
	width: 20%;
}

.basketBar .box {
	font-weight: bold;
	background-color: #d1d2d9;
	color: rgb(19,105,156);
}

.basketBar .number {
	background-color: rgb(19,105,156);
	color: white;
	padding: 5px;
	margin-right: 5px;
	font-weight: bold;
}

.basketBar .selected {
	background-color: #AA1515;
	color: white;
	padding: 5px;
}

#divBasket  {
	margin-top: 20px;
}

.showBasket {
	width: 100%;
	border-collapse: collapse;
	border-bottom: white 1px solid;
}

.showBasket td {
	border-bottom: silver 1px solid;
	padding: 3px 3px 3px 3px;
}

.showBasket .tableheader {
	background-color: gray;
	color: white;
	font-weight: bold;
}

.showBasket .articleTitle {
	font-weight: bold;
}

.showBasket .articlePriceDescription {
	text-decoration: none;
	color: white;
}

.showBasket .txbAmount {
	text-align: right;
}

.sumBasket {
	text-align: right;
}

.hrefGoBack {
	display: block;
	text-align: center;
	margin-top: 30px;
}

.hrefGoBack {
	font-weight: bold;
}

#frmCustomer .label {
	display: block;
}

#frmCustomer .text, #frmCustomer .textArea {
	width: 460px;
}

.orderFormSectionTitle {
	display: block;
	width: 465px;
	font-weight: bold;
	background-color: silver;
	color: white;
	padding: 2px 0px 2px 5px;
	margin-top: 20px;
}

.requeredField {
	font-size: 90%;
	color: #AA0000;
}

#mainContent .grdGallery .sectionItem {
	border: none;
}

#mainContent .grdGallery td {
	text-align: center;        OVERFLOW: hidden;

}

#mainContent .grdGallery .sectionItem .title {
	display: block;
}