body{ font-family: "Open Sans", sans-serif;}

.dekObsah {
   margin: 10px 5px 10px 5px;
   margin-left: auto;
   margin-right: auto;
   min-height: 650px;
   width: 960px;
   border: 1px solid red;
   box-shadow: 1px 1px #000;
}

#dekLoginTable{
    padding: 10px;
    width: 200px;
    margin: auto;
    margin-top: 120px;
    text-align: center;
    margin-bottom: 20px;
    border: 0px solid;
    background-color: #DF001B;
    display: table;
    box-shadow: 1px 1px #000;
}

#dekMessageTable{
    padding: 10px;
    width: 400px;
    margin: auto;
    margin-top: 120px;
    text-align: center;
    margin-bottom: 20px;
    border: 0px solid;
    background-color: #DF001B;
    display: table;
    box-shadow: 1px 1px #000;
}

table#dekLoginTable td{ padding:5px 15px;} 

.dekCaption {
    background-color: #DF001B;
    font-size:14px;
    font-weight: bolder;
    color: white;
    text-align: right;
    padding: 5px;
}

.dekMessage {
    background-color: #DF001B;
    font-weight: bolder;
    color: white;
    text-align: center;
    padding: 10px;
}
            
.dekCenter {
    text-align:center;
}

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

input,textarea,select, button{
    background-color:white;
    border:3px solid  #DF001B;
    padding-left:5px;
}

input[type="text"],input[type="password"]{
        width:140px;
}

select{
        width:152px;
}

input[type="submit"],button{color:#DF001B;
}

.dekTableButton {
    font-weight: bolder;
    margin-right: 10px; 
}

.dekTableButton:hover{
    color:white;
    background-color:#DF001B;
    cursor:pointer;
}

#dekButton {
    margin-left:10px;
    margin-right:10px;
    float:right;
    font-weight: bolder;
}

#dekButton a{
    text-decoration: none;
    display:box;
    background-color:white;
    color:#DF001B; 
    text-align: center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

#dekButton a:hover{
    color:white;
    background-color:black;
    cursor:pointer;
}

.dekButton {
    margin-left:10px;
    float:right;
    font-weight: bolder;
    text-decoration: none;
    display:box;
    background-color:white;
    color:#DF001B; 
    text-align: center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.dekButton:hover{
    color:white;
    background-color:black;
    cursor:pointer;
}

#dekMenu{
    margin-left:10px;
    margin-right:10px;
    float:right;
}

#dekMenu a, #dekMenu span{
    text-decoration: none;
    display:box;
    background-color:#DF001B;
    color:black; 
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
}

#dekMenu a:hover, #dekMenu span:hover {
    color:white;
    cursor:pointer;
}

#dekMenu a:active{
    box-shadow: 3px 3px black;
}

#dekList{
    margin:10px;
}

.dekRadek {
    font-size:11px;
    text-align:left;
    line-height:20px;
}

.dekRadek:hover{
    background-color:#eee;
    cursor:pointer;
}

.dekLichyRadek {
    background-color:#bbb;
    cursor:pointer;
}

.dekSudyRadek {
    background-color:#ccc;
}

.dekSloupec {
    padding-left:8px;
}

.dekVelmiSirokySloupec{
    width:140px;
    padding-left:4px;
    white-space:nowrap;
}

.dekSirokySloupec{
    width:120px;
    padding-left:4px;
}

.dekUzkySloupec {
    width:70px;
    padding-left:4px;
}

.dekRucicka{
    cursor:pointer;
}

.dekStatusError{
    color:#DF001B;
}

.dekStatusInWay{
    color:black;  
}

.dekStatusReceived{
    color:#DF001B;
}

.dekStatusDelivered{
    color:green;  
}

.dekStatusCancelled{
    color:gray;  
}

.dekPager{
    float:right;
    margin-bottom:10px;
    margin-right:10px;
}

.dekPagerTabulka{
    font-size:12px;
    font-weight:bolder;
    line-height:14px;
    margin: 10px 0px 0px 0px;
    vertical-align: middle;
    border-collapse:separate;
}

.dekPagerTabulka td{
    width:16px;
    text-align:center;
}

.dekPagerItem, .dekPagerEnabled , .dekPagerDisabled{
    border :1px solid white;
}

.dekPagerDisabled{
    color:#CCC;
}

.dekPagerItemSelected, dekPagerItemSelected:hover{
    background-color:#DF001B;
    color:white;
    border:1px solid black;
}

.dekPagerItem:hover, .dekPagerEnabled:hover{
    border:1px solid black;
    cursor:pointer;
}

#dekVyberPobocky{
    display:none;
    color:white;
    max-width:700px;
    margin-left:10px;
    margin-top:0px;
    cursor:pointer;
}

.dekListPobocek{
    font-size:11px; 
    font-weight:bolder;
    background-color:#DF001B;
    border:3px solid #DF001B;
    float:left;
}

.dekListPobocek li{
    list-style-type: none; 
    width: 120px;
    line-height:15px;
    margin-left:0px;
    padding-left:0px;
}

.dekListPobocek li.selectedPobocka{
    color:black;
}

.dekListPobocek li.pobockaCZ{
    color:white;
}

.dekListPobocek li.pobockaSK{
    color:#FFFFA4;
}

.dekListPobocek li:hover{
    background-color:white;
    color:#DF001B;
}

.dekVlevo{
    text-align:left;
}

.dekFVpravo{
    float:right;
}

#dekDetail{
    margin-left:10px;
    border-collapse:collapse;
}

#dekDetail td.dekCaption{
    padding-right: 5px;
    padding-left:5px;
    margin-right:0px;
}

dekFloatleft{float:left;}