@charset "UTF-8";
/* 
    Created on : 19.4.2016, 20:57:29
    Author     : Ing. Jaroslav Frák <jaroslav.frak@vcelarenie.eu>
*/
/*
Nastavenie do defaultu
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/*
Skelet vcelara
*/
body {
    background-color: black;
    font-family: Tahoma,Verdana,Segoe,sans-serif; 
}
#pata {
    background-color:#FFC304;
    color: black;
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    padding-top: 4px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    display: block;
    width: 980px;
 }
#zakaznicke_info {
   
    position: relative;
    top: 30px;
    left: 80%;
    width: 120px;
    height: 150px;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: orange;
    border-left-color: orange;
    border-bottom-color: orange;
    border-top-color: orange;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    visibility: visible;
}

#pracovna_plocha {
    width: 980px;
    font-size: 10px;
    margin: 20px auto 0;
    color: black;
    font-style: normal;
    background-color: #FFF575;
    position: relative;
    border-radius:  10px;
    height:94vh;
}
#hlavicka {
    text-align: right;
    position: relative;
    height: 12px;
    width: 100%;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    
}

#stav {
    text-align: right;
    position: relative;
    font-size: 10px;
    float: left;
    display: block;
    width: 980px;
     background-color: #FFF575;
}
#obsah {
    background: url("images/top-plast.png") 0 0 no-repeat;
    position: relative;
    float: left;
    width: 980px;
    display: block;
    min-height: 82vh;
    padding-top: 60px;
    background-color: #FFF575;
   }

.tabulka_na_ploche {
    border: solid 2px #aaa;
 
}

.tabulka_na_ploche th {
    font-weight: bold;
    min-width: 80px;
    height: 20px;
    border-bottom: solid 2px #aaa;
        
}

.tabulka_na_ploche td {
    min-width: 80px;
    text-align: left;
    border-bottom: solid 1px #aaa;
}

#vilko { 
    border:0px; 
        top: 60px;
        left: 88%;
        cursor: pointer;
	position:absolute;
    
}

#vo_vystavbe {
    margin:200px auto 0;
    width:460px;
}

#renderCanvas {
    width: 100%;
    min-height: 800px;
    touch-action: none;
}

#renderNazovVcelnice {
    position:absolute;
    top:20px;
    left : 20px;
    color:white;
    font-size: 2em;
}
.menu-evidencie {
    height: 40px;
    width: 100%;
    vertical-align: middle;
    margin-top: 15px;
    display: block;
    margin-bottom: 15px;
}

.titulka{
    font-size:16px;
    margin: 2px auto 0;
    text-align: center;
    text-decoration:none;
    text-shadow:0 1px 1px #333;
    text-transform:uppercase;
}

