BODY {
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   background-color: #FFFFFF;

   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   color: #000000;
   font-weight: normal;
   
   text-align: center;
}

TD {
   font-size: 10px;
}

IMG {
   border: 0px;
}

FORM {
   margin: 0px;
}

P {
   margin-top: 0px;
   margin-bottom: 2px;
}

.text9 {
   font-size: 9px;
}
.text12 {
   font-size: 12px;
}
.text14 {
   font-size: 14px;
}
.text16 {
   font-size: 16px;
}
.text18 {
   font-size: 18px;
}

.upper {
   text-transform: uppercase;
}

.bold {
   font-weight: bold;
}

.center {
   text-align: center;
}

.color1 {
   color: #ba0000;
}

.color2 {
   color: #5f9215;
}

.color3 {
   color: #FFBF00;
}

.color4 {
   color: #969696;
}

A {
   color: #000000;
   text-decoration: underline;
}

A:hover {
   text-decoration: none;
}

INPUT {
   font-size: 10px;
   font-family: verdana;
}
input[type="text"] { border:1px solid #969696; }

SELECT {
   font-size: 10px;
}

.imgbutton {
   border: solid 2px #ffffff;
   background-color: #ba0000;
   color: #FFFFFF;
   font-weight: bold;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 10px;
}

.odkaz {
  color: #527B81;
  text-decoration: underline;
  cursor: pointer;
}

.odkaz:hover {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
}

HR {
   width: 100%;
   height: 1px;
   margin: 0px;
   border: 0px;
   background-color: #969696;
}

.box_obal{
   width: 400px;
   height: auto;
}
.alertbox {
background: url('../images/alert_small1.gif');
background-repeat: no-repeat;
background-position: 5px 5px;
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 30px;
font-size: 10px;
font-weight: bold;
}
.errorbox {
background: url('../images/error_small1.gif');
background-repeat: no-repeat;
background-position: 5px 5px;
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 30px;
font-size: 10px;
font-weight: bold;
color: #990000;
}
.successbox {
background: url('../images/success_small1.gif');
background-repeat: no-repeat;
background-position: 5px 5px;
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 30px;
font-size: 10px;
font-weight: bold;
}


.pageall {
   margin-left: auto;
   margin-right: auto;
   width: 928px;
   height: auto;
   text-align: left;
}

.shaddow_left {
   width: 4px;
   background: url('../images/bg_shaddow_left.gif');
   background-repeat: repeat-y;
}
.shaddow_right {
   width: 4px;
   background: url('../images/bg_shaddow_right.gif');
   background-repeat: repeat-y;
}

.mainframe {
   width: 920px;
   margin: 0px;
   padding: 0px;
}
.main {
   width: auto;
   padding-left: 5px;
   padding-right: 5px;
}

.pageheader {
   width: auto;
   height: auto;
}

.head1 {
   width: auto;
   height: 22px;
   background-color: #373737;
   color: #b1b1b1;
   padding-left: 10px;
}
.head1 A {
   color: #b1b1b1;
   font-weight: normal;
   text-decoration: none;
}

.head_field {
   float: left;
   width: 178px;
   height: 100px;
}
.head_mezera {
   float: left;
   width: 5px;
   height: 100px;
   background-color: #ffffff;
}
.f1 {
   background-color: #f2f2f2;
   background-image: url('../images/bg_roh1.gif');
   background-repeat: no-repeat;
   background-position: bottom center;
}
.f2 {
   background: #f2f2f2 url('../images/bg_newsl.gif');
   background-repeat: no-repeat;
}
.f3 {
   background: #f2f2f2 url('../images/bg_search.gif');
   background-repeat: no-repeat;
}
.f4 {
   background: #f2f2f2 url('../images/bg_cart.gif');
   background-repeat: no-repeat;
}
.f5 {
   background: #f2f2f2 url('../images/bg_login.gif');
   background-repeat: no-repeat;
}
.head_field .inputtext {
   background-color: #f2f2f2;
   border: solid 1px #d8d8d8;
}
.head_field .cont {
   padding-left: 9px;
   padding-right: 9px;
   padding-top: 9px;
}
.head_field .nadpis {
   color: #ba0000;
   font-size: 14px;
   font-weight: bold;
   font-family: arial;
   text-transform: uppercase;
}

.levy_sloupec {
   width: 178px;
   height: auto;
   text-align: center;
   float: left;
}

.logo {
   width: 178px;
   margin-top: 5px;
}

.menu {
   width: 178px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
}
.menu .item {
   border-bottom: dotted 1px #c8c8c8;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 7px;
   background: url('../images/bod_b.gif');
   background-repeat: no-repeat;
   background-position: 7px center;
}
.menu .item A {
   color: #989898;
   text-decoration: none;
}
.menu .item A:hover {
   color: #000000;
}
.menu .item_arrow {
   background: url('../images/rarrow_g_w.gif');
   background-repeat: no-repeat;
   background-position: center center;
   width: 7px;
}

.pagecontent {
   width: 727px;
   height: auto;
   text-align: left;
   float: left;
   margin-left: 5px;
   margin-bottom: 5px;
   margin-top: 5px;
}

.head2_field {
   float: left;
   width: 178px;
   padding-top: 5px;
}
.head2_mezera {
   float: left;
   width: 5px;
   height: 10px;
   background-color: #ffffff;
}
.head2_field A {
   color: #989898;
   text-decoration: none;
}
.head2_field A:hover {
   text-decoration: underline;
}

.oddil_hdl {
   height: 20px;
   font-size: 18px;
   font-family: Arial;
   font-weight: bold;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 15px;
   color: #ffffff;
}

.oddil_hdl_small {
   height: 20px;
}
.oddil_hdl_small .c {
   font-size: 11px;
   font-family: Arial;
   font-weight: bold;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 10px;
   color: #ffffff;
   letter-spacing: 1px;
}

.bg727 {
   width: 727px;
   background-image: url('../images/bg727.gif');
   background-repeat: repeat-y;
}
.bg242 {
   width: 242px;
   background-image: url('../images/bg242.gif');
   background-repeat: repeat-y;
}
.bg362 {
   width: 362px;
   background-image: url('../images/bg362.gif');
   background-repeat: repeat-y;
}

.pagecontent P{
   margin-bottom: 10px;
}

.footer {
   clear: both;
   width: auto;
   background-color: #515151;
   color: #b1b1b1;
   height: 20px;
   padding-left: 20px;
   padding-right: 20px;
}

.footer A {
   color: #b1b1b1;
   text-decoration: underline;
}
.footer A:hover {
   text-decoration: none;
}
.footer DIV {
   float: left;
   padding-top: 3px;
}


.buttonky_left {
   margin-top: 20px;
}
.buttonky_left img {
   margin-bottom: 10px;
}

/* -------- */


.zahlavi {
   background-color: #f2f2f2;
   width: auto;
   font-weight: normal;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 15px;
   margin-bottom: 10px;
}
.zahlavi A {
   text-decoration: none;
}
.zahlavi A:hover {
   text-decoration: underline;
}

.label {
   width: 100%;
}

.dottedbottom {
   border-bottom: dotted 1px #C0C0C0;
}

.dottedright {
   border-right: dotted 1px #C0C0C0;
}

.linebottom {
   border-bottom: solid 1px #969696;
}

.product_list {
   width: 727px;
   float: left;
}
.tip {
   background-color: #f2f2f2;
}
.product_list .product {
   width: 178px;
   height: 120px;
   float: left;
   margin-top: 0px;
}
.product_list .c {
   border: solid 3px #f2f2f2;
   width: auto;
   height: auto;
}
.product_list .c td {
   vertical-align: top;
}
.product_list .c td p{
   margin-bottom: 2px;
}

.product_list .cena {
   font-size: 10px;
   font-weight: bold;
   margin-right: 5px;
}

.tip IMG {
   border: dashed 1px #527B81;
}

.paging_obal {
   clear: both;
   padding: 5px;
   font-weight: bold;
   background-color: #F0F0F0
}

.celkem_stran {
   float: left;
}

.paging {
   text-align: right;
}

.tip {
   background-color: #E0E0E0;
   margin-bottom: 5px;
}

.detail_cena {
   background-color: #F0F0F0;
   padding: 5px;
   border-top: solid 2px #ACD038;
   border-bottom: solid 2px #ACD038;
}

.atr_doc_list {
   width: auto;
}

.atribute_list {
   margin-top: 10px;
   margin-bottom: 20px;
}

.atribute_list TABLE {
   width: 100%;
}

.atribute_list .nadpis {
   font-size: 12px;
   font-weight: bold;
   border-bottom: solid 1px #969696;
}

.atribute_list TD {
   margin: 0px;
   padding: 3px;
   vertical-align: top;
}

.doc_list {
   margin-top: 10px;
}
.doc_list .nadpis{
   color: #000000;
   font-size: 11px;
}

.category_list {
   margin-top: 10px;
   margin-left: 10px;
   float: left;
}

.category_list .nadpis {
   width: 100%;
   margin-bottom: 10px;
   margin-top: 0px;
   font-size: 12px;
   font-weight: bold;
   background-color: #F0F0F0;
   padding: 5px;
   border-top: solid 1px #969696;
}

.category_list P {
   margin-top: 0px;
   margin-bottom: 5px;
}

.category_list A {
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}

.kosik_list {
   width: 100%;
   background-color: #FFFFFF;
}

.kosik_list TD {
   padding: 5px;
   text-align: right;
}

.kosik_list .zbozi{
   text-align: left;
   width: 40%;
}

.kosik_list THEAD TD {
   background-color: #EAEAEA;
   color: #000000;
   font-weight: bold;
   border: 0px;
}

.search_form {
   text-align: left;
   width: 60%;
   background-color: #f2f2f2;
   border: solid 1px #969696;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
}

.search_form TD {
   padding: 2px;
}

.login_form {
   text-align: left;
   width: 60%;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: auto;
   background-color: #f5f5f5;
}

.login_form TD {
   padding: 2px;
   font-weight: bold;
}

#code {
   border: solid 1px #969696;
   margin-top: 5px;
}

