body {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 0.7em;
	background-color: rgb(214,210,185);
	color: black;
    text-align: center;
}

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

img {
    border: none;
}

a {
    color: rgb(113,15,16);
    font-weight: normal;
}

a:hover {
    color: rgb(138,130,78);
}

form {
  margin: 0px;
  padding: 0px;
}

table {
  font-size: 100%;
}

td {
  font-size: 100%;
}

label {
  cursor: pointer;
  _cursor: hand;
}

h1 {
  font-size: 140%;
  margin: 5px 0px 20px 0px;
  font-weight: normal;
  color: rgb(152,144,95);
}

h2 {
  font-size: 110%;
  margin: 5px 0px 5px 0px;
  font-weight: bold;
  color: rgb(113,15,16);
}
h2 a {
  font-size: 110%;
  font-weight: bold;
  color: rgb(113,15,16);
}
h3 {
  font-size: 104%;
  margin: 5px 0px 10px 0px;
  color: rgb(33,33,33);
  font-weight: bold;
}
h3 a{
  font-size: 104%;
  margin: 5px 0px 10px 0px;
  color: rgb(33,33,33);
  font-weight: bold;
  
}
h4 {
  font-size: 100%;
  margin: 5px 0px 5px 0px;
}

hr {
  height: 1px;
  border: solid 1px silver;
}

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

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

.label {
    display: block;
    padding-top: 10px;
}

.layout {
    border-collapse: collapse;
}

#page {
  position: relative;
  width: 900px;
  text-align: left;
  margin: auto;
	background-color: rgb(214,210,185);
}

#header {
  position: relative;
  width: 900px;
  height: 140px;
  background-image: url('/images/header-visual.jpg');
	background-repeat: no-repeat;
	background-color: rgb(214,210,185);
	background-position: top right;
}

.logoHeader {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}

#titleWeb {
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: Georgia, "Times CE", Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 150%;
  color: black;
  z-index: 1;
  line-height: 25px;
}

#titleWeb a {
  text-decoration: none;  
  color: black;
}
#titleWeb .claim {
  font-size: 70%;
}

#logoEroika {position: absolute; top: 0px; left: 150px; z-index: 99;}

#hrefHome {
  display: block;
  position: absolute;
  width: 100px;
  height: 125px;
  margin: auto;
}

/**********************************************************/
/*******************hlavni stranka***********************/
/*********************************************************/

#mainPageHeader {

  width: 900px;
  margin: auto;
}

#mottoMain {
}

#logoMain {
float: right;
}

/*********************************************************/
/********************* menu ******************************/
/*********************************************************/

#menuTop {
    background-color: rgb(214,210,185);
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    background-image: url('/images/motto.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 900px;
}

#menuHorizontal {
    list-style: none;
    position: relative;
    font-family: Georgia, "Times CE", Verdana, 'Geneva CE', lucida, sans-serif;
    font-size: 135%;
    padding: 0px;
    margin: 0px;
    float: right;
}

#menuHorizontal a {
	width: 137px;
    display: block;
    text-decoration: none;
    color: white;
    padding: 3px 0px 6px 0px;
    margin-left: 5px;
	background-color: rgb(113,15,16);
}

#menuHorizontal a:hover {
  color: white;
  background-color: rgb(152,144,95);
}

#menuHorizontal li {
	float: left;
	text-align: center;
}

#menuLeft {
  padding: 0px 0px 0px 0px;
  font-family: Georgia, "Times CE", Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 115%;
  font-weight: normal;
}

#menuLeft ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuLeft ul li {
  margin: 0px 0px 8px 0px;
  background-color: rgb(113,15,16);
}

#menuLeft .current {
  background-color: rgb(228,226,211);
  color: rgb(113,15,16);
}

#menuLeft .current a{
  background-color: rgb(228,226,211);
  color: rgb(113,15,16);
}

#menuLeft a {
  text-decoration: none;
  color: rgb(214,210,185);
  padding: 5px 5px 7px 10px;
}

#menuLeft a:hover {  
  background-color: rgb(152,144,95);
  color: rgb(214,210,185);
}

