body {
      margin: 0px;
      padding: 0px;
      font-family: verdana;
      overflow-y: scroll;
}
#page {
      width: 900px;
      margin: 0px auto;
      border-right: 15px solid white;
      border-left: 15px solid white;
}
#header {
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 10px;
        position: relative;
}
#header a img {
        border: 0px;
}
#head-banner {
             position: absolute;
             width: 770px;
             height: 50px;
             top: 10px;
             left: 120px;
             overflow: hidden;
}


#menu {
      height: 30px;
      background: url('../images/menu-left.gif') no-repeat left top;
      font-family: verdana;
      position: absolute;
      top: 70px;
      width: 900px;
}
#menu #home-butt {
      position: absolute;
      left: 9px;
      top: 0px;
      display: block;
      width: 25px;
      height: 30px;
      background: url('../images/menu-rep.gif') repeat-x top;
      cursor: pointer;
}
#menu #home-butt span {
      display: block;
      width: 25px;
      height: 23px;
      padding-top: 7px;
      background: url('../images/menu-item.gif') no-repeat right 10px;
      cursor: pointer;
}
#menu #home-butt span img {
      border: 0px;
      cursor: pointer;
}
#menu div {
      height: 30px;
      background: url('../images/menu-right.gif') no-repeat right top;
}
#menu ul {
      height: 30px;
      background: url('../images/menu-rep.gif') repeat-x top;
      /* overflow: hidden; */
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-left: 34px;
      margin-right: 8px;
}
#menu ul li {
      margin: 0px;
      padding: 0px;
      float: left;
      position: relative;
      behavior: url ('css/menu.htc');
}
#menu ul ul li.submenu {
      background: url('../images/white-arrow.gif') no-repeat 155px 9px;
}

#menu ul li a {
      _float: left;
      display: block;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      padding-left: 10px;
      padding-right: 10px;
      color: white;
      background: url('../images/menu-item.gif') no-repeat right 10px;
}
#menu ul li a:hover {
      color: #333355;
}
#menu ul ul {
      display: none;
      position: absolute;
      margin: 0px;
      padding: 0px;
      left: 0px;
      top: 30px;
      width: 170px;
      height: auto;
      background: none;
      background-color: #9096BD;
      border-top: 1px solid white;
}
#menu ul ul li {
      width: 170px;
      height: auto;
      position: relative;
}
#menu ul ul li a {
      width: 155px;
      line-height: 120%;
      padding: 5px;
      padding-left: 10px;
      height: auto;
      font-size: 11px;
      background: none;
      border-bottom: 1px solid #737B9B;
      font-weight: normal;
}
#menu ul ul ul {
      left: 0px;
      top: 0px;
      margin-left: 170px;
      margin-top: -1px;
      border-left: 1px solid white;
}

#menu ul li:hover ul, #menu ul li.hover ul {
      display: block;
}
#menu ul ul li:hover ul, #menu ul ul li.hover ul {
      display: block !important;
}
#menu ul ul ul {
      display: none !important;
}

#menu #language-sw {
             position: absolute;
             right: 10px;
             top: 0px;
             height: 30px;
             width: 50px;
             background: none;
             margin: 0px;
             text-align: right;
}
#menu #language-sw img {
      margin-top: 6px;
      border: 0px;
}

#navigation {
            font-size: 70%;
            padding: 10px;
            padding-left: 44px;
            margin-top: 25px;
            position: relative;
}
#navigation .layout-login-butt {
            position: absolute;
            right: 0px;
            top: 10px;
            padding-right: 10px;
}
#pata {
      border-top: 1px solid #CCCCCC;
      margin-top: 10px;
      padding: 10px;
      /* font-size: 75%; */
}

#ilustracia {
            width: 900px;
            overflow: hidden;
            padding-bottom: 10px;
}
#ilustracia img {
            margin-bottom: -3px;
}



#content-part-left {
             width: 720px;
             float: left;
}
#content {
          float: right;
          width: 500px;
          padding-left: 20px;
          padding-right: 20px;
          overflow: hidden;
}
#left-panel {
          float: left;
          width: 180px;
}
#right-panel {
             width: 180px;
             float: right;
}
#left-panel, #right-panel, #content {
             font-size: 75%;
}




.box {
     background-color: #F8F8F9;
     margin-bottom: 10px;
     width: 100%;
     overflow: hidden;
}