.logoutbox {
   margin-bottom: 20px;
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   background-color: #F0F0F0;
   border: solid 1px #C0C0C0;
   padding: 5px;
}

.editform {
   font-size: 10px;
   width: 100%;
}

.editform TABLE {
   width: 100%;
}

.editform INPUT {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}

.editform SELECT {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}

.editform TD {
   padding: 3px;
}

.editform .label {
   width: 150px;
   font-size: 10px;
   font-weight: bold;
   padding-left: 10px;
}

.editform .optional {
   font-weight: normal;
}

.editform .input {
   font-size: 10px;
}

.editform .button {
   font-size: 11px;
}

.myaccount {
   margin-top: 10px;
}
.myaccount TABLE {
   width: 99%;
}

.myaccount TD {
   width: 50%;
}

.myaccount P {
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   padding-left: 15px;
   background: url('../images/rarrow_bw.gif');
   background-repeat: no-repeat;
   background-position: 3px left;
}

.order_list {
   width: auto;
   background-color: #969696;
}

.order_list TD {
   background-color: #FFFFFF;
   padding: 5px;
   text-align: right;
}

.order_list .zbozi{
   text-align: left;
   width: 40%;
}

.order_list THEAD TD {
   background-color: #D0D0D0;
   color: #000000;
   font-weight: bold;
}

