body {
	font-family: Verdana, sans-serif;
	color: #343434;
	background-color: #e0e0e0;
	margin: 0px;padding: 0px;
	font-size: 11px;
}

.center {
	text-align: center;
}

.red {
	color: red;
}

.header {
	height: 50px;
		border-bottom: 1px solid #bbb;
	background-color: #eee;
}


h1 {
	margin: 0px;
	padding: 10px;
	font-size: 22px;
}

.menubar {
		float: left;

}

.menu {
	border: 1px solid #bbb;
	background-color: #eee;
	width: 150px;
	margin: 0px 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;

	
}

.main {
	margin: 0px auto 0px auto;
	width: 1000px;
	padding-top: 0px;
	padding-bottom: 10px;
}

a {
	color: red;
}

.menu a {
	padding: 8px;
	border-top: 1px solid #bbb;
	display: block;
	
}

.top {
	border: 1px solid #000;
	background-color: #555;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	margin-right: 10px;
}

a.first {
	border: 0px;
}

a.submenu {
		border: none;

		padding: 3px;
		font-size: 10px;
		margin-left: 1px;
}

.new {
	border: 1px solid #bbb;
	background-color: #eee;
	width: 750px;
	padding: 10px;
	margin: 10px auto 10px auto;
}

.edit {
	border: 1px solid #bbb;
	background-color: #eee;
	width: 500px;
	padding: 10px;
	margin: 10px auto 10px auto;
	float: left;
}

.seznam {
	border: 1px solid #bbb;
	background-color: #eee;
	padding: 10px;
	margin: 10px 10px 10px 10px;
}

.komentare {
	border: 1px solid #bbb;
	background-color: #eee;
	width: 450px;
	padding: 10px;
	margin: 10px auto 10px auto;
	float: right;
}

.komentar {
	border-bottom: 1px solid #bbb;
}

.komtitle {
	 font-weight: bold;
	 background-color: #f8f8f8;
	 padding: 5px;
}

.kompozn {

}

.kompozn img{
max-width:100px;
}

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

h2 {
	margin: 0px;
	padding-bottom: 5px;
	font-size: 13px;
}

hr {
	background-color: #2e3235;
	border: 1px solid #2e3235;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.text {
	padding: 5px;
	border-bottom: 1px solid #bbb;
}

.second {
	background-color: #8bff9d;
}

.first {
	background-color: #8be4ff;
}

.stav2{
	background-color: #92b4ff;
}

.stav7{
	background-color: #ff9292;
}

.stav13{
	background-color: #92ff9a;
}

.stav4{
	background-color: #4eff5c;
}

.stav15{
	background-color: #fff292;
}

.user {
float: right;
padding: 5px 20px 5px 20px;
}

.avatar {
	float: left;
}

.userinfo {
margin-left: 50px;	
padding-top: 3px;
}

input, textarea, select {
	border: 1px solid #bbb;
	background-color: #fff;
	font-size: 11px;
	color: #343434;
}

input[type="button"],input[type="submit"] {
	border: 1px solid #000;
	background-color: #555;
	font-size: 11px;
	color: #ddd;
	cursor: pointer;
}

input.file {
		border: 1px solid #000;
	background-color: #2e3235;
	font-size: 11px;
	color: #ddd;
	cursor: pointer;
}

input.checkbox { 
	border: 1px solid #bbb;
	background-color: #fff;
}

.servis, .dil {
	display: none;
}

#opravenka{
    display: none;
}

.comment_img{
	width:190px;
}

#opravenka{
    display: show;
}

.opravenka_info_table td{
    white-space: nowrap;}


	 /* Style the button that is used to open and close the collapsible content */
.collapsible {
	background-color: #eeeeeea6;
	color: #444;
	cursor: pointer;
	padding: 6px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .collapsible:hover {
	background-color: #ccc;
  }
  
  /* Style the collapsible content. Note: hidden by default */
  .content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
  }