html {
  height:100%;
  padding: 0; margin: 0;
}
body {
  text-align:center;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em;
  margin: 0px 0px 0px 0px;
}
#page{
  width: 1032px;
  margin-top: 0em; margin-bottom: 2em; margin-left: auto; margin-right: auto; 
  background: url(../App_Themes/elearning/images/head.jpg) no-repeat top right;
  text-align:left;
}
#head{
  width: 100%; height: 167px;
  padding-left: 22px;
}
#master{
  width: 100%;
  background: url(../App_Themes/elearning/images/master.jpg) no-repeat;
}
#left{
  width: 212px;
  float: left;
  padding-top: 32px;
  background: url(../App_Themes/elearning/images/bg_left.jpg) no-repeat 23px 0px; 
}
#stred{
  width: 281px;
  padding-left: 12px;
  float: left;
  background: url(../App_Themes/elearning/images/bg_stred.jpg) 0px 0px no-repeat;
}
#right{
  float: left;
  width: 516px;
  padding-left: 11px;  padding-top: 33px;
  background: url(../App_Themes/elearning/images/bg_right.jpg) 0px 0px no-repeat;
}
#vpravo {
  float: left;
  width: 809px;
  padding-left: 11px;  padding-top: 33px;
  background: url(../App_Themes/elearning/images/bg_vpravo.jpg) 0px 0px no-repeat;
}
#copyright {
  width: 100%;
  clear: all; float: left; text-align: center;
  padding-top: 20px; padding-bottom: 10px;
  color: #7e7e7e; font-size: 10px;
}
/*#head#*/
#head IMG{
  float: left;
  margin: 0;
}
/*#master#*/
#master{
}
/*#left#*/
#left UL.mainmenuCMSListMenuUL {
  list-style-type: none;
  padding-left: 0px; margin-top: 0px; margin-bottom: 0px;
}
#left .mainmenuCMSListMenuUL LI {
  height: 26px;
  background: url(../App_Themes/elearning/images/menu_li.jpg) no-repeat;
  padding-top: 10px; padding-left: 27px;
}
#left .mainmenuCMSListMenuUL LI.mainmenuCMSListMenuHighlightedLIprvni {
  background: url(../App_Themes/elearning/images/menu_hlavni_sel.jpg) no-repeat;
  color: black; font-weight: bold;
} 
#left .mainmenuCMSListMenuUL LI.mainmenuCMSListMenuHighlightedLI {
  background: url(../App_Themes/elearning/images/menu_hlavni_sel.jpg) no-repeat;
  color: black; font-weight: bold;
} 
#left UL.vyhodySeznam {
  margin-top: 0px; 
  padding-top: 0px; padding-left: 0px; padding-bottom: 5px;
  list-style-im/age: url(../App_Themes/elearning/images/oranzova_sipka.jpg);
  list-style-type: none;
  background-image: url(../App_Themes/elearning/images/bg_menu.jpg);
}
#left .vyhody STRONG {
  color: #58B1DB;
}
#left UL.vyhodySeznam LI {
  background-image: url(../App_Themes/elearning/images/cervena_sipka.jpg);
  background-position: 3px 10px; background-repeat: no-repeat;
  padding-top: 8px; padding-bottom: 7px; padding-left: 13px;
  margin-left: 23px;
  font-family: Verdana; font-size: 11px; font-weight: normal;
  color: #004F71; line-height: 130%;
  letter-spacing: -1px; text-decoration: underline;
  border-bottom: 1px dotted gray;
}
#left UL.vyhodySeznam LI A,#left UL.vyhodySeznam LI A:visited {
  text-decoration: underline;
  color: #004F71;
  padding-left: 0px; margin-left: 0px;
}
#left UL.vyhodySeznam LI A:hover {
  text-decoration: none;
}
#left .signoutButton {
  height: 36px; width: 212px; border: 0px;
  background: url(../App_Themes/elearning/images/menu2_li.jpg) no-repeat;
  background-position: right;
  padding-top: 0px; padding-left: 33px; margin-bottom: 10px;
  text-align:left; font-family: Tahoma; font-size: 14px; font-weight: bold;
  font-variant: small-caps; color: #FFFFFF; letter-spacing: 0px; 
  text-decoration: underline;
  cursor: hand; cursor: pointer;
}
/*#left/podMenu#*/
DIV.miniKosik {
  text-align: right;
  padding-left: 30px; padding-top: 5px;
  margin-bottom: 2px;
  color: #4a4a4a; font-size:11px;
  height: 65px;
  background: url(../App_Themes/elearning/images/bg_miniKosik.jpg) no-repeat right top;
}
DIV.miniKosik .SmallTextLabel {
  font-weight: bold;
}
DIV.miniKosik IMG {
  margin-right: 1px;
}
DIV.miniKosik A {
  color: #006dac;
}
DIV.currentUser {
  padding-left: 35px; padding-bottom: 20px; padding-top: 10px;
  text-align: left;
  color: #4a4a4a; font-size:11px;
  height: 65px;
  background: url(../App_Themes/elearning/images/bg_currentUser.jpg) no-repeat right top;
}
DIV.currentUser A {
  color: #006dac;
}
DIV.currentUser IMG {
  margin-right: 5px;
}
/*#stred#*/
#stred .inzerat_link {
  padding: 10px;
  background-color: #DBEEF5;
}
#stred .inzerat_link_soutez {
  padding: 10px;
  background-color: #F69659;
  color: white;
  font-size: 11px;
}
#stred .inzerat_link#jednotlivci {
  padding: 10px;
  background-color: #d5ecd2;
}
#stred .inzerat_link A {
  color: #ED3897;
  font-weight: bold;
}
#stred .inzerat_link_soutez A {
  color: #e2df1e;
}
#stred IMG {
  margin: 0px;
}
/*#right#*/
#right H1 {
  font-size: 16px; color: #0465aa; font-weight: bold;
}
#right H2 {
  font-size: 14px; color: #0465a9;
}
#right #office_blok {
  width: 476px; height: 96px;
  background: url(../App_Themes/elearning/images/office_blok.jpg) no-repeat;
  padding-top: 73px; padding-left: 20px; padding-right: 20px;	
  font-size: 10px; color: gray;
}
/*#vpravo#*/
#vpravo H1 {
  font-size: 16px; color: #0465aa; font-weight: bold;
}
#vpravo H2 {
  font-size: 14px; color: #0465a9;
}
#vpravo H3 {
  font-size: 12px; color: #000000;
}
/*#vpravo/katalog#*/
    #productList {
      width: 100%; 
      font-family: verdana;
    }
    .product {
      background-image: url(../App_Themes/elearning/images/bg_zbozi.jpg); background-repeat: no-repeat;
      width:266px; height:272px;
      padding-top: 3px; margin: 0;
      float: left;
    }
    .productName {
      margin: 0;padding: 0;
      padding-left: 13px;
      color: #488db6; 
    }
    .productName A,.productName A:visited {

      color: #488db6; text-decoration: underline;
    }
    .productName A:hover {
      text-decoration: none;



    }
    .productContent {}
    .productImage {
      float: left;
      padding: 5px;
    }
    .productLeft {
      font-size: 11px; color: gray;
      height: 120px;
      width: 119px;
      float: left;      
    }
    .productLeft A,.productLeft A:visited {
      color: gray; text-decoration: none;      
    }
    .productLeft A:hover {
      text-decoration: underline;
    }
    .productPrice {
      border-top: 1px solid gray; border-bottom: 1px solid gray;
      padding: 3px 0px 3px 0px;
      float: left;
      font-size: 11px; color: gray;
      width: 119px;
    }
    .productPriceLabel {
      color: #0eb7f8;
    } 
    .productLink {
      height: 24px;
      padding-top: 10px; 
      font-size: 11px;
      float: left;
    }
    .productLink A,.productLink A:visited {
      padding-left: 15px;
      background-image: url(../App_Themes/elearning/images/lupa.jpg); background-repeat: no-repeat; background-position: left center;
      color: gray;
    }
    .productLink A:hover {
      text-decoration: none;
    }
    .productCart {
      float: left;
    }