.tel-cislo {
    width: 90px;
}
.tlacitka-login {
   margin: 2px auto 0;
   width: 210px;
   height: 40px;
}
.menu-tlacitko, #btn_login,#btn_login_registracia {
    display: inline-block;
    vertical-align: middle;
    background:#FF9504;
	background:-moz-linear-gradient(90deg, #FFC304, #FFC300); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC304), to(#FFC300)); /* Webkit */
	border:1px solid #e46d00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	margin-left:10px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
.menu-tlacitko:hover, #btn_login:hover,#btn_login_registracia:hover{
    background:#eee;
	background:-moz-linear-gradient(90deg, #FF9504, #FFC304);
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9504), to(#FFC304));
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FF9504", endColorStr="#FFC304");
	border-color:#e46d00;
	text-decoration:none;
}
.menu-tlacitko:focus,
.menu-tlacitko:active, #btn_login:focus, #btn_login:active,#btn_login_registracia:focus, #btn_login_registracia:active{
    background:#ccc;
	background:-moz-linear-gradient(90deg, #FF9534, #FF9504);
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9534), to(#FF9504));
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FF9534", endColorStr="#FF9504");
	border-color:#093c75;
	outline:none;
}
a:hover, a:visited, a:link, a:active{
    text-decoration: none;
    color:#000000;
}

/* @group Base pre jquery plugin chosen */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 220px !important;
  color: #381f00;
  max-height: 150px;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-top: 0;
  
  line-height: 1.4;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  border: 1px solid #d19405;
  border-radius: 8px;
  
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */ 
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0.2em 0.2em 0.4em 0.8em;
  line-height: 1.6;
  border: 1px solid #d19405;
  border-radius: 8px;
  background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
 
}
.chosen-container-single .chosen-single:hover {
    background: #ffdd57 url("images/ui-bg_gloss-wave_70_ffdd57_500x100.png") 50% 50% repeat-x;   
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 25px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  
  line-height: normal;
  border-radius: 1px;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  max-height:200px !important;
  overflow-y: scroll;
  border-radius: 8px 8px 0px 0px;
  background-clip: padding-box;
  background:#FFF575; /* #f7f7f7 */
  background:-moz-linear-gradient(90deg, #FFF575, #FFC304); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#FFF575), to(#FFC304)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFC304", endColorStr="#FFF575");
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */ 

/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  
  max-height: 100px;
  
  -webkit-overflow-scrolling: touch;
  
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  
  background-color: #d19405;
  background:-moz-linear-gradient(0deg, #d19405, #FFC304); /* Firefox */
  background:-webkit-gradient(linear, left top, right bottom, from(#d19405), to(#FFC304)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#d19405", endColorStr="#FFF575");
  color: #000000;
  text-shadow: 2px #ffffff;
  font-weight: bold;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */ 

.ui-dialog-titlebar {
    color: white;
font-weight: bold;
}

.ui-widget-header {
border: none !important;
/*background-color: #FF9534 !important;*/
background-color: rgb(56, 31, 0) !important;
background: none;

border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.ui-dialog .ui-dialog-buttonpane {
    background: transparent;
    border-top: 2px solid #E7E3C4;
}
.ui-dialog  {
    background:#FFF575; 
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border:1px solid #aaa;
    -moz-box-shadow:0 0 10px #50504F;
    -webkit-box-shadow:0 0 10px #50504F;
   
}
.bunky {
    padding: 50px;
    margin-top: 50px;
    display: block;
    float: left;
}

.hexagon-list {
  margin-bottom: 60px;
  height: 100px;
}
.hexagon-list:nth-child(even) {
  padding-left: 105px;
}
.hexagon {
  transition: background-color 0.5s ease;
  width: 200px;
  height: 100px;
  background-color: #FFC304;
  position: relative;
  float: left;
  margin-right: 10px;
  line-height: 100px;
  color: black;
  text-align: center;
  cursor: pointer;
}
.hexagon:hover {
  background-color: #FFC304;
}
.hexagon:hover:before {
  border-bottom-color: #FFC304;
}
.hexagon:hover:after {
  border-top-color: #FFC304;
}
.hexagon:before,
.hexagon:after {
  position: absolute;
  content: "";
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  left: 0;
  right: 0;
}
.hexagon:before {
  margin-bottom: -1px;
  transition: border-bottom-color 0.5s ease;
  bottom: 100%;
  border-bottom: 50px solid #FFC304;
}
.hexagon:after {
  margin-top: -1px;
  transition: border-top-color 0.5s ease;
  top: 100%;
  border-top: 50px solid #FFC304;
}
.hexagon-inner {
  transition: background-color 0.5s ease;
  width: 200px;
  height: 100px;
  background-color: white;
  position: relative;
  float: left;
  margin-right: 10px;
  line-height: 100px;
  color: #FFC304;
  text-align: center;
  cursor: pointer;
  transform: scale(0.95);
  z-index: 100;
}
.hexagon-inner:hover {
  background-color: #149d8b;
}
.hexagon-inner:hover:before {
  border-bottom-color: #149d8b;
}
.hexagon-inner:hover:after {
  border-top-color: #149d8b;
}
.hexagon-inner:before,
.hexagon-inner:after {
  position: absolute;
  content: "";
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  left: 0;
  right: 0;
}
.hexagon-inner:before {
  margin-bottom: -1px;
  transition: border-bottom-color 0.5s ease;
  bottom: 100%;
  border-bottom: 50px solid white;
}
.hexagon-inner:after {
  margin-top: -1px;
  transition: border-top-color 0.5s ease;
  top: 100%;
  border-top: 50px solid white;
}
.hexagon-popis{
 display: block;
 height: 20px;
 line-height: 20px;
 font-size: 14px;
}
.hexagon-hodnota{
 display: block;
 height: 80px;
 line-height: 80px;
 font-size: 16px;
 font-weight: bold;
 text-shadow:0 1px 1px #999;
    
}

/*
Formulare a jQuery
*/

/*UI jQuery*/
.ui-widget{
    font-size: 12px;
}
.taby {
    background:none !important;
}

.ui-widget-content{
    border: none !important;
    
    
}
.ui-tabs-nav{
    background-color: #FFF575 !important;
}
.ui-tabs .ui-tabs-nav{
    border: none !important;
    background: none !important;
    
}
.ui-tabs-panel {
    padding: 0px !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: black !important;    
}

html {
	overflow:-moz-scrollbars-vertical;
}

.formular, .detail, .prehlad{
    background:#FFF575; 
    margin:2px auto 0;
    padding:10px; 
    min-width: 350px;
    min-height: 180px;
    
}

.detail p, .prehlad p {
    padding-top: 3px;
    display: inline-block;
    height: 40px;
    
}
#prehlad {
    display: block;
    float: left;
}
#zoznam-zaznamov {
 display: block;
 float: left;
 margin-bottom: 20px;
 width: 100%;
}
.detail-text {
    font-size: 12px;
    color: black;
    vertical-align: top;
    height: 14px;
    line-height: 14px;
    width: 90%;
    border-bottom: solid 1px #FF9504;
}
.detail-hodnota {
    font-size: 12px;
    color: black;
    width: 100%;
    margin-left: 2px;
    height: 16px;
    line-height: 16px;
    text-shadow:0 1px 1px #ddd;
    vertical-align: bottom;
    float: left;
    font-weight: bold;
    
}

.farba {
    width: 60px;
    border: 1px black solid;
    border-radius: 4px;
    display: block;
    margin-top: 2px;
    height: 90%;
}

.w500 {
    width: 500px !important;
}

.formular p {
    padding: 5px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    
} 

.v60 {
    height: 60px !important;
    line-height: 60px !important;
}
.label-v60 {
    margin-top: -30px !important;
}
#legendaV span {
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
#legendaDM span{
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
#legendaM span{
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
#legendaS span{
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
#legendaFM span{
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
}
.stvorcek-legendy {
   width: 30px;
   height: 10px;
   border: white 1px solid;
   text-align: left;
   float: left;
   margin-right: 4px;
}

.s1{
    width: 95%;
}
.s1graf{
    width: 95%;
    height: 300px !important;
}
.s1graf-monitoring{
    width: 95%;
    height: 350px !important;
}
.s1n {
    font-size: 12px;
    color: #381f00;
    text-shadow: 0 1px 1px #aaa;
    text-transform:uppercase;
    width: 95%;
    line-height: 18px !important;
    height: 18px !important;
    border-top: solid 1px #FF9504;
    background-color: rgba(255, 221, 87, 0.46);
    font-weight: bold;
    margin-bottom: 5px;
 
}
.s1p {
    line-height: 10px !important;
    height: 10px !important;
    width: 95%;
}
.s1o{
    width: 95%;
    height: 120px !important;
    line-height: 120px !important;
}
.s2{
    width: 48%;
    float: left;
}
.s3{
    width: 30%;
    float: left;
}
.s4 {
    width: 22%;
    float: left;
}
.s4obr {
    width: 22%;
    float: left;
    line-height: 94px !important;
    height: 94px !important;
}
.s4b {
    width: 22%;
    font-weight: bold;
    float: left;
}

.prehlad{
    display: block;
    width: 96%;
    margin:2px auto 0;
    height: 190px;
   
}
.nahravanie {
    display: block;
    width: 96%;
    margin:2px auto 0;
    height: 44px;
    line-height: 44px;
}
.formular label {
    display: block;
    float: left;
    margin-top: -20px;
    height: 12px;
    color: #000000;
    font-size: 12px;
    width: 100%;
}
.formular input[type="text"],
.formular input[type="date"],
.formular input[type="datetime"],
.formular input[type="password"],
.formular textarea,
.formular select{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 98%;
    background: #FFF575;
    outline: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: #FF9534;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.formular input[type="checkbox"],
.formular input[type="radio"]{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #FFF575;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: #FF9534;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 25px;
    font-size: 12px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.formular input[type="text"]:focus,
.formular input[type="date"]:focus,
.formular input[type="datetime"]:focus,
.formular input[type="password"]:focus,
.formular textarea:focus{
  box-shadow: 0 0 4px rgba(255, 141, 37, 0.8);
  border: 1px solid rgba(255, 141, 37, 0.8);
}
.formular h1{
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:15px;
        width: 95%;
        font-size:12px;
	margin-top: -48px;
	padding:5px 10px;
	text-decoration:none;
	text-transform:uppercase;
        border: none;
}

.formular .p2, .detail .p2{
    display: block;
    border-bottom:1px solid #ccc;
    font-size:11px;
    font-weight:bold;
    letter-spacing:1px; 
    margin-bottom:12px;
    width: 50%;
    padding: 1.2em 0.3em 0.0em 0.0em;
    color: #cf7700;
    height: 20px;
    line-height: 20px;
    
}
.formular_tlacitka{
    position: relative;
    display: block;
    margin-top: -47px;
    margin-right: -10px;
    height: 32px;
    width: 100px;
    float: right;
}
.tlacitko-do{
    font-size: 16px;
    color: #FFF575 !important;
    font-weight: bold;
    float: left;
    letter-spacing:2px;
}
.tlacitko-do:hover{
    color: #000000 !important;
}

.formular #farba{
    width: 80px;
    height: 24px;
    float: left;
    margin-top: 8px;
    margin-left: 52px;
    border-radius: 5px;
    border: 1px #000000 solid;
}

.detail #farba{
    width: 80px;
    height: 20px;
    float: left;
    margin-top: 28px;
    border-radius: 5px;
    border: 1px #000000 solid;
}

 .obrazok{
    margin:2px auto 0;
    line-height: 120px;
    vertical-align: bottom;
    text-align: center;
}

.biela{
    background-color: white !important;
}
.modra{
    background-color: blue !important;
}
.zlta{
    background-color: yellow !important;
}
.zelena{
    background-color: green !important;
}
.cervena{
    background-color: red !important;
}
/*stary formular*/


#form-login {
    width: 400px !important;
    height: 205px;
    border: 1px solid #FF9534;
    border-radius: 10px;
    display: block;
    float: left;
    overflow: hidden;
    margin-top: 220px;
    margin-left: 280px;
}

#frm_register {
    width:800px;
}

#frm_auto {
    width: 640px;
}


