body{
	margin:0;
	padding:0;
	color: #00438C;
	font: 75% Verdana, Arial, Helvetica, sans-serif; /*75*/
	background: url(../images/bg-page.jpg) repeat-x 0px 0; 
	position: relative;
}
h1, h2, h3, h4, h5, h6, p, div, hr, form {
	padding: 0px;
	margin: 0px;
}
a {
	color: #002D64;
}
a:hover {
	text-decoration: underline;
}

img {
	border: none;
}
.cleaner {
	margin: 0px auto;
	width: 100%;
	visibility: hidden;
	clear: both;
	font-size: 0%;
}
.popup   {
	height: auto;
	width: 285px;
	border: 4px solid #ff6500;
	position: absolute;
	z-index: 1000;
	left: 40%;
	top: 280px;
	background: #FFFFFF url(../images/bg-popup.jpg) repeat-x 0px 0px;
	padding: 40px 25px 20px;
}
.popup .bt-close {
	display: block;
	position: absolute;
	height: 19px;
	width: 19px;
	top: 11px;
	right: 11px;
}
.popup h3 {
	display: block;
	clear: both;
	color: #FF6500;
	font-size: 140%;
	font-weight: normal;
}
.popup p {
	display: block;
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 100%;
}
.popup .popup-bt {
	text-align: center;
	clear: both;
	margin: 25px auto 0px;
	width: auto;
}
.popup  .popup-bt  a {
	margin-right: 4px;
	color: #FF6500;
	text-decoration: none;
	padding: 1px 5px 3px;
	background: url(../images/bg-bt-popup.gif) repeat-x 0px 0px;
	border: 1px solid #c4e0f6;
	font-weight: bold;
	height: 12px;
}



.header   {
	margin: 0 auto;
	clear: both;
}	

.header {
	height: 143px;
	width: auto;
	background: url(../images/bg-header.jpg) no-repeat;
	position: relative;
	min-width: 920px;/**/
	
}
.header .menu {
	height: 143px;
	width: 100%;
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
.header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.header  .main-menu {
	display: block;
	width: auto;
	height: 143px;
	background: url(../images/bg-menu-right.gif) no-repeat right 56px;
	padding-left: 38px;
	float: left;
}
.login   {
	height: 329px;
	background: url(../images/bg-login.gif) no-repeat 0px 0px;
}
.login div {
	height: 88px;
	width: 225px;
	position: absolute;
	left: 420px;
	top: 232px;
}


.main-menu li {
	display: inline;
	height: 143px;
	width: 85px;
	float: left;
	text-transform: uppercase;
}
.main-menu li a {
	display: block;
	float: left;
	height: 47px;
	width: 85px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 96px;
}

.main-menu .settings {
	background: url(../images/bg-folder-settings.png) no-repeat -12px 1px;
}
.main-menu .users {
	background: url(../images/bg-folder-users.png) no-repeat -12px 1px;
}
.main-menu .content {
	background: url(../images/bg-folder-content.png) no-repeat -12px 1px; margin-top: 0;
}
.main-menu .home {
	background: url(../images/bg-folder-home1.png) no-repeat -17px 1px;
}

.main-menu .settings:hover, .main-menu .selected .settings {
	background: url(../images/bg-folder-settings.png) no-repeat -150px 1px;
}
.main-menu .users:hover, .main-menu .selected .users {
	background: url(../images/bg-folder-users.png) no-repeat -150px 1px;
}
.main-menu .content:hover, .main-menu .selected .content {
	background: url(../images/bg-folder-content.png) no-repeat -150px 1px;
}
.main-menu .home:hover, .main-menu .selected .home {
	background: url(../images/bg-folder-home1.png) no-repeat -150px 1px;
}

.header .submenu {
	display: block;
	top: 35px;
	height: 108px;
	width: auto;
	left: 400px;
	padding-left: 13px;
	font-size: 95%;
	float: left;
	margin-top: 33px;
}
.submenu li {
	display: inline;
	float: left;
	width: 78px;
	height: 108px;
	text-transform: uppercase;
}
.submenu li a {
	display: block;
	height: 37px;
	width: 78px;
	padding-top: 71px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	background: url(../images/bg-folder-sm.png) no-repeat 2px 1px;
}
.submenu li a:hover, .submenu li.selected a {
	color: #FF6500;
	background: url(../images/bg-folder-sm.png) no-repeat -86px 2px;
}
.header  .right-top {
	height: 35px;
	width: 58%;
	position: absolute;
	top: 0px;
	right: 0px;
}

.header .right-menu {
	position: relative;
	float: right;
	height: 35px;
	width: auto;
}
.header .top-menu {
	display: block;
	font-size: 100%;
	height: 25px;
	padding-top: 10px;
	width: 550px;
}
.top-menu li {
	display: inline;
	padding-right: 8px;
	padding-left: 12px;
	background: url(../images/bg-top-menu.gif) no-repeat 0px 2px;
}
.top-menu li a {
	text-decoration: none;
	color: #0E69B4;
}
.top-menu li a:hover {
	color: #FF6500;
	text-decoration: underline;
}
.top-menu .user {
	font-weight: bold;
	padding-right: 30px;
	background: none;
}
.top-menu li.first   {
	background: none;
}

.right-menu .logo {
	position: absolute;
	top: 60px;
	right: 20px;
}






.content {
	width: 100%;
	padding-top: 23px;
	float: left; /* left */
}
.content .main{
	margin-left: 286px;
	position: relative;

}                                                              


.content .homepage{
	margin-left: 377px;
	margin-top: 80px;
}

.login-page {
	background: url(../images/bg-login-page.gif) repeat-x 0px 0px;
	height: 300px;
	text-align: center;
}
.login-page #login-form {
	text-align: center;
}
#login-form input {
	height: 18px;
	width: 181px;
	border: 1px solid #c4e0f6;
	font-family: Arial, Helvetica, sans-serif;
	color: #00438C;
	padding: 5px;
}
#login-form th {
	font-weight: normal;
	text-align: right;
	width: 30px;
	padding-right: 5px;
}
#login-form td {
	text-align: left;
}



