/*
********************************************************************************
DESIGN
********************************************************************************
*/


BODY { 
  text-align: center;
  background-color: #ffffff;
  font-family: tahoma;
  background-image: url(../design/images/pozadi.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 5px;
} 

@media print {
  .no_print, 
  .status_text { display: none; }
}

h1 {
 font-size: 15px;
}

h2 {
 font-size: 14px;
}

.tucne {
 font-weight: bold;
}

.color_green {
 color: green;
}

.color_red {
 color:red;
}

.color_blue {
 color: blue;
}


.hl_logo {
 position: relative;
}

.gopay_logo {
 margin-left: 250px;
}

.TAB_MAIN tr.odd th,
.TAB_MAIN tr.odd {
    background-color: #ffffff;
}

.TAB_MAIN tr.even th,
.TAB_MAIN tr.even {
    background-color: #EDF2FC;
}

.TAB_MAIN tr:hover,
.TAB_MAIN tr.even:hover,
.TAB_MAIN tr.odd:hover,
.TAB_MAIN tr.even:hover
.TAB_MAIN tr.hover {
    background-color: #C0D6E9;
}

.hlavicka {
 width: 1000px;
 height: 135px;
}

#hl_odstavec {
  margin-top: 10px;
  width: 1000px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0px;
}


/*
********************************************************************************
*/


#obsah2 {
  width: 1000px;
}

#obsah {
  text-align: left;
  background-color: #ffffff;
  width: 640px;
}



#pravy_panel{
 width: 150px;
 float: right;
 padding-right: 15px;
 padding-left: 10px;
}

#levy_panel{
 width: 150px;
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 text-align: left;
}




/*
********************************************************************************
MENU
********************************************************************************
*/

.menu_SM_VLEVO_top, .menu_SM_VPRAVO_top {
 color: #ffffff;
 background-image: url(../design/images/menu_top.jpg);
 width: 150px;
 height: 35px;
 text-align: left;
}

.menu_SM_VLEVO_top .popisek, .menu_SM_VPRAVO_top .popisek {
 padding-top: 7px;
 padding-left: 15px;
 font-weight: bold;
}

.menu_inner {
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
}

.menu_SM_VLEVO_center A, .menu_SM_VPRAVO_center A {
 color: black;
}

.menu_href {
 width: 130px;
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 border-color: #c0c0c0;
 padding-top: 7px;
 padding-bottom: 7px;
 
}

.menu_href A {
 font-weight: bold;
 font-size: 11px;
}

.menu_SM_VLEVO_center, .menu_SM_VPRAVO_center {
 background-image: url(../design/images/menu_center.jpg);
 width: 150px;
}

.menu_SM_STRED_center {
 border-width: 0px;
 border-style: solid;
 border-color: #ee5e2b;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #ffffff;
}

.menu_SM_VLEVO_bottom, .menu_SM_VPRAVO_bottom {
 background-image: url(../design/images/menu_bottom.jpg);
 width: 150px;
 height: 15px;
}

.menu_link {
 border-bottom: #a0a0a0 dotted;
 border-width: 1px;
}

.menu_center A {
 color: #0000FF;
} 

/*
********************************************************************************
VYHLEDAT
********************************************************************************
*/


.vyhledat {
  padding-top: 2px;
  padding-bottom: 2px;
}

.vyhledat INPUT {
 background-color: #F9F2F5;
 border-color: #E6CBC6;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 width: 130px;
}

.vyhledat_div { 
 text-align: center;
}

.vyhledat_div A {
 color: #000000;
}

/*
********************************************************************************
anketa
********************************************************************************
*/

.anketa{
 padding: 0px;
}

.anketa p {
 padding: 0px;
 margin-left: 0px;
 margin-bottom: 10px;
 font-weight: bold;
 color: #172883;
}

.anketa .odpoved {
 margin-left: 0px;
 margin-right: 0px;
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-bottom-color: white;
 padding-left: 3px;
 padding-right: 3px;
}

.anketa .odpoved SPAN {
 font-size: 10px;
}

.anketa .odpoved .bar {
 height: 10px;
 font-size: 5px;
 background-color: #172883;
}

.anketa .radio {
 width: 10px;
}

.anketa .tlac {
 margin-left: 80px;
}

.hlasovat {
 font-size: 12px;
 width: 70px;
 border-style: solid;
 border-color: #172883;
 border-width: 1px;
 margin-left: 30px;
 color: #172883;
}

.ank_neakt {
 color: red;
}


/*
********************************************************************************
LOGIN
********************************************************************************
*/

#login A {
 color: #000000;
 font-family: tahoma;
}

