/* Jquery - zalozky */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}



/* Skin zalozek */	
#zalozky  {
  margin-top: 10px;
  }

.tabs-container {
  padding: 0;
	}
	
#zalozky ul {
  float: left;
  width: 550px;
  border-bottom: 2px solid #cc0000;
  z-index: 0;
  position: relative;
  }
	
#zalozky ul li {
  float: left;
  list-style: none;
  background-image: none;
  margin: 0 -1px -1px 0;
  padding: 0;
  z-index: 100;
  position: relative;
  }
  
  
.tabs-nav a, .tabs-nav a:link, .tabs-nav a:visited {
	float: left;
  color: #000;
  font-size: 0.89em;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 8px 3px 8px;
	border: 1px solid #999;
	border-bottom: 1px solid #cc0000;
	background-color: #eee;
  }
  
.tabs-nav a:hover {
	float: left;
	display: block;
  text-decoration: none;
  
  }
  
.tabs-selected a,.tabs-selected a:link, .tabs-selected a:visited, .tabs-selected a:hover {
  color: #fff; 
  padding: 3px 8px 3px 8px;
	border: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  background-color: #cc0000;
	}
	
	
.tabs-nav a span {
	float: left;
	display: block;
	}	

.tabs-selected a span {
	float: left;
	display: block;
	}	
	
	
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text;
	}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  cursor: pointer;
	}
	.cisto {clear:both}
 
 .kontajner {border-bottom: 1px solid #cc0000; text-align:justify; padding: 11px 14px 11px 14px; width: 580px}  
 .cilovyDiv {padding: 10px; color:red}