/* Toto CSS je kompletne nove, len na jeho koniec je pricapenych zopar veci
z povodneho, co a) este nie su implementovane do noveho designu
(napr. @media print) alebo b) ktore mozno nakoniec ani nebude treba (.cleaner). */

body {
   background: #356;
   color: #000;
   margin: 0px;
   font: 90% sans-serif;
   
}

a:link,
a:visited {
   color: #267;
}

a:hover {
   text-decoration: none;
}

a img {
   border: 0px;
}

/* CONSTANTS */

.blue {
   color: #267;
}

.green {
   color: #8a2;
}

.orange {
   color: #b92;
}

/* MAIN LAYOUT */

div#ksp_master {
   margin: 23px auto;
   width: 960px;
   height:100%;
   display:table;
}

div#ksp_master_row {
   display:table-row;
   height:100%;   
}


div#ksp_leftMenu{
   float: left;
   width: 160px;
   background: #8799a3 url("../images/bgAlphaWhite.png");
   padding-top: 27px;
   position: relative;  
   left:800px;
}

div#ksp_leftGradient {   
   width: 160px;   
   height:32px;      
   background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(135,153,163,0)), to(rgba(135,153,163,1)));
   background-image:-webkit-linear-gradient(top, rgba(135,153,163,0), rgba(135,153,163,1));
   background-image:-moz-linear-gradient(top, rgba(135,153,163,0), rgba(135,153,163,1));
   background-image:-o-linear-gradient(top, rgba(135,153,163,0), rgba(135,153,163,1));
   background-image:-ms-linear-gradient(top, rgba(135,153,163,0), rgba(135,153,163,1));
   background-image:linear-gradient(top, rgba(135,153,163,0), rgba(135,153,163,1));
}

div#ksp_main {
   height: 100%;
   display: block;
}

div#ksp_content {
   float: left;
   width: 600px;
   background: #fff url("../images/bgHeader.png") no-repeat;
   font-size: .9em;
   position: relative;
   padding: 0px 20px 20px 20px;
   height: 100%;
   position: relative;  
   left:800px;
}

div#ksp_rightColumn {
   float: right;
   width: 160px;
   position: relative;  
   left:800px;
}

div#ksp_footer {
   clear: both;
   width: 600px;
   margin: auto;
}

/* Round Corners */
div.corner {
   position: absolute;
   height: 10px;
   width: 10px;
   background-repeat: no-repeat;
   background-image: url("../images/corners.gif");
   z-index:100;
}

div.topLeft {
   top: 0px;
   left: 0px;
   background-position: left top;
}

div.topRight {
   top: 0px;
   right: 0px;
   background-position: right top;
}

div.bottomLeft {
   bottom: 0px;
   left: 0px;
   background-position: left bottom;
}

div.bottomRight {
   bottom: 0px;
   right: 0px;
   background-position: right bottom;
}

/* outer divs */

#ksp_rightMenu_outer { 
   
   background: #ddd4ab;   
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}

div#ksp_main_outer {   
    background: #fff;       
    position:relative;
    right:160px;
    float:left;
    width:100%;
}

div#ksp_leftMenu_outer {   
   background: #8799a3;   
   position: relative;     
   right:640px;   
   float:left;
   width:100%;
}

/* SECTIONS */
/* Left Menu */

#ksp_leftMenu ul {
   list-style: none;
   text-align: right;
   margin: 0px;
   padding: 0px;
}

#ksp_leftMenu > ul > li > ul {
   border-bottom: 1px dashed #366167;
   margin: 10px 0px 10px 0px;
   padding-bottom: 15px;
}

#ksp_leftMenu > ul > li > ul.no_border {
   border-bottom: 0;
}

#ksp_leftMenu > ul > li {
   font-variant: small-caps;
   font-weight: bold;
   padding: 0 20px 0 15px;
   font-size: 1.2em;
   color: #366167;
}

#ksp_leftMenu > ul > li > ul > li a:link,
#ksp_leftMenu > ul > li > ul > li a:visited {
   font-weight: normal;
   font-variant: normal;
   padding: 1px 15px 1px 0px;
   font-size: 0.74em;
   display: block;
   width: 130px;
   color: #fff;
   text-decoration: none;
   margin-bottom: 4px;
}

#ksp_leftMenu > ul > li > ul > li a:hover {
   color: #000;
   width: 145px;
   position: relative;
   left: -20px;
   padding: 1px 20px 1px 0px;
   background: #abc no-repeat 100% 50%;
}

/* Right Menu */