#login TD {
 color: #000000;
}

#login INPUT {
 background-color: #F9F2F5;
 border-color: #E6CBC6;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 width: 130px;
}

#login .BUTTON {
 padding: 0px;
 color: #000000;
}

/*
********************************************************************************
PATICKA
********************************************************************************
*/

#spodek {
 clear: both;
}


#paticka {
  background-position: center;
  font-size: 11px; 
  font-family: tahoma;
  text-align: center;
}

#paticka A {
  font-size: 11px; 
  font-family: tahoma;
  color: #c0c0c0;
  text-align:center;
} 


.radio {
}

/*
********************************************************************************
KATALOg
********************************************************************************
*/
.katalog {
 border-bottom: #a0a0a0 dotted;
 border-width: 1px;
 color: #000000;
 line-height: 20px;
 padding-left: 10px;
 padding-right: 10px;
 font-weight: bold;
}

.katalog_selected {
 font-weight: bold;
 border-bottom: #a0a0a0 dotted;
 border-width: 1px;
 color: #000000;
 line-height: 20px;
 padding-left: 10px;
 padding-right: 10px;
 font-weight: bold;
 background-color: #ffffff;
}

.katalog:hover {
 background-color: #ffffff;
}

.katalog A: hover {
  color: #0000FF;
}

/*
********************************************************************************
ZBOZI
********************************************************************************
*/
.ZBOZI_SEZ {
 background-color: #ffffff;
 border-style: none;
 border-bottom: #c0c0c0 solid;
 border-right: #c0c0c0 solid;
 border-width: 1px;
 border-color: #c0c0c0;
 padding: 1px;
}

.ZBOZI_SEZ_TAB {
 width: 190px;
}

.ZBOZI_SEZ_TAB TD {
 padding: 0px;
}

.ZBOZI_SEZ_TAB .ZB_NAZEV {
 padding: 0px;
 text-align: center;
 height: 40px;
}

.ZBOZI_SEZ_TAB .ZB_NAZEV A {
 font-size: 10px;
 font-weight: bold;
 color: #000000;
}

.ZBOZI_SEZ_TAB .ZB_IMG {
 height: 180px;
 background-color: #ffffff;
}

.ZBOZI_SEZ_TAB .ZB_IMG IMG {
 border-style: solid;
 border-color: #6E7D8C;
 border-width: 0px;
}


.ZBOZI_SEZ_TAB .ZB_IMG IMG{
}

.ZBOZI_TAB_PATICKA {
 padding-left: 10px;
 padding-right: 10px;
 width: 90%;
}

.flags TD {
 padding-left: 2px;
 padding-right: 2px;
}

.ZB_CENA {
 text-align: right;
 font-style: italic;
}

.ZB_CENA_SEZNAM {
 text-align: left;
 font-weight: bold;
 color: #FF0000;
 font-size: 14px;
}

.ZB_CENA_SEZNAM_PREV {
 text-align: left;
 font-weight: bold;
 color: #0000FF;
 font-size: 10px;
 text-decoration: line-through;
}

.ZB_AKCE {
 color: #FF0000;
 border-style: solid;
 border-width: 1px;
 border-color: #FF0000;
 font-size: 9px;
}

.ZB_SKLADEM {
 color: #008000;
 border-style: solid;
 border-width: 1px;
 border-color: #008000;
 font-size: 9px;
}

.ZB_SKLADEM_NE {
 color: #008000;
 border-style: solid;
 border-width: 1px;
 border-color: #008000;
 font-size: 9px;
}

.ZB_NOVINKA {
 color: #0000FF;
 border-style: solid;
 border-width: 1px;
 border-color: #0000FF;
 font-size: 9px;
}

.ZB_SLEVA {
 color: #FFFFFF;
 background-color: #FF0000;
 border-style: solid;
 border-width: 1px;
 border-color: #FF0000;
 font-size: 9px;
}

.ZB_NAZEV_big {
 font-weight: bold;
 font-size: 15px;
}

.zb_label {
 text-align: right;
 font-style: italic;
 padding-right: 10px;
}

.ZB_CENA_detail {
 font-style: italic;
 font-weight: bold;
}

.zb_koupit_ks {
 width: 25px;
 border-style: solid;
 border-width: 1px;
 border-color: #c0c0c0;
 text-align: center;
}

.zb_tl_do_kosiku {
 width: 140px;
 border-style: solid;
 border-width: 1px;
 border-color: #FF0000;
 background-color: #FF0000;
 color: white;
 font-weight: bold;
}

.zb_souvisejici {
 width: 100%;
}