.order_list .cena {
   font-size: 12px;
   font-weight: bold;
}

.vyber_platby {
   background-color: #F0F0F0;
   padding: 10px;
   margin-bottom: 10px;
   border-top: solid 1px #969696;
   border-bottom: solid 1px #969696;
   font-weight: bold;
}

.vyber_platby SELECT {
   font-size: 13px;
}

.navigation {
   margin-bottom: 10px;
   padding-top: 10px;
   font-size: 10px;
   font-weight: bold;
}

.order_product_list TABLE {
   background-color: #C0C0C0;
}
.order_product_list TD {
   background-color: #FFFFFF;
}
.order_product_list THEAD TD{
   background-color: #D0D0D0;
   color: #000000;
   font-weight: bold
}

.platba_pokyny {
   background-color: #E0E0E0;
   border: solid 1px #969696;
   margin-top: 20px;
   margin-bottom: 10px;
   padding: 3px;
}

.menu_stranky {
   background-color: #000000;
   padding: 5px;
   padding-top: 7px;
   padding-bottom: 7px;
   text-align: center;
   margin-top: 20px;
}
.menu_stranky P {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
}
.menu_stranky A {
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
}
.menu_stranky A:hover {
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: underline;
}

.lista_vpravo {
   width: 170px;
   vertical-align: top;
   height: auto;
}
.lista_vpravo DIV {
   background-color: #ACD038;
}

.lista_vpravo DIV {
   padding: 10px;
}

.lista_vpravo .divider {
   width: 100%;
   height: 5px;
   background-color: #FFFFFF;
   font-size: 0px;
   padding: 0px;
}

.lista_vpravo .divider_end {
   width: 100%;
   height: 15px;
   background: url('../images/pruhy.gif');
   font-size: 0px;
   margin: 0px;
   padding: 0px;
}


.friendshops {
   padding: 5px 10px 5px 10px;
   text-align: center;
}
.friendshops img {
   margin: 0px 70px 0px 70px;
}