/* CSS Document */

html,body {
  height: 100%;
}

body,p,table,tr,td {
  font-family: Arial, Verdana, Courier, sans-serif;
  font-size: 13px;
}

body {
  background: white url(img/topLineBackground.jpg) repeat-x fixed center top;
  text-align: center;
  padding: 0px;
  margin: 0px;
  overflow-y: scroll;
}

p {
  margin: 0;
}       

#pageContainer {
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  padding: 0; 
}
         
#topContainer {
  background: transparent url(img/topLineBackground.jpg) repeat-x fixed center top;
	min-width: 1000px;
  height: 57px;
  position: fixed;
  top: 0px;
}

#textContainer {
  width: 1000px;
  margin: 0;
}

#text {
  padding: 65px 0px 45px 205px;
  text-align: justify;
}

#monthWine {
  width: 180px;
  margin-left: 615px;
  background-color: white;
}
#homePageText {
  width: 610px;
  float: left;
}

a {
  color: black;
}
a:hover, .user a:hover {
  color: #ae0059;
}

#pageSeparatorContainer {
  position: absolute;
  height: 98%;
  top: 0px;
}
#pageSeparator {
  position: relative;
  height: 98%;
  left: 183px;
}
#pageSeparator div {
  position: fixed;
  background-image: url(img/pageSeparator.jpg);
  background-repeat: no-repeat;
  background-position: 0 79px;
  width: 22px;
  height: 98%;
}

h1, h2, h3, h4, .monthWineTitle {
  background: transparent url(img/hr.gif) repeat-x scroll bottom;
}

div.separator {
  background-image: url(img/hr.gif);
  background-repeat: repeat-x;
}

h1, h2, h3, h4 {
  font-weight: bold;
  margin: 0px;
}

h1 {
  font-size: 26px;
  padding-bottom: 3px;
  padding-top: 3px;
}

h2 {
  font-size: 20px;
  padding-bottom: 3px;
  padding-top: 3px;
}


h3 {
  font-size: 15px;
  background: none;
  padding-top: 5px;  
}
h3 a {
  text-decoration: none;
}

h5 {
  font-size: 10px;
  font-weight: normal;
  padding: 0;
}

p.smallInfo {
  margin: 0px;
  text-align: right;
  font-size: 9px;
  color: gray;
}

p.newsText {
  margin: 0px;
  padding-bottom: 2px;
}
.novinkaHide {
  margin: 0px;
  padding: 0px;
  display: block;
}

p.listovani {
  margin: 0px;
  padding: 2px 0 5px 0;
  text-align: center;
  font-size: 10px;
  color: silver;
}
p.listovani a {
  color: black;
  text-decoration: none;
}
p.listovani a:hover {
  color: #ae0059;
}

div.separator {
  height: 1px;
  margin: 1px 0 1px 0;
  padding: 0;
  overflow: hidden;  
}

.clear {
  clear: both;
}

span.profileZalozka {
  position: relative;
  top: -50px;
}

/* -------------- novinky --------------------*/
#newsContainer {
  background-color: white;
  background-image: url(img/newsBackground.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
.novinkaHide div {
  margin: 10px 20px 15px 20px;
}


/* ------------- degustace ----------------- */
#degContainer {
  background-color: white;
  background-image: url(img/degustaceBackground.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

h4 {
  font-size: 14px;
  padding: 2px;
  background: none;  
}
h4 a {
  text-decoration: none;
}

.smallInfo {
  color: gray;
  font-size: 10px;
}
.novinkaHide span.smallInfo {
  display: block;
  margin-top: 5px;
}

/* ------------- persony -------------------- */
/*
#personyContainer {
  position: fixed;
  bottom: 50px;
  clear: both;
  background-color: white;
  width: 610px;
  padding-top: 2px;
  border: 1px silver solid;
  font-size: 11px;
}
*/

#personyContainer {
  clear: both;
  padding-top: 2px;
  text-align: center;
  /*border: 1px silver solid; */
  margin-top: 10px;
  margin-bottom: 10px;
}

#personyContainer a {
  text-decoration: none;
  
}

table.person {
  width: 100%;
  margin: 2px;
  text-align: center;
}

table.person tr td {
  font-size: 11px;
}

img.person {
  border: 1px silver solid
}
table.person a:hover img {
  border-color: black;  
}

.novinkaHide img.person {
  margin: 10px;
}


/* -------------- vino mesice ----------------*/




/* -------------- kosik --------------------- */
#cartNumber{
  font-size: 17px;
  color: #c2d198;
  font-weight: bold;
  display: block;
  float: left;
  margin-top: 13px;
  margin-left: 15px;
}

.cartContainer{
  float: left;
}


/*----------------- hledani ------------------- */
#searchInput {
  width: 75px;
  font-size: 11px;
  text-align: right;
  margin: 14px 0 0 10px;
  padding: 1px;
  border: 1px black solid;
  color: gray;
}



/* ----------- vertikalni menu ------------ */
#menuVertical {
  width: 205px;
  position: absolute;   
  padding-top: 79px;
  background-image: url(img/topLineLogoBackground.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}


#menuVerticalItems {
  text-align: right;
  padding-right: 35px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent url(img/pageSeparator.jpg) no-repeat fixed right top;
}

ul#verticalMenu {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 700px;
  overflow: auto;
  direction: rtl;
}

ul#verticalMenu li {
  margin: 0 0 5px 0;
}
ul#verticalMenu li ul li {
  margin: 6px 7px 0 0;
}

ul#verticalMenu a {
  text-decoration: none;
}

ul#verticalMenu a:hover {
  margin-right: 1px;
}

ul#verticalMenu li ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 9px;
  font-weight: normal;
}

