/* layout */
body { 
    color: black; 
    position: absolute; 
    font-family:Tahoma, Arial, helvetica, sans-serif; 
    text-align: center; 
    font-size:11px; 
    background-image: none; 
    background-repeat: repeat; 
    background-attachment: scroll; 
    background-position: 0 0; 
    backgrounlabed-color: #F5F5F5; 
    top: 0; 
    bottom: 0; 
    padding: 0; 
    margin: 0; 
    width: 100%; 
}
a:link { color: #004995; font-style: normal; text-decoration: none; }
a:visited { color: #004995; text-decoration: none; }
img { border:none }
input, select { 
    font-size: 10px; 
    border: solid 1px #004995; 
    padding: 0 2px;    
}

input{
    margin:0 2px;
}

h1{
    font-size:13px; 
    font-weight: bold;
}

div#top{
    height: 100px;    
    background-repeat: no-repeat;
    position: relative;
}

div.filtr{
    height: 45px;    
    background-repeat: repead-x;
}

div.filtr .label{
    margin: 0 5px;
}

div.filtr .colLab{
    /*width: 70px;*/
}
div.filtr .colProp{
}
input.find{
    width:80px;
}

div.mainMenu{
    height: 45px;    
    background-repeat: repead-x;
    line-height: 45px;
    vertical-align: middle;
    text-align:center;
    margin:-2px -2px 0px -2px;
}

div.mainMenu a{
    border-left:2px solid #C3C3C3;
    /*font-weight:bold;*/
    padding:0px 5px;
    text-decoration:underline;
}

div.mainMenu a.prvni{
    border-left:none;    
}

div.uziv{
    min-height:20px;
    /*width: 200px;*/
    position: absolute;
    top: 40px;
    text-align: right;
    right: 20px;
    color: white;        
    font-weight: bold;
    border:1px solid white;
    padding:0 10px;
    background: #6F6F6F;
}

div.uziv img.key{
    padding-right:5px;
}

div.uziv .label {
  font-size:12px;
  font-weight:bold; 
}

div.uziv a{
    color: white;    
    font-weight: bold;
}

div#left{    
    text-align: left;
    width: 240px;
}

div#right{    
}

.nakKos{    
    background-repeat: repeat-x;
    width: 150px;
}

.textStyle1{
}

.textStyle2{
    font-weight: bold;
}

.label{
    font-size: 10px;
    color: white;
    font-weight: bold;
}

a .label{    
    text-decoration: underline;
}

.nakKos td{
    background:transparent;    
}

div#footer{
    font-size:10px;
    height:15px;
}

.layoutTable td.left{
    width: 240px;
}

.layoutTable td.right{
    width: 150px;
}

td.center{    
    padding:2px 2px 15px;
    text-align: center;
}

.layoutTable{
    width:955px;
    text-align: center; 
    margin: auto;     
    height: 100%; 
    position: relative;           
    border-collapse: collapse;
    background-color: white; 
}
.layoutTable td{
    /*border: 1px solid #3490BF;*/
    border-color: #3490BF;
    border-style: solid;
    border-width: 1px;
}

.layoutTable table td{
    border: 0px;
}
/* ------ */
.alert{
    background-color:#FFA750;
    color:white;    
    padding-top:5px;
    text-align:left;
    margin:2px 0px;
}

.alert table{
    margin-left:20px;
    text-align:left;       
}

.alert td{
    vertical-align: top;
    padding-right:20px;
}

