body {
  background: #ededed;
  color: #5a5a5a;
  font-size:13px;
  height: auto;
  padding-bottom: 20px;
}
#header {
  background:#162d68;
  height:60px;
  line-height:60px;        
}
#logo img{
  margin-top: -8px;
     
}
#header menu {
  margin:0;
  padding:0;
  float:right;           
}
#header menu li {
  display:inline;   
  margin:0;padding:0;             
}
#header menu a {
  float:left;
  text-decoration:none;
  text-shadow: 0 1px 1px #0a173a;
  color:#9cbabd; 
  line-height:60px;
  font-size:14px;
  text-transform:uppercase;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  padding: 0 1em; 
  font-family: 'Source Sans Pro', sans-serif;
}
#header menu a#logout {
  background:#f33a5d; 
  text-shadow: none;
  color:#801328;        
}
#header menu a#logout:hover {
  background:#fff;           
}
#header menu a:hover{
  color:#fff;
  background:#112559;
  text-decoration:none;                   
}
#header menu a:active {
  color:#6e9da2;                     
}
#infoline {
  border-bottom:1px solid #e4e3e3;
  line-height: 50px;   
  color:#7a7b7c;       
}
.vitaj span{
  padding-left:1em;           
}
a {
  color: #162d68;
}
a:hover {
  text-decoration: none;
}
#footer {
  border-top:1px solid #dddddd;
  padding: 0.4em 0;
  position:absolute;
  bottom:0;
  width:100%;
  clear: both; 
  margin-top:8em;       
}
h1 {
  margin:40px 0 10px 0;
  color:#363636;
  font-size:30px;
  text-transform:uppercase;
  font-family: 'Source Sans Pro', sans-serif;
}
h2 {
  font-family: 'Source Sans Pro', sans-serif;
  margin:10px 0 10px 0;
  color:#363636;
  font-size:18px;
  text-transform:uppercase;
}
.tlacitko {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  display:block;
  margin-bottom:2em;
  width:80px;
  max-width:400px;
  font-size: 15px;  
  text-decoration:none;
  background:#cacfdd url('../../images/button.png') repeat-x;
  position:relative;
  padding: 10px 1em 10px 2.5em;  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #324982; 
  border:1px solid #8298ce; 
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
}
.buttonuzivatel {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  display:block;
  margin-bottom:2em;
  width:100px;
  max-width:400px;
  font-size: 15px;  
  text-decoration:none;
  background:#cacfdd url('../../images/button.png') repeat-x;
  position:relative;
  padding: 10px 1em 10px 2.5em;  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #324982; 
  border:1px solid #8298ce; 
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
}
.buttonheslo {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  display:block;
  margin-bottom:2em;
  width:150px;
  max-width:400px;
  font-size: 15px;  
  text-decoration:none;
  background:#cacfdd url('../../images/button.png') repeat-x;
  position:relative;
  padding: 10px 1em 10px 2.5em;  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #324982; 
  border:1px solid #8298ce; 
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
}
.tlacitko:hover {
  color:#162d68;
  border:1px solid #6176ab;
  background: #dbdfea;         
}
.button:active {
  padding-bottom:-2px;               
}
.novy {
  position:absolute;
  height:16px;
  top:12px;
  left:10px;
  width:16px;
  background: url(../../images/new-icon.png) no-repeat;      
}
.delete {
  background: url(../../images/delete.png) no-repeat;
  text-indent: -999em;      
  display:block;
  height:16px; 
  width:16px; 
}
.change {
  background: url(../../images/change.png) no-repeat;
  height:16px;
  padding-left:2em;          
}
.change:hover {
  color:#f33a5d;
  background-position: left -16px;              
}
.delete:hover{
  background-position: left -16px;             
}
.delete:active{
  background-position: left -32px;              
}
.languages {
  float:right;           
}
table {
  border-collapse: collapse;
  width: 100%; 
  border: 1px solid #c1bcbc;
  
   
}
table th {
  padding: 0.8em; 
  text-transform: uppercase;  
  
  background:#363636;     
  color:white;
  font-weight:bold;  
}
table th.formlabel{
    text-align: right; 
    width:200px;
}
table th.formlabel1{
    text-align: right;
    width:300px;
}
table th.formlabel2{
    text-align: right;
    width:300px;
}
table td {
  border-bottom: 1px solid #c1bcbc;
 
  padding: 0.8em;      
}
table tr:nth-child(even) {
background: #f3f3f3
}
table tr:nth-child(odd) {
background: #eeeaea
}
table tr:hover td {
  background:#fff;  
  color:#363636                
}
table td.leftborder {
  border-left: 0px solid #c1bcbc;                    
}

