#popBox {
    position: absolute;
    text-align: left;
    z-index: 1000;
    border: 1px solid black;
    margin-top: 20px;
    color: white;         
    opacity:0.75;
    filter:alpha(opacity=75);
    background-color: #101010; 
    font-size:13px;
    width:250px;   
    padding:9px;
    text-decoration: none;
    border:2px solid #808080;
    font-weight: 100;
    line-height: 17px;
    }
    
    #popBox ul{
    padding:2px;
    margin:2px 0px 2px 10px;    
    }
    .bgr{background: red;}

a img{border:0px;}
img{border:0px;}
.log{
    
   border:5px solid #E0E0E0;padding:10px;background-color:#F0F0F0;   
   width:100%; 
}
.line_menu {
    background-color: #E0E0E0;
    float: left;
    text-align: center;
    margin: 10px 1px 0px 0px;
    padding:4px 15px;
    border: 1px solid #000000;
    letter-spacing: 0px;
    font-size: 1em;
    color: #000000;
    min-width: 120px;
    cursor: pointer;
    position: relative;
    border-radius: 8px 8px 0px 0px;

}
.line_menu:hover{
    background-color: #e6fab8;
}
.green{color:#008000 !IMPORTANT;font-weight: 800 !IMPORTANT;}
.magenta{color:#a9014b !IMPORTANT;font-weight: 800 !IMPORTANT;}
.blue{color:#0000FF !IMPORTANT;font-weight: 800 !IMPORTANT;}
.row p:hover .green,.row p:hover .blue,.row p:hover .magenta{color:#FFFFFF !IMPORTANT;}
#pup {
    position                : absolute;
    min-width               : 275px;
    _width                  : 275px;
    padding                 : 5px;
    margin                  : 25px auto auto 10px;
    font-size               : 12px;
    color                   : #fff;
    background              : #000000;
    text-align              : left;
    border                  : 4px solid #C0C0C0;
    z-index                 : 200; /* aaaalways on top*/
    opacity:0.75;
    filter:alpha(opacity=75);

    
}
    
body
{                                    
position:relative;  
margin:0; padding:0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif ;
font-size: 12px;
color:#000000;
background:#F0F0F0;
}
#strana
{                                    
width:100%;height:90px;
}

hr{
 background-color:none;
 border:none;
 border-bottom:1px solid #E0E0E0;
 height:1px;
 width:100%;   
}
th
{
font-size: 1.2em;
padding:3px;
text-align: left;
background-color: #585858;
color:#fff;
font-weight: 100;
}

th a
{
padding:0 5px;
font-style: italic;
color:#D0D0D0;
}
th a:hover
{
color:#ACACAC;
}

#hlavicka
{
margin:0px; 
background:#585858 ;
height:90px;
width: 100%;
min-width: 1100px;
position:fixed;
z-index:90;

}
#sub_hlavicka
{
margin:-15px 0 0 -25px; 
background:#F0F0F0;
height:40px;
width: 100%;
min-width: 1100px;
position:fixed;
z-index:91;
border-bottom:1px solid #585858;
}
#multi_add h3{margin:0 ;}
#multi_add{position:fixed;
top:95px;
left:40%;
z-index:92;
height:5px;
overflow: hidden;
display:none;text-align:left;min-width:400px;border:2px solid #D70000;background:#FFF;padding:3px 10px 20px 10px;
}
#multi_add:hover{height: auto;
}

#login_top{
    background: #585858;
   color:#F0F0F0;
   margin: 0px;   
   padding:20px 0px;
   min-height:320px;
}
#login_top h3{
   color:#F0F0F0;
   font-size:2em;
}
#front_login_top{
   color:#F0F0F0;
   margin: 0px;   
   padding:5px 0px;
   min-height:320px;
background: #79ACDF URL(../images/bg2.jpg) no-repeat;background-size:100% auto;  
}
#front_login_top h3{
   color:#F0F0F0;
   padding:0px;
   margin:0px;
   font-size:2em;
}
.login_buttons{margin:5px 20px;max-width:800px;}
.login_but{padding:10px 20px;color:#F0F0F0;border:4px solid #808080;background-color:#242424;margin:20px;
   font-weight:800; 
   transition:  background-color 0.5s ease-in-out, color 0.3s ease-in-out;
   -o-transition:  background-color 0.5s ease-in-out, color 0.3s ease-in-out;
   -webkit-transition:  background-color 0.5s ease-in-out, color 0.3s ease-in-out;
}
.login_but:hover{padding:10px 20px;color:#F0F0F0;border:4px solid #808080;background-color:#969696;margin:20px;color:#151515;}
#login{
   width:450px; 
   min-height:280px; 
   border:15px solid #808080;
   background:#1F1F1F; 
   margin:0 auto 0 0;
   padding:15px;
   vertical-align: middle;
   text-align: center;
   color:#FFFFFF;
   
}
#front_login_top #login{
   width:450px; 
   min-height:280px; 
   border:15px solid #00A0E3;
   background:#262626; 
   margin:0 auto 0 0;
   padding:15px;
   vertical-align: middle;
   text-align: center;
   color:#FFFFFF;
   
}
.hotline{
   font-size: 2em; 
   text-align: center;
   background:#C0C0C0;
   color:#FFFFFF;
}
.hotline a{
   color:#FFFFFF;
}
.hotline a:hover{
   color:#E0E0E0;
}

#hlavni1
{      
margin:0px; padding:0px;
border-bottom-width: 0px;
border-top-width: 0px;
position: relative;
width:100%;
padding-top:90px;
min-width: 1200px;
_width: expression(document.body.clientWidth < 1200? "1200px" : "auto" );
}