#menuLeft ul li ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  font-size: 90%;
}

#menuLeft ul li ul li {
	padding: 0px;
	margin: 0px;
}

#menuLeft ul li ul li a {
	font-weight: normal;
	padding: 3px 5px 4px 10px;
	background-color: rgb(228,226,211);
	color: rgb(113,15,16);
}

#menuLeft ul li ul li ul li a {
    padding-left: 20px;
}

#menuLeft ul li ul li .active{
	color: rgb(33,33,33);
}

#menuLeft ul li ul li a:hover {
	color: white;
}

#menuLeft ul .menuArrowDown, #menuLeft ul .menuArrow {
  display: block;
}

.firstLetter {
	font-size: 139%;
}

.subLevelMenu {display: block;}
.subLevelMenumenuLeft1 {display: block;}
.subLevelMenumenuLeft2 {display: block;}
.subLevelMenuTrademarks {display: block;}

.displaySubMenu ul {
	display: block;
}

.leftAdvertisement {
    margin-top: 20px;
    text-align: center;
}

/*********************************************************/
/********************* layout ******************************/
/*********************************************************/

#leftColumn {
	float: left;
	width: 169px;
}


#leftColumn .searchBox {
	margin: 10px 0px 5px 0px;
	padding: 0px;
}


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

#mainContent {
  float: left;
}

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

#mainContent .content {
  margin: 0px 0px 10px 15px;
  padding: 7px 10px 10px 15px;
  width: 690px;
  min-height: 221px;
  background-color: rgb(228,226,211);
}

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

#mainContent .articleText {
  padding: 10px 5px 20px 0px;
  line-height: 1.5em;
}

#mainContent .articleText .odrazka {
  color: rgb(113,15,16);
  padding-right: 3px;
}

.sectionItem {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    position: relative;
}

.sectionItem .hotNewImage {
    display: none;
}

.sectionItem .hotNew {
    background-color: #FEBE94;
    padding: 5px 10px 5px 5px;
    position: relative;
}

.sectionItem .hotNew .hotNewImage {
    display: block;
    position: absolute;
    top: -28px;
    right: -24px;
}

.sectionItem .hotNew .articlePerex .perex {
  margin-right: 40px;
}

.sectionItem h2, h3 {
    margin: 0px;
    font-size: 100%;
}

.sectionItem .articleTitle {
    color: rgb(113,15,16);
}

.sectionItem .articleTitle:hover {
    color: rgb(152,144,95);
}

.sectionItem .articleSection {
    color: rgb(113,15,16);
    font-weight: normal;
    text-decoration: none;
}

.sectionItem .articleSection:hover {
    color: rgb(152,144,95);
}

.sectionItem .perexImage {
    float: left;
    position: relative;
    margin: 5px 10px 0px 0px;
}

.sectionItem .articlePerex {
  margin-left: 110px;
  padding: 0px;  
}

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

.sectionItem .attributes {
	margin: 10px 0px 0px 0px;
}

.sectionItem .addToBasket {
    display: block;
    position: relative;
	float: right;
	background-color: rgb(113,15,16);
	color: White;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	z-index: 10;
}

.sectionItem .addToBasket:hover {
    background-color: rgb(152,144,95);
}

.sectionItem .priceUsual {
}

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

.sectionItem .subtitle {font-style: italic;}

.navigation {
	margin: 25px 0px 10px 0px;
}

.footerAdvert {
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#footer {
	padding: 15px 0px 25px 0px;
	text-align: right;
	font-size: 90%;
}

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

#footer .copyright, #footer .developer {
    display: block;
}

#footer .developer {
    display: block;
}

#footer .developer a {
    color: rgb(152,144,95);
    text-decoration: none;
}

#footer .developer a:hover {
    text-decoration: underline;
}

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

.divSectionPerex {
	margin-bottom: 20px;
	padding: 0px;
}

.divSectionPerex .perexText {
	color: gray;
}

.divSectionPerex .imgSectionPerexImage {
  float: right;
}

.sectionTitle {
  text-align: left;
}

.grdArticles .sectionItem {
	text-align: left;
}