nahraj {
    overflow: hidden;
    border: 1px solid #d19405;
    background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #381f00;
}

label.auto {
    cursor:pointer;
    display:block;  /* block;*/
    width: auto;
    margin-right: 10px;
    font-size:12px;
    font-weight:bold;
    line-height:28px;
    line-stacking: consider-shifts;
    
    
}
label.input_100{
    width: 120px;
}
label.input_50{
    width: 80px;
}
label.input_25{
    width: 60px;
}
label.input_150{
    width: 150px;
}
label.input_200{
    width: 190px;
}
label.input_225{
    width: 210px;
}
label.input_250{
    width: 230px;
}
label.input_300{
    width: 280px;
}
label.default{
    width: 130px;
}
#lbl_registracia {
    width: 170px;
}

#lbl_maly {
    width: 90px;    
}
#lbl_captcha {
    width: 160px;    
}
#captcha_input {
    padding-top: 0px;
    vertical-align: top;
}

input.maly {
    width: 40px;
}

input.vlozene_do {
    border:1px solid #a45b13;
    padding:4px;
}
input.velky {
    width: 450px;
}
input.w300 {
    width: 300px;
    
    
}


#btn_login {
        margin-left:0px;
        float: left;
        
}
#btn_login_registracia {
        float: right;
        
}
#btn_profil {
        margin-left:240px;
        
}
#btn_registracia {
        margin-left:330px;
        
}
#btn_close{
    position: relative;
    display: inline;
    height: 32px;
}