/*#vpravo/katalog/detailZbozi#*/
#detailZbozi {
  width: 566px; height: 357px;
  background-image: url(../App_Themes/elearning/images/bg_detail_zbozi.jpg); background-repeat: no-repeat;
  float:left;
}
.detailImage {
  float: left;
  width: 255px;
  padding-top: 10px;
  padding-left: 9px;
}
.detailContent {
  float: left;
  width: 280px;
  padding-top: 20px;
}
.detailName {
  border-bottom: 1px solid gray;
}
.detailName H2 {
  margin: 0;
  margin-bottom: 6px;
  color: #1b87b6; font-weight: bold;
}
.detailPopis {
  padding-top: 5px;
  color: #7c7c7c;
}
.detailPopis A,.detailPopis A:visited {
  color: #7c7c7c; text-decoration: underline;
}
.detailPopis A:hover {
  text-decoration: none;
}
.detailPopis .detailNadpisek {
  color: #53b4e1;
}
.detailLinky {
  border-top: 1px solid gray;
  margin-top: 10px; margin-bottom: 7px;
  padding-top: 7px;
  color: #5eacd2;
}
.detailLinky A,.detailLinky A:visited {
   color: #5eacd2; text-decoration: none;
}
.detailLinky A:hover {
  text-decoration: underline;
}
.detailCena {
  border-top: 1px solid gray; border-bottom: 1px solid gray;
  padding: 7px 0px 7px 0px; margin-bottom: 10px;
  color: gray;
}
.detailCart {
}
.ProductList .ulNadpis {
  font-weight: bold;
}
.ProductList .divNadpis {
  font-weight: bold; font-size: 18px;
}
.ProductList .popisPrvni {
  margin-top: 10px; padding: 10px;
  color: #1A86B5;
}
.ProductList DIV.prvni {
  background-color:#E7F8FF;
  padding: 10px;
}
.ProductList .popisDruhy {
  margin-top: 10px; padding: 10px;
  color: #5BBF38;
}
.ProductList DIV.druhy {
  background-color:#EEFFEA;
  padding: 10px;
}
.ProductList .popisTreti {
  margin-top: 10px; padding: 10px;
  color: #EF0A04;
}
.ProductList DIV.treti {
  background-color:#FFF4E0;
  padding: 10px;
}
.popisVyhody {
  margin-top: 10px; padding: 10px;
  color: #0465AA; font-weight: bold; font-size: 20px;
}
DIV.divVyhody {
  padding: 10px;
}
DIV.divVyhody B {
  color: #0465AA; 
}