.box h4 {
     background-color: #BBC3D3;
     padding-bottom: 3px;
     padding-left: 10px;
     padding-right: 10px;
     margin: 0px;
     font-size: 90%;
     color: white;
}
.box .box-content {
      padding: 10px;
      border-left: 1px solid #B6B7CB;
      border-right: 1px solid #B6B7CB;
      font-size: 90%;
      overflow: hidden;
      width: 158px;
}
.box .box-head {
     height: 4px;
     font-size: 1px;
     line-height: 1px;
     background: url('../images/box-head.gif') no-repeat;
}
.bordered h4 {
          display: none;
}
.bordered .box-head {
     height: 6px;
     font-size: 1px;
     line-height: 1px;
     background: url('../images/box-head-bordered.gif') no-repeat;
} 
.box .box-foot {
     height: 7px;
     font-size: 1px;
     line-height: 1px;
     background: url('../images/box-pata.gif') no-repeat;
} 

.unformated {
            background: none;
}
.unformated .box-head, .unformated .box-foot {
            display: none;
}
.unformated .box-content {
            padding: 0px;
            border: none;
            background: none;
}
.unformated h4 {
            display: none;
}


a {
  color: blue;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

.cleaner {
         font-size: 1px;
         line-height: 1px;
         height: 1px;
         clear: both;
}
.hidden {
        display: none;
}




/* form classes */

form {
     margin: 0px;
}
fieldset {
         margin-top: 10px;
         border: 1px solid #B6B7CB;
         background-color: #F8F8F9;
}
fieldset legend {
         font-weight: bold;
         color: #19B7E5;
         background-color: white;
}
fieldset table {
         margin: 0px auto;
}
fieldset table tbody tr td, fieldset table tbody tr th {
         border: 0px !important;
}

fieldset table textarea {
         width: 350px;
         height: 110px;
}
fieldset table .label {
         display: block;
         width: 120px;
}
fieldset table input {
         width: 215px;
}
fieldset table .submit {
         width: auto !important;
         background-color: #BBC3D3;
}
fieldset .checkbox {
         width: auto;
         margin-bottom: 0px;
}
fieldset .a-center {
         text-align: center;
}
fieldset .a-right {
         text-align: right;
}

#login-box {
           border: 0px;
           padding: 0px;
           margin: 0px;
}
#login-box table {
           border-collapse: collapse;
}
#login-box table td {
           width: 150px;
           padding: 1px;
}
#login-box input {
           width: 146px;
}
#login-box legend {
           display: none;
}
.hlaska {
        color: red;
}
.hlasky {
        border: 1px solid red;
        color: red;
        background: none;
}
.hlasky legend {
        color: red;
}
.hlasky-good {
        border: 1px solid green;
        color: green;
        background: none;
}
.hlasky-good legend {
        color: green;
}



.product {
         margin-top: 10px;
         padding: 5px;
         width: 487px;
         position: relative;
}
.product img {
         border: 1px solid #cccccc !important;
         float: left;
         width: 120px;
         height: 90px;
}
.product h2 {
         font-size: 110% !important;
         width: 340px;
         float: left;
         padding-left: 20px !important;
         margin-top: 5px !important;
         clear: top right !important;
}
.product .cena {
         float: left;
         padding-left: 20px !important;
}
.product .buy {
         /*
         position: absolute;
         right: 10px;
         bottom: 10px;
         */
         margin-top: 43px;
         background-color: #BBC3D3;
         display: block;
         padding: 2px;
         padding-left: 15px;
         padding-right: 15px;
         font-weight: normal !important;
         color: #000000 !important;
         text-decoration: none !important;
         border-left: 2px solid #EFEEEB;
         border-top: 2px solid #EFEEEB;
         border-bottom: 2px solid #7E7B76;
         border-right: 2px solid #7E7B76;
}
.buy {
       float: right;
         background-color: #BBC3D3;
         display: block;
         padding: 2px;
         padding-left: 15px;
         padding-right: 15px;
         font-weight: normal !important;
         color: #000000 !important;
         text-decoration: none !important;
         border-left: 2px solid #EFEEEB;
         border-top: 2px solid #EFEEEB;
         border-bottom: 2px solid #7E7B76;
         border-right: 2px solid #7E7B76;

}
.dcena {
       float: left;
}
.colored {
         background-color: #F8F8F9;
}
.pagging-top {
             margin-top: 10px;
             text-align: right;
}
.pagging-bottom {
             margin-top: 10px;
             text-align: right;
}
.dimg {
      float: right;
      border: 1px solid #cccccc !important;     
}
.borderTop {
      border-bottom: 1px solid #cccccc !important;     
}
.dcena span {
       font-weight: bold;
       font-size: 120%;
}