#frm_tlacitko{
    display: block;
    overflow: hidden;
    border: 2px solid #d19405;
    background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #381f00;
    cursor:pointer;
    font-size:12px;
    font-weight: bold;
    margin:20px auto 0;
    padding: 5px 10px;
    text-decoration:none;
    text-transform:uppercase;
    min-width: 100px;
    text-shadow: none;
}
#frm_tlacitko:hover{
    background: #ffdd57 url("images/ui-bg_gloss-wave_70_ffdd57_500x100.png") 50% 50% repeat-x;   
 }
 
#frm_tlacitko_pridaj {
        background:#FF9504;
	background:-moz-linear-gradient(90deg, #FFC304, #FFC300); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC304), to(#FFC300)); /* Webkit */
	border:1px solid #093c75;
        border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight: normal;
	width: 50px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
        margin-left: 250px;
        
}
#frm_tlacitko_zrus {
    background:#FF9504;
	background:-moz-linear-gradient(90deg, #FFC304, #FFC300); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC304), to(#FFC300)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight: normal;
	margin-left: 10px;
	width: 60px;
        text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
#tbl_tlacitko {
    background:#FF9504;
	background:-moz-linear-gradient(90deg, #FFC304, #FFC300); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC304), to(#FFC300)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#000000;
	cursor:pointer;
	font-size:10px;
	font-weight: normal;
	margin-left: 10px;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
    
}
#tbl_tlacitko:hover {
        background:#eee;
	background:-moz-linear-gradient(90deg, #FF9504, #FFC304);
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9504), to(#FFC304));
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FF9504", endColorStr="#FFC304");
	border-color:#093c75;
	text-decoration:none;
}

#options{
	margin-bottom:20px;
}
#options p{
	display:none;
}
#options .show{
	display:block;
}
#options:target .show{
	display:none;
}
#options .hide{
	display:none;
}
#options:target .hide{
	display:block;
}
#options:target p{
	display:block;
}
#finish{
	background:rgba(65, 166, 42, 0.2);
	border:2px solid #41a62a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	padding:5px 10px;
}
#finish:target{
	display:block;
}
#credits{
	font-size:11px;
	margin-top:20px;
	text-align:center;
}


/* pracovna plocha - sumarizacia zakaznikov*/
.sumarizacia_zakaznikov {
    background:#FFF575; /* #f7f7f7 */
    background:-moz-linear-gradient(90deg, #FFF575, #FFC304); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF575), to(#FFC304)); /* Webkit */
    border:1px solid #aaa;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 0 5px #aaa;
    -webkit-box-shadow:0 0 5px #aaa;
    margin:20px auto 0;
    padding:5px;
    width:200px;
    font-size: 10px;
    margin-left: 10px;
}
.sumarizacia_zakaznikov h2{
	
	font-size:11px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:2px;
	text-transform:none;
        font-style: italic;
        border-bottom:1px solid #ccc;
    color: #666666;
    width: 95%;
}

.sumarizacia_zakaznikov p{
	
	font-size:10px;
	font-weight:normal;
	margin-left: 5px;
	padding-bottom: 5px;
	text-transform:none;
        color: #000000;
}

.zasoby_tabulka {
    
    position: relative;
    display: block;
    margin:15px auto 0;
    width: 90%;
    padding-bottom: 25px;
    
}
.zasoby_tabulka th {
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom:1px solid #ccc;
    font-size: 12px;
    color: black;
    text-shadow:0 1px 1px #333;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    
    
}

.zasoby_tabulka td {
    font-size: 10px;
    color: black;
    border-bottom:  1px solid gray;
    
}



/* @chyba fromular*/
#chyba { 
        background:#FFF575; /* #f7f7f7 */
	background:-moz-linear-gradient(90deg, #FFF575, #FFC304); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF575), to(#FFC304)); /* Webkit */
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFC304", endColorStr="#FFF575");
        border:1px solid red;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px red;
	-webkit-box-shadow:0 0 15px red;
	margin:60px auto 0;
	padding:20px;
	width:640px;
        min-height: 200px;
        font-size: 12px;
        }
        
#chyba p {
        padding: 0.2em 0.3em 0.0em 0.0em;
        display: inline-block;
        vertical-align: middle;
        }       
        
#chyba p1 {
        margin-bottom:10px;
        margin-top: 10px;
        font-size: 13px;
        display: block;
        vertical-align: middle;
        padding: 0.2em 0.3em 0.0em 0.0em;
        text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
        }        
        
#chyba a {
        display: block;
        background:#FF9504;
	background:-moz-linear-gradient(90deg, #FFC304, #FFC300); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFC304), to(#FFC300)); /* Webkit */
	border:1px solid #093c75;
        border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#000000;
	cursor:pointer;
	font-size:12px;
	font-weight: normal;
	width: 100px;
        height: 24px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
        margin:20px auto 0;
        text-align: center;
        padding-top: 8px;
        }
#chyba a:hover{
        background:#eee;
	background:-moz-linear-gradient(90deg, #FF9504, #FFC304);
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9504), to(#FFC304));
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FF9504", endColorStr="#FFC304");
	border-color:#093c75;
	text-decoration:none;
        }        
/* @koniec chyba formulara*/

#fotka {
    
    overflow: hidden;
    border: 1px solid #d19405;
    background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #381f00;
    cursor:pointer;
    font-size:12px;
    font-weight: bold;
    height: 25px;
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 4px;
    text-decoration:none;
    text-transform:uppercase;
    min-width: 100px;
    text-shadow: none;
}