.left  {
	float: left;
	width: 272px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0px 0px 80px 13px;
	margin-bottom: 50px;
	margin-left: -100%;
	margin-top: 23px;
	
}

.left  {
	float: left;
	width: 273px;
	padding: 0px 0px 80px 13px;
	margin-bottom: 50px;
	margin-left: -100%;
	margin-top: 23px;
	border-right: 1px solid #9dbfde;
}

.left  #form {
	display: block;
	clear: both;
}

.left .input-lang {
	border: 1px solid #c4e0f6;
	font-size: 95%;
	height: 19px;
	width: 170px;
	color: #00438C;
}
.left .option-cz {
	background: url(../images/bg-input-lang.jpg) no-repeat 0px 0px;
	color: #00438C;
	height: 19px;
	padding-left: 30px;
}
.left .option-en{
	background: url(../images/bg-input-lang.jpg) no-repeat 0px 0px;
	color: #00438C;
	height: 19px;
	padding-left: 30px;
}
.left #tree {
	font-size: 100%;
	display: block;
	margin-top: 20px;
	width: 270px;
	/*width: 257*/
}
.left   ul {
	list-style: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}
.left #tree ul {
	display: none;

}

.left #tree ul li:first-child {margin-top: 5px;}

.left #tree li {
	float: left;
	width: 260px; /* width: 242px; -> 255 */
	display: block;
	margin-bottom: 4px;
	
}
.left #tree li li {
	clear: both;
	width: 260px; /* width: 242px -> 255 */
	float:left;
}

.left #tree a {
	text-decoration: none;
	float: left;
	width: 200px; /* width: 182px; -> 195 */
	padding: 5px 0px 0px 0px;
}
.left #tree a:hover {
	color: #FF6500;
	text-decoration: underline;
}
.left  #tree  ul  ul  ul a {
	font-weight: normal;
}

.left #tree .folder {
	display: inline;
	background: url(../images/left-folder-closed.jpg) no-repeat 0px 0px;
	height: 9px;
	width: 26px;
	float: left;
	padding-bottom: 5px;
	
}
.left #tree .closed {
	background: url(../images/left-folder-closed-plus.jpg) no-repeat 0px 0px;
	width: 53px;
}
.left #tree .empty {
	background: url(../images/left-folder-closed-empty.jpg) no-repeat 0px 0px;
	width: 53px;
}
.left #tree .opened {
	background: url(../images/left-folder-open-minus.jpg) no-repeat 0px 0px;
	width: 53px;
}
.left #tree .file {
	background: url(../images/left-folder-file.jpg) no-repeat 0px 0px;
	padding: 0px;
	width: 59px;  
}
.left #tree ul .file {
	background: url(../images/left-folder-file.jpg) no-repeat 13px 2px;
	padding: 0px;
	width: 53px;
	height: 19px;
}
.left    #tree    ul   ul  {
	padding-left: 30px;
	clear: both;
	float: left;
	width: 230px;
}
.left #tree ul ul ul {
	width: 200px;
}

.left  #tree  ul  ul  ul li {
	width: 200px;
}
.left #tree ul ul ul li a {
	width: 140px;
}

.left #tree .selected {
	color: #FB6202;
}


.content .main-right {
	float: right;
	width: 70%;
	position: absolute;
	left: 286px;
	top: 166px;
}

.content  .main {
	padding-left: 20px;
	padding-top: 5px;
	min-width: 657px;
	border-left: 1px solid #9dbfde;
	margin-bottom: 40px;
	margin-right: 10px;
	
/*_width: expression(document.body.clientWidth < 650? "650px" : "auto" );*/
}
.main #top-main {
	clear: both;
	width: 100%;
	position: relative;
	height: 45px;
}

.main .navigation {
	margin: 0 0 10px;
	padding: 0px;
	list-style: none;
	font-size: 95%;
	color: #00438C;
	float: left;
	width: 95%;
	position: absolute;
	left: 20px;
	top: 0px;
}
.navigation li {
	display: inline;
	padding-right: 8px;
	padding-left: 12px;
	background: url(../images/bg-navi-top.gif) no-repeat 0px 2px;
}
.navigation li a:hover {
	color: #FF6500;
}
.navigation .first {
	padding-left: 0px;
	background: none;
}
.navigation span {
	color: #C4E0F6;
	padding-left: 10px;
}
.main  .page-top, .main .page-bottom {
	float: left;
	width: 100%;
	min-width: 672px;
	position: relative;
	height: auto;
	margin: 0 0 10px; /* 10px 0 0 */
}

.main .page-top2 {margin: 12px 0 0;}
.main .page-top-edit {margin: 0 0 -10px;}
.main .uvod h1 {margin-bottom: 0; }
.main .uvod .url {padding-top: 5px;}

.main  h1 {
	font-weight: normal;
	display: block;
	font-size: 200%;
	width: auto;
/*	min-width: 366px;*/
	height: auto;
	float: left;
	margin-right: 40px; /* 400 */
	margin-left: 0px;
	margin-bottom: 0px; 
	margin-top: 15px;
}

.main h1.to {position: relative; top: 30px; margin-bottom: 10px;}

.main  .info {
	font-size: 95%;
	background: url(../images/ico-info.gif) no-repeat 0px 0px;
	height: 16px;
	padding-left: 25px;
	padding-right: 10px;
	width: 235px;
	top: 0px; /* 10px */
	right: 0px;
	position: absolute;
	min-width: 235px;
}
.main .insert {
	min-width:400px;
	top: 0px;
	right: 45px;
	float: right;
	position:absolute;
}

