body { background-color:#404040; color:#404040; font-size:11px; font-family:"Segoe UI",Arial,Helvetica,sans-serif;  line-height:16px; margin:0px; padding:0px;

}
.Flds,.Row,.OneBox { display:table; width:100%; }
.Left { display:table; float:left; width:auto; }
.Right { display:table; float:right; width:auto; }
.PageLayout { background-color:#ebebeb; margin-left:auto; margin-right:auto; display:table; width:auto; padding:5px 5px 15px 5px;
                            -webkit-border-radius: 10px 10px 10px 10px; 
                             -moz-border-radius: 10px 10px 10px 10px;
                              border-radius: 10px 10px 10px 10px;
                              box-shadow: #000000 1px 0px 5px;
                    -webkit-box-shadow: #000000 1px 0px 5px; 
                    -moz-box-shadow: #000000 1px 0px 5px;  }

a,a:visited { text-decoration:underline; color:#404040; font-weight:bold; }
a:hover { text-decoration:none; }

.divButton { margin-top:25px; display:table; width:auto; float:left; }
.validation { margin-top:30px; margin-left:15px; display:table; width:auto; float:left; }

.progressbar{ background-color:black; width:100%; height:100%; position:fixed;
              opacity: 0.5;	filter: alpha(opacity=50);	-moz-opacity: 0.5;	-khtml-opacity: 0.5;}
.progressbar_img{ left:50%; top:50%; margin-left:auto; position:fixed; color:Black; margin-right:auto;}

ul { list-style:disc inside; }
ul ul{ list-style:circle inside; padding-left:10px; }
li {  }

h2 { font-size:120%; padding:1em 0; }
.w45{ width:45%;}
.w40{ width:40%;}
.MTop1 { margin-top:1em; }

/*CONTROLS*/

input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,.button {
border: 0;
padding: 0;
}

input[type="submit"],input[type="button"],.button
{
    /*font-size: 12px;
    line-height: 18px;*/
    display: inline-block;
    padding: 4px;
    margin: 0px;
    border:1px solid #858585;
    background-color:#d3d3d3;
    box-shadow: #404040 1px 1px 2px;
    -webkit-box-shadow: #404040 1px 1px 2px; 
    -moz-box-shadow: #404040 1px 1px 2px;
    color:#404040;
    cursor:pointer;
    font-size:10px; text-transform:uppercase;
    -webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px; 
    border-radius: 2px 2px 2px 2px; 
    padding: 2px 2px 3px 2px;
    margin:0px 1px 1px 0px;
}
input[type="submit"]:hover,input[type="button"]:hover,.button:hover
{
        border-color:#404040;
        
}
input[type="submit"]:active,input[type="button"]:active,.button:active
{
        box-shadow: none; margin:1px 0px 0px 1px;
        border:1px solid #858585;
}

/*OVLADACI PANEL*/
.OvladaciPanel { display:block; margin-bottom:15px; margin-top:15px; border-bottom:1px solid #BEBEBE; padding-bottom:15px; }
.button.Edit,.button.New { background-image:url(/images/tuzka.png); background-position:left top; background-repeat:no-repeat; padding:2px 10px 0px 35px; /*width:70px;*/ text-align:right;  height:29px; }
.button.Ruka { background-image:url(/images/ruka.png); background-position:3px 3px; background-repeat:no-repeat; padding:2px 10px 0px 35px; /*width:70px;*/ text-align:right;  height:29px; }
.button.Save { background-image:url(/images/diskette.png); background-position:left top; background-repeat:no-repeat; width:70px; text-align:right; padding-top:5px; height:29px; }
.button.Storno { background-image:url(/images/storno.png); background-position:left 1px; background-repeat:no-repeat; width:75px; text-align:right; padding-top:5px; height:29px; }




input[type="text"],input[type="password"], select,textarea {
	border-style:solid;border-width: 1px;
	border-color:#5b5b5b;
	padding: 2px 2px 3px 2px; font-size:11px;
}



/*End CONTROLS*/


.Title { background-color:#404040; width:99%; display:table; text-transform:uppercase; color:#cfcfcf; margin-bottom:10px;
                                -webkit-border-radius: 5px 5px 0px 0px; 
                                -moz-border-radius: 5px 5px 0px 0px;
                                border-radius: 5px 5px 0px 0px; border:1px solid #222222; }
.TitleContent { margin:4px; display:table; width:100%; }

/*PRIHLASENI*/
#Prihlaseni { margin-top:25px; }
#Prihlaseni .PageLayout { padding-bottom:0px; }
#PrihlaseniContent { margin:0px 10px 0px 10px; }
#Prihlaseni .Title { text-align:left; }
#Prihlaseni .divButton { display:table; width:auto; margin-left:auto; margin-right:auto; }
#Prihlaseni .validation { padding-top:10px; height:20px; }

/*WEB*/
#MainPage { margin-top:25px; width:998px; }
#MainPage .Title{ width:996px; }
#Header { margin-bottom:10px; }

/*LEFTMENU*/

    
    #LeftMenu { display:table; width:150px; margin-left:10px;  }
    #LeftMenu ul { margin:0px; padding:0px; list-style-type:none; }
    #LeftMenu .ButtonMenu { margin:0px; padding:0px; 
                                 
    }
    #LeftMenu .ButtonMenu:hover { }    
    #LeftMenu .ButtonMenu a,#LeftMenu .ButtonMenu a:visited { margin:0px; display:block; height:20px; width:100%; text-decoration:none; text-transform:uppercase;
                                   font-size:12px; font-weight:normal; text-align:left; line-height:15px; font-weight:bold; color:#404040;
    }
    #LeftMenu .ButtonMenu a span,#LeftMenu .ButtonMenu a span:visited{ margin:0px; padding:0px; 
                                  display:block; padding:2px 5px 0px 5px;
    }
    #LeftMenu .ButtonMenu a:hover span{ text-decoration:underline; }
    #LeftMenu .ButtonMenuFirst {  }
    #LeftMenu .ButtonMenuLast {  }
    #LeftMenu .ButtonMenuLast a{  }
    #LeftMenu .ButtonMenuLast:hover {  }
    #LeftMenu a.MenuActive{ background-color:#404040; }
    #LeftMenu a.MenuActive span { color:#CFCFCF; }

/*CONTENT*/
#Content { width:806px; min-height:600px; margin-left:10px; padding-left:10px; margin-right:10px; border-left:1px solid #bebebe; }




/*LIST*/
.ListTable { width:100%; }
.ListRow { border:1px solid #cecece; }
.ListRow td{padding:2px; vertical-align:middle; }
.ListAlternativeRow { border-left:1px solid #cecece; border-right:1px solid #cecece; background-color:#e4e0e0; }
.ListAlternativeRow td { padding:3px 2px 3px 2px; vertical-align:middle; }
.ListControlEditItem { width:25px; text-align:center; }
.ListControlDelItem { width:25px; text-align:center; }
.ListControlEditButton { width:20px; height:20px; display:block; background-image:url(/images/edit.png); background-repeat:no-repeat; margin:0px auto 0px auto;  }
.ListControlEditButton:hover { background-image:url(/images/edithover.png);  }
.ListControlDelButton { width:20px; height:20px; display:block; background-image:url(/images/del.png); background-repeat:no-repeat; margin:0px auto 0px auto;  }
.ListControlDelButton:hover { background-image:url(/images/delhover.png);  }
.ListTableFooter { border-top:1px solid #CECECE; }
#listgrd { /*margin-top:25px;*/ }
#listgrd .rgRow td{ padding:0px; vertical-align:middle; padding:4px; }
#listgrd .rgAltRow td{ padding:0px; vertical-align:middle; padding:4px; }
.FotoListIMG { max-width:100px; max-height:75px; }
#Content .RadUpload { width:250px; }
.Pnls { width:275px; display:table; }
    .OvlPanelSystem { border: 1px solid #828282; margin-bottom:5px; }
    .OPSZahlavi { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #828282;
              background: -webkit-linear-gradient(top, #fcfcfc, #eaeaea);
background: -moz-linear-gradient(top, #fcfcfc,  #eaeaea); 
background: -ms-linear-gradient(top, #fcfcfc,  #eaeaea);
background: -o-linear-gradient(top, #fcfcfc,  #eaeaea);  
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{#FW1Color1#}', endColorstr='{#FW1Color2#}'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='{#FW1Color1#}', endColorstr='{#FW1Color2#}')";*/
background: linear-gradient(top, #fcfcfc,  #eaeaea); 
background-repeat: no-repeat; background-position:top; background-attachment: fixed; padding:4px;
}
.OPSContent { background-color:#FFFFFF; padding:4px;}

#RadEditor,#RadEditor body { font-weight:normal; font-family: 'Roboto', Helvetica; font-size:14px; line-height:22px; }
#RadEditor h1 { text-transform:uppercase; font-size:22px; line-height:28px; color:#677b0b; font-weight:bold; padding:0px 0px 25px 0px; }
#RadEditor h2{ text-transform:uppercase; font-size:20px; line-height:26px; padding:10px 0px; color:#dd9300; }
#RadEditor h3 {padding:8px 0px 8px 0px; font-size:18px; line-height:24px; }
#RadEditor h4 {padding:6px 0px 6px 0px; font-size:18px; line-height:25px; font-family:Helvetica; font-weight:bold;}
#RadEditor .reContentCell ul { list-style-position:outside; list-style-type:none;   }
#RadEditor .reContentCell li { background-image:url(/Images/li.png); background-position:left 5px; background-repeat:no-repeat;padding-left:15px; }
#RadEditor .GreenBold { color:#677b0b; font-weight:bold; }
#RadEditor .YellowBold { color:#dd9300; font-weight:bold; }

.NameField { font-weight:bold; }
.M5PRight { margin-right:5%; }
.M1Top { margin-top:1em; }
.PhotoItem { display: block;
    float: left;
    margin: 1em;
    max-height: 100px;
    overflow: hidden;
    width: 100px; }
.PhotoItem img{ 
    height: 75px;
     }

.OrderState { color:red; font-weight:bold; text-transform:uppercase; }