#fotka input.file {
    border: 1px solid #d19405;
}

.tlacitko {
    overflow: hidden;
    border: 2px solid #d19405;
    background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #381f00;
    cursor:pointer;
    font-size:12px;
    font-weight: normal;
    width: 100px;
    height: 24px;
    text-decoration:none;
    text-shadow:0 1px 1px #333;
    text-transform:uppercase;
    margin-left: 10px;
    text-align: center;
    padding-top: 2px;
}

.tlaciko button:hover {
        background: #ffdd57 url("images/ui-bg_gloss-wave_70_ffdd57_500x100.png") 50% 50% repeat-x;   
}  
#doplnkovy-zoznam{
    display: block;
    padding-top: 20px;
    overflow-x: hidden;
    float: left;
    width: 100%;
} 

#zoznam-serie-matiek{
    width: 60%;
    display: block;
    float: left;
}
#zoznam-kmene-matiek{
    width: 40%;
    display: block;
    float: right;
    
}

#cislo-vcelstva{
    width: 90%;
    margin:0px auto 0;
    font-weight: bold;
    font-size: 24px;
    text-transform:uppercase;
    text-align: center;
    padding:10px;
}
#informacia,#informacia-s,#informacia-k{
    margin:2px auto 0;
    text-align: center;
    font-weight: bold;
    height: 140px;
    width: 350px;
    line-height: 140px;
 }
 #informacia-am{
    margin:2px auto 0;
    text-align: center;
    font-weight: bold;
    width: 350px;
    margin-top: 50px;
 }
/*
CSS pre grafy
*/
#graf-predaja, #graf-nakupu {
    width: 100%;
    height: 300px;
}
#graf {
    width:98%; 
    height: 125px;
    margin:2px auto 0;
}
#stlpce-grafu {
    list-style:none;
    height: 100px;
    
}
#stlpce-grafu li {
    float: left; 
    position: relative;
    margin-right: 8px;
    text-align: center;
}
#stlpce-grafu li div.stlpec-grafu-vrch { 
    background-color:rgba(140,172,176,0.5); 
    position:relative;
    width:70px; 
    height:15px; 
    -moz-border-radius: 70px/15px; 
    -webkit-border-radius: 70px 15px; 
    border-radius: 70px/15px; 
} 
#stlpce-grafu li div.stlpec-grafu-vrch img {  
    margin-left:18px; 
    margin-top:-32px; 
    display:none; 
} 
#stlpce-grafu li div.stlpec-grafu-spodok { 
    -moz-box-shadow: 0 10px 10px hsla(0,0%,0%,.2); 
    -webkit-box-shadow: 0 10px 30px hsla(0,0%,0%,.2); 
    box-shadow: 0 10px 30px hsla(0,0%,0%,.2); 
} 
#stlpce-grafu li div.stlpec-grafu-spodok { 
    background-color:rgba(184,203,205,0.5); 
    margin-top:-15px; 
    position:relative;
    width:70px; 
    -moz-border-radius: 70px/15px; 
    -webkit-border-radius: 70px 15px; 
    border-radius: 70px/15px;
} 

#stlpce-grafu li div.stlpec-grafu-prazdne{
background-color: transparent;
width: 70px;
position: relative;
}

#stlpce-grafu li div.udaje { 
    padding-bottom: 10px; 
    -webkit-transition-property: color;
    -webkit-transition-duration: 500ms;
}  
.aktualny,#stlpce-grafu li:hover  div.udaje  { color:#000; text-shadow: 2px 10px 10px #111; } 
.aktualny,#stlpce-grafu li:hover  div.udaje p { opacity:1; } 

.stlpec-grafu div.stlpec-grafu-vrch {  } 
.stlpec-grafu div.stlpec-grafu-spodok { height:30px; } 
.aktualny div.stlpec-grafu-vrch,.stlpec-grafu:hover div.stlpec-grafu-vrch { z-index:90; background-color:#1f81ac;  } 
.aktualny div.stlpec-grafu-spodok,.stlpec-grafu:hover div.stlpec-grafu-spodok { z-index:8; background-color:#FFC304; 
	background:-moz-linear-gradient(-90deg, #FFC304, #F0B703); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#FFC304), to(#F0B703)); } 

.aktualny .graf-suma,#stlpce-grafu li .graf-suma {
    padding-top: 124px;
    color: #000;
}
#nadpis-grafu {
    margin-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 11px;
    color:#000; text-shadow: 0px 10px 10px #111;
    
} 
#pata-grafu {
    float: right;
    margin-right: 25px;
    padding-top: 35px;
    font-weight: bold;
    font-size: 10px;
    color:#000; text-shadow: 0px 10px 10px #111;
    
}

/*
Tabulky
*/

.ciara_akcie {
     padding-top: 20px;
     padding-bottom: 25px;
     border-top: 1px solid #ccc;
     font-size: 14px;
     color: black;
     text-shadow:0 1px 1px #333;
     text-transform:uppercase;
     text-align: center;
     width: 100%;
     margin:15px auto 0;
}

.detail_tabulka {
    
    position: relative;
    display: block;
    margin:15px auto 0;
    width: 90%;
    padding-bottom: 25px;
}
.detail_tabulka tr {

    height: 20px;
}    