.grdArticles .sectionItem .articleTitle .articleDate {
	font-size: 70%;
	color: gray;
	text-decoration: none;
	float: right;
	font-weight: normal;
}

.grdArticles .sectionItem .articlePerex {
}

.numericTextBox 
{
    text-align: right;
}


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

.articlePerexImage {
    float: right;
    margin: 20px 0px 10px 10px;
}

.publishDate {
    color: Gray;
    display: block;
}

.subtitle {
    display: block;
    margin-bottom: 0px;
    font-style: italic;
}

.author {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.articleDetailSection a {
    color: rgb(152,144,95);
    font-weight: normal;
    text-decoration: none;
    font-size: 130%;
    margin: 5px 0px 20px 0px;
}

.articleDetailSection a:hover {
    text-decoration: underline;
}

.articleDetailTitle {
    color: rgb(113,15,16);
    font-weight: bold;
    margin: 20px 0px 0px 0px;
}

.attributes {
	margin: 10px 0px 0px 0px;
}

.addToBasket {
    display: block;
	float: left;
	background-color: rgb(113,15,16);
	color: White;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

.addToBasket:hover {
    background-color: rgb(152,144,95);
    color: rgb(113,15,16);
}

.basketList td {
    padding: 2px;
}

.basketHeader {
    background-color: gray;
    color: White;
    text-align: center;
}

.basketTotalSum {
    background-color: Silver;
}

.basketTotalSum td {
    font-weight: bold;
    font-size: 110%;
    text-align: right;
    padding: 2px;
}

.back {
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.orderCaption {
    background-color: gray;
    color: White;
    text-align: left;
}

.grdPictures .itemPicture {
	text-align: center;
	vertical-align: top;
}

.grdPictures .itemPicture .title {
	font-size: 90%;
	display: block;
}

.basketBox
{
    border: gray solid 1px;
    background-color: #336600;
    padding: 5px;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.basketBox .buttons {
    margin-top: 5px;
    text-align: center;
}

.basketBox .buttons .button {
    font-weight: bold;
    color: Yellow;
}

.priceDetailUsual {
    font-weight: normal;
    font-size: 100%;
    color: black;
    display: block;
    margin-bottom: 5px;
}

.priceDetailShop {
    font-weight: bold;
    font-size: 150%;
    color: #336600;
    display: block;
    margin-bottom: 10px;
}

.AZindex {
}

.AZindex .AZletter {
    margin: 0px 2px 0px 2px;
}

/************************** basket *************************/

#basketLink {
    position: absolute;
    top: 6px;
    left: 837px;
}

#basketLink a {
    color: Black;
}

#basketLink a:hover {
    color: rgb(199,16,6);
}

#orderForm {
    width: 670px;
}

#orderForm .articleTitle {
    font-size: 100%;
}

#orderForm .basketList {
    width: 99%;
    border-collapse: collapse;
}

#orderForm .basketList td {
    padding: 2px 4px 2px 4px;
}

#orderForm .basketList .header {
    background-color: #EEEEEE;
    color: #666666;
}

#orderForm .basketList .header th {
    padding: 2px 4px 2px 4px;
    text-align: center;
}

#orderForm .basketTotalSum {
    width: 99%;
    border-collapse: collapse;
    background-color: transparent;
}

#orderForm .basketTotalSum td {
    text-align: right;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}

#orderForm .basketButtons {
    padding: 20px;
    text-align: center;
}

#orderForm .basketButtons .button {
    width: 120px;
    cursor: pointer;
}

#orderForm .basketButtons .back {
    width: 170px;
    font-weight: bold;
    background-color: rgb(113,15,16);
    color: White;
}

#orderForm .basketButtons .pay {
    width: 170px;
    background-color: #20602F;
    color: White;
    font-weight: bold;
}

#orderForm .back {
    clear: right;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
	border-top: solid 1px silver;
	padding-top: 2px;
	margin-top: 20px;
}

#orderForm .paying .basketList .selected, #orderForm .shipping .basketList .selected  {
    font-weight: bold;
}