/*#vpravo/katalog/detailZbozi/related#*/
.relHeader {
  margin: 0px 0px 5px 0px;
}
.related {
  width: 237px;
  background-image: url(../App_Themes/elearning/images/stinova_cara.jpg);
  background-position: bottom right; background-repeat: no-repeat;
  padding-bottom: 8px;
}
TABLE#posledni {
  background-image: none;
}
.related .relNadpis {
  color: #5190B1; text-decoration: underline; 
  font-weight: normal; font-size: 14px; font-weight:bold;
}
.related .relLink A,.related .relLink A:visited {
  color: #A0A0A0; font-size: 10px; text-decoration: underline;

}
.related .relLink A:hover {

  text-decoration: none;
}
.related .relCara {
  display: none;
}

/*#vpravo/nakupniKosik#*/
.CartStepHeader {
  font-size: 17px;
  font-weight: bold;
}
.ShoppingCartStepImage {
  margin: 10px;
}
.ShoppingCartStepSeparator {
  margin-bottom: 15px;
}
.CartStepTable {
  color: #5D5D5E;
  width: 200px;
}
.CartStepInnerPanel {
  background-color: #ACD8EE;
  padding: 10px;
}
.ContentButton {
  background-color: #FF6600;
  font-weight: bold;
  border: 1px solid #333333;
  color: white;
  padding: 3px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.CartStepTable .ContentButton, .LongButton {
  background-color: #59B2DC;
  border: 1px solid #333333;
  color: white;
  padding: 3px; margin: 0;
}
.LongButton {
  background-color:#0090CF; 	
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 10px;

}
.CartContentTable TH {

  background-color: #59B2DC;
  color: white;

}
.CartTable {
  background-color: #E1F0F7;
  padding-left:30px;
  background-image: url(../App_Themes/elearning/images/modry_pruh.jpg);
  background-position: left bottom; background-repeat: no-repeat;
}
.BlockTitle {
  font-weight: bold;
  padding: 10px;
}
A.CartProductDetailLink {
  color: #5D5D5E;
  font-weight: bold;
}

/*#vpravo/vyhody#*/
.qaOnClick DIV {
  margin: 10px;  
}		

/*#vpravo/mujUcet#*/
.myAccount {
}
DIV#mujUcetTitle {
  margin: 0; padding: 0;
  height: 26px;
  padding-left: 54px; padding-top: 0px;
  font-size: 18px; font-weight: bold; font-variant: small-caps;
  color: white;
  background-image: url(../App_Themes/elearning/images/bg_mujucet.jpg);
  background-repeat: no-repeat; background-position: left center;
}
.myAccount TABLE.ListGrid,.myAccount TABLE.Grid {
  border: 0px;
}
.myAccount .ListGrid TR {
  border: 0px;
}
.myAccount .ListGrid TH,.myAccount .Grid TH {
  background-color: #39C4F0;
  color: white;
  border: 0px;
}
.myAccount .ListGrid TD {
  background-color: #;
  border: 0px;
}
.myAccount .ListGrid TD A,.myAccount .Grid TD A {
  color: #FF9900;
}
.myAccount .TabControlTable {
  margin-top:1px;
  font-size:7px;
}
.myAccount .TabsHeader {
  background-color: #39c4f0;
  height: 27px;
}
.myAccount .TabsHeader TD {
  padding-top: 5px;
}
.myAccount .TabsHeader A,.myAccount .TabsHeader A:visited {
  color: white; text-decoration: none;
  font-weight: bold; font-size: 13px;
}
.myAccount .TabsHeader A:hover {
  text-decoration: underline;
}
.myAccount .TabsContent .TabsHeader A,.myAccount .TabsContent .TabsHeader A:visited {
  color: white; text-decoration: none; 
  font-weight: normal; font-size: 13px;
}
.myAccount .TabsContent .TabsHeader A:hover {
  text-decoration: underline;
}
.myAccount .TabsContent.MessagingBox A {
  color: #ffffff; text-decoration: none; font-variant: small-caps;
}
.myAccount .TabsContent.MessagingBox A:hover {
  text-decoration: underline;
}
.myAccount .TabsContent.MessagingBox .List A {
  color: #FF9900; text-decoration: underline; font-variant: normal;
}
.myAccount .TabsContent.MessagingBox .List A:hover {
  text-decoration: none;
}
.myAccount .TabsContent.MessagingBox .GeneralActions A {
  color: #5F8DB4; font-variant: small-caps; text-decoration: none;
  padding: 5px;
  background-color: #84BAD6;
}
.myAccount .TabsContent.MessagingBox .GeneralActions A:hover {
  text-decoration: underline;
}
.myAccount .GeneralActions,.myAccount .MyAddresses  {
  background-color: #39c4f0;
  height: 24px;
  margin-top: 1px; margin-bottom: 10px;
  padding-top: 5px; padding-left: 5px;
}
.myAccount .GeneralActions A,.myAccount .GeneralActions A:visited {
  color: white; text-decoration: none; font-size: 13px;
}
.myAccount .GeneralActions A:hover {
  text-decoration: underline;
}
.myAccount .MyAddresses A,.myAccount .MyAddresses A:visited {
  color: white; text-decoration: none; font-size: 13px;
}
.myAccount .MyAddresses A:hover {
  text-decoration: underline;
}
.myAccount .FooterInfo,.myAccount .TotalCredit {
  margin-top: 10px;



}
.TabsContent .MyOrders .Grid {
  margin: 10px;
  border: 1px solid black;
}
.TabsContent .MyOrders .Grid TD,.TabsContent .MyOrders .Grid TH {
  padding: 5px;
}
.myAccount TD.TabControlSelected {
  background-color: #5f8db4;
  height: 14px;
  padding-left: 1px; padding-right: 1px; padding-bottom: 3px;
}
.myAccount .TabControlRight {
  width: 0px;
}
.myAccount .TabsContent {
  background-color: #add3e4;
  padding:0px;
}
.myAccount .TotalCredit {
  font-weight: bold; font-size: 20px;
  padding: 10px;
}
#plcRoot_Layout_zoneContent_PagePlaceholder_partPlaceholder_Layout_zoneContent_MyAccount_ucMyCredit_lblCreditValue {
  color: red;
}
.myAccount .MyAddresses .Grid {
  background-color: #ADD3E4;
}
.myAccount .MyAddresses .Grid TD,.myAccount .MyAddresses .Grid TH {
  padding: 10px;	
}
.myAccount .BackToList A,.myAccount .BackToList A:visited {
  color: #888888;
}
.myAccount .BackToList A:hover {
  text-decoration: none;
}
.myAccount .MessageActions A,.myAccount .MessageActions A:visited {
  color: #888888;
}
.myAccount .MessageActions A:hover {
  text-decoration: none;
}
.myAccount .ListPanel TABLE {
  background-color: #CDE1EA;
}
.myAccount .ListPanel TD,.myAccount .ListPanel TH {
  padding: 5px;
}
.myAccount .ListPanel TR.Header A,.myAccount .ListPanel TR.Header A:visited {
  color: black; font-weight: normal;
  text-decoration: none;
}
.myAccount .ListPanel TR.Header A:hover {
  text-decoration: underline;
}
.myAccount .ListPanel TD A,.myAccount .ListPanel TD A:visited{
  color: #FFFFFF; font-weight: bold;
  text-decoration: underline;
}
.myAccount .ListPanel TD A:hover {
  text-decoration: none;
}
.myAccount .ViewMessageHeader {
  font-size: 18px; font-weight: bold;
  padding-top: 10px;
}
.myAccount .ViewMessage .HeaderTable {
  width: 450px;
  border:1px solid #5F8DB4;
}
.myAccount .ViewMessage TD.FieldCaption {
  background-color: #CDE1EA;
  text-align: center;
  border:1px solid #5F8DB4;
  padding: 3px;
}
.myAccount .ViewMessage TD.Field {
  text-align: center;
  border:1px solid #5F8DB4;
  padding: 3px;
}
.myAccount .ViewMessage .Body {
  background-color: #CDE1EA;
  padding: 10px;
}

