@font-face
{
    font-family: DDM;
    src: url('../DDM-icon.ttf');
}

a {color:#666666;}
a:hover {color:red;}
body{background-color:rgb(255, 255, 255);}

.page-homepage{line-height:1;color:rgb(0, 0, 0);}


.page-index{background-image:url('../images/IMG_0945.jpg'); background-size: auto 100%; background-repeat: no-repeat; background-attachment: fixed;background-position: left; }


.sidebar_right{
position:fixed;top:0;right:0;z-index:27;width:400px;height:100%;margin:0 auto;background-color:rgb(204, 204, 204);}


.log{position:fixed;
    top: 30%;
    right:0;
width:400px;
text-align:center;font-size:18px;
    }




.container p{margin-bottom:1em;}

.container .text{bottom:10px;z-index:2;width:70.8196721311%;min-height:10px;font-size:0.133em;text-align:center;}

.element{position:fixed;top:0;right:0;z-index:1;width:35.5%;height:1000px;background-color:rgb(222, 222, 222);}


.menu{position:fixed;top:0;left:0;right:0;z-index:27;width:100%;height:64px;margin:0 auto;background-color:#9d9d9d;}


.menu button{
 border: none;

}

.name_page{position:fixed;top:0;left:100px;z-index:27;height:64px;padding-top:20px;text-align:left;font-size:14px;}

.name_pobocka{position:fixed;top:0;right:200px;z-index:27;height:64px;padding-top:17px;text-align:left;font-size:14px;}


.select_menu {
 -moz-appearance: none;
   overflow: hidden;
   #background: url(https://new.ddmpraha.cz/images/sipka-dolu.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   padding: 5px;
   padding-right: 30px;
   
   }
   
 .button_menu {
 
   overflow: hidden;
  # background: url(http://new.ddmpraha.cz/images/sipka-dolu.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   padding: 5px;
   padding-right: 30px;
   padding-left: 30px;
   }
 .name_page li{
 

   padding: 3px;
   padding-right: 10px;
   padding-left: 10px;
  display: inline;
 background-color:#ccc;
 color:#000000;
 
   }

input[disabled]{
  outline:1px solid red; // or whatever
}


.name_page span{ margin-right:  60px;color:#ffffff;font-weight: bold;font-size:18px;}

.menu_right1{display:none;}
.menu_right2{display:none;}
.menu_right3{display:none;}


.menu_data{position:fixed;top:64;right:0;z-index:99;width:200px;height:400px;background-color:#ffffff;padding:10px;text-align:left;}

.menu_data a::before {font-family:DDM;color: #000000; content: attr(img);font-size: 40px; position:relative;top:0px;vertical-align: middle;}



.menu_data li:hover {background-color:rgb(179, 179, 179);}






.menu ._button{top:0;left:0;z-index:22;width:64px;height:64px;min-height:64px;background-color:rgb(204, 43, 0);font-size:1em;font-weight:icon;color:rgb(255, 255, 255);}
.menu ._button:hover{background-color:rgb(179, 179, 179);color:rgb(255, 255, 255);}





.popup ._button{bottom:60px;width:50px;height:30px;margin:0 auto;border-radius:3px;}

.popup_data{width:100%;padding: 10px;}

#uloz_data{position:absolute;top:0;right:0px;width:500px;height:100%;background:#ffffff;z-index:99;}

#upozorneni{position:fixed;top:0;right:0;width:100%;height:100%;z-index:90; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); display:none;}
#upozorneni_data{position:absolute;top:0;right:0px;width:800px;height:100%;background:#ffffff;z-index:99;overflow: scroll ;}



.menu ._container-1{position:relative;float:right;width:192px;height:64px;background-color:rgba(255, 255, 255, 0);}
.menu ._container-2{display:none;position:absolute;top:64px;left:0;z-index:21;width:500px;background-color:#ffffff;overflow:visible;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
.menu ._text{position:relative;float:left;z-index:14;min-width:64px;max-width:64px;max-height:64px;background-color:#666666;color:rgb(0, 0, 0);}

  #menu_1 {
	background: #e5e5e5;

   border-bottom: 1px solid #333;
  text-align: center;
   height:26px;
    padding: 2px 0 0 0;
  }  


ul.menu_left                         { position: relative;  }
li.activ_l                   { background: #F3D673;border-bottom-right-radius:1em; }


ul.menu_left li                      { font-weight: bold;   float: left;  }
ul.menu_left li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;border-bottom: 1px solid #333; border-bottom-right-radius:1em; color: #222;font: 12px Helvetica, Sans-Serif; }
ul.menu_left li:hover                { background: #F3D673; color: black; position: relative;  border-bottom-right-radius:1em;}

ul.menu_right                         { position: relative; border-bottom-left-radius:1em; }
li.activ_r                   { background: #F3D673;border-bottom-left-radius:1em;  }
ul.menu_right li                      { font-weight: bold;   float: right;  }
ul.menu_right li a                    { display: block; padding: 4px 8px; border-left: 1px solid #333;border-bottom: 1px solid #333; border-bottom-left-radius:1em; color: #222;font: 12px Helvetica, Sans-Serif; }
ul.menu_right li:hover                { background: #F3D673; color: black; position: relative;  border-bottom-left-radius:1em;}
 
 
 
 
.menu li {
  float: left;
  display: inline;
  text-align: center;
  width:100px;
  height:100px;
   border: 2px solid #ffffff;
   padding-top: 55px;
  position:relative;
  color: #000000;
}


.home_menu{
margin: auto;
    width: 70%;

    padding: 10px;
    display: block;
}

.new{
 padding: 10px;
margin: auto;
    width: 70%;

  

}
 .new tr{


  #background-color:#81c9f7;

}

.new td{
 border-bottom: 1px solid black;
 padding: 20px;
 
}


.home_menu li {

  float: left;
  display: inline;
  text-align: center;
  width:100px;
  height:100px;
   border: 2px solid #ffffff;
   #border-radius: 5px;
   padding-top: 55px;
  position:relative;
  color: #000000;
  margin: 5px;
}
 



 #menu{font-family:DDM;color: #ffffff;font-size:60px;padding:2;}
 #left_menu a::before {font-family:DDM;color: #ffffff; content: attr(img);font-size: 60px;position:absolute;top:0;left:0;padding: 4; }
 #dropdownmenu a::before {font-family:DDM;color: #000000; content: attr(img);font-size: 60px;position:absolute;top:0;left:0;padding: 0 17 35 17; }
 #dropdownmenu li:hover {background-color:rgb(179, 179, 179);}






[color='A']{background-color:#81c9f7;}
[color='B']{background-color:#dead95;}
[color='C']{background-color:#e7e88f;}
[color='D']{background-color:#b57a6b;}
[color='E']{background-color:#82cff5;}
[color='F']{background-color:#d98dbb;}
[color='G']{background-color:#d563a1;}
[color='H']{background-color:#c6c6c5;}
[color='I']{background-color:#e268c5;}
[color='J']{background-color:#a493c6;}
[color='K']{background-color:#dda593;}
[color='L']{background-color:#96a8d7;}
[color='M']{background-color:#b5ca45;}
[color='N']{background-color:#b57a6b;}




#._container-1 a::before {font-family:DDM;color: #ffffff;content: attr(img);font-size: 60px;position:absolute;top:0;left:0;padding:2;}
 
#data {
position:absolute;float:left;top: 0px;left:0;right:0; width:100%;padding-top:67px;height:auto; min-height:100%;background:#ededed; }

#sidebar {
display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0;
height:100%;position:fixed!important;z-index:1;overflow:auto;
overflow:auto;
#position:absolute;
  padding-top: 20px; 
  padding-left: 20px; 
  padding-bottom: 50px; 
	color:#ffffff;
  width: 400px;

background-color:#cccccc;
float:left;

  }
  #obsah {
  margin-left:400px;
#position:absolute;
# left:350px;
#  height:auto; 
   padding: 20px; 
  
  }

 
   #podmenu {margin-left: 25px;  background:#9d9d9d;}
    #podmenu_aktiv { color:#ffffff ; background:#9d9d9d;}
    #podmenu a{ color:#ffffff ;}
    #podmenu_aktiv a{ color:#ffffff ; }
 

  
  
  
#obsah_ful {


padding: 10px;
  min-height: 600px;



  }  
  
#eror {

padding-top: 100px;
height:100%;

color:red;
font-size:38px;
  text-align: center;

  }    


  
  input[type=SUBMIT] {
    padding: 0px;
    margin: 0;
    box-sizing: border-box;
    
}
  
  .uloz{
   background:#67a660;
   border: none;

}
  .del{
   background-color:rgb(204, 43, 0);
   border: none;

}  
  
  

  
  
  
 
 @media(max-width: 768px) {
.page-index{background-attachment:fixed;}

.container{left:0;right:0;margin-right:auto;margin-left:auto;}

.container .text{bottom:20px;left:0;right:0;width:48.3950617283%;margin-right:auto;margin-left:auto;line-height:0.6;}

.container .wrapper{left:0;right:0;width:45.9259259259%;margin-right:auto;margin-left:auto;}

.element{top:auto;bottom:0;right:0.1302083333%;width:99.8697916666%;height:223px;}

.image{visibility:hidden;top:0;bottom:0;left:0;right:0;height:auto;margin:auto;}

.menu{left:0;right:0;margin-right:auto;margin-left:auto;}



}
 
 @media(max-width: 320px) {
body{font-size:3.75em;}

.container,.container ._input{left:0;right:0;margin-right:auto;margin-left:auto;}

.container .text{left:0;right:0;width:99.6078431372%;margin-right:auto;margin-left:auto;}

.container .wrapper{top:13px;left:27.2549019607%;right:auto;width:46.2745098039%;}

.element{left:0;right:0;width:100%;height:214px;margin-right:auto;margin-left:auto;}

.image{top:0;bottom:0;left:0;right:0;height:auto;margin:auto;}

.menu{left:0;right:0;min-width:320px;margin-right:auto;margin-left:auto;}


.popup_data{width:100%;margin: 50px;}

#.container ._button-2{bottom:49px;left:26.6383962991%;width:46.3762528912%;}

#.container ._button-4{left:26.4429856552%;width:46.1804035983%;}

#.container ._input-1{bottom:77px;width:46.7039321511%;}

#.container ._input-2{bottom:104px;width:46.7039321511%;}

#.container ._input-3{width:46.5061998541%;}


}

 
 footer {
 
 clear: both;
    position: relative;
  border-top: 0px solid black;
  padding: 15px;
  text-align: center;
  background: #0086cd;
  color: white;
  letter-spacing: 1pt ;
   margin-top: 8px;	
}
 
 
 
 
 
 
 
 
 
 
 
 #obsah button,input[type=submit],input[type=button]{
  padding: 8 12px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #666666;
  border: none;
  border-radius: 10px;
 
     margin: 8px;	
}


.save input[type=submit]:hover{background-color: #3e8e41;}