#hlavni2
{
margin:0px; padding:0px;
}

#levypanel .left_menu
{                    
   background: #FFF; 
   margin:0px 10px 15px 0px;
   border: 1px solid #969696;
   padding: 10px;
   color:#800000;
   position:inherit;

}
.left_menu .padding
{
   padding:4px 0px 0px 15px;

}
.left_menu img{
    vertical-align: middle;
    padding:2px 5px 2px 0px;
    height:20px;
}
#levypanel li
{
list-style: none;
}
#levypanel ul
{
padding:0px;
margin:1px;
padding-left: 4px;
}
#levypanel ul
{
margin: 0px;
margin-top: 4px;
}
#levypanel a
{
padding-left: 0px;
padding-right: 4px;
text-decoration: none;
font-size: 16px;
}
#levypanel a:hover           
{
color:#800000;
}
.selected{
    background-color: #C0C0FF;
    width: 200px;
}


.help{
    background-color:#D0D0D0;color:#005800;padding:5px;font-weight:800;
}
.obsah
{
margin:0px;
padding:5px;
}
.obsah_text
{
margin:0px;
padding:5px 15px;
}
.content_edit{
   margin:10px 0px 10px 0px;
   background-color: #C0C0C0;
   transition:  background 0.5s ease-in-out;
   -o-transition:  background 0.5s ease-in-out;
   -webkit-transition:  background 0.5s ease-in-out;
   width:100%; 
   padding:10px 10px 5px 15px;
   border:1px solid #585858;
} 
.content_edit:hover{
   background-color: #ACACAC;
} 
.content_edit div{
    float:left;
    height:30px;
    margin-right: 15px;
    padding:4px 2px;
    line-height: 30px;
}
#tab_button a 
{
   color:black; 
}
#tab_button
{
   vertical-align: top;    
   border:1px solid #808080;
   background-color: #FFFFFF;
   transition:  background 0.5s ease-in-out;
   -o-transition:  background 0.5s ease-in-out;
   -webkit-transition:  background 0.5s ease-in-out;

   width:100%; 
   padding:15px 10px;
   margin:0px 0px 10px 0px;
   position:relative;
}
#tab_button:hover
{
   background-color: #FFFFC0;
}
.submit_image{
font-size: 10px;
text-decoration: none;
color: #008080;
padding:5px;
vertical-align: top;
}
.submit_image a{
text-decoration: none;
color: #008080;  
}
.submit_image .button{
font-size: 14px;
text-align: center;
color: #008080;  
padding:8px 0px;
}
.submit_image .button img{
text-align: center;
color: #008080;  
background: #151515;
padding:8px 8px;
   transition:  background 0.5s ease-in-out;
   -o-transition:  background 0.5s ease-in-out;
   -webkit-transition:  background 0.5s ease-in-out;
}
.submit_image .button img:hover{
background: #585858;
}
.submit_image img{
height:27px;
}

.cleaner
{
border: 0px none; 
margin: 0px; 
padding: 0px; 
float: none; 
clear: both; 
width: 0px; 
height: 0px; 
line-height: 0px; 
font-size: 0px; 
}

h1,h2,h3,h4,h5,h6
{
margin: 2px;
margin-left:0px;
}
h1
{
padding:1px 0px 1px 0px;
font-size: 3.5em;
letter-spacing: 2px;
color: #00A0E3;
width:100%;
margin:5px 0px 10px 0px;
font-weight: 800;
}
#hlavni1 h1
{
padding:1px 0px 1px 0px;
font-size: 1.5em;
letter-spacing: 2px;
color: #585858;
width:100%;
margin:5px 0px 10px 0px;
font-weight: 800;
}
#stredni h1
{
padding:1px 0px 1px 0px;
font-size: 2em;
letter-spacing: 2px;
color: #1E1E1E;
width:100%;
margin:5px 0px 10px 0px;
font-weight: 800;
   -webkit-text-shadow:none;
   -moz-text-shadow: none;
   text-shadow: none;

}
h2
{
font-size: 14px;
color: #242F4A;
}
h3
{
margin: 14px 5px 3px 2px;    
color: #002828;
}
h6
{
padding:5px 10px;
font-size: 1.6em;
letter-spacing: 2px;
width:100%;
margin:5px 0px;
font-weight: 100;
}
.front_header h1
{
padding:0px;
text-align:center;
font-size: 1.5em;
letter-spacing: 2px;
color: #F0F0F0;
width:100%;
margin:0px 0px 0px -5px;
font-weight: 800;
   -webkit-text-shadow:none;
   -moz-text-shadow: none;
   text-shadow:none;

}

#levypanel h3
{
padding: 14px 0px 10px 5px;    
margin:20px 10px 0px 0px;
color: #E0E0E0;
background: #585858;
font-weight: 400;
border: 1px solid #969696;
border-bottom: 0px;
}

#levypanel h3 img
{
    vertical-align: middle;
}

#levypanel .sub
{
padding: 14px 0px 10px 5px;    
margin:0px 0px 0px 0px;
color: #E0E0E0;
background: #808080;
font-weight: 400;
border: 1px solid #969696;
border-bottom: 0px;
}
.left_menu p
{
padding: 5px 0px 5px 10px;    
}

p
{
margin: 0.5em 0
}