.main .insert-subc {
	background: url(../images/bg-insert-subc.jpg) no-repeat 0px 0px;
	float: right;
	height: 65px;
	width: 208px;
	padding-top: 17px;
	padding-left: 15px;
}

.main .insert-page {
	background: url(../images/bg-insert-page.jpg) no-repeat 0px 0px;
	float: right;
	height: 65px;
	width: 160px;
	padding-top: 17px;
	padding-left: 15px;
}

.main .insert_margin {top: 0px;} /* Obsah */

.main  .insert-subc  a, .main .insert-page a {
	display: block;
	height: 30px;
	padding-top: 10px;
	font-weight: bold;
	text-decoration: none;
}
.main .url {
	/*color: #FF6500;*/
	padding-top: 25px;
	margin-bottom: -15px;
	font-size: 95%;
	width: 90%;
	clear: both;
}
.main .url a:hover {
	color: #FF6500;
}

.main .main-box {
	clear: both;
	width: 100%;
	position: relative;
	z-index: 0;
	margin-top: 20px;
	float: left;
}



.main .margintop {
	padding-top: 20px;
}

.main-box .data-box {
	width: 100%;
	position: relative;
	left: 0px;
	background: url(../images/bg-data-box.jpg) repeat-x 0px 0px;
	z-index: -50;
	padding-bottom: 10px;
	top: -1px;
	border-top: 1px solid #9dbfde;
	border-right: 1px none #9dbfde;
	border-bottom: 1px none #9dbfde;
	border-left: 1px none #9dbfde;
	
}
.data-box.text { padding:20px; }
.data-box.text p { line-height:150%; }


.main-box .menu-box {
	height: 39px;
	padding-top: 0px;
	padding-left: 0px;
	z-index: 100;
	position: relative;
	left: 0px;
	top: 0px;
}
.main-box .menu-box ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 39px;
	position: relative;
	top: 0;
}
.main-box .menu-box li {
	display: inline;
	margin-right: 15px;
	float: left;
}
.main-box .menu-box li a {
	display: block;
	float: left;
	height: 28px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	text-decoration: none;
	color: #002D64;
	background: url(../images/bg-box-menu.jpg) repeat-x 0px 0px;
	border: 1px solid #e2f0fb;
	padding-top: 10px;
}
.main-box .menu-box a:hover {
	background: url(../images/bg-box-menu-hover.jpg) repeat-x 0px 0px;
	color: #FF6500;
	text-decoration: underline;
}
.main-box    .menu-box    a.active  {
	background: url(../images/bg-box-menu-active.jpg) repeat-x 0px 0px;
	border-top: 1px solid #9dbfde;
	border-right: 1px solid #9dbfde;
	border-left: 1px solid #9dbfde;
	border-bottom-style: none;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	height: 28px;
	padding-top: 10px;
}
.data-box .admin-content {
	padding: 18px 18px 12px;
	clear: both;
}

table.users td.th, table.sales td.th_margin, table.users td.top, table.sales td.top {vertical-align: top;}
table.sales td.th_margin {padding: 3px 0 0;}

.main .pagging {
	float: right;
	/*width: 315px;*/
	margin-top: 18px;
	left: 0px;
}
.main-box    .pagging   {
	float: left;
/*	width: 271px;*/
	padding-left: 19px;
	margin-top: 18px;
	left: 0px;
}
.pagging  img {
	float: left;
}
.pagging .paging-left {
	background: url(../images/pagging-left.png);
	display: block;
	float: left;
	height: 25px;
	width: 20px;
}
.pagging .paging-right {
	background: url(../images/pagging-right.png);
	display: block;
	float: left;
	height: 25px;
	width: 20px;
}
.pagging  a:hover.paging-left {
	background: url(../images/pagging-left-hover.png);
}
.pagging  a:hover.paging-right {
	background: url(../images/pagging-right-hover.png);
}
.pagging .page-input {
	height: 15px;
	width: 15px;
	border: 1px solid #c4e0f6;
	background: url(../images/bg-input.gif) repeat-x 0px 0px;
	float: left;
	margin-top: 2px;
	margin-left: 9px;
	font-size: 95%;
	color: #00438C;
}
.pagging span {
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
}
.pagging a:hover {
	color: #FF6500;
}
.pagging .bck {
	margin-right: 27px;
}

.main-box  .search-right {
	float: right;
	margin-top: 18px;
	margin-right: 15px;
}
.search-right .search-select {
	height: 23px;
	width: 141px;
	float: right;
	margin-right: 10px;
}
.search-right .search-input {
	float: right;
	height: 17px;
	width: 138px;
	background: url(../images/bg-input.gif) repeat-x 0px 0px;
	border: 1px solid #c4e0f6;
	margin-right: 3px;
}
.search-right .bt-search {
	float: right;
	margin-right: 4px;
}
.main-box .table-box {
	clear: both;
	padding-top: 0px;
}

.main-box table {
	clear: both;
	width: 100%; /* 98 */
	margin-left: 0px; /* margin-left: 7px; */
}


.table-box table td {
	border-bottom: 1px solid #c4e0f6;
	height: 25px;
}

.table-box table td.date {white-space: nowrap;}

.table-box   th {
	text-align: left;
	border-bottom: 1px solid #c4e0f6;
}
.table-box th a {
	text-decoration: none;
}

.table-box  .td-center {
	text-align: center;
}
.table-box select {
	/*height: 21px;*/
	width: 44px;
}
.table-box a:hover {
	color: #FF6500;
}
.table-box th img {
	margin-left: 12px;
}
.table-box .active-select {
	width: 140px;
}
.table-box .icons-table {
	width: 22px;
}
.table-box .width-table {
	width: 80px;
	min-width: 80px;
}
.table-box .min-width-td {
	min-width: 80px;
}
.table-box .poradi {
	width: 40px;
}


