*{margin: 4px auto;font-family:verdana;font-size:12px;}

#hlavni{margin:30px auto;position:relative;border:1px solid #000;width:750px;height:400px;}
#hlavni p{text-align:center;display:block;color:#fff;font-weight:bold;}
.tabulka_data {width: 560px; height: 500px; overflow-x: auto}
#bojler{position:absolute;left:298px;bottom:50px;width:150px;height:300px;border:1px solid #000;border-radius:25px;}
#bojler p{text-align:center;display:block;color:#fff;font-weight:bold;}
#bojler p.top{text-align:center;}
#bojler p.bottom{position:relative;bottom:-258px;}
#kotel{position:absolute;right:20px;bottom:50px;width:100px;height:250px;border:1px solid #000;border-radius:15px;}
#kotel p.top{text-align:center;}

#plynak {position:absolute;left:20px;bottom:50px;width:100px;height:250px;border:1px solid #000;border-radius:15px;}
#plynak p{text-align:center;display:block;color:#fff;font-weight:bold;}


#ohrev{position:absolute;left:449px;bottom:250px;width:178px;height:10px;border:1px solid #000;}
#zpatecka{position:absolute;left:449px;bottom:90px;width:178px;height:10px;border:1px solid #000;}
#obehovka{position:absolute;left:580px;bottom:80px;width:30px;height:30px;border:1px solid #000;border-radius:50%;text-align:center;display:table-cell;  animation-duration: 1s;animation-iteration-count: infinite;}

#ohrev_pl{position:absolute;left:121px;bottom:250px;width:176px;height:10px;border:1px solid #000;}
#zpatecka_pl{position:absolute;left:121px;bottom:90px;width:176px;height:10px;border:1px solid #000;}
#chart_daySales {margin:30px auto;position:relative;height:500px;}
#obehovka p{margin:0;position:absolute;top:50%;left:50%; transform: translate(-50%,-50%); }

table{border:2px solid #000;border-collapse:collapse;}
thead{background:#888;font-weight:bold;text-align:center;color:#fff;}

tr.prvni{background-color: #acf; text-decoration:none; color:#000;}
tr:nth-child(even){color:#000;background-color:#fffcd4;}
td,th{border:1px solid #555;padding:3px 5px;text-align:center; }

tr.blue {background-color:#c0fff5;font-weight:bold;}
tr.red {background-color:#ffc0f4;font-weight:bold;}
tr a{text-decoration:none; color:#000;}


@keyframes jede{ 0%   {background-color:00aa00; }  50%  {background-color:00ff00;}  100% {background-color:00aa00; } }
@keyframes nejede{ 0%   {background-color:ff0000; } 100%   {background-color:ff0000; } }

.center {margin: 0 auto; text-align:center; display:block}

.tabulka_data {width: 560px; height: 500px; overflow-x: auto}


@media (max-width:1000px) and (min-width:660px){

body{background-color:#fff;}
#hlavni{margin:30px auto;position:relative;border:2px solid #ddd;width:90%;}
*{margin:0 auto;font-family:verdana;font-size:28px;}
#ohrev{left:50%;width:35%;border:4px solid #000;z-index:0}
#zpatecka{left:50%;width:35%;border:4px solid #000;z-index:0}

#ohrev_pl{left:10%;width:35%;border:4px solid #000;z-index:0}
#zpatecka_pl{left:10%;width:35%;border:4px solid #000;z-index:0}

#bojler{border:10px solid #000;}
#plynak{border:10px solid #000;z-index:2}
#bojler p.top{text-align:center;}
#bojler p.middle{bottom:-35%;position:relative;}
#bojler p.bottom{position:relative;bottom:-65%;}
#kotel{border:10px solid #000;border-radius:15px;font-weight: bold;}
#obehovka{right:150px;width:50px;height:50px;border:5px solid #000;bottom:70px;}
td,th{border:5px solid #555;padding:1px 2px}
table{border:8px solid #000;width:90%}
text {font-size:16px; color:#fff}
#hodiny{clear:both;position: relative; background:url("/images/display.png") no-repeat;width:369px;height:200px;top:50px;left: 50px}
#hodiny .digi {top:34px;width: 298px;height:73px}
#hodiny .digi .text{position:absolute;font-size:75px;width:100%;height:73px;right:5px}
.tabulka_data {width: 95%; height: 500px; overflow-x: auto}


}