#filter {
  border-left:1px solid #c1bcbc;
  border-top:0px solid #c1bcbc;
  border-right:1px solid #c1bcbc;   
  background:#3f3f3f; 
  width: 500px;     
    
  padding:0em;
  margin-bottom: -20px;
}
form {
  border:1px solid #c1bcbc;
  border-bottom: 0px;
  border-right:0px;
  border-left:0px;
  
  padding:0; 
  margin: auto auto;
}
form div {
  border-bottom:1px solid #c1bcbc;
  padding: 0.8em;
}
form div.submit-line {
  padding:0px;                     
}
form div label {
  width: 100px;
  font-weight:bold;
  display:block;
  float:left;               
}
form label{
    color:white;

}

.zabudnuteheslo{
  background:navy; 
  color:#fff;
  font-weight:bold;    
  margin:1px;     
  border: none;
    cursor: pointer;
    padding: 0.833em; /* 10/12 */
    font-weight: bold;
    text-decoration: none; 
}

.zabudnuteheslo:hover{
   background:#233f88;
  color:white; 
}


form input[type='submit']{
  background:red;
  border:0;
  padding:0.5em;
  background:#162d68; 
  color:#fff;
  font-weight:bold;    
  margin:1px;                     
}
form input[type='submit']:hover {
  background:#233f88;
  color:white;  
}
form h2 {
  margin-left: 2em;        
}
form input[type='submit']:active {
  margin-top:2px;                                
}
form input[type='text']{
  border:1px solid #162d68;
  width:250px;                       
}

form input[type='password']{
  border:1px solid #162d68;
  width:250px;                       
}
form input[type='checkbox']{
  border:1px solid #162d68;
                       
}

span.form-error-message{
    color:red;
    background:url('../../images/error-icon.gif') no-repeat;
    background-position: left;
    padding-left: 20px;
    font-weight: bold;
}
div.flash {
    color: red;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
    font-weight: bolder;
}






 
.strankovanie a {
  padding: 0.6em;
  background: #363636;
  color: #bbb; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px; 
  text-decoration:none;              
}
.strankovanie a:hover {
  color: white;                
}
.strankovanie a.active {
  background:#162d68;   
  color:white;
  font-weight:bold;                    
}

.strankovanie span.current{
    padding: 0.6em;
  color: white; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px; 
  text-decoration:none;
   background:#162d68;   
 
  font-weight:bold;  
}


.strankovanie span.button{
  padding: 0.6em;
  background: #363636;
  color: #bbb; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px; 
  text-decoration:none;  
}

.strankovanie span.button:hover{
  color:white;
   
  
}


.strankovanie a.active:hover {
  color:white;                             
}

div#content {
    background: #ededed;
    color: #5a5a5a;;
    border: 1px solid #eeefef;
    padding: 1.875em 0; /* 30/16 */
}


form.loginForm{
    border-top:0px;
}

form#frm-signInForm {
    width: 35em; /* 300/16 */
    margin: 0 auto;
}


form input[type='submit']{
  background:#162d68; 
  color:#fff;
  font-weight:bold;    
  margin:1px;     
  border: none;
    cursor: pointer;
    padding: 0.833em; /* 10/12 */
    font-weight: bold;
                    
}
form input[type='submit']:hover {
  background:#233f88;  
}  
form input[type='submit']:active {
  background:#6e6e6e;                                
}
form input[type="text"]{
border:1px solid #162d68;
width:250px; 
}
form input[type="text"].login, input[type="password"].login, textarea.login {
    border: 1px solid #d9dbdd;
    padding: 1em 0.625em; /* 16/16 10/16 */
    outline: none;
}
form input[type="text"]:hover, input[type="password"]:hover, textarea:hover,
form input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border: 1px solid #bbbdbe;
    }
    
form label.login {
    display: block;
  float:left; 
    text-transform: uppercase;
    color: #2a2e36;
  line-height:3em;
  width:300px;
    margin: 0;
}

.error{
    color:red;
    font-weight: bold;
    
}