.data-box    table {
	margin-top: 0px; /* 22 */
	margin-bottom: 15px;
	padding-top: 10px;  
	width: 100%;  /* 94 */
}

/*table#margin0 td {padding: 0 0 0 10px;}*/
table#margin0 td label {display: block; margin: 0 0 5px; white-space: nowrap; vertical-align: top;}


.infobox {
	display: block;
	font-size: 95%;
	background: url(../images/ico-info.gif) no-repeat 20px 5px;
	padding-left: 45px;
	padding-top: 6px;
	padding-bottom: 3px;
	float: left;
	margin-bottom: 5px;
}


.data-box     table   input,.upload-img  table  .file_img input {
	background: url('stats-date.gif') repeat-x 0px 0px;
	border: 1px solid #c4e0f6;
	color: #00438C;
	height: 20px;	
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
}

.data-box .files-input { 
	background: url('stats-date.gif') repeat-x 0px 0px;
	border: 1px solid #c4e0f6;
	color: #00438C;
	height: 24px;	
	width:250px;
	font-size:13px;
	padding:4px;
	margin-bottom: 13px;
}

div.upload-img-multi table .file_img input{
float: right;

}

.data-box   table select {
	/*width: 140px;*/
	float: left;
	/*height: 21px;*/
	font-size: 100%;
	color: #00438C;
}
.data-box  table .check {
	padding-left: 7px;
	float: left;
}
.data-box  table .blue-line {
	border-top: 1px solid #C4E0F6;
}
.data-box  table th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}
.data-box table .infobox {
	width: auto;
	height: auto;
}


.data-box .clean-blue {
	margin: 0px 24px 15px;
	clear: both;
	border-top: 1px solid #C4E0F6;
}

.data-box table.users tr div.clean-blue {margin-left: 0; margin-top: 15px;}
.data-box table.users tr td label {position: relative; top: 1px; left: 3px;}

table.sales td {vertical-align: top;}
table.sales td label {padding: 5px 0 0;}
table.sales td.margin {vertical-align: top; padding-top: 5px; }
table.sales tr.margin_3 td, table.sales .upload-img td {padding: 0 0 3px 0; }
table.sales tr.margin_3 select {height: 20px;}
.data-box table.sales input[type=checkbox] { margin: 0; border: 0;}

/*#tab2 .bt-change {
	height: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
}*/

.data-box .action-buttons {
	clear: both;
}

.action-buttons input {
	float: left;
}
.action-buttons .bt-preview {
	margin-left: 54px;
	float: left;
}
.action-buttons .bt-copy {
	margin-left: 41px;
	float: left;
}
.action-buttons .bt-save-public {
	margin-left: 30px;
}

.action-buttons .bt-save {float: left; margin-left: 122px; }
.action-buttons .bt-save-users {float: left; margin-left: 102px; }

.action-buttons .infobox {
	margin-left: 54px;
	width: 530px;
	display: block;
	clear: both;
	background: url(../images/ico-info.gif) no-repeat 0px 5px;
	padding-left: 25px;
}