.zb_souvisejici TD {
 padding-left: 10px;
 padding-right: 10px;
}

.zb_souvisejici TD HR {
 height: 1px;
}

.zb_tab_filtr {
 background-color: #EAF1F4;
 width: 600px;
}

.zb_tab_filtr TD {
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 3px;
 padding-bottom: 3px;
} 

.foto_div {
 background-color: #FFFFFF;
}

/*
********************************************************************************
Objednavka
********************************************************************************
*/
.objednavka TABLE {
 width: 100%;
}

.objednavka TABLE TR {
 vertical-align: top; 
}

.objednavka .td_label {
 text-align: right;
 padding-right: 20px;
 padding-left: 20px;
 background-color: #f0f0f0;
}

.objednavka .td_hodn {
 text-align: right;
 padding-right: 20px;
 padding-left: 20px;
}

.objednavka .td_celk_cena {
 text-align: right;
 padding-right: 20px;
 font-weight: bold;
 color: #FF0000;
}

.objednavka .zahlavi TD {
 text-align: center;
 font-style: italic;
 background-color: #f0f0f0;
}

.objednavka .seznam_zbozi TD {
 padding-left: 10px;
 padding-right: 10px;
}

.objednavka .souhrn {
 width: 70%;
}

.obj_kroky {
 padding: 30px;
 text-align: center;
}

.obj_kroky SPAN {
 padding: 5px 10px 5px 10px;
}

.ozn font {
 background-color: #B80000;
 padding: 5px;
}

.ozn {
 background-color: red;
 color: white;
 font-weight: bold;
}

.fronta {
 width: 100%;
}

.fronta .zahlavi td {
 background-color: #d0d0d0;
 padding-left: 10px;
 padding-right: 10px;
 font-style: italic;
 text-align: center;
 font-size: 11px;
 color: #FFFFFF;
}

.fronta td {
 padding-left: 10px;
 padding-right: 10px;
}

.adm_edit_zbozi INPUT {
 width: 150px;
 border-style: solid;
 border-color: #c0c0c0;
 border-width: 1px;
}

.adm_edit_zbozi {
 width: 100%;
 background-color: #f0f0f0;
}

.sekce_posun_kroku INPUT {
 width: 100%;
 border-style: solid;
 border-width: 1px;
 border-color: #FF0000;
 background-color: #FFF0E0;
 font-weight: bold;
 color: red;
}

.sekce_posun_kroku INPUT:hover {
 font-weight: bold;
}

.sekce_posun_kroku_user INPUT {
 width: 100%;
 border-style: solid;
 border-width: 1px;
 border-color: #008000;
 background-color: #E7F4EE;
}

.sekce_posun_kroku_user INPUT:hover {
 font-weight: bold;
}

.register_tab INPUT {
 border-style: solid;
 border-width: 1px;
 border-color: #c0c0c0;
}

/*
********************************************************************************
OBECNE
********************************************************************************
*/

.nadpis_1 {
    padding-top: 20px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 15px;
    text-align: center;
    font-family: tahoma;
    color: #000000;
}


.nadpis_2 {
    font-weight: bold;
    font-size: 12px;
    background: #C4E0E7;
    padding: 1px;
    text-align: center;
}

.nadpis_uvod {
 color: #FFFFFF;
 font-size: 28px;
 font-family: tahoma;
 font-weight: bold;
}

.uvod_sekce {
 background-image: url(../design/images/uvod_label.jpg);
 color: white;
 font-weight: bold;
 font-size: 16px;
 padding: 3px;
 padding-left: 15px;
}

IMG {
 border-style: solid;
 border-color: #0000FF;
 border-width: 0px;
}


/*
********************************************************************************
HTML ELEMENTS
********************************************************************************
*/

TABLE, DIV, FORM {
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 13px;
}

TEXTAREA {
  border-style: solid;
  border-width : 1px;
  border-color: #c0c0c0;
  padding-left: 5px;
  padding-right: 5px;
  height: 100px;
  font-family: tahoma;
  font-size: 13px;
}

.tlacitko {
  font-family: tahoma;
  border-width: 0px;
  padding-left: 1px;
  padding-right: 1px;
  background: black;
  font-size: 15px;
  color: #FFFFFF;
  width: 150px;
}

.tlacitko2 {
  font-family: tahoma;
  border-style: solid;
  border-width: 0px;
  padding-left: 1px;
  padding-left: 5px;
  padding-right: 5px;
  background: black;
  font-size: 15px;
  color: #FFFFFF;
}

/*
********************************************************************************
OBECNE
********************************************************************************
*/