a
{
color:black
}
#hlavicka .m_text i{font-size:1.5em;line-height:1.8em}
#hlavicka .m_text{
margin:15px 5px 5px 5px;
padding:8px 15px 4px 15px;
background:#151515;
border:2px solid #151515;
float:left;
height:70px;
text-align:center;
position:relative;
   z-index:0; 
   filter: alpha(opacity=80);
   opacity:0.8;
}
#hlavicka .active{
   background:#006393;
   color:#FFF;
   border:2px solid #000;
   filter: alpha(opacity=100);
   opacity:1;
  -webkit-box-shadow: 1px 1px 4px #ACACAC;
   -moz-box-shadow: 1px 1px 4px #ACACAC;
   box-shadow: 1px 1px 4px #ACACAC;
}
#hlavicka .m_text img{
vertical-align: middle;
display: inline-table;
padding-bottom:5px;
}
#hlavicka a span{
    width:100%;
    padding-left:4px;
    font-size: .85em;
}
#hlavicka a
{
text-decoration: none;
font-weight: 600;
font-size: 13px;
color:#FFF;
}
#hlavicka .m_text:hover
{
    color:#FFF;
background:#2A2A2A;
  -webkit-box-shadow: 1px 1px 4px #ACACAC;
   -moz-box-shadow: 1px 1px 4px #ACACAC;
   box-shadow: 1px 1px 4px #ACACAC;
}


#sub_hlavicka .m_text{
margin:3px 5px 0px 5px;
padding:8px 15px 4px 15px;
background:#E0E0E0;
float:left;
text-align:center;
position:relative;
   filter: alpha(opacity=80);
   opacity:0.8;
}
#sub_hlavicka .m_text img{
vertical-align: middle;
padding-bottom:5px;
}
#sub_hlavicka a span{
    padding-left:4px;
    font-size: .85em;
}
#sub_hlavicka a
{
text-decoration: none;
font-weight: 600;
font-size: 13px;
color:#000000;
}
#sub_hlavicka .m_text:hover
{
    color:#585858;
background:#FFFFFF;
  -webkit-box-shadow: 1px 1px 4px #ACACAC;
   -moz-box-shadow: 1px 1px 4px #ACACAC;
   box-shadow: 1px 1px 4px #ACACAC;
}
#sub_hlavicka .active{
   background:#FFFFFF;
   color:#000;
   filter: alpha(opacity=100);
   opacity:1;
  -webkit-box-shadow: 1px 1px 4px #ACACAC;
   -moz-box-shadow: 1px 1px 4px #ACACAC;
   box-shadow: 1px 1px 4px #ACACAC;
}
#paticka
{  
position:absolute;
top:0px;
left:0px;
z-index:2010;
}

#paticka a
{
   color:black; 
}
#paticka a:hover
{
   color:black;
   text-decoration: none; 
}
#paticka .obsah
{
z-index:2010;    
color: black;    
position:absolute;
top:200px;
left:300px;
text-align: center;
width:300px;
height:150px;
border:8px solid #FF8080;
background:#FFFFFF;
font-size:16px;
font-weight: 600;
color: #800000; 
   -webkit-box-shadow: 1px 5px 10px #ACACAC;
   -moz-box-shadow: 1px 5px 10px #ACACAC;
   box-shadow: 1px 5px 10px #ACACAC;
    opacity:0.75;
    filter:alpha(opacity=75);
}