.nazov {
     font-size: 11px;
     color: black;
     min-width: 100px;
     max-width: 500px;
     vertical-align: middle;
     padding-right: 10px;
         
}
.vysledna-cena {
    font-weight: bold;
}
.hodnota {
     font-size: 11px;
     color: black;
     min-width: 100px;
     max-width: 500px;
     margin-left: 5px;
     text-shadow:0 1px 1px #ddd;
     vertical-align: middle;
     
     
}
.nadpis_detail {
     padding-top: 2px;
     padding-bottom: 2px;
     border-bottom:1px solid #ccc;
     font-size: 14px;
     color: black;
     text-shadow:0 1px 1px #333;
     text-transform:uppercase;
     width: 400px;
 }
 
.nadpis_detail_maly {
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 14px;
     color: black;
     text-shadow:0 1px 1px #333;
     width: 400px;
}
.nadpis {
     padding-top: 10px;
     padding-bottom: 15px;
     border-bottom:1px solid #ccc;
     font-size: 14px;
     color: black;
     text-shadow:0 1px 1px #333;
     text-transform:uppercase;
     width: 400px;
     margin-left: 10px;
}

.nadpis_stranky {
     padding-top: 20px;
     padding-bottom: 25px;
     font-size: 16px;
     color: black;
     text-shadow:0 1px 1px #333;
     text-transform:uppercase;
     text-align: center;
}
 table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border:1px solid #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 5px #aaa;
	-webkit-box-shadow:0 0 5px #aaa;
	
 }
 table.dataTable thead {
        background:#FFF575;
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	
	cursor: pointer;
	border:1px solid #aaa;
	
} 
 table.dataTable thead th {
    font-weight: bold;
    min-width: 30px;
    font-size: 10px;
    vertical-align: middle;
    height: 20px;
    
    background-color: #FFC304;
}
table.dataTable td .stred {
    text-align: center;
}

table.dataTable td {
    padding-left: 4px;
    padding-right: 2px;
}

.tabulka {
    position: relative;
    display: block;
    margin:30px auto 0;
    width: 98%;
    padding-bottom: 10px;
    
    
}
 
.akcia {
    padding-left: 3px;
    cursor: pointer;
}

.dataTables_wrapper {
	position: relative;
	display: block;
	zoom: 1; /* Feeling sorry for IE */
        margin:30px auto 0;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 300px;
        display: block;
	
}

.dataTables_length label {
    width: 200px;
    margin-left: 1px;
}

.dataTables_filter {
    width: 210px;
    float: right;
    text-align: right;
    padding-right: 1px;
    padding-bottom: 2px;
}

.dataTables_filter label{
    width: 200px;
}

.dataTables_info {
	width: 200px;
	
}

.dataTables_paginate {
	width: 250px;
	text-align: right;
        float: right;
        cursor: pointer;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_button {
    padding-right: 3px;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_disabled_previous {
	background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('../images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
 
table.display {
        position: relative;
	margin:30px auto 0;
	clear: both;
	width: 96%;
	
	
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}





.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
       
        
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
        
        
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}
 
th:active {
	outline: none;
}

table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #FFF575;
}

tr.even {
	background-color: white;
}


.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	
	color: #333 !important;
} 

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}
.current {
    font-weight: bold;
}
.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}

tr.odd td.sorting_1 {
	background-color: #FFC304;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #FFF565;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}

tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}

table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/*
Menu vcelar
*/
.mbmenu{
  display:none;
}
.rootVoices{
  background-color:#FFC304;
  padding:5px;
  padding-bottom:0;
  
}
.rootVoices td.rootVoice {
  vertical-align:middle;
/*background-color:#fff;*/
  width:120px;
  text-shadow:#fff 1px 1px 1px;
  color: black;
  font-size:14px;
  line-height:18px;
  padding:8px;
  cursor: pointer;
}

.rootVoices td.rootVoice.selected{
	background: #FF9504 ;
	padding:8px;
	color:#ffffff;
	cursor: pointer;
	font-size:14px;
  text-shadow:#660033 1px 1px 1px;
  -moz-box-shadow:#999 2px 2px 10px;
  -webkit-box-shadow:#999 2px 2px 10px;

}
.rootVoices td.rootVoice.disabled.selected{
  -moz-box-shadow:#ddd 2px 2px 10px;
  -webkit-box-shadow:#ddd 2px 2px 10px;
  background:#f9f9f9!important;
  color:#aaa;
  text-shadow:#fff 1px 1px 1px;
}

#container{
    height: 80% ;
    width: 1024px;
    margin: 50px auto;
}

.rootVoices.vertical {
	width:140px;
}
.rootVoices.vertical td.rootVoice{
	-moz-border-radius:8px 0px 0 8px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:8px;
}

.menuShadow{
	padding:2px;
	padding-bottom:0px;
	left:-2px;
	top:1px;
}

.login_banner{
    background-color:#FFC304;
    color: black;
    text-align: left;
    vertical-align: middle;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding-left: 20px;
    text-shadow:0 1px 1px #333;
}