#error {
 color: white;
 background-color: red;
 font-weight: bold;
 text-align: center;
 font-size: 16px;
 padding: 10px; 
}

.INFO {
 color: #0000FF;
 font-weight: bold;
 text-align: center;
 font-style: italic;
}

.TAB_INFO {
 background: white;
 border-style: solid;
 border-color: #FFFFFF;
 border-width: 10px;
}


A { 
  color: #0000FF;
  text-decoration: none;
  font-family: tahoma;
  font-size: 13px;
}

A:hover {
  color: #0000FF;
}


/*
********************************************************************************
administrace - menu
********************************************************************************
*/

.TB_ADMIN {
 background-color: #000000;
 margin: 5px; 
 padding: 0px;
 border-style: solid;
 border-color: #a0a0a0;
 border-width: 3px;
 font-size: 12px;
}

.TB_ADMIN TR TD {
  text-align: center;
  padding: 20px;
  background: white;
}

.TB_ADMIN IMG {
 border-style: none;
}

/*
********************************************************************************
administrace - form tables
********************************************************************************
*/


.TAB_MAIN {
 background-color: #c0c0c0;
 margin: 5px;
 padding: 0px;
 border-style: solid;
 border-color: #a0a0a0;
 border-width: 0px;
 font-size: 12px;
 width: 630px;
}

.TAB_MAIN TD {
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 1px;
   color: #000000;
}

.TAB_MAIN .nadp_sl TD {
   font-weight: bold;
   text-align: center;
   background-color: #65A3FE;
   padding-left: 2px;
   padding-right: 2px;
}

.TAB_MAIN .nadp_sl_cena TD {
 color: #FF0000;
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}

.TAB_MAIN .text_cena TD {
 color: #000000;
 font-size: 12px;
 text-align: center;
}

.TAB_MAIN .filtr {
 border-style: solid;
 border-width: 1px;
 border-color: #c0c0c0;
 background: white;
 width: 100%;
}

.TAB_MAIN .filtr INPUT {
 width: 100%;
 border-style: none;
}

.TAB_STRANKOVANI {
 padding : 3px;
 background: white;
 color: #a0a0a0;
}

.TAB_STRANKOVANI INPUT {
 width: 50px;
 background-image: none;
 border-style: solid;
 border-color: #699CaE;
 border-width: 1px;
}

.TAB_STRANKOVANI SELECT {
 width: 100px;
 border-style: solid;
 border-color: #699CaE;
 border-width: 1px;
}

.d_login {
 color: #FFFFFF;
}

/*
********************************************************************************
administrace - editace dat v tabulce
********************************************************************************
*/

.adm_label_col {
 text-align: right;
 font-weight: bold;
 padding-right: 10px;
 padding-left: 20px;
}

.adm_edit_tab {
 background-color: #A5C3D1; 
 border-style: solid; 
 border-width: 1px; 
 border-color: #95a3b1;
}

.adm_edit_tab INPUT, SELECT {
 width: 520px;
 border-style: solid;
 border-color: #699CaE;
 border-width: 1px;
}

.adm_edit_tab TEXTAREA {
 width: 97%;
 border-style: solid;
 border-color: #699CaE;
 border-width: 1px;
}

/*
********************************************************************************
varovani
********************************************************************************
*/

.TAB_WARNING {
 background: white;
 border-style: solid;
 border-color: #FF0000;
 border-width: 5px;
}  

.TAB_WARNING {
 padding: 10px;
}


.td_right {
 text-align: right;
 font-style: italic;
 padding-right: 10px;
}

.tip {
 font-style: italic;
 text-align: center;
}

/*
********************************************************************************
varovani
********************************************************************************
*/
.uvod_novinka {
 padding-left: 15px;
 margin-top: 10px;
 border-style: solid;
 border-width: 0px 0px 1px 0px;
}

.uvod_novinka .vpravo {
 margin-left: 60px;
 margin-right: 10px;
}

.uvod_novinka .nadpis {
 font-weight: bold;
}

.uvod_novinka .text {
 text-align: justify;
}

.kosik_icon_main {
  float: left;
  margin-top: 15px;
}

.kosik_text {
 margin-left: 30px;
 text-align: left;
}

.kosik_line {
 border-top-style: solid;
 border-top-width: 1px;
 border-color: #c0c0c0;
}

.kosik_cena {
 background-color: #890000;
 color: white;
 font-weight: bold;
 text-align: right;
}

.kosik_cena_celkem {
 width: 200px;
 padding: 10px;
 font-weight: 18px;
 background-color: red;
 color: white;
 font-weight: bold;
 text-align: right;
}