.front_header{background:#C0C0C0;height:40px;padding:4px 20px;overflow:hidden;}
.header{background-color:#585858;}
.zpet  {
cursor:pointer;
border:none;
border-left: 6px solid brown;
border-top: 1px solid black;
color:#800000;
width:150px;
float:right;
font-size: 10px;
padding-left: 3px;

}
.copy
{
text-align:center;
font-size:80%
}
.menu_logo {
    margin:25px 65px 0px 15px;
    float:left;
}
.menu_logo a:hover{
text-decoration: none;
color:black;
}
.logged
{
color:#ffffff;
float: right;
height:20px;
font-size: 12px;
padding:0px 20px;
}
.time
{
min-height:90px;    
text-align:center;
font-size:2.5em;
color:#E0E0E0;    
padding:5px;
margin:0px;
}
.time strong
{
font-size:1.5em;
color:#FFFFFF;    
padding:5px 20px;
}
.logged img{
vertical-align:middle;   
}
.set_panel{
    color:#282828;
  font-size:.9em;  
  height:inherit;
  min-height: 130px;
  _height: expression(document.body.clientHeight > 130? "130px" : "auto" );
  padding:6px 10px 6px 10px;
  background-color:#FFF;
  border:1px solid #151515;
  float:left;  
  margin-right:5px;  
  margin-bottom: 15px;
   position:relative;
   transition:  background 0.5s ease-in-out;
   -o-transition:  background 0.5s ease-in-out;
   -webkit-transition:  background 0.5s ease-in-out;
} 
.set_panel i{
  font-size:1.6em;line-height:1.8em;
} 
.set_panel:hover{
  background-color:#FFFFD0;
} 
.set_panel .img{
  vertical-align: top;
  margin-left: 5px;  
  max-height:100px;  
  _height: expression(document.body.clientHeight > 100? "100px" : "auto" );
  border: 0px;  
}
.form_set div{margin:10px 0px;}
.adresa p{
    color:#000;
    font-size:12px;
}

input, select, textarea
{
   background-color: #FFF;
   border: 1px solid #585858;
   padding: 6px 10px;
   color:#585858;
   position:relative;
   margin:0px 4px;

}
.bold{border:1px solid #800000;}

.no
{
   background-color: none;
   border: 0px;
}
.chb{
    border:0px;
    margin: 0px 3px 0px 3px;
    padding: 0px;
    vertical-align: middle;    
}
input:focus
{
background-color:#FFFFC0;
border:1px solid #000000;
}                         
.radio{
 border: 0px;
 background: none;
 vertical-align: middle;   
-webkit-box-shadow: 1px 1px 2px #ACACAC;
-moz-box-shadow: 1px 1px 2px #ACACAC;
box-shadow: 1px 1px 2px #ACACAC;
}
.picture{
 margin:4px 0px 3px 10px ;
 max-width :130px;
 _width: 130px;
}
.servis{
   width:inherit;
   padding:10px 20px;
}
.servis div{
}
.servis li{
   padding: 3px;
}
.servis div .nab{
   float:left;
   margin-right: 15px;

}
.servis div .nab img{
    border: 0px;
    width:28px;
}
.servis div .nab a{
   width:200px;
   font-size: 1.4em;
   float:left;
   text-decoration: none;
   font-weight: 100;
   color:#FFFFFF;
   background-color: #969696;
   border:4px solid #585858;
   padding: 10px 20px 10px 20px;
}
.servis div .nab a:hover{
   background-color: #808080;
}
a{
   text-decoration: none; 
   color:#585858;   
}
#login a{
   text-decoration: none; 
   color:#F0F0F0;   
}
.up_cat{
    cursor:pointer;
    padding:2px;
}
.up_cat:hover{
    background-color:#C0C0C0;   
}
.cat_popup{
    overflow:auto;
    display:none;
    padding:10px;
    position:absolute; 
    z-index:1000;
    width:300px;
    height:400px;
    background-color:#FFFFFF;
    border:1px solid #585858;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    font-weight: 100;
    
}
.var_popup{
    overflow:auto;
    display:none;
    padding:10px;
    position:absolute;
    z-index:1000;
    width:300px;
    height:400px;
    background-color:#FFF;
    border:1px solid #585858;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    
}
.mail_popup{
    overflow:auto;
    visibility:hidden;
    padding:10px;
    position:absolute;
    z-index:1000;
    top:260px;
    left:450px;
    width:350px;
    height:500px;
    background-color:#E6E6FF;
    border:2px solid #585858;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    
}
.tnb_foto{
    float:left;
    width:150px;
    margin:10px;
    text-align:center;
    
}
.tnb_foto img{
    margin:3px;
    
}
.tnb_foto .tnb{
    width:150px;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    
}
.filtry{font-size: 12px;padding:10px;font-weight:800;}
.filtry a{font-size: 12px;color:#585858;}
.filtr{padding:2px 10px 2px 10px;border-right:2px solid silver;float:left;margin:5px 0px 5px 0px;font-size:12px;}
.table_select, .table_seznam{width:100%;border:1px solid #969696;position:relative;margin:10px 0;}
.table_select img, .table_seznam img{   width:16px;float:left; padding:0px;display: inline-block;}
.table_select i, .table_seznam i{font-size:1.6em}
.table_select th, .table_select td, .table_seznam th, .table_seznam td {   padding:4px;  font-size:1em;position:relative;display:table-cell;height:30px}
.table_select td, .table_seznam td{padding:3px}
.table_select th, .table_seznam th{font-size:.9em !IMPORTANT;}
.table_position{padding:3px;margin:10px;position:relative;width:450px;border:2px solid #585858;}
.table_param{width:800px;border:1px solid #ACACAC;padding:3px;margin:10px;position:relative;font-size:13px;-webkit-box-shadow: 2px 2px 2px #ACACAC;-moz-box-shadow: 2px 2px 2px #ACACAC;box-shadow: 2px 2px 2px #ACACAC;}
.table_select tr:nth-child(even), .table_param tr:nth-child(even), .table_position tr:nth-child(even), .table_seznam tr:nth-child(even) {background: #F0F0F0}
.table_select tr:nth-child(odd), .table_param tr:nth-child(odd), .table_position tr:nth-child(odd), .table_seznam tr:nth-child(odd) {background: #FFF}

.select_set{
    padding:3px;
    margin:10px;
    position:relative;
    background-color:#FFFFFF;
    width:340px;
    border:1px solid #585858;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    
}

.color_button{
    margin:5px;
    float:left;width:100px;height:35px;
   position:relative;
   border:1px solid #590000;
   -moz-border-radius: 5px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 0px;      
   border-radius: 10px 0px 10px 0px;
   -webkit-box-shadow: 2px 2px 7px #ACACAC;
   -moz-box-shadow: 2px 2px 7px #ACACAC;
   box-shadow: 2px 2px 7px #ACACAC;
}
.basket{width:100%;border:1px solid #808080;}
.basket input{border:1px solid #808080;text-align: center;}
.basket .butt{font-size: 80%;padding: 1px 3px 1px 3px;}
.basket td{border-bottom:1px solid #808080;}
.basket .poplatek td{border:0px;font-size:75%;}
.basket .cena td{border:0px;text-align: right;}
.basket th{font-weight: 800;text-align: center;padding: 2px 5px 1px 5px;}
.basket_form{padding:3px;width:600px;margin-left: 30px;border:1px solid #E0E0E0;margin:5px;}
.basket_form .first{width:200px;padding:3px 10px 3px 0px;text-align: right;}
.basket_form .second{padding:3px 10px 3px 0px;text-align: left;}
.basket_form .second input{padding: 1px 5px 1px 5px;border:1px solid #D0D0D0; color:#585858;}
.basket_form .second input:hover{border:1px solid #ACACAC;}
.basket_form .second input:focus{background-color:#EBEBEB;border:1px solid #ACACAC;color:#101010;}
.objednej{background-color: #A70303;padding:6px 15px 6px 15px;border:2px solid #A70303;color:#ffffff;font-weight: 800;letter-spacing:2px;font-size: 110%; }
.objednej:hover{border:2px solid #808080; }

#basket_doprava{padding:20px 20px 5px 0px;}
#doprava{padding:3px;width:450px;}
#platba{padding:3px;width:450px;}
#obj_butt{padding:10px 20px 5px 0px;}
#stat_win{height:50px;}
#sidebar { float:left; width:226px;}
#content { float:right; width:724px;}

.awesome, .awesome:visited, .tlacitko, .tlacitko:visited {
            background: #222 ; 
            display: inline-block !important; 
            padding: 5px 10px 6px !important; 
            color: #fff !important; 
            text-decoration: none !important;
            font-weight: bold !important;
            line-height: 1 !important;
            text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
            border-bottom: 1px solid rgba(0,0,0,0.25) !important;
            position: relative !important;
            cursor: pointer !important;
            }
.awesome:hover                            { background-color: #111 !important;}
.awesome:active                            { top: 1px !important; }
.small.awesome, .small.awesome:visited             { font-size: 11px !important;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited         { font-size: 13px !important;}
.large.awesome, .large.awesome:visited             { font-size: 14px !important; padding: 8px 14px 9px !important;}
    
.gray.awesome, .green.awesome:visited        { background-color: #262626 !important;}
.gray.awesome:hover                        { background-color: #161616 !important;}
.green.awesome, .green.awesome:visited        { background-color: #008000 !important;}
.green.awesome:hover                        { background-color: #005800 !important;}
.blue.awesome, .blue.awesome:visited        { background-color: #004080 !important;}
.blue.awesome:hover                            { background-color: #007d9a !important;}
.red.awesome, .red.awesome:visited            { background-color: #CC0000 !important;}
.red.awesome:hover                            { background-color: #FF0000 !important;}
.magenta.awesome, .magenta.awesome:visited        { background-color: #a9014b !important;}
.magenta.awesome:hover                            { background-color: #630030 !important;}
.orange.awesome, .orange.awesome:visited        { background-color: #ff5c00 !important;}
.orange.awesome:hover                            { background-color: #d45500 !important;}
.yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515 !important;}
.yellow.awesome:hover                            { background-color: #fc9200 !important;}

.tlacitko:hover                            { background-color: #111 !important;}
.tlacitko:active                            { top: 1px !important; }
.small.tlacitko, .small.tlacitko:visited             { font-size: 11px !important;}
.tlacitko, .tlacitko:visited,
tlacitko, tlacitko:visited        { background-color:#003871 !important;}
tlacitko:hover                            { background-color: #000058 !important;}
                                                  
input.tlacitko{border:0px !important;}

.lister{            
    text-align: left;
    margin:5px 20px;
}
.lister a{
    padding:4px 10px;
    margin:4px;
    background-color:#585858;
    color:#fff;
    font-size:1.1em;
    font-weight:600;
    border:1px solid #808080;
    position:relative;
   text-decoration: none;
    
}
.lister a:hover, .lister .current {
    color:#E0E0E0;
    background-color:#969696;
    
}
.lister_log{            
    text-align: left;
    margin:5px 0px;
    font-size:.8em;
}
.lister_log a{
    margin:4px;
    background-color:#404040;
    color:#fff;
    font-weight:600;
    position:relative;
   text-decoration: none;
    
}
.lister_log span{
    padding:5px;    
}
.lister_log a:hover, .lister_log .current {
    color:#E0E0E0;
    background-color:#101010;
    
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    width:80%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    z-index:1001;
    left:150px;
    top:-10px;
    background-color: #f9f9f9;
    width: 130px;
    padding:5px 10px 0px 10px;
    border:1px solid #C0C0C0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content img{
    width: 16px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_sm {
    position: relative;
    display: inline-block;
    width:80%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content_sm {
    display: none;
    position: absolute;
    z-index:1001;
    left:30px;
    top:-5px;
    background-color: #f9f9f9;
    width: 155px;
    padding:4px 2px 0px 2px;
    border:1px solid #C0C0C0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content_sm img{
    width: 16px;
}

/* Links inside the dropdown */
.dropdown-content_sm a {
    color: black;
    padding: 2px 6px !IMPORTANT;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content_sm a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown_sm:hover .dropdown-content_sm {
    display: block;
}

.dropdown_small {
    position: relative;
    display: inline-block;
    width:60%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content_small {
    display: none;
    position: absolute;
    z-index:1001;
    left:60px;
    top:0px;
    height:20px;
    background-color: #f9f9f9;
    padding:0px 2px 0px 2px;
    border:1px solid #C0C0C0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content_small img{
    height: 15px;
}

/* Links inside the dropdown */
.dropdown-content_small a {
    color: black;
    padding: 2px 6px !IMPORTANT;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content_small a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown_small:hover .dropdown-content_small {
    display: block;
}

#login input{
   
}

    .upload {
        display: inline-block;
        background: #fff;
    }
    
    #upload {
       transition:  border 0.5s ease-in-out;
       -o-transition:  border 0.5s ease-in-out;
       -webkit-transition:  border 0.5s ease-in-out;
        width: 500px;
        padding:20px;
        border:15px solid #969696;
        text-align: center;
        font-size: 300%;
    }
    
    #upload:hover {
        border:15px solid #FF8080;
    }
    
    #upload-stav {
        background: yellow;
        height: 1em;
        width: 0;
        transition: .5s width;
        position: absolute;
        bottom: 0;
    }
    
    .upload-info {
        position: relative;
        font-size:14px;
    }
    
    #upload-text,
    #upload-fileinfo {
        text-align: center;
        position: relative;
        z-index: 1;
    }
    

#incl_cat{
    height:120px;
    overflow: hidden;
   transition:  height 0.5s ease-in-out;
   -o-transition:  height 0.5s ease-in-out;
   -webkit-transition:  height 0.5s ease-in-out;
}
#incl_butt{
    width:100%;
    text-align:center;
    font-size: 20px;
    font-weight: 800;
    background: #E0E0E0;
}
#incl_butt:hover{
    background: #FFC0C0;
}


/* Calendar */
#calendar_wrap {
    padding: 0px 5px 15px 5px;
    color:#585858;
    padding-top:5px;
}
#calendar_wrap a{
    color:#163F5A;
    text-decoration: none;
}

#calendar {
    border:1px solid #969696;
    text-align: center;margin:0px;padding:0px;
    float:left;
}
#calendar table {
    text-align: center;margin:0px;padding:0px;
}

#calendar th {
    padding:4px 2px;
    text-align:center;
    color:#FFF;
    background-color: #808080 !IMPORTANT;
    font-size:1.3em;
    font-style: italic;
   -moz-border-radius: 6px;
   -webkit-border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 0px;
   -webkit-border-bottom-left-radius: 0px;      
   border-radius: 6px 6px 0px 0px;
}
#calendar .wknd {
    background-color: #800000 !IMPORTANT;
}
#calendar tbody td {
    font-size:1.3em;
    height:145px;
    border: 1px solid #DBDBDB;
   -moz-border-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 0px;
   -webkit-border-bottom-left-radius: 0px;      
   border-radius: 4px 4px 0px 0px;
}

#calendar #actual,#calendar #prev, #calendar #next, #calendar #this  {
    text-align: left;
    float:left;
    padding:2px 10px;
    font-weight: 800;
    font-size:1.2em;
}
#calendar .days{
    vertical-align: top; 
    text-align: left;   
    padding:0px;
    margin:0px;
}
#calendar .days p{
    font-size: .9em;
}
#calendar .day_num, #calendar .day_num_a{
    border:1px solid #969696;
    padding:2px 5px;
    background-color:#D0D0D0;
    color:#000000;
    margin:0px;
    margin-bottom: 2px;
    font-size:1.2em;
    font-weight: 800;
   -moz-border-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;      
   border-radius: 2px;
   width:178px;
}
#calendar .day_num_a{
    border:1px solid #5F8AFE;
    background-color:#99BBE8;
    color:#000000;
    font-weight: 800;
}
#calendar .day_num_a:hover{
    background-color:#2C7CB1;
    color:#FFFFFF;
}
#calendar .row{
    font-size:0.7em;
    line-height: 14px;  
    width:190px;
    overflow:hidden;
    margin-bottom:1px;
    padding:1px 0px 0px 1px;
    color:#000000;
}
#calendar .row p{
    padding:1px 0px 0px 1px;
    margin:0px;
}
#calendar .plan,#calendar .plan .green,#calendar .plan .blue{color:#ACACAC }
#calendar .plan{
    border:1px solid #ACACAC;
}
#calendar .weekend .row{
    font-size:0.7em;
    line-height: 14px;  
    overflow:hidden;
    margin-bottom:1px;
    padding:1px 0px 0px 1px;
    color:#000000;
}

#calendar .row:hover{
    background:#585858;
    color:#FFFFFF;
}

#calendar .k{
    background:#E0E0E0;
}
#calendar .r{
    background:#CEFFCE;
}


#calendar tfoot a {
    text-decoration: none;
    font-weight: bold;
}

#calendar .today {
    background: #008000;
    border: 1px solid #585858;
    font-weight: bold;
    color: #F0F0F0;
}
#calendar .svatek {
    background: #FF0000;
    border: 1px solid #585858;
    font-weight: bold;
    color: #F0F0F0;
}
#calendar .svatek .today {
    background: #800080;
}
#calendar .filter{
    font-weight: 800;
    font-size:1.2em;
    float:left;
    padding:1px 50px;
}
#calendar .filter label:hover{
    color:#800000;
    border-bottom: 1px solid #C0C0C0;
}

@media only screen and (max-width: 1600px) {

#calendar_wrap {    width:100%;}
#calendar {    width:100%;}
#calendar .row{   width:128px;}
#calendar tbody td {    font-size:1.1em;    height:85px;}
#calendar .weekend {   }
#calendar .day_num, #calendar .day_num_a{   width:126px;}
#calendar .weekend {    }
#stredni_full{min-width: 1300px;_width: expression(document.body.clientWidth < 1300? "1300px" : "auto" );}

}
.vstup{font-weight:800;color:#000080}
.home{font-weight:800;color:#800000}
.term{font-weight:800;color:#008000}
.auto{font-weight:800;color:#585858}
#calendar .row:hover .vstup{font-weight:800;color:#C0C0FF}
#calendar .row:hover .home{font-weight:800;color:#FFC0C0}
#calendar .row:hover .term{font-weight:800;color:#80FF80}
#calendar .row:hover .auto{font-weight:800;color:#F0F0F0}
   

#adr_popup{
    padding:0px;
    display:none;
    position:relative;
    z-index:1000;
    width:400px;
    height:430px;
    border:2px solid #585858;
    -webkit-box-shadow: 2px 7px 10px #ACACAC;
    -moz-box-shadow: 2px 7px 10px #ACACAC;
    box-shadow: 2px 7px 10px #ACACAC;
    overflow: hidden;
    background:#FFF;
}
#adr_popup .category{
    margin:5px 0px;
    border-bottom:1px solid #000000;
    background:#585858;
    color:#F0F0F0;
    padding:2px 10px;
}
.adr_popup_in{
    position:absolute;
    width:400px;
    height:400px;
    overflow: auto;
}


#infobox{
    padding:5px;
    width:260px;
    border:2px solid #FF884F;
    background: #FFFF93;
    float:right;
}
#infobox h3{
    font-size:1.2em;
    text-decoration: underline;
    font-style: oblique;
}
#infobox h4{
    font-size:1.1em;
    font-style: oblique;
    text-decoration: underline;
    color:#000058;
}
#infobox a{
    color:#2D2D2D;
    text-decoration: none;
}
#infobox a:hover{
    color:#000000;
    text-decoration: none;
}
#infobox .line{
    border:1px solid #C0C0C0;
}
#infobox .line:hover{
    border:1px solid #D0D0D0;
}
.ked{padding:15px 10px;float:left;width:690px;margin:0px;background:#F0F0F0;border:1px solid #ACACAC;margin-bottom: 100px;}
.lister{
    font-size: 1.0em;
    text-align: left;
    margin:5px 20px;
}
.lister p{
    text-align: left;
    padding:4px 0px 10px 5px;
}
.lister a{
    padding:3px 6px;
    margin:4px;
    background-color:#0571D4;
    color:#fff;
    font-size:90%;
    font-weight: 800;
    border:1px solid #2F6BCF;
    position:relative;
   -moz-border-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;      
   border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px #585858;
   -moz-box-shadow: 0px 2px 5px #585858;
   box-shadow: 0px 2px 5px #585858;     
   text-decoration: none;
    
}
.lister_gray{
    padding:3px 6px;
    margin:4px;
    background-color:#ACACAC;
    color:#000;
    font-size:90%;
    font-weight: 800;
    border:1px solid #D0D0D0;
    position:relative;
   -moz-border-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;      
   border-radius: 3px;
   text-decoration: none;
}
.lister a:hover, .lister .current {
    color:#000058;
    background-color:#EA5F24;
    border:1px solid #121212;
    
}
.lister_count {
    color:#000058;
    text-align:right;
    padding-right: 30px;
    
}
.arrow-up, .arrow-down, .arrow-up_sel, .arrow-down_sel{
    border:0;
    text-indent:-9999px;
    width:16px;
    height:16px;
}
.arrow-up{
    background:url(../images/up-arrow.png) no-repeat; 
}
.arrow-down{
    background:url(../images/down-arrow.png) no-repeat; 
}
.arrow-up_sel{
    background:url(../images/up-arrow_sel.png) no-repeat; 
}
.arrow-down_sel{
    background:url(../images/down-arrow_sel.png) no-repeat; 
}

.sfile a{
    color:#000000;    
}
.sfile a:hover{
    color:#000058;
    text-decoration: none;    
}
.sfile{
    background-color: #E0E0E0;
    border:3px solid #969696;
    padding:0px 10px 10px 10px;
    margin:10px;
    width:450px;
    float:left;
}
.sfile:hover{
    background-color: #CEE7FF;
}
.hist{
    padding:3px;
    padding-top:6px;
    border-bottom:1px solid #D0D0D0;   
    width:auto; 
}
.hist:hover{
    border-bottom:1px solid #969696;    
}
#menu_line{
    background-color: #0571D4; 
    height:23px; 
    padding: 0px 5px;
    height:30px;  
}
.top_button{
    float:left;
    padding:0px 10px;
    border-left: 1px solid #fff;   
    color:#FFFFFF; 
    font-size: 14px;
    line-height: 30px;
    height:30px;  
}
.top_button a{
    color:#fff;
    font-weight: 200;
    text-decoration: none;
    
}
.top_button input, .top_button select{
    padding:0px;margin:0px;    
}
.top_button a:hover{
    text-decoration: none;
    color:#E0E0E0;
}
.top_button:hover{
    background-color:#1581E4;
}
.sel{
    background-color:#003194;
}
.top_button img{
    float:left;padding:6px 10px 2px 0px;
    width:16px;
}