/*#vpravo/logon#*/
#it_gray {
  background-color: #d5e7ee;
  padding: 30px;
}
.logonReg .DialogPosition {
  margin-left: 0px;
  margin-top: 10px;
}
.logonReg .DialogPosition A {
  color: black;
  text-decoration: underline;
}
.logonReg .DialogPosition A:hover {
  text-decoration: none;
}
.logonReg #logon_svetly {
  background-color: #b8d6e5;
  margin-top: 0px;
  height: 170px;
}
.logonReg #logon_tmavy,.logonReg .zoneRight {
  background-color: #82C5E6;
  height: 170px;
}
.logonReg #logon_tmavy TABLE {
  margin-left: 2px;
  margin-top: 10px;
}
.logonReg #logon_svetly H3.title {
  background-color: #39c4f0;
  color: white;
  padding: 5px;
  padding-left: 5px;
  margin: 0;
}
.logonReg #logon_tmavy H3.title {
  background-color: #76acd7;
  color: white;
  padding: 5px;
  margin: 0;
}
INPUT.odesilaciTlacitko {
  background-color: #0090CF;
  border: 1px solid #333333;
  width: 133px; height: 27px;
  color: white; font-size: 16px; font-weight: bold;
  padding: 3px;
}
#plcRoot_Layout_zoneMain_pageplaceholder_partPlaceholder_Layout_zoneLeft_LogonForm_Login1_LoginButton {
  width: 133px; height: 27px;
  background-color:#FF6600;
  border: 1px solid #333333;
  color: white; font-size: 16px; font-weight: bold;
  padding: 3px;
}
.LogonTextBox {
  width: 140px;
}
/*#vpravo/oProduktu#*/
.oProduktuKnihovna {
  margin-botom: 200px;
  margin-top: 20px;
  clear: both;
}
.oProduktuKnihovna H2 {
  padding-top: 30px;
}
.oProduktuKurz {
  width: 260px;
  float: left;
}
.oProduktuKurzName {
  margin: 0;
  margin-bottom: 6px;
  color: #0AB6F8; font-weight: bold;
}
.oProduktuKurzImage {
  float: left;
  padding-right: 5px;
}
.oProduktuKurzDesc {
  color: gray;
}
.oProduktuKurzDesc A,.oProduktuKurzDesc A:visited {
  color: gray; text-decoration: underline;
}
.oProduktuKurzDesc A:hover {
  text-decoration: none;
}
/*#odkazy/left#*/
#left .mainmenuCMSListMenuUL LI A {
  background-image: url(../App_Themes/elearning/images/modra_sipka.jpg);
  background-position: left center; background-repeat: no-repeat;
  padding-left: 9px;
  font-family: Verdana; font-size: 14px; font-weight: bold;
  font-variant: small-caps;
  color: #FFFFFF; letter-spacing: -1px; text-decoration: underline;
  line-height: 130%;
}
#left .mainmenuCMSListMenuUL LI.mainmenuCMSListMenuHighlightedLIprvni A {
  color: black; text-decoration: none;

  background-image: none;
}
#left .mainmenuCMSListMenuUL LI.mainmenuCMSListMenuHighlightedLI A {
  color: black; text-decoration: none;
  background-image: none;
}
#left .mainmenuCMSListMenuUL LI A:hover {
  text-decoration: none;
}

/*#odkazy#*/
#copyright A,#copyright A:visited {
  color: #7e7e7e;
}
/*#odkazy/stred#*/
#stred .inzerat_link A {
  color: #ED3897;
  font-weight: bold;
}
/*#odkazy/vpravo#*/
.qaOnClick A,.qaOnClick A:visited {
  color: black;
}
.qaOnClick A:hover {
  text-decoration: none;
}