﻿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 { 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; padding:5px 5px 15px 5px; display:table; width:988px;
                            -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 { display:table; width:auto; float:left; color:red; }

.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 {  }

/*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;
    display:block;
}



/*End CONTROLS*/


.Title { background-color:#404040; width:99.7%; 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;  }

/*PRIHLASENI*/
#Prihlaseni { margin:25px auto; width:150px; display:table; }
#Prihlaseni .PageLayout { padding-bottom:0; width:auto; }
#PrihlaseniContent { margin:0 10px 10px 10px; display:table; }
#Prihlaseni .Title { text-align:left; width:167px; }
#Prihlaseni .divButton { display:block; width:100%; margin-left:auto; margin-right:auto; }
#Prihlaseni .validation {  height:12px; width:100%; display:block; }
#Prihlaseni input[type="password"],#Prihlaseni input[type="text"] { width:97%;
}

/*WEB*/
#MainPage { margin:25px auto;  }
/*#MainPage .Title{ width:996px; }*/
#Header { margin-bottom:10px; }

/*LEFTMENU*/

    
    #LeftMenu { display:table; width:140px; margin-right: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:816px; min-height:600px; display:block; overflow:hidden; /*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;}

#MainPage .RadPanelBar .rpSlide { background-color:#f5f5f5; padding:1em;
}

/*#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; }*/

#RadEditor,#RadEditor body { margin:0; padding:0; font-weight:normal; 
       color:#21242c; font-family:'Roboto', sans-serif;font-size: 11pt;line-height: 1;
}

#RadEditor a, #RadEditor a:active, #RadEditor a:visited 
{
    color: #257818;
}
    #RadEditor a:hover
    {
        color: #63AD39;
    }

#RadEditor h1
{
    color: #4ba13d;
    font-size: 24pt;
    font-weight: 900;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase;
    display:block;
    
}
#RadEditor h2
{   display:block;
    font-size: 19pt;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
    text-transform:uppercase;
    line-height:21pt;
    
}
#RadEditor h3
{   display:block;
    font-size: 16pt;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
    text-transform:uppercase;
    line-height:18pt;
    
}


#RadEditor li, #RadEditor td
{
    line-height: 1.25em;
}

#RadEditor ul {
list-style: outside none none;
margin-left:0;
}

#RadEditor li
{
background: url("/Images/sipka.png") no-repeat scroll left 5px rgba(0, 0, 0, 0);
padding: 4px 0 4px 30px;
}

#RadEditor .tableTd{width: 50%;}
#RadEditor .tableTdLeftWithPadding{padding-left: 20px;}
#RadEditor .tableTdRightWithPadding{padding-right: 20px;}
#RadEditor .tableHolder{width: 100%;}
#RadEditor .tableHolder .tableTd{
    float: left;
    line-height: 1.25em;
}

    
#RadEditor .width40{ width: 40%;}
#RadEditor .width60{ width: 60%;}
#RadEditor .width32 { width:32%;}
#RadEditor .width36 { width:36%;}
#RadEditor p {font-size: 1em;
    line-height: 1.25em;
    margin: 10px 0;
    text-align: left;  }

#RadEditor .blockGrey { background-color: #eeeeee; padding: 1px 20px 20px; }
#RadEditor .marginright10 { margin-right: 10px; }
#RadEditor .marginleft10 { margin-left: 10px; }
#RadEditor .tableSrovnaniCen {  }
#RadEditor .tableSrovnaniCen tr.alter td {
    background-color: #eeeeee;
}
#RadEditor .tableSrovnaniCen tr td {
    background-color: white;
}
#RadEditor .tableSrovnaniCen td {
    padding: 4px;
}
#RadEditor .tableSrovnaniCen .boxAno {
    background-image: url("/Images/icoYes.gif");
    background-position: 68px 0;
    background-repeat: no-repeat;
    height: 16px;
}

#RadEditor .tableSrovnaniCen .boxNe {
    background-image: url("/Images/icoNo.gif");
    background-position: 68px 0;
    background-repeat: no-repeat;
    height: 16px;
}
#RadEditor .blockWhiteHolder {background-color: white;
    padding: 10px 20px 20px;
}

#RadEditor .previewimage { max-width:95%; }