.list-header {
    background-color: #eeeeee;
    font-size: larger;
    font-weight: bold;
    height: 16px;
    width: 16px
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even { 
}

.list-row-odd { 
    background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.fatalMessage {
    color: red;
    font-style: italic;
    font-weight: bold;
}

table.itemZbo2Col{    
}

table.itemZbo2Col td{    
    vertical-align: top;
    border:1px solid #D5D5D5;
    padding:0px;
}

/*cele zbozi item (2 sloupce)*/
.i2c{
    width: 274px; 
    min-height: 118px;    
    text-align:left;
}

.i2c .existPodKarta{
    color: red;
}

.i1c{    
    text-align: left;
}

/* nazev zbozi v listu zbozi*/
.i2cNazZbo{
    color: #026FB0; 
    font-size: 11px;
    background-color: #B5DBFF; 
    font-weight: bold; 
    min-height: 18px;
    weight: 270px;    
    text-align: center;
    padding: 2px;
}
/* nazev zbozi v jednom sloupci*/
.i1c .i2cNazZbo{
    padding-left:15px;
    text-align:left;
}

.i2c .virtKarta{
    background-color: #9DC0EC; 
}

.i2cNazZbo A:visited{
    color: #026FB0;
    text-decoration: none;
}
/* nazev vyrobce v listu zbozi*/
.i2cNazVyr{
    font-size: 10px;     
    padding: 4px;
}
/*zbozi item bez popisu, nazvu a vyrobce*/
.i2cDet{
    position: relative; 
    margin:3px 0px;
    height: 65px; 
    width: auto;
}

.i1c .i2cDet{
    width: 280px;
    float: left;
}

.i2cFoto{
    top: 0px; left: 2px; position: absolute
}

.i1c .i2cFoto{
    left: 200px;
}

.i2cCeny{
    left: 100px; top: 0px; position: absolute; width: 150px;
}

.i1c .i2cCeny{
    left: 10px;
}

.i2cKatCenaLabel{
    font-size: 9px;
    width: auto;
}

.i2cProdCenaLabel{
    font-size: 9px;
    width: auto;
}

.i2cProdCena{
    color: #FF8406; 
    font-weight: bold;
    font-size: 11px;
    width: auto;
}

.i2c a { text-decoration:none }
.i2c img { border:none }
/*div.itemZbo2Col a:hover { color:#D7102D; }*/

.i2cPop{
    font-size: 9px;    
    margin:5px;
    text-align:justify;
}

/* skladem, akce ...*/
.i2cStatus{
    left: 100px; top: 40px; position: absolute; width: 80px;
}
.i1c .i2cStatus{
    left: 10px;
}

.i2cKosik{
    left: 200px; top: 35px; position: absolute; width: 60px;
}

.i1c .i2cKosik{
    left: 100px;
}    

.i2cKosik input{
    width: 16px;
    vertical-align:middle;
}
.i2cKosik img{
    vertical-align:middle;
}

/******************************* strom kategorii  *********************************/
.tree {
    /*clear: both; */
    width: auto; 
    
    margin-top: 5px;
}

.tree div{      
}

.tree .item_root, .item_branch, .item_leaf{
    width: auto;    
    background-repeat: repeat;
    vertical-align: middle;
    color: #0A6DA8;    
    font-weight: bold;    
    font-size: 10px;
}

.tree .labNaz{    
    padding-left:12px;     
}

.tree .item_root .lab{
    height: auto;
    line-height: 18px;
}

.tree .item_branch .lab{
    height: 14px;
    line-height: 14px;
}

.tree .item_leaf .lab{
    height: 14px;
    line-height: 14px;
}


.tree .root_selNo_expNo,.root_selNo_expYes{
}

.tree .root_selYes_expNo,.root_selYes_expYes{    
}

.tree .item_branch{    
}

.tree .item_leaf{
    background-color: #F5F5F5;    
    border-bottom-style: solid;
    border-bottom-color: #E6E6E6;
    border-bottom-width: 1px;
}

.tree a.nav{    
    white-space : nowrap;    
    display: block;
    background-repeat: no-repeat;
    position: absolute;    
}

.tree .item_root a.nav{
    height: 18px;
    width : 8px;    
}

.tree .item .branch a.nav{
    height: 14px;
    width : 8px;    
}

.tree .root_selNo_expNo a.nav{
}
.tree .root_selNo_expYes a.nav{
}
.tree .root_selYes_expNo a.nav{
}
.tree .root_selYes_expYes a.nav{
}

.tree .branch_selNo_expNo a.nav{
}
.tree .branch_selNo_expYes a.nav{
}
.tree .branch_selYes_expNo a.nav{
}
.tree .branch_selYes_expYes a.nav{
    
}

.labNaz a{
    display:block;
}

.tree .leaf_selYes_expNo .labNaz a{
    color:#FF7900;
}

.tree .branch_selYes_expYes .labNaz a{
    color:#FF7900;
}

.tree .branch_selYes_expNo .labNaz a{
    color:#FF7900;
}

/*u rootu je vyjimka*/
.tree .item_root .root_selYes_expNo a{
    color: white;
}
.tree .item_root .root_selYes_expYes a{
    color: white;
}
.tree .item_root .root_selNo_expNo a{
    color: white;
}
.tree .item_root .root_selNo_expYes a{
    color: white;
}

/*------------ messages ------------*/
.messages{ margin-bottom: 10px; width: 500px;}
.helpMsg{border: solid 1px #65afe0; }
.infoMsg{border: solid 1px #004995; }
.warnMsg{border: solid 1px black; }
.errorMsg{
    color: red;
}
/*--------- obecne pro tabulky -------------*/
table td.colStr{    
}

table td.colNumber{    
}

table td.colDate{    
}

table td.colRight{
    text-align: right;
}

table td.colLeft{
    text-align: left;
}

table td.colCenter{
    text-align: center;
}
/*--------tabulka dat typu polozky v kosiku---------*/
table.dt{
    text-align: center;
    margin: auto;    
    border-collapse: collapse;
    /*width:240px;*/
}

table.dt td,th{    
    border:1px solid #E6E6E6;
    padding:2px 5px;
}

table.dt thead{    
    background-color:#F5F5F5;
    color:#004995;
}

table.dt thead th{
    text-align: left;
}

table.dt tfoot{
    text-align: right;
}
/*--------tabulka dat bez okraju (typ vlastnost: hodnota)---------*/
table.tabProperty{
    text-align: center;
    margin: auto;    
    border-collapse: collapse;
}
/*--------- kosik ------------*/
.dtKos{
    text-align: center;
    margin: auto;    
    border-collapse: collapse;
}

.dtKos thead{    
    background-color:#F5F5F5;
    color:#004995;
}
.dtKos th{
    text-align: left;    
}

.dtKos tfoot{
    text-align: right;    
}

.dtKos .celkCeny{
    padding: 5px;
}

/*.kos .tlacitka{
text-align: center;
}

.kos .tlacitka input{
margin-right: 5px;
}    */

.layoutTable .dtKos td,th{    
    border:1px solid #E6E6E6;    
}

.dtKos input{
    text-align: right;
}
.dtKos td.col2{
    text-align: left;
}
.dtKos td.col4{
    text-align: center;
}
.dtKos td.cenacelk{
    font-weight: bold;    
}
.dtKos .cenaBez{   
    color: gray;
}

/*tabulka s vypisem filtru*/
table.fltrVypis{
    text-align: center; 
    margin: auto;    
    background-color: silver;
}
table.fltrVypis td{
    vertical-align: top;
    text-align: left;
}

table.fltrVypis td.header, td.label{
    font-weight: bold;
}

table.fltrVypis td.header{
    font-weight: bold;  
    color: red;
}

.akcniZbo{
    
}

.titleRightPanel{
    height: 18px;
    width: auto;    
    margin: 5px 0;
}

.akcniZbo .nazZbo{    
    color: #026FB0; 
    font-size: 9px;
    background-color: #B5DBFF; 
    font-weight: bold;     
}

.akcniZbo .prodCenaLab{
    font-size: 9px;
}

.akcniZbo .prodCena{
    font-size: 9px;
    font-weight: bold;     
    color: #FF7900;
}

.akcniZbo .foto{
    margin: 5px;
}

.akcniZbo .item{
    border: 1px solid #D5D5D5;
    margin: 5px;
}
.akcniZbo .cena{    
    margin: 5px;
}

.pageTitle{    
    width: auto;        
    background-color: #B5DBFF;
    color: white;
    font-size: 14px;
    margin:2px 0px;
    line-height:20px;
}

.center .page_page_detZbo{
    width: 100%;
    text-align: center;
}

.page_detZbo .obr{
    width: 50%;
}

.page_detZbo .atr{
    width: 50%;
    text-align: left;
}

.page_detZbo .nazZbo{
    color: #026FB0; 
    font-weight: bold;
}

.page_detZbo .nazVyr{
    font-weight: bold;
}

.page_detZbo .doKosiku{    
}

.page_detZbo .doKosiku select{    
    font-size: 12px;
}

.page_detZbo .doKosiku input{
    vertical-align: middle;
}

.page_detZbo .doKosiku img{
    vertical-align: middle;
    margin-left:5px;
}

.page_detZbo .status input, img{
    vertical-align: middle;
}

.page_detZbo .status img{
    margin-right:10px;
}

.label1{
    color: black;
}

.label2{
    font-size: 9px;
    color: black;    
}

.label3 {
    color:#FF8406;
    font-size:11px;
    font-weight:bold;    
}

.label5 {    
    font-size:12px;
    font-weight:bold; 
    margin: 2px;
}

.label4{
    font-size: 10px; 
    font-weight: bold;
    width: auto;
}

.label1Zvyraz{
    color: red;
}

.popisLong{    
    text-align:justify;
    margin: 0 5px;
}

/*------ login page -----*/
.loginVne{
    height: 435px;
    width: 728px;    
    text-align: center;
    margin: auto;        
    /*border:2px solid black;    */
    margin-top: 40px;
}

.loginVni{
    margin:auto;
    top:120px;
    width:250px;
    vertical-align: middle;
    text-align:left;
    position: relative;        
    padding-left: 50px;
}

.loginVni .nazev1{
    color:#026FB0; 
    font-size:15px;
    font-weight:bold;    
}

.loginVni .nazev2{
    color:#026FB0;
    font-size:11px;
    font-weight:bold;    
}

.loginVni td.prihlasit{
    text-align:center;
}

.loginVni input{
    border:1px solid #004995;
    font-size:13px;
    padding:0pt 2px;
    width:120px;    
}

/*----- pages -----*/
/*.page_objednavky input{
margin-right: 5px;
}

.page_filtr input{
margin-right: 5px;
}*/

.page_browse{
    /*padding: 0px 5px;*/
}

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

/*.page_objednat input{
margin-right: 5px;
}*/

.objDet{
}

.objDet .objDetTab{
    margin: auto;
    text-align:center;
}

.objDet .objDetTab tr{
    height: 20px;
}

.objDet .objDetTab .colLab{
    text-align:right;
}

.objDet .objDetTab .colPol{
    padding-left:20px;
}

/*---  static pages from database ----*/
.sp{
    font-size: 13px;
    text-align: justify;
    padding: 20px;
}
.sp .sp_1{
    padding-left: 50px;        
}

.sp .sp_3{
    padding-left: 50px;        
    text-align: center;
}

.objednavka{
    margin-top: 10px;
}

.pageNav{    
    line-height:22px;
    margin:2px;
    background-image: url('../img/seda-pod-strankovani.jpg');    
}

.pageNav .left{
    float:left;
    padding-left:5px;
    text-align:left;
}    

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

.itemZbo2Col{
    width: 100%;
}

.page_kosik{
    margin-top:10px;
}

.filtrSql{
    background-color:gray;
    margin:0px auto 10px;
    padding:5px;
    width:92%;
}

div.page_statistiky{
    font-size: 13px;   
}

.akcniLetakText{
    font-size: 13px;
    font-weight: bold;    
}

.akcniLetakText a {
    color:#FF7900;
}