.login_banner p {
    color: black;
    text-align: left;
    margin:14px auto 0;
    
    font-weight: normal;
}
.menuContainer{
  /*overflow:hidden;*/
  position:absolute;
	background-color:#FFC304;
  border-top:5px solid #FF9504;
	padding:0;
  -moz-box-shadow:#999 2px 5px 10px;
  -webkit-box-shadow:#999 2px 5px 10px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-top-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}
.menuContainer.submenuContainer{
  border-top:none!important;
}

.menuContainer.disabled{
  -moz-box-shadow:#ddd 2px 5px 10px;
  -webkit-box-shadow:#ddd 2px 5px 10px;
  border-top:5px solid #f9f9f9;
  background-color: #f3f3f3;
}
.menuContainer .line{
	background-color:transparent;
	width:100%;
}
.menuContainer .line.title {
	background-color:#B23305;
	font-size:14px;
/*border-bottom:1px solid black;*/
}
.menuContainer.disabled .line.title {
  background-color: #f9f9f9;
}
.menuContainer .line.title a{
	font-size:14px;
  color:#FFF;
  text-shadow:#660033 1px 1px 1px;
}
.menuContainer.disabled .line.title a{
  font-size:14px;
  color:#aaa;
  text-shadow:#fff 1px 1px 1px;
}
.menuContainer td a{
	text-decoration:none;
	color: #000000;
  text-shadow:#fff 1px 1px 1px;
}
.menuContainer td.voice{
	font-size:12px;
	padding:7px;
}
.menuContainer .separator{
	background-color:#999;
	height:1px;
  padding:0;
  margin:0;
}
.menuContainer td.img{
	text-align:center;
	font-size:12px;
	color: #c3c3c3;
	background-color:transparent;
	width:24px;
	padding:5px;
}
.menuContainer td.img img{
	width:20px;
}
.menuContainer .textBox{
	padding: 10px;
	font-size:12px;
	color: #999;
}
.menuContainer .selected td{
	background-color:#FF9504;
        
	/*background-image:url("../images/bgnd_sel_2.jpg")*/
}
.menuContainer .selected td a{
    color:#ffffff;
        
      text-shadow:#660033 1px 1px 1px;
   
	/*color:#000;
  text-shadow:#fff 2px 2px 1px;*/
  display:block;  
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color:#bbb;
  text-shadow:#fff 1px 1px 4px;
}
.menuContainer .subMenuOpener{
	background-image:url("../images/menuArrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.menuContainer .selected .subMenuOpener{
	background-image:url("../images/menuArrow.gif");
	background-repeat:no-repeat;
	background-position:right;
}

.small_link{
  font-size:12px;
  color:#cc6600;
    
    font-style: italic;
    margin-right: 20px;
}

.login {
    
    position: relative;
    top: 40%;
    
}

#main_body {width:526px;margin-top:5%;text-align:left;height:295px;background:url(../images/login/vcelar_login_bg.png) no-repeat left;padding:20px 0px 0px 43px; 
    
    margin-left: 25%;
}

.form_title{width:156px;text-align:left;margin-left:0px;}

.form_box{padding-top:65px;color:#ffffff;font-size:12px;}

.form_text{color:#FFFFFF; font-size:12px;float:right;padding-top:0px;}

.form_input_BG{width:259px; background:url(../images/login/vcelar_login_in.png) center left no-repeat; margin-left:10px;border:0px;height:42px;float:left;
    
    
}

.form_input_BG input[type="text"]{margin:5px 0px 0px 5px;border:none;width:220px;background:none;}
.form_input_BG input[type="password"]{margin:5px 0px 0px 5px;border:none;width:220px;background:none;}
 
.form_check_box{margin-left:243px;margin-top:-7px;}

.form_login_signup_btn input{margin-left:25px;margin-top:3px;}


#register {
    width:526px;
    margin-top:5%;
    text-align:left;
    height:295px;
    padding:20px 0px 0px 43px; 
    margin-left: 30%;
}

#menu {
    background-color:#FFC304;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 980px;
}

/*
loading
*/
.nahravam {
  margin: 1px auto;
  width: 40px;
  height: 40px;
  position:relative;
  
}
.nahravam .kruh {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.nahravam .kruh:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ff9534;
  border-radius: 100%;
  -webkit-animation: nahravamBounceDelay 1.2s infinite ease-in-out both;
          animation: nahravamBounceDelay 1.2s infinite ease-in-out both;
}
.nahravam .nahravam2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.nahravam .nahravam3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.nahravam .nahravam4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.nahravam .nahravam5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.nahravam .nahravam6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.nahravam .nahravam7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.nahravam .nahravam8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.nahravam .nahravam9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.nahravam .nahravam10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.nahravam .nahravam11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.nahravam .nahravam12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.nahravam .nahravam2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.nahravam .nahravam3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.nahravam .nahravam4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.nahravam .nahravam5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.nahravam .nahravam6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.nahravam .nahravam7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.nahravam .nahravam8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.nahravam .nahravam9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.nahravam .nahravam10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.nahravam .nahravam11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.nahravam .nahravam12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes nahravamBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes nahravamBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes animaciaZoom {
            0% {
               opacity: 0;
               -webkit-transform: scale(.3);
            }
            
            100% {
                opacity: 1;
               -webkit-transform: scale(1);
            }
         }
@keyframes animaciaZoom {
            0% {
               opacity: 0;
               transform: scale(.3);
            }
            
            100% {
               opacity: 1;
               transform: scale(1);
            }
         }
         
.animaciaZoom {
            -webkit-animation-name: animaciaZoom; 
            animation-name: animaciaZoom;
         }         
.neklikat {
    pointer-events: none;
    -webkit-touch-callout: none;
}


.clanok {
    display: block;
    text-align:left;
    margin-left: 10px;
}

.nadpis_clanku {
    height: 18px;
    width: 60%;
    line-height: 18px;
    font-size: 18px;
     text-align: center;
    display: block;
    float: right;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: #FFC304 solid 2px;
    margin-right: 26px;
    margin-top: 22px;
    margin-bottom: -2px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    text-overflow: ellipsis;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; 
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; 
}
.obsah_clanku {
    width: 940px;
    height: 790px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: #FFC304 solid 2px;
    overflow: hidden;
    display: block;
    float: left;
}
.vnutro_clanku {
    width: 946px;
    height: 790px;
    margin: 0px auto 0;
    padding-left: 6px;
    padding-right: 6px;
    display: block;
    float: left;
    overflow: auto;
    padding-top: 6px;
}

.vnutro_clanku p {
    width: 920px;
    display: block;
    float: left;
    font-size:16px;
    font-family: Calibri; 
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: justify;
    padding: 4px;
}

.nahlad_clanku {
    width: 920px;
    height: 120px;
    margin: 0px auto 0;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 4px;
    display: block;
    float: left;
    border-radius: 10px;
    border: #FFC304 solid 2px;
    text-overflow: ellipsis;
    box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 4px 10px 1px rgba(0,0,0,0.4);
    
    -webkit-animation-duration: 1s;
            animation-duration: 1s; 
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; 
    
}
.nadpis_nahladu {
    height: 16px;
    width: 910px;
    line-height: 14px;
    font-size: 14px;
    display: block;
    float: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: #FFC304 solid 1px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    
}
.nadpis_v_clanku {
    height: 14px;
    width: 50%;
    line-height: 14px;
    font-size: 12px;
    display: block;
    float: left;
    margin-left: 2px;
    margin-top: 20px;
    border-bottom: #FFC304 solid 1px;
    font-weight: bold;
    text-overflow: ellipsis;
    box-shadow: 3px 4px 10px 1px #000000;
    -webkit-box-shadow: 3px 4px 10px 1px #000000;
}
.odsek {
    width: 920px;
    display: block;
    float: left;
    font-size:16px;
    font-family: Calibri; 
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: justify;
    padding: 4px;
    
}
.obsah_nahladu {
    height: 55px;
    min-width: 900px;
    display: block;
    float: left;
    font-size:14px;
    font-family: Calibri; 
    text-align: justify;
    padding: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.obrazok_v_clanku {
    border-bottom: #381f00 solid 1px;
    display: block;
    float: left;
    
}
.citaj_dalej{
    display: block;
    float: right;
    width: 100px;
    height: 14px;
    font-weight: bold;
    font-size: 10px;
    padding-right: 15px;
    cursor: pointer;
    text-align: right;
    vertical-align: bottom;
}
.citaj_dalej:hover {
    font-size: 12px;
}
.navigacia {
    width: 940px;
    text-align: right;
    display: block;
    float: left;
    margin: 5px auto 0;
    margin-left: 20px;
    vertical-align: bottom;
    text-overflow: ellipsis;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; 
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; 
}

.naspat_v_clanku{
    display: block;
    float: right;
    width: 30px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    padding-right: 14px;
    cursor: pointer;
}

table.tabulka_v_clanku {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  border: 2px solid #FFB94D;
  width: 50%;
  text-align: left;
  border-collapse: collapse;
  margin: 10px auto 0;
}
table.tabulka_v_clanku td, table.tabulka_v_clanku th {
  border: 1px solid #BABABA;
  padding: 5px 4px;
}
table.tabulka_v_clanku tbody td {
  font-size: 13px;
}
table.tabulka_v_clanku thead {
  background: #FFC304;
  background: -moz-linear-gradient(top, #ffd243 0%, #ffc91d 66%, #FFC304 100%);
  background: -webkit-linear-gradient(top, #ffd243 0%, #ffc91d 66%, #FFC304 100%);
  background: linear-gradient(to bottom, #ffd243 0%, #ffc91d 66%, #FFC304 100%);
  border-bottom: 3px solid #949494;
}
table.tabulka_v_clanku thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}
table.tabulka_v_clanku tfoot td {
  font-size: 14px;
}

.legenda {
    display: block;
    float: right;
}
#text-stavu {
    padding-right: 26px;
}

.choroba {
    display: block;
    float: left;
}
.choroba.obsah {
    width: 95%;
}
.choroba.popis {
    font-size: 12px;
    color: #381f00;
    width: 300px;
    align-content: flex-start;
    text-shadow: 0 1px 1px #aaa;
    text-transform: uppercase;
    line-height: 18px !important;
    height: 18px !important;
    border-top: solid 1px #FF9504;
    background-color: rgba(255, 221, 87, 0.46);
    font-weight: bold;
    padding-left: 2px;
    margin-top: 5px;
}
/* slider pre obrazky */

.obrazky{
	width: 720px; 
	position: relative;
        display: flex;
	padding-top: 440px; 
	margin: 50px auto;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
        
}

.obrazky>img{
	position: absolute;
	left: 0; top: 0;
	transition: all 0.5s;
}



.obrazky label {
	margin: 18px 0 0 14px;
	float: left;
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0.6;
        padding-bottom: 10px;
        text-align: center;
}

.obrazky label img{
	display: block;
}

.obrazky input[name*='prepinac'] {
	display: none;
}
.obrazky input[name*='prepinac']:checked+label {
	border-color: #666;
	opacity: 1;
}
.obrazky input[name*='prepinac'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}
.obrazky input[name*='prepinac']:checked+label+img {
	opacity: 1;
	transform: scale(1);
        font-weight: bold;
}

.obrazky_popis {
    display: flex;
    position: relative;
    float: left;
    width:150px;
}

.grafy {
    display: block;
    width: 96%;
    margin: 2px auto 0;
    
}