.terminal{
    background:#E0E0E0;
    border:10px solid #00A0E3;
    padding:0 15px;
   -webkit-box-shadow: 2px 2px 17px #000000;
   -moz-box-shadow: 2px 2px 17px #000000;
   box-shadow: 2px 2px 17px #000000;
}
.big_button{
    margin:5px 0 !IMPORTANT;
    padding:5px 5px !IMPORTANT;
    font-size:1.2em !IMPORTANT;
    background: #0080FF ;
    color:#FFFFFF !IMPORTANT;
   -webkit-box-shadow: 2px 2px 7px #000000;
   -moz-box-shadow: 2px 2px 7px #000000;
   box-shadow: 2px 2px 7px #000000;
   transition:  background-color 0.25s ease-in-out, color 0.3s ease-in-out;
   -o-transition:  background-color 0.25s ease-in-out, color 0.3s ease-in-out;
   -webkit-transition:  background-color 0.25s ease-in-out, color 0.3s ease-in-out;
    
}
.big_button:hover, .big_button:active {
    background: #004891 !IMPORTANT;
    color:#FFFFFF !IMPORTANT;
    
}

#confirm_stat{
    display:none;
    width:500px;
    height:240px;
    z-index:101;    
    color: black;    
    position:absolute;
    top:200px;
    left:300px;
    text-align: center;
    border:8px solid #585858;
    background:#FFFFFF;
    font-size:16px;
    font-weight: 600;
    color: #002448; 
   -webkit-box-shadow: 1px 5px 10px #ACACAC;
   -moz-box-shadow: 1px 5px 10px #ACACAC;
   box-shadow: 1px 5px 10px #ACACAC;
    opacity:0.95;
    filter:alpha(opacity=95);
}
#confirm_stat h3{font-size:1.3em;color:#002448;}
#confirm_stat h4{font-size:1.2em;color:#585858;}