#ksp_rightMenu {      
   position:relative;
   background: #ddd4ab url("../images/bgAlphaBlack.png");
}

div#ksp_rightGradient {   
   width: 160px;
   background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(221,212,171,0)), to(rgba(221,212,171,1)));
   background-image:-webkit-linear-gradient(top, rgba(221,212,171,0), rgba(221,212,171,1));
   background-image:-moz-linear-gradient(top, rgba(221,212,171,0), rgba(221,212,171,1));
   background-image:-o-linear-gradient(top, rgba(221,212,171,0), rgba(221,212,171,1));
   background-image:-ms-linear-gradient(top, rgba(221,212,171,0), rgba(221,212,171,1));
   background-image:linear-gradient(top, rgba(221,212,171,0), rgba(221,212,171,1));
   height:32px;      
}

/* Header */
#ksp_header {
   height: 74px;
   width: 100%;
   clear: both;
}

#ksp_header img {
   float: left;
   margin: 17px 23px 0px 50px;
}

#ksp_header h1 {
   font-family: "Lucida Console", Consolas, "Andale Mono", monospace;
   font-weight: normal;
   float: left;
   width: 340px;
   font-size: 1.9em;
   margin: 23px 0px 0px 10px;
}

/* Login & Search */
#ksp_login,
#ksp_search {
   padding: 13px;
   margin: 0px;
   position: relative;
}

#ksp_login {
   background: #cd5 url("../images/bgAlphaBlack.png") 100% 20%;   
}

#ksp_search {
   background: #8cc url("../images/bgAlphaBlack.png") 100% 80%;   
}

#ksp_search_outer 
{
    padding:17px 0;
    background: #356;        
}

#ksp_login > p,
#ksp_search > p {
   font-variant: small-caps;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 10px;
}

#ksp_login input[type="text"],
#ksp_search input[type="text"] {
   width: 120px;
   border: 1px dashed #ccc;
}

#ksp_login input[type="submit"],
#ksp_search input[type="submit"] {
   margin-top: 5px;
   border: 3px double #ccc;
   font-family: monospace;
}



#ksp_login a,
#ksp_search a {
  display: block;
  clear: both;
  margin-top: 15px;
  text-align: center;
  color: #fff;
  font-size: 0.7em;
  text-decoration: none;
  font-weight: bold;
}

#ksp_login a:before,
#ksp_search a:before {
   content: "» ";
}

#ksp_login a:hover,
#ksp_search a:hover {
   color: #000;
}

#ksp_login strong,
#ksp_search strong {
   display: block;
   margin: 10px 0px;
   color: #fff;
}

#ksp_login_btn a
{
   text-align: left;
   color:#267;
   font-size:1em;
}

#ksp_login_btn a:hover
{   
   color: #fff; 
}

#ksp_buttons
{  
    height:200px;
}

div.sbutton
{  
    float:left;
    margin:5px;
}

/* Notices */
#ksp_notices {
   margin: 55px 47px 30px 47px;
   clear: both;
}

#ksp_messages,
#ksp_warnings,
#ksp_errors {
   width: 470px;
   padding: 10px;
   font-size: 0.9em;
   font-family: "Lucida Console", Consolas, "Andale Mono", monospace;
   border: 3px double #fff;
   color: #fff;
   margin: 3px
}

#ksp_messages {
   background-color: #7dd;
}

#ksp_warnings {
   background-color: #dc7;
}

#ksp_errors {
   background-color: #e77;
}

/* Footer */
#ksp_footer {
   text-align: center;
   padding-top: 15px;
   color: #fff;
   clear: both;
   width: 100%;
}

#ksp_footer > p {
   font-size: .74em;
   margin: 5px;
}

#ksp_footer a {
   color: #bbb;
}

.cleaner{
   clear: both
}
a.close
{
  display:block;
  width:32px;
  height:32px;
  background-image:url("../images/close_bw.png");
  position:relative;
  right:12px;
  bottom:12px;
  float:left;
}
a.close:hover
{  
  background-image:url("../images/close.png");  
}

/* Z povodneho CSS:


#ksp_toolbox{
	float: right;
	display: block;
	margin: 5px;
	height: 70px;
	max-width: 290px;
}

* html #ksp_toolbox {
	width: 280px;
}

#ksp_toolbox form {
	margin: 0;
}

#ksp_stlpec {
	z-index: 2;
	position: relative;
	float: right;
	margin-left: -170px;
	width: 100%;
}

@media print {
#ksp_header {
	display: none;
}

#ksp_menu {
	display: none;
}
#ksp_obsah, #ksp_notices{
	margin-left: 0;
}
}
*/