/* ----------- horizontalni menu ------------ */
#menuHorizontal {
  height: 57px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}



#menuHorizontalList a.menuHorizontalItem {
  display: block;
  float: left;
  padding: 0 20px 0 20px;
  height: 43px;
  line-height: 44px;
  background: transparent url(img/topLineSeparator.jpg) no-repeat right top;
  color: #c2d198;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px; 
  text-transform: uppercase;
  white-space: nowrap;
}
#menuHorizontalList a:hover, #menuHorizontalList a:hover span {
  color: #ae0059;
}

#menuHorizontalList {
  padding-left: 335px;
}

#logoBackground {
  float: left;
  width: 335px;
  height: 65px;
  position: absolute;
  background-image: url(img/topLineLogoBackground.jpg);
  z-index: 2;
}

#menuHorizontalLogo {
  background-image: url(img/topLineLogoBackground.jpg);
  background-repeat: no-repeat;
  height: 65px;
}

a.topLineLogo {
  margin-left: 23px;
  border-width: 0;
}
a.topLineLogo img {
  border-width: 0;
}


/* --------------- dolni lista --------------- */
#bottomContainer {
  background: transparent url(img/bottomLineTransparency.png) repeat-x top;
  width: 100%;
  height: 45px;
  position: fixed;
  bottom: 0px;
  left: 0;
}

#bottomLine {
  background: transparent url(img/bottomLineBackground.jpg) repeat-x fixed bottom;
  height: 33px;
  margin: 0 auto;
  margin-top: 12px;
  padding: 0;  
  line-height: 31px;
}

#bottomLine, #bottomLine a {
  color: #a8a481;
  font-size: 11px;
  text-decoration: none;
}
#bottomLine a:hover {
  color: #ae0059;
}
#bottomLine img {
  margin: 0 10px 0 10px;
}






/* ------------------- e-shop - vina ----------------- */
table.tableVina {
  margin: 0;  
}

table.tableVina tr td {
  vertical-align: top;
  padding: 0 5px 0 2px;  
}

.vinaIMG{
  text-align: center;
}

table.tableVina tr td h3 {
  margin: 3px 0 0 0;
  padding: 0px;
}

.vinaPopis, .vinaCena, .monthWineCena {
  font-size: 11px;
}

.vinaCena {
  text-align: right;
  margin-top: -16px;
}
.vinaCena strong, .monthWineCena strong {
  font-size: 14px;
}
.monthWineCena {
  text-align: right;
}

td.vinaTdSeparator, .filtersTdSeparator {
  background: transparent url(img/hr.gif) repeat-x center center;
  font-size: 20px;
}

.vinaText {
  text-align: justify;
  font-size: 12px;
}

.vinaBorderLeft {
  background: transparent url(img/hrVertical.gif) repeat-y left;
}

p.listovaniVino{
  margin: 0;
  margin-bottom: -10px;
  text-align: right;
}

.vinaAkce {
  background: transparent url(img/akceBack.jpg) no-repeat right top;
}

.vinaKoupit {
  margin-top: 10px;
}

.vinaButton {
  background-image: url(img/koupit.jpg);
  border: 0px white none;
  width: 50px;
  height: 17px;
  font-size: 11px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.vinaPocet {
  width: 20px;
  height: 13px;
  text-align: right;
  margin: 0px;
  padding-right: 11px;
  border: 1px silver solid;
  font-size: 11px;
  background: white url(img/ks.jpg) no-repeat right;
}

.user {
  text-align: right;
  margin: -5px 0 -10px 0;
  font-size: 10px;
  color: gray;
}
.user a {
  color: gray;
}





/*----------------- login -----------------*/
#login {
  text-align: center;
}

#login table, #PassToMail div {
  margin-top: 20px;
  margin-bottom: 30px;
}





/* ------------------ errorReport ------------------*/
.errorReport {
  border: 1px #b24579 dashed;
  background: #ffe2f0 url(img/reportError.jpg) no-repeat right top;
  margin: 5px;
  padding: 5px;
  font-size: 11px;  
}
.errorReport h2 {
  font-size: 15px;
  background-image: none;  
}
.errorReportInfo {
  border: 1px #b4d16c dashed;
  background: #f5ffd9 url(img/reportInfo.jpg) no-repeat right top;
}



/* ----------------- cart ----------------- */
.tableCart {
  text-align: right;
  margin-top: 20px;
}

.tableCart tr td {
  padding: 0 15px 0 15px 
}

.cartTdSeparator {
  background: transparent url(img/hr.gif) repeat-x center center;
  font-size: 3px;
}

.rightBorder {
  background: transparent url(img/hrVertical.gif) repeat-y right;  
}
      
.tableCartTitle td, .tableCartSmall {
  font-size: 11px;
  color: gray;
}
.tableCartTitle td {
  text-align: center;
}

.centerAlign {
  text-align: center;
}

.cartPrepocet {
  font-size: 10px;
}

.tableCartBottom {
  background-color: #f8f8f8;
}

#tableCartButtonsLeft, #tableCartButtonsRight {
  padding: 0px;
  padding-top: 5px;
}

#tableCartButtonsLeft {
  text-align: left;
}

.tableCartTitleOrder h2 {
  text-align: center;
  margin: 15px 0 5px 0;
}

.note {
  text-align: center;
}






/* ----------- filters ---------------- */
.filterLeftTd {
  text-align: right;
  font-size: 11px;
}

.filterSelect {
  width: 250px;  
  font-size: 11px;
}

.filtersOptionNone {
  color: gray;
}

.filtersTdSeparator {
  font-size: 3px;
}




/* ------------ akce ----------- */
.monthWineTitle {
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  margin-bottom: 3px;  
}