.left{text-align:left;}
.left_text{margin-top:220px;}
.overview {border:5px solid #E0E0E0;}
.overview td {vertical-align:top;padding:2px 5px;}
.overview td div{padding:0}

.overview tr:nth-child(even) {background: none;}
.overview tr:nth-child(odd) {background: #E0E0E0}


#vedouci,#sichta,#pohotovost{position:absolute;width:400px;background: #FFFFFF;border:4px solid #808080;z-index:101;padding:15px;overflow: auto;max-height:300px ;}


.wrap-1-1, .wrap-1-2, .wrap-1-3, .wrap-1-4 , .wrap-3-4 , .wrap-2-3, .wrap-1-5, .wrap-2-5, .wrap-3-5, .wrap-4-5, .wrap-5-6, .wrap-1-6, .wrap-1-7, .wrap-1-8 {
    float:left;margin:0px 0.5% !IMPORTANT;padding:5px 0px;  
}
.wrap-1-1{
    width:99%;
}
.wrap-1-2{
    width:49%;
}
.wrap-1-3{
    width:32%;
}
.wrap-1-4{
    width:23.5%;
}
.wrap-2-3{
    width:65.66%;
}
.wrap-3-4{
    width:74%;
}
.wrap-1-5{
    width:19%;
}
.wrap-2-5{
    width:39%;
}
.wrap-3-5{
    width:59%;
}
.wrap-4-5{
    width:79%;
}
.wrap-5-6{
    width:82.33%;
}
.wrap-1-6{
    width:15.66%;
}
.wrap-1-7{
    width:14.28%;
}
.wrap-1-8{
    width:12%;
}


@media only screen and (max-width: 1360px) {
   .terminal {font-size:.8em;}
}    
@media only screen and (max-width: 1280px) {
   .terminal {font-size:.8;}
    .big_button {padding:2px !IMPORTANT;margin:2px !IMPORTANT;}
    .time
    {
    min-height:40px;    
    text-align:center;
    font-size:1.8em;
    color:#E0E0E0;    
    padding:5px 20px;
    }
    #front_login_top h3{font-size:1.2em;margin:3px;}
   
.wrap-1-1{
    width:99%;
}
.wrap-1-2{
    width:49%;
}
.wrap-1-3{
    width:49%;
}
.wrap-1-4{
    width:23.5%;
}
.wrap-2-3{
    width:65.66%;
}
.wrap-3-4{
    width:74%;
}
.wrap-1-5{
    width:19%;
}
.wrap-2-5{
    width:39%;
}
.wrap-3-5{
    width:59%;
}
.wrap-4-5{
    width:79%;
}
.wrap-5-6{
    width:82.33%;
}
.wrap-1-6{
    width:15.66%;
}
.wrap-1-7{
    width:14.28%;
}
.wrap-1-8{
    width:12%;
}

}    
@media only screen and (max-width: 985px) {
    
.wrap-1-1{
    width:99%;
}
.wrap-1-2{
    width:99%;
}
.wrap-1-3{
    width:99%;
}
.wrap-1-4{
    width:99%;
}
.wrap-1-5{
    width:99%;
}
.wrap-1-6{
    width:99%;
}
.wrap-1-7{
    width:99%;
}
.wrap-1-8{
    width:99%;
}
.wrap-2-3{
    width:99%;
}
.wrap-3-4{
    width:99%;
}
.wrap-5-6{
    width:82.33%;
}

.terminal .wrap-1-1{
    width:99%;
}
.terminal .wrap-1-2{
    width:49%;
}
.terminal .wrap-1-3{
    width:49%;
}
.terminal .wrap-1-4{
    width:23.5%;
}
.terminal .wrap-2-3{
    width:65.66%;
}
.terminal .wrap-3-4{
    width:74%;
}
.terminal .wrap-1-5{
    width:19%;
}
.terminal .wrap-2-5{
    width:39%;
}
.terminal .wrap-3-5{
    width:59%;
}
.terminal .wrap-4-5{
    width:79%;
}
.terminal .wrap-5-6{
    width:82.33%;
}
.terminal .wrap-1-6{
    width:15.66%;
}
.terminal .wrap-1-7{
    width:14.28%;
}
.terminal .wrap-1-8{
    width:12%;
}

}
.plan-tab {border-spacing:0;border:2px solid #585858}
.plan-tab .weekend{background:#E0E0E0}
.plan-tab .svatek{background:#FFC0C0}
.plan-tab button{border:0;padding:0;margin:0;cursor:pointer}
.plan-tab button img{width:24px}
.plan-tab tr{margin:0}
.plan-tab tr:hover td{background:#FFFFFF}
.plan-tab td{border:1px solid #C0C0C0;margin:0;vertical-align: top;position: relative;padding:0;margin:0;}
.plan-tab .name{font-size:13px;padding:2px 4px;font-weight:800}
.plan-tab td .add{position:absolute;top:0;right:0}
.plan-tab td .awesome{opacity:0;padding:4px 8px !IMPORTANT}
.plan-tab td:hover {background:#FFF}
.plan-tab td:hover .awesome{opacity:1}
.plan-tab td .plandiv{position: relative;padding:0;width:100%;font-size:10px;font-weight:800;padding:1px 0}
.plan-tab td .plandiv:hover{cursor:pointer}
.plan-tab td .plandiv span{font-size:10px;}
.plan-tab td .next{background:#0000AA;height:4px;vertical-align: bottom;position: absolute;bottom:0px}
.plan-tab td .plan{background:#00AA00;height:4px;vertical-align: bottom;position: absolute;bottom:0px}
.plan-tab td .pohot{background:#990000;height:4px;vertical-align: bottom;position: absolute;bottom:0px}