.box-categories ul {
                padding-left: 0px;
                margin-left: 0px;
                list-style: none;
                margin-top: 0px;
                margin-bottom: 0px;
                line-height: 150%;
}
.box-categories ul ul {
                margin-left: 15px;
                list-style: circle;
}
.box-categories ul li a {
                font-size: 120%;
}
.box-categories ul ul li {
                font-size: 90%;
}
.box-categories .black {
                color: black !important;
}




#oo .submit {
    background-color: #BBC3D3;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
#oo .buttlink {
         background-color: #BBC3D3;
         display: block;
         padding: 2px;
         padding-left: 15px;
         padding-right: 15px;
         font-weight: normal !important;
         color: #000000 !important;
         text-decoration: none !important;
         border-left: 2px solid #EFEEEB;
         border-top: 2px solid #EFEEEB;
         border-bottom: 2px solid #7E7B76;
         border-right: 2px solid #7E7B76;
         width: auto;
         float: left;
         margin-right: 10px;
}
#oo .lited {
    background-color: #F8F8F9;
}
#oo #cc {
        text-align: right;
        padding-top: 10px;
        padding-bottom: 10px;
}
#oo #cc span {
        font-weight: bold;
        font-size: 130%;
}
#oo .kosik {
    width: 100%;
}
#oo .tr {
    text-align: right;
}
#oo .tl {
    text-align: left;
}
#oo .pdr20 {
    padding-right: 20px;
}
#oo .fr {
    float: right;
}
#oo .nm {
    margin: 0px;
}
#oo .w50 {
    width: 50px;
}
#oo .w70 {
    width: 80px;
}
#oo .height20 {
    height: 20px;
}
#copy {
padding-top: 20px;
font-size: 10px;
font-family: tahoma;
color: #666666;
text-align: center;
}

#copy a {
color: #999999;
}



div.outer { 
	margin-left: -10px; 
	margin-right: -18px; 
	position: relative;
	background: #f8f8f9;
}
.outer .top-head {
	 position: relative;
     background-color: #F8F8F9;
     margin-bottom: 10px;
     width: 100%;
     overflow: hidden;
     position: absolute;
}
.outer .top-head h2 {
     background-color: #BBC3D3;
     padding-bottom: 3px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 3px;
     margin: 0px;
     font-size: 100%;
     color: white;
}
div.inner { 
	margin: 0;
	background: #f8f8f9; 
	padding: 25px 10px 10px 10px; 
	border: 1px solid #b6b7cb; 
    border-bottom: 0;
	/* clear: both; */
	/* overflow: hidden; */
	float: none;
}

#div-inner {
           width: 100%;
           position: relative;
}
 
.top-head .top-left-head {
     background-color: #F8F8F9;
     height: 5px;
     width: 5px;
     position: absolute;
     left: 0px;
     top: 0px;
     background: #BBC3D3 url('../images/box-head.gif') no-repeat;
} 
.outer .top-right-head {
     height: 5px;
     width: 20px;
     position: absolute;
     right: 0px;
     top: 0px;
     background: #BBC3D3 url('../images/box-head.gif') repeat-x 200px 0;
} 

.outer .top-no-head {
	 position: relative;
     background-color: #F8F8F9;
     width: 100%;
     height: 5px;
     overflow: hidden;
     position: absolute;
}
.outer .top-center {
	 position: relative;
     background-color: #F8F8F9;
     width: 100%;
     height: 6px;
     overflow: hidden;
     border-top: 1px solid #b6b7cb;
}

.top-no-head .top-left {
     background-color: #F8F8F9;
     height: 5px;
     width: 5px;
     position: absolute;
     left: 0px;
     top: 0px;
     background: url('../images/box-top.gif') no-repeat;
} 
.top-no-head .top-right {
     height: 6px;
     width: 20px;
     position: absolute;
     right: 0px;
     top: 0px;
     background: url('../images/box-top.gif') repeat-x 200px 0;
} 

.outer .bottom {
	 position: relative;	
     margin-bottom: 10px;
     width: 100%;
	 height: 6px;
     overflow: hidden;
     margin-left: 0px;
}

.bottom .bottom-center {
	 position: absolute;	
     width: 100%;
	 height: 1px;
	 bottom: 0;
     overflow: hidden;
     border-bottom: 1px solid #b6b7cb;
}

.bottom .bottom-left {
     height: 6px;
     width: 10px;
     bottom: 0px;
     left: 0;
     font-size: 1px;
     line-height: 1px;
     position: absolute;
     background: url('../images/box-bottom.gif') no-repeat;
} 
.bottom .bottom-right {
     height: 6px;
     width: 20px;
     right: 0;
     bottom: 0px;
     font-size: 1px;
     line-height: 1px;
     position: absolute;
     background: url('../images/box-bottom.gif') repeat-x 200px 0;
}