/* global */

body {background:#fbfbfb;margin:0px;padding:0px;font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif}
a {color:#668bd7;text-decoration:none}
a:hover {color:#668bd7;text-decoration:underline}
a:visited {color:#668bd7;text-decoration:none}
img {border:0px}

.body-up {width:100%;height:60px;background:#445060;box-shadow: 0px 3px 3px silver;color:white}
.body-up a {color:#668bd7;text-decoration:none}
.body-up a:hover {color:#668bd7;text-decoration:underline}
.body-up a:visited {color:#668bd7;text-decoration:none}
.body-up ul li {display: inline;list-style:none}
.body-up li {padding: 0px 10px}
.body-up table {width:100%;height:60px;border-spacing:0px;border:0px}
.body-up th {width:50%;border-spacing:0px;border:0px;text-align:left;text-indent:20px}
.body-up td {width:50%;border-spacing:0px;border:0px;text-align:right;font-size:14px;font-weight:bold}

.deffault-page {
    width:100%;border-spacing:0px
}
.deffault-page th {
    border-top:1px white solid;border-bottom:1px silver solid;background:#e6e9ee;width:250px;height:36px;text-align:right;padding-right:20px;font-weight:bold;font-size:14px;color:#7a7a82
}
.deffault-page td {
    border-top:1px white solid;border-bottom:1px silver solid;background:white;text-align:left;padding-left:20px;font-weight:bold;font-size:14px;color:black
}
.table-global {
    width:100%;border-spacing:1px;table-layout:fixed;font-size:14px;color:black;margin-bottom:40px
}
.table-global tr:hover {
    background-color:#f6f4d0
}
.table-global th {
    height:36px;background:silver;text-align:left;color:white;font-weight:bold;text-indent:10px;text-shadow: 1px 1px grey
}
.table-global td {
    height:36px;background:white;border-bottom:1px #e8e8e8 solid;color:black;text-overflow:ellipsis;overflow:hidden;white-space:nowrap
}
























/* levá strana - menu */

.body-left {font-size:110%;position:fixed;top:65px;left:0px;bottom:0px;width:200px;border-right:1px #e8e8e8 solid;}
.table_active {width:80%;border-spacing:0px;background:#445060;float:right;height:28px;}
.table_active a {text-decoration:none;font-weight:bold;color:white;display:block;padding: 5px 4px;}
.table_active a:hover {text-decoration:none;font-weight:bold;color:white;display:block;padding: 5px 4px;}
.Xtable_active a:visited {text-decoration:none;font-weight:bold;color:white;}
.table_inactive {width:80%;border-spacing:0px;float:right;height:28px;}
.table_inactive:hover {background:black;cursor:pointer;height:28px;}
.table_inactive a {text-decoration:none;font-weight:bold;color:black;display:block;padding: 5px 4px;}
.table_inactive a:hover {text-decoration:none;font-weight:bold;color:white;display:block;padding: 5px 4px;}
.Xtable_inactive a:visited {text-decoration:none;font-weight:bold;color:black;}

/* pravá strana - obsah */

.body-right-title {font-weight:bold;color:#668bd7;font-size:122%;position:fixed;top:61px;left:201px;height:49px;line-height:49px;right:0px;background:none;border-bottom:1px #e8e8e8 solid;text-indent:15px;}
.body-right-title img {margin-right: 4px;margin-left: 6px;position:relative;top:3px;}


.body-right {position:fixed;top:121px;left:201px;bottom:0px;right:0px;background:none;overflow:auto;}
.body-right-in {width:96%;margin:auto;margin-top:20px;}
.body-right-bottom {position:fixed;left:201px;height:49px;line-height:49px;right:0px;bottom:0px;}
.body-right-bottom-in {width:96%;margin:auto;background:white;}
.body-right-bottom a {border-radius:2px;padding:4px 12px;margin-right:15px;font-weight:bold;color:white;background:none;background-color:#7696bb;border:1px #3f76b7 solid;} 
.body-right-bottom a:hover {text-decoration:none;color:white;border-radius: 2px;cursor:pointer;background:none;background-color:#3d72b1;border:1px #325e92 solid;color:white;}   

.td-left {text-align:left;text-indent:10px;}
.td-center {text-align:center;}
.td-right {text-align:right;padding-right:10px;}
.table-cust-info-title {background:#f8f8f8;width:100%;height:18px;border-spacing:0px;text-indent:8px;font-size:105%;font-weight:bold;}
.table-cust-info {background:#f8f8f8;width:100%;height:33px;border-spacing:0px;border-top:3px #e0e0e0 solid;border-bottom:2px #e0e0e0 solid;}
.table-cust-info th {background:#f1f1f1;border-bottom:1px #e0e0e0 solid;border-top:1px white solid;height:23px;width:200px;text-align:left;text-indent:20px;color:maroon;font-weight:bold;}
.table-cust-info td {background:white;border-bottom:1px #e0e0e0 solid;border-top:1px white solid;text-align:left;text-indent:20px;color:balck;}

.text-green {color:green;}
.text-red {color:red;}

/* END */









/* login */

.login-top-line {
  position: fixed;
  top: 30px;
  left: 20px;
  right: 20px;
  height: 44px;
  line-height: 44px;
  text-indent: 20px;
  background: orange;
  margin-top: 20px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  color: white;
}

.login-bottom-line {
  position: fixed;
  bottom: 30px;
  left: 20px;
  right: 20px;
  height: 44px;
  line-height: 44px;
  text-indent: 20px;
  background: silver;
  margin-top: 20px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  color: white;
}

.login-form {
  width: 400px; 
  margin: auto; 
  margin-top: 200px; 
  border: 4px grey solid;  
}

.login-form h2 {
  margin: 0px; 
  padding: 0px;   
}

.login-form h3 {
  margin: 0px; 
  padding: 0px;   
}

.login-form table {
  width: 100%; 
  border-spacing: 0px; 
}

.login-form th {
  width: 150px; 
  height: 33px; 
  text-align: left; 
  text-indent: 15px;
}

.login-form td {
  width: 250px;
}
.login-form button:hover {
  cursor: pointer;
}

/* customer */




h3 {padding:0px;margin:0px;}





.obsah {width:98%;margin:auto;border-left:1px black solid;border-right:1px black solid;border-bottom:1px black solid;}
.obsah-in {width:98%;margin:auto;}

.table_inactive span {
  padding-left: 18px; padding-right: 18px;  
}














.msgBlue { 
  position:fixed;bottom:30px;height:80px;right:0px;width:280px;background-color:#3665b3;box-shadow: 13px 3px 3px #888;z-index:999
}
.msgBlue table {
  width:95%;margin:auto
}
.msgBlue th {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:18px;color:white;border-bottom:2px white solid
}
.msgBlue td {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:12px;color:white
}

.msgRed {
  position:fixed;bottom:30px;height:80px;right:0px;width:280px;background-color:#c75050;box-shadow:13px 3px 3px #888;z-index:999
}
.msgRed table {
  width:95%;margin:auto
}
.msgRed th {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:18px;color:white;border-bottom:2px white solid
}
.msgRed td {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:12px;color:white
}

.msgGreen{
  position:fixed;bottom:30px;height:80px;right:0px;width:280px;background-color:#008f00;box-shadow:13px 3px 3px #888;z-index:999
}
.msgGreen table{
  width:95%;margin:auto
}
.msgGreen th {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:18px;color:white;border-bottom:2px white solid
}
.msgGreen td {
  font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;font-size:12px;color:white
}

.q1-table { 
  width:100%;height:40px;margin-top:10px;margin-bottom:10px;background-color:#e6efc2;border-top:1px #c6d880 solid;border-bottom:1px #c6d880 solid;color:#357432;font-weight:bold;font-size:13px;border-spacing:0px
} 
.q1-td-1 {
  text-indent:11px;width:40px;background:#c6d880
}
.q1-td-2 {
  text-indent:15px
}
.q1-img {
  position:relative;top:2px
}

.q2-table { 
  width:100%;height:40px;margin-top:10px;margin-bottom:10px;background-color:#ffd1d1;border-top:1px #f8acac solid;border-bottom:1px #f8acac solid;color:#f83d3d;font-weight:bold;font-size:13px;border-spacing:0px
}
.q2-table span { 
  float:right;padding-right:20px;color:black;font-weight:bold
} 
.q2-table a { 
  color:red;text-decoration:underline;cursor:pointer
} 
.q2-td-1 {
  text-align:center;width:40px;background:#f8acac;font-weight:bold
}
.q2-td-2 {
  text-indent:15px
}
.q2-td-3 {
  width:30px;background:green
}

.message_blue {

    width:100%;
    height:40px;
    line-height:40px;
    margin-top:10px;
    background-color:#e3eaf4;
    border-top:1px #adbdd7 solid;
    border-bottom:1px #adbdd7 solid;
    color:#003a88;
    font-weight:bold;
    font-size:13px;
    border-spacing:0px
    
}

.message_blue img {

    position:relative;
    top:3px;
    margin-left:8px;
    margin-right:8px
    
}