.data-box .action-buttons a.button {display: block; height: 28px; line-height: 25px; margin: 10px 0; padding: 0 0 0 45px; width: 130px;}
.data-box .action-buttons a.button:hover {color: #ff6501;}
.data-box .action-buttons a.preview {background: url('newitem-nahled.gif') 10px 1px no-repeat;}
.data-box .action-buttons a.copy {background: url('newitem-copy.gif') 2px top no-repeat;}
.data-box .action-buttons a.delete {background: url('newitem-delete.gif') 15px top no-repeat;}



.data-box .last-butons {
	margin-left: 130px;
}

.data-box .edititem-buttons {float: left; margin: 0; clear: none; }
.data-box .edititem-buttons .bt-save {margin: 0;}

.data-box .edititem-last-butons {width: 490px; float: left; padding-left: 25px}

.last-butons .infobox {
	margin-left: 0px;
	width: 450px;
	display: block;
	clear: both;
	height: 28px;
}
.data-box   .upload-img, .data-box   .upload-img-multi  {
	clear: both;
	float: left;
	width: 273px;
	border: 1px solid #9DBFDE;
	padding-top: 11px;
	padding-bottom: 11px;
}
.data-box .upload-img-multi{
	border: 1px solid #9DBFDE;
	padding: 0;
}

.data-box .upload-img-multi div.fieldset {
	border:  0px solid #9DBFDE;
	width: 100%;
}

.data-box .upload-img-multi div.buttons {
	border:  0px solid #9DBFDE;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

.data-box .upload-img-multi input.btnUploadCancel{
  border: 1px solid black;
  float: right;
  padding: 3px;
  margin-right: 15px;
  height: auto;
}

div.upload-img {margin: 0 0 10px 0;}

.upload-img  table,.box-img table {
	margin: 0px;
	font-size: 95%;
}
.upload-img   table  th,.box-img table th {
	text-align: right;
	padding-right: 1px;
}
.upload-img td input,.box-img td input {width: 115px;}
.upload-img td select, .box-img td select {width: 121px;}

.upload-img td.file_img inputs {
	width: 60px;
	background: none;
}
.data-box .box-img {
	float: left;
	width: 164px;
	border: 1px solid #9DBFDE;
	margin-bottom: 13px;
	padding: 9px;
	text-align: center;
	margin-right: 7px; /* 12 */
}
.data-box .new-img {
    border: 1px solid #FF6500;
}
.data-box .new-img img {
	max-width: 140px;
	max-height: 140px;
}
.data-box .box-img.dragging{
	background-color: #BEE;
	border-color: #8BB;
	z-index: 2;
}

.data-box .box-img.droping{
  background-color: yellow;
}

.data-box .box-img.selected{
  background-color: #819DEE;
}

.data-box .box-img.droping.before{
  margin-left: 120px;
}

.data-box .box-img.droping.after{
  margin-right: 120px;
}

.data-box .box-img img {
	vertical-align: middle;
}


.box-img .foto{min-height:140px;width:164px; padding: 9px 0; background:#e2f0fb;float:left; } /* height: 131px; padding: 9px 0 0; */
.box-img .foto a {float: right; margin: 5px 11px 0 0;}
.box-img .file{height:25px;width:160px;background:#e2f0fb;float:left;padding-top:8px;}
.box-img table{margin:9px 0px 0px;width:142px;float:left;}
.box-img .foto-edit { width:164px; text-align:right; }
.data-box br{clear:both;}



.data-box .box-file {width: 95%;}
.data-box .box-file .file {width: 100%; text-align: left;}
.data-box .box-file table, .data-box .box-file input {width: 300px;}

table.sales td.upd-del {width: 100%; font-size: 90%; min-width: 165px;}
table.sales td.upd-del span {height: 25px; line-height: 25px; padding: 0 23px 0 0;}
table.sales span.delete {float: left; background: url('../images/delete.png') right center no-repeat;}
table.sales span.update {float: right;  background: url('../images/akt.png') right center no-repeat;}

table.sales span.delete a:hover, table.sales span.update a:hover {color: #ff6100;}

div.flash {float: left; margin: 10px 0 0;}
div.flash h2 {font-size: 110%; float: left;}
div.flash1 {margin-right: 10px; width: 150px;}
div.flash2 {width: 500px;}
div.flash3 {width: 670px; margin: 20px 0 0; clear: both;}


.upload-img  table  th img, .box-img th img {margin: 5px 0 0 5px; float:left;}
.upload-img  table  th span, .box-img th span {display: block; float: left; padding:10px 0px 0px; font-size:90%;}

.box-img table th, table.sales .upload-img th {padding-right: 4px;}
table.sales .upload-img th {padding-left: 9px;}


.main  a:hover {text-decoration: underline;}
td.newItem_short, td.newUser_short {width: 216px;}


.footer{height:42px;width:100%;background:url(../images/bg-footer.jpg) no-repeat 0px 0px;font-size:95%;clear:both;border-top:1px solid #9DBFDE;}
.footer ul{list-style:none;margin:0px;padding:15px 0px 0px 30px;float:left;height:28px;width:auto;}
.footer li{display:inline;padding-right:6px;padding-left:15px;background:url(../images/bg-top-menu.gif) no-repeat 3px 0px;}

.footer a{text-decoration:none;color:#00438C;}
.footer a:hover{color:#FF6500;text-decoration:underline;}
.footer li.first{background:none;}

.footer .footer-right{float:right;height:28px;width:auto;padding-right:10px;}
.footer-right p{display:block;float:right;width:auto;padding-top:15px;}
.footer-right p span{padding-right:10px;padding-left:10px;}
.footer-right img{float:right;display:block;margin:12px 5px 0px 25px;}
.footer-right p a:hover{font-weight:normal;}



.row1 {background-color:#fff;}
.row2 {background-color:#e6f2fc;}
.row3 {background-color:#f66;}
.row4 {background-color:#f99;}

#login-form .button{padding:0px;border-style:none;height:auto;width:auto;margin-top:2px;}
.date_button, .data-box table .date_button{float:left;margin:0 15px 0 5px;height:26px;width:25px;border:1px solid #c4e0f6;background:#9dbfde url('stats-cal.gif');cursor:pointer;}

form#itemList input.date {float:left; height: 16px; padding: 4px 2px; color: #00438c; border: 1px solid #c4e0f6; background: #f4f9fd url('stats-date.gif');}
form#itemList input#stats-submit {width: 93px; height: 26px; border: 1px solid #c4e0f6; background: #fff url('stats-submit.gif'); color: #00438c; font-weight: bold; cursor: pointer}
form#itemList div {margin: 0 0 10px 20px;}

.select200 {width:200px; font-size: 100%;}
.hidden {display:none;}


#forum ul {list-style-type:none; margin-top:20px; margin-left: 20px; padding-left: 0px; margin-right: 20px;}
#forum ul ul {margin-right: 0; margin-left: 30px;}
#forum ul ul ul ul ul ul {margin-left: 0;}
#forum ul li {margin-bottom:30px; border-top:solid #9dbfde 5px; padding-top: 5px; }
#forum ul li .author {border-bottom:solid #9dbfde 1px; padding:3px 0; margin-bottom: 5px;}
#forum ul li .change {cursor:pointer;}

#forum div.author p {margin: 0 0 5px 0; height: 25px; line-height: 25px;vertical-align: middle; }
#forum div.author a { /*padding-top: 5px;*/}
#forum div.author a.edit, #forum a.delete {padding: 5px 0 5px 25px; height: 25px; line-height: 25px; vertical-align: middle;}
#forum a.edit {background: url('../images/edit.png') left top no-repeat;}
#forum a.delete {background: url('../images/delete.png') left top no-repeat;}
#forum div.author a:hover {text-decoration: none; color: #ff6500;}

#forum span.label {display: inline-block; float: left; width: 70px; font-weight: normal; font-size: 100%; padding: 3px 0 0;}
#forum h3, #forum div.message {margin-left: 80px; max-width: 565px; }
#forum div.message {line-height: 1.75em;}
#forum span.label.message, #forum div.message {margin-top: 0.5em;}

.content-logo{margin-left:377px;padding:20px 0px 90px 65px;}


.upload-img table .file_img input {height:24px;width:250px;font-size:13px;padding:4px;}
table.sales input.bt-change {height:27px; line-height: 27px; vertical-align: middle; margin: 0 0 0 3px; padding: 0 0 3px 0; cursor: pointer}


/* STATS */
hr.blue {border: 1px solid #9dbfde; clear: both; float: left; width: 100%; margin: 30px 0 10px;}

form#day-visit {float: right;}
form#day-visit select {width: 140px; margin: -1px 0 2px; height: 24px; border: 1px solid #c4e0f6; font-weight: bold; color: #00438c; background: url('stats-date.gif') top repeat-x;}
form#day-visit option {background: #f4f9fd ;}

/* HP */
div#home {width: 960px; margin: 25px 0 0 35px;}
div#home div {margin: 0; padding: 0;}
div#home h1 {font-weight: normal; font-size: 200%; background: url('vitejte.gif') 15px center no-repeat; border-left: 1px solid #0b468c; padding: 0 0 0 80px; height: 63px; line-height: 63px; margin: 0 0 20px 0;}
div#home p.date {float: right; margin: -54px 0 0;}


div#home h2.top {background: #fff url('h2-top-bg.png') left center repeat-x; line-height: 48px; height: 48px; font-weight: normal; font-size: 140%;}
div#home h2.top span {height: 48px; padding: 0 0 0 15px; display: block;}
div#home h2#statistiky span {background: url('statistiky.gif') no-repeat; }
div#home h2#posledni-zmeny span {background: url('posledni-zmeny.gif') no-repeat;}

div#home h2.bottom {padding: 0; margin: 15px 35px 20px 0; float: left;  height: 74px; line-height: 74px; vertical-align: middle;  font-weight: normal; font-size: 130%; background: #fff url('h2-bottom-bg.png') left center repeat-x;}
div#home h2.bottom a {height: 74px; padding: 0 0 0 15px; display: block; font-size: 80%; font-weight: bold;}
div#home h2.bottom a:hover {text-decoration: none; color: #ff7600;}

h2#zobrazit-obsah {width: 325px;}
h2#zobrazit-obsah a {background: url('zobrazit-obsah.gif') right top no-repeat; }
h2#zobrazit-statistiky {width: 259px;}
h2#zobrazit-statistiky a {background: url('zobrazit-statistiky.gif') right top no-repeat; width: 260px;}


div#home h3 {font-size: 90%; margin: 20px 0;}
div#home h3.none {margin-bottom: 6px;}


div#home div.left {float: left; width: 325px; border: 0; overflow: hidden;}
div#home div.right {float: right; width: 600px; border: 0;}


div#home ol {float: left; padding: 0 0 0 25px; margin: 0; list-style-type: decimal;}
div#home div.left ol {width: 300px;}
div#home div.right div.right ol {width: 280px;}
div#home ol li {display: list-item;position: relative; height: 25px; line-height: 25px; vertical-align: middle; border-bottom: 1px solid #c4e0f6;}
div#home ol li a {display: block;}
div#home ol li a:hover {color: #ff7600}
div#home ol li span {position: absolute; right: 0; top: 0;}
div#home ol li a span {cursor: pointer;}
div#home ol li span.times {font-weight: bold;}
div#home ol li span.date {font-size: 75%;}

div#home p.visit {line-height: 150%;}
div#home p.visit span {float: left;}
div#home p.visit strong {float: right;}
div#home div.right div.left {width: 260px; float: left; overflow: hidden;}
div#home div.right div.right {width: 305px; float: right;}



ul#graf {height: 150px; margin: 30px 0 20px; position: relative; width: 260px;}
ul#graf li {background: #e4f1fb url('graf-li-bg.png') bottom repeat-x; border: 1px solid #87aace; float: left; width: 26px; position: absolute; bottom: 0; height: 150px; margin-bottom: 20px;}
ul#graf li span {margin-top: -20px; display: block; font-weight: normal; width: 26px; text-align: center}

ul#graf li.g1 {left: 0;}
ul#graf li.g2 {left: 38px;}
ul#graf li.g3 {left: 76px;}
ul#graf li.g4 {left: 114px;}
ul#graf li.g5 {left: 152px;}
ul#graf li.g6 {left: 190px;}
ul#graf li.g7 {left: 228px;}

ul#graf li span.date {bottom: -20px; margin: 0; display: inline; position: absolute; font-size: 80%;}

div#home div#help {width: 920px; padding: 20px; margin: 15px 0 40px; background: #e4f1fb;}
div#help p {width: 650px; margin: 0.5em 0; line-height: 1.5em; }
div#help a#help_a {float: right; padding: 25px 0 0 15px; background: url('help.gif') no-repeat; height: 70px; width: 212px; font-weight: bold; text-decoration: none; margin-top: 1px;}
div#help a#help_a:hover {color: #ff7600;}


.data-box table input.checkbox, .upload-img table .file_img input.checkbox {padding: 0; float: none; height: auto;}
.imgselector { position: relative; top: 110px; left: 20px;}
table.newsletter_content { width: 450px; }
table.newsletter_content tr td textarea.content_content { 	border: 1px solid #c4e0f6; background: url("stats-date.gif") repeat-x scroll 0 0 transparent; width: 375px; height: 120px;}
table.newsletter_content tr td label { display: block; }
table.newsletter_content tr td input.content_url { width: 367px; }
/*
table.newsletter_content tr td input { float: right; width: 100%;  }

*/

div.image-editor { position: absolute; top: 100px; left: 30%;}
div.dialog {display: none; }

div.dialog img.main { max-width: 600px; max-height: 600px; border: 2px solid #9DBFDE;}
div.dialog img.preview {border: 2px solid #9DBFDE; margin-bottom: 5px;}
div.dialog div.controls { position: absolute; left: 623px; top: 0;}
div.dialog div.controls select {display: block; margin-bottom: 20px;}

div.dialog div.dialog-content {position: relative; top: 7px;}

div.prev_wrap { width: 140px; height: 94px; overflow: hidden; margin-top: 7px;}

.table-box th a { text-decoration:underline; }
.table-box th a:hover { text-decoration:none; }
/*.table-box th a.active { font-weight:bold; color:#FF6500; }*/

.texts-container { border-top:1px solid #C4E0F6; padding:30px 0 10px;  }
.texts-list { margin:0; padding:0; list-style-type: none;  }
.texts-box { border: 1px solid #C4E0F6; padding:10px 10px 10px 10px; width:100%; float:left; margin: 0 0 10px 0; }
.texts-box.ui-sortable-helper { height:30px !important; }
.texts-list .ui-state-highlight { height:30px; float:left; width:100%; }
.texts-handle { width:30px; height:30px; display:inline-block; cursor:move; }
.hide { display:none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .clearfix { zoom: 1; }

/* json type */
.type-json { padding:10px 10px 10px 10px;  background: #FCF9F9; border:1px solid #C0C0C0;}
.json-header { margin-left:35px; }
.json-item {  float:left; width:100%; margin-bottom:10px; }
.json-item label { float:left;   }
.json-item div.json-head {  float:left; text-align:left;  margin:0 5px 0 0; width:100px; }
.json-item input { float:left; margin:0 5px 0 0; width:100px; }
.json-item button {background:none; border:none; cursor:pointer; float:left; }
.json-item button:hover { background:none; border:none; }

.json-items-list { width:100%; float:left; list-style-type:none; padding-left:0; }
.json-items-list li { width:100%; float:left; padding:10px 10px 10px 10px; }                              
.json-handle { float:left; margin: 5px 10px 0 0; }


/* new design */

#ui-datepicker-div { z-index:100 !important; }
.mce-tinymce { width:auto !important; }


.circle { width:20px; height:20px; background: #00438C; border-radius: 10px; display:inline-block; margin:0 0 0 10px; }
.circle.red { background: #e00106; }
.circle.green { background: #5e9100; }


.template-work-default .tabdetail label { font-size:18px; float:left; line-height:42px; }
.template-work-default .tabdetail span.infobox {   background-color: #F2F2F2; background-image:none;  margin:10px 0 20px 0; width:478px; 
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    clear:both;
    vertical-align: top; }


.template-work-default .tabdetail span.infobox.block { display:block; clear:both; } 


.template-work-default .tabdetail select { width:515px !important; height:42px; line-height:42px; padding-left:8px; border:1px solid  #c4e0f6;  }
.template-work-default .tabdetail input[type=text] {  height:24px; line-height:24px; padding-left:10px; }
.template-work-default .tabdetail input[type=text], 
.template-work-default .tabdetail textarea { width:492px !important; padding:10px 10px 10px 10px; border:1px solid  #c4e0f6; }


select.vd-multiselect { display:none !important; }
.multiselect { width:515px; position:relative; } 
.multiselect .multiselect-button-container { border: 1px solid #c4e0f6; min-height: 48px;  padding: 0 0 0 10px; position:relative; }
.multiselect button.multiselect-control { width:40px; position:absolute; right:10px; top:1px; height: 48px; padding: 0 0; 		
		                                 background: #ffffff url('../../design/svg/arrow-down.svg')  calc(100% - 10px) center no-repeat;
                                         background-size: 16px 16px; border:none !important; }
  
.multiselect .error & button.multiselect-control { border:1px solid red; background-color: rgba(238, 61, 66, 0.05); }
 
.multiselect .multiselect-option { width:90%; display:inline-block; font-size: 12px; line-height: 1rem; height: 48px; margin: 0;
		                           overflow: visible; text-align:left; line-height:48px; font-weight:normal; }
	
.multiselect .multiselect-arrow:after { content:' '; width:16px; height:16px; position:relative; top:5px; display:inline-block; 
                                         fill:#00438C; margin:0 0 0 8px;  }
	
	
.multiselect .multiselect-box { background:#fff; position:absolute; width:95%; display:none; overflow:auto; z-index:2020; padding:10px 10px 10px 16px; height:200px; 
-webkit-box-shadow: 2px 10px 47px -14px rgba(0,0,0,1);
-moz-box-shadow: 2px 10px 47px -14px rgba(0,0,0,1);
box-shadow: 2px 10px 47px -14px rgba(0,0,0,1);
}
.multiselect .multiselect-box.active { display:block; }

 
.multiselect .multiselect-box .selected-item-btn { background:#E6E6E6; display:inline-block; color:#003276; margin:0 10px 10px 0; padding:4px 4px 4px 4px; font-size:11px;  }
.multiselect .multiselect-box .selected-item-btn-close { display:inline-block; cursor:pointer; }
.multiselect .multiselect-box .selected-item-btn-close svg { fill:#3fa9f5;  width:10px; height:10px; margin:2px 0 0 3px;  } 

.multiselect .multiselectbox-selected { font-size:12px; min-height:40px; padding:15px 0 0 0;  width:90%;  }
 .multiselect .multiselectbox-selected .select-label { width:100%; display:inline-block; margin:-15px 0 0 -10px; padding:19px 0 20px 10px; }
 .multiselect .multiselectbox-selected .select-label:hover { cursor:pointer; }



.multiselect .multiselectbox-selected span.selected-item-btn { background: #f2f2f2; display:inline-block; padding:0 5px 0 5px; min-height:24px; line-height:24px; margin:0 10px 10px 0; }
.multiselect .multiselectbox-selected span.selected-item-btn:hover { cursor:pointer; }



.multiselect .icon-close-black.red {color:red; font-weight:bold; }
.multiselect .multiselectbox-item { width:100%;  float:left; }
.multiselect .multiselectbox-item label { font-size:15px; padding-top:0; padding-left:5px; }
.multiselect .multiselect-box .multiselectbox-check { width:100%; float:left; margin:0 0 8px 0; }
.multiselect .multiselect-box .multiselectbox-check svg { width:14px; height:14px; }
.multiselect .multiselect-box .multiselectbox-check	.checkboxes { display:inline-block; float:left; }		
.multiselect .multiselect-box .multiselectbox-value { float:left; margin-left:5px;   }   

.multiselect  .field-checkbox input[type="checkbox"]:checked + label::after { left:9px !important; }
    
/* checkbox */
.field-checkbox .infobox { margin-top:3px !important; } 
.field-checkbox {
  display: inline-block;
  margin-right: 30px;  
}
.field-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 16px;
  height: 22px;
  margin-right: 0.375rem;
  display: none;
}
.field-checkbox input[type=checkbox] + label {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 24px;
  line-height: 24px;
}
.field-checkbox input[type=checkbox] + label::before {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border-width: 1px;
  border-color: #c4e0f6;
  border-style: solid;
  border-radius: 1px;
  margin-right: 0.375rem;
   
}
.multiselect .field-checkbox input[type=checkbox] + label::before { position:relative; 
  top:5px;}


.field-checkbox input[type=checkbox]:hover + label::before,
.field-checkbox input[type=checkbox]:focus + label::before {
  background-color: #c4e0f6;
}
.field-checkbox input[type=checkbox]:checked + label::before {
  background-color: #5e9100;
  border-color: #5e9100;
}
.field-checkbox input[type=checkbox]:checked + label::after {
  content: ' ';
  top: calc(50% - 3px);
  left: 5px;
  position: absolute;
  width: 14px;
  height: 5px;
  border-left: 2.5px solid #FFF;
  border-bottom: 2.5px solid #FFF;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.field-checkbox input[type=checkbox].error + label::before {
  border-color: #EE3D42;
}
.field-checkbox input[type=checkbox][disabled] + label::before {
  background-color: #D6D6D6;
}

a.btn.button { text-decoration:none; display:inline-block; border:1px solid #ADAEBB; padding:10px 10px 10px 10px; border-radius:2px; }

a.btn.button:hover { background: #c4e0f6; text-decoration:none; }



.vd-select-container { width: 515px; position: relative; }
.vd-select-container .select-dd {
  display: none;
  z-index: 2004;
  width: 100%;
}
.vd-select-container .select-dd.display-flex {
  display: flex;
}
.vd-select-container button.vd-select-controler {
  width: 100%;
  border-radius: 3px;
  height: 48px;
  padding: 0;
  border: 1px solid #c4e0f6; 
  background: #ffffff url('../../design/svg/arrow-down.svg') calc(100% - 10px) center no-repeat;
  background-size: 16px 16px;
}
.vd-select-container .vd-select-option {
  width: 90%;
  display: inline-block;
  font-size: 12px;
  font-weight:normal;
  line-height: 1rem;
  height: 48px;
  margin: 0;
  overflow: visible;
  text-align: left;
  line-height: 48px;
  padding-left: 8px;
}
.vd-select-container .vd-select-arrow:after {
  content: ' ';
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  display: inline-block;
  fill: #01244B;
  margin: 0 0 0 8px;
}
.vd-select-container select.vdselect,
.vd-select-container select.tablelist-vdselect {
  display: none !important;
}
.vd-select-container .select-dd__option {
  padding: 0.625rem 1rem;
}


.select-dd {
  width: auto;
  position: absolute;
  border-top: 3px solid #3FA9F5;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 8px 13px rgba(0, 0, 0, 0.3);
  min-height: 160px;
  max-height: 220px;
  display: flex;
  flex-direction: column;
}
.select-dd__filter {
  background: #FFF;
  border-bottom: 1px solid #dadada;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.select-dd__filter-icon {
  color: #3FA9F5;
  padding-top: 2px;
}
.select-dd__filter-input {
  border: 0;
  width: 100%;
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  font-size: 0.875rem;
}
.select-dd__filter-input:focus {
  outline: 0 none;
}
.select-dd__options,
.select-dd__options--checks {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.select-dd__option {
  padding: 0.625rem 2rem;
  cursor: pointer;
}
.select-dd__option:hover {
  background-color: #F4F6F9;
}
.select-dd__option:first-child {
  margin-top: 1.5rem;
}
.select-dd__option:last-child {
  margin-bottom: 0.5rem;
}
.select-dd__options--checks .select-dd__option {
  cursor: default;
}
.select-dd__options--checks .select-dd__option:hover {
  background-color: inherit;
}


/* trocha formulářů  - important*/

.data-box table input.text-input { width:488px !important; height:48px; background: #ffffff; padding-left:20px; }
.data-box table input.text-input-url { width:385px !important;  }
 
input[type=button].btn { text-decoration:none; display:inline-block; border:1px solid #ADAEBB; padding:10px 10px 10px 10px; border-radius:2px; width:100px !important; }
input[type=button].btn:hover { background: #c4e0f6; text-decoration:none; }
.texts-container .vd-select-container { width:250px !important; }


/* trocha responsivu */

@media only screen and ( max-width: 980px ) {
       .left { width:200px; }
       .content .main { margin-left:213px; }
       .template-work-default .tabdetail table tr td:first-child { width:150px; }
       .template-work-default .tabdetail table tr td:first-child label { white-space: normal !important; }
       
       .multiselect { width:415px;  }
       .template-work-default .tabdetail select { width:415px !important; }
       .template-work-default .tabdetail input[type=text], 
       .template-work-default .tabdetail textarea { width:392px !important; }
       .template-work-default .tabdetail span.infobox { width:378px; }
       .vd-select-container { width:415px; }
       
}

#top-links {
  /*display: none; */
  position: fixed;
  bottom: 5%;
  right: 1%;
  z-index: 1111;
}
#top-links button {
  width: 36px;
  height: 36px;
  border: none;
  cursor: pointer;
  border: 1px solid #fff;
  margin-bottom:10px;
  background: #00438C; 
}
#top-links button:hover {
  background-color: #2F2F2F;
}
#top-links button span { width: 0; height: 0; position: relative;  top: -12px; left:-4px; }
#top-links button.top-links-top span { 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
}
#top-links button.top-links-bottom span { 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  top:16px;
}