#orderForm .paying .basketList .header, #orderForm .shipping .basketList .header  {
    background-color: #EEEEEE;
    color: black;
}

#orderForm .paying .basketList .header td, #orderForm .shipping .basketList .header td {
    border-bottom: solid 1px gray;
}


#orderForm .paying .basketList .sum td, #orderForm .shipping .basketList .sum td {
    border-top: solid 1px silver;
}

#orderForm .paying .basketList .description, #orderForm .shipping .basketList .description {
    margin-left: 20px;
    padding-top: 2px;
    font-size: 80%;
}

#basketNavigation {
    margin: 20px 0px 20px 0px;
}

#basketNavigation .step1, #basketNavigation .step2 {
    padding-right: 10px;
}

.basketShowBack {
    text-align: center;
    border-bottom: solid 1px silver;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.basketShowBack a {
    display: block;
    width: 200px;
    background-color: #336699;
    color: #FFFFFF;
    font-weight: bold;
    margin: auto;
    padding: 5px;
}

/*********************** order form ************************/

#orderForm .termsOfTrade {
    margin: 20px 0px 20px 0px;
}

#orderForm .buttons {
    margin: 20px 0px 0px 0px;
    padding: 5px;
    border-top: silver 1px solid;
    border-bottom: silver 1px solid;
    text-align: center;
    background-color: #DDDEDA;
}

#orderForm .buttons .button {
    width: 180px;
}

#orderForm .buttons .continue {
    background-color: #20602F;
    color: White;
    font-weight: bold;
}

#orderForm .rbAccount {
    cursor: pointer;
}

#orderForm .rbAccountSelected {
    font-weight: bold;
}

#orderForm .description {
    margin-left: 20px;
    padding-top: 2px;
    font-size: 80%;
}

#orderForm .loginDialog {
    margin-left: 250px;
}

#orderForm .loginDialog .inputItem {
    width: 135px;
}

#orderForm .loginDialog .button {
    font-size: 90%;
    margin-right: 10px;
}

#orderForm fieldset {
    width: 500px;
    padding-top: 10px;
}

#orderForm fieldset .inside {
    padding: 0px 10px 10px 10px;
}

#orderForm .formContent {
    margin-left: 20px;
}

#orderForm .formLogin {
    margin-left: 20px;
}

#orderForm .formLogin fieldset {
    width: 300px;
}


/********************* related articles *********************/

.relatedArticlesTitle {
	font-size: 110%;
	font-weight: bold;
	border-bottom: solid 1px gray;
	margin-top: 20px;
}

.relatedArticlesList {
	margin-left: 0px;
}

.relatedArticlesList .columnItem H4 {
	margin: 5px 0px 0px 0px;
}

.relatedArticlesList .columnItem H4 a {
	font-weight: bold;
}

.relatedArticlesList .columnItem .subTitle {
	font-style: italic;
}

.relatedArticlesList .attributes {
    margin: 0px;
    padding: 0px;
}

.relatedArticlesList .attributes .priceShop {
    font-weight: bold;
    color: #336600;
}

.orderHeaderError {
    color: Red;
}

/********************* rating *********************/

.votePanel {
	margin-top: 15px;
}

.votePanel .label {
	display: block;
	margin-top: 5px;
	font-size: 85%;
	color: Gray;
}

.votePanel .starRating {
	margin-left: 5px;
	font-size: 90%;
	color: Gray;
}

.knihi {
    margin-top: 10px;
    font-size: 85%;
}

.articlePerex .votePanel {
    float: right;
	margin-top: 0px;
    margin-left: 10px;
}

.hotNew .votePanel {
    margin-right: 65px;
}

/********************* bonus books *********************/

.bonusBooks {
    width: 99%;
    margin-top: 20px;
    margin-bottom: 10px;
    border: solid 1px #E13A3E;
}

.bonusBooks .bonusBooksInside {
    padding: 10px;
}

.bonusBooks .bonusBooksTitle {
    padding: 2px 4px 2px 4px;
    margin-bottom: 10px;
    background-color:#E13A3E;
    font-weight: bold;
    color: #FFFFFF;
}