@media screen, projection {

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;
border:0;outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
background:transparent;
}

:focus { outline:0; }

table {
border-collapse:collapse;
border-spacing:0;
}

a img { border:0; }

/*-------------------------- typo--------------------------*/
body {
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

strong { font-weight: bold; }
em { font-style: italic; }
dfn { font-style: italic;font-weight: bold; }
blockquote {
font-style:italic;
margin:1.5em;padding-left:1.5em;
}


/*-----------------------------------------------------------*/

body {font-size: 12px; color: #5a5b5c; background: #ffffff; font-family:Arial, Helvetica, sans-serif;}

#wrapper { width:993px; margin: 0 auto;}


#header { width:992px; margin: 0 auto; padding:1px; position:relative; color:#FFFFFF; background:#767676; -moz-border-radius:0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius:0 0 5px 5px; }
#header a { color:#FFFFFF;}
#header a:hover { color:#efeff0;}
#header p img { width:25px; height:25px;-moz-border-radius:20px; -webkit-border-radius: 20px; border-radius:20px; float:right; margin-left: 10px;}
#header p { float:right; height:25px; line-height:25px; text-align:right; padding:15px;}
a#logo { display:block; height: 24px; line-height:24px; padding:15px 15px 15px 108px; text-decoration:none; position:absolute; top: 4px; left: 0; background: #000 url(../images/logo-appkee.png) no-repeat left top; color:#FFF;
-moz-border-radius:0 5px 5px 0 ; -webkit-border-radius: 0 5px 5px 0 ; border-radius:0 5px 5px 0 ;}

#menu { width:982px; margin:62px auto 5px; padding:4px 0; font-size:12px; text-align:center; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background:#f2f2f2;}
#menu ul { margin:0;}
#menu li {display:inline; list-style-type:none;}
#menu a {text-decoration:none; color:#000; display:block; height:20px; padding:2px 9px; line-height:20px; margin:1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #c6c6c6; background:#FFF; }
#menu li a {display:inline-block; white-space:nowrap;}
#menu a:hover { border: #161616 1px solid; color:#000;}
#menu li.selected a {background:#161616; color:#FFF; border: #000 1px solid;}

#obsah {margin:10px 0; border:#d9d9d9 solid 1px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background:#f2f2f2; padding:14px;}

hr { color: #B0B1BD; background-color: #cccccc; border:none; height: 1px; margin: 6px 0 6px 0; clear:both;}

.strankovani{ background:#e9e9eb; padding:5px; text-align:center; font-size:11px;
background-image: -webkit-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:    -moz-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 190, 190, 190, 0.9 ) );
background-image:     -ms-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:      -o-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:         linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );}
.strankovani a { color:#303840; margin:0 2px 0 0; background:#45bfe2; padding:0 3px; color:#fff; font-style:normal;
-moz-border-radius:6px; -webkit-border-radius: 6px; border-radius:6px;}
.strankovani a:hover { color: #fff; background:#14667e;}
.strankovani a.selected { font-size:18px; background: none;color:black; }
.strankovani a.move { background: none;color:black; margin:0;}
.strankovani a:hover.move { color:#45bfe2;}

.footer { text-align:right; font-size:11px;}

h1, h2, h3, h4, h5 {
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:normal; padding:0 0 10px 0; letter-spacing:-1px;
}

h4 {
font-size:14px;
font-weight:bold;
}

h5 {
font-size:12px;
font-weight:bold;
}

p {
margin:0;
padding:6px 0;
line-height:1.3;
text-align:justify;
}

a {color:#717171;}
a:hover {color:#00CCFF;}

select, input, textarea {background: #F1F1F7; border:1px solid #D3D4DC; color:#303840; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
textarea { width:100%; }

input[maxlength="3"] { width:5em; }
input[maxlength="10"] { width:10em; }
input[maxlength="16"] { width:14em; }
input[maxlength="20"] { width:14em; }
input[maxlength="30"] { width:26em; }
input[maxlength="50"] { width:26em; }
input[maxlength="70"] { width:26em; }
input[maxlength="100"] { width:26em; }
input[maxlength="150"] { width:33em; }
input[maxlength="200"] { width:40em; }
input[maxlength="250"],input[maxlength="252"], input[maxlength="255"] { width:40em; }

fieldset {
background: none repeat scroll 0 0 #F7F9FB;
border: 1px solid #939FA7;
moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
/*width: 96%;*/
margin:10px;
padding:10px;
}
legend {moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 5px;
background: #3a3a3a; border: 1px solid #171717; color: #FFFFFF; font-weight: bold; margin:0 10px;}

.boxliter {moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #f7f9fb; border:solid 1px #939fa7; padding:10px; margin-bottom:10px;}
.boxliter table.edit th { width: inherit;}
.boxliter table.edit input[type="number"] { width: 70px;}

.legenda { background:#171717; moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; text-align:center; padding:2px; color:#FFF; margin-bottom:10px;}

blockquote {
background-color:#f2f8fd;
border-bottom:1px solid #a7a9b1;
border-top:1px solid #a7a9b1;
font-style:normal;
margin:10px;
padding:4px;
}

.hidden { display: none;}

.clickable {cursor: pointer; text-decoration: underline; }

td a { display:block; padding:2px; }
td a:hover {background-color:#70cc3e; color:#fff;}

td fieldset a {display: inline; padding:2px;}

td.number { text-align: right; }

#lgUser {display:block; height: 20px; width: 300px; text-decoration:none; position:absolute; top:28px; right: 12px; text-align:right;}



.userLog, .userLog form { width:209px; height:111px; background: #3a3a3a; color:#fff; border:none; margin:15px 0 0 0; padding:0;}
.userLog p{ padding:13px;}
.userLog a { color:#53c5ff; }
.userLog a:hover { color:#2a95cb; }
.userLog button {float: right;}
.userLog table td {border: none;}
.userLog table {margin:4px; }


#sidebar {
width:220px;
float:left;
}

#sidebar ul {
margin:30px 0 60px 0;
padding:0;
width:209px; font-size:18px; font-weight:normal;
}
#sidebar li {
height: 25px;
padding:0;margin:0;
overflow: hidden;
}
#sidebar ul a {
text-decoration: none;
display:block;
height:100%;width:209px;
padding:0 0 0 20px; line-height:25px;
}

#sidebar ul a:hover, #sidebar ul li.selected a {font-weight:bold; }
#sidebar ul li.selected {color:#FFFFFF;}

/*main content*/
#article {
width:770px;
float:right;
overflow:auto;
}


#errMsg, p.warning, .msg {
background-color:#9f0000;
border-bottom:1px solid #f90000;
border-top:1px solid #f90000;
color:#FFF;
padding:5px 0 5px 0;
margin-bottom:10px;
text-align:center;
}
.msg { margin:0;}
#errMsg:empty, .msg:empty { display:none; }
#errMsg.empty, .msg.empty { display:none; } /*kvuli msie samostatny selector */

input.error { border:#CC0000 solid 1px; -moz-box-shadow: 0 0 6px rgba(255, 0, 18, 0.5); -webkit-box-shadow: 0 0 6px rgba(255, 0, 18, 0.5); box-shadow: 0 0 6px rgba(255, 0, 18, 0.5);}
label.error { background-color:#8f000a; color:#FFF; font-size:10px; padding:2px 6px; display: block; margin:5px;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/* filter form above list of records */
form.frmFilter {
text-align:center; border:#d9d9d9 solid 1px; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:3px;}
form.frmFilter table { margin:0 0 0 auto; }
form.frmFilter td { vertical-align:bottom; padding:2px; display:inline-block;}
form.frmFilter input[type="text"] { max-width:12em; }

form.frmFilter .ui-button-text { font-size:12px; padding:0 10px;}

/* pagination */
table.pagination {
width:100%; border:#c7c9d3 solid 1px; background:#e9e9eb; padding:5px; text-align:center;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:    -moz-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 190, 190, 190, 0.9 ) );
background-image:     -ms-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:      -o-linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );
background-image:         linear-gradient( top, rgba( 234, 234, 236, 0.0 ), rgba( 225, 225, 231, 0.9 ) );

empty-cells:hide;margin: 10px 0 10px 0;}

table.pagination a {padding:0 4px;}
table.pagination a.selected { font-weight: bold; }
table.pagination td.pages { text-align: right; }
table.pagination td.first,
table.pagination td.prev,
table.pagination td.next,
table.pagination td.last {
width:1em;
text-align:center;
}

/* list of records */
table.items {
margin: 15px 0 15px 0;
border-right:#b6b8c2 1px solid;
border-left:#b6b8c2 1px solid;
border-bottom:#b6b8c2 1px solid;
width:99.6%;
border-collapse: collapse;
border-spacing:0;
}
table.items th span.ui-icon { display: inline-block; }

table.items th {background: #000; color: #fff; text-align: left; padding:3px;}
table.items th a {color:#fff;}
table.items th a:hover { background:#c80000; color:#fff;}
table.items td {background: #FFF; padding:0 5px; border-bottom:#d5d3dd 1px solid;}
table.items tr:hover td { background:#505050; color:#fff;}
table.items tr:hover td a:hover {background-color:#000; color:#fff;}
table.items a {display:block; text-align:center;}
table.items col.swap { width:3.2em; }
table.items col.edit { width:4.8em; }

table.items td.edit, table.items td.del { width:65px;}
.dateTime { width:100px;}

table.items td.edit a, table.items tr:hover td.edit a { color:#FFF; font-size:12px; font-weight: normal; line-height:18px; height:18px; padding :0 2px; text-decoration:none; position:relative;
-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; background:#e08f02; border:none; width:55px; margin:0 auto; cursor:pointer;}

table.items td.del span, td.del span { color:#FFF; font-size:12px; font-weight: normal; line-height:18px; height:18px; padding:2px 10px; text-decoration:none; position:relative;
-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; background:#b20026; border:none; width:55px; margin:0 auto; cursor:pointer;}

table.items th.add a, table.items th.add a:hover { color:#FFF; font-size:12px; font-weight: normal; line-height:18px; height:18px; padding:0 2px; text-decoration:none; position:relative;
-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; background:#70cc3e; border:none; width:130px; margin:0 auto; cursor:pointer;}

.addItem, button[type="button"].addItem { color:#FFF; font-size:12px; font-weight: normal; line-height:16px; height:16px; padding:0 12px; text-decoration:none; 
-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; background:#70cc3e; border:none; margin:1px auto; cursor:pointer;}

.idNum {color:#FFF; font-size:12px; font-weight: normal; line-height:18px; height:18px; padding:1px 6px; text-decoration:none; position:relative; text-align:center;
-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; background:#f1c001; border:none;}

table.items td.level0 { background:#2c9d00; color:#FFF;}
table.items td.level1 { background:#f6f7f6; padding-left: 2em; }
table.items td.level2 { padding-left: 4em; }
table.items td.level3 { padding-left: 4em; }

option.level1 { padding-left: 1em; }
option.level2 { padding-left: 2em; }
option.level3 { padding-left: 3em; }


/* edit form */
table.edit { width:100%; }
table.edit td, table.edit th {
padding:2px;
border:1px solid #a8b3ba;
background: #fffffd;
}
table.edit th {
text-align:left;
vertical-align:top;
width:10em;
}
p.buttons {
width:97%;
margin:5px auto 5px 0;
}
p.buttons a { text-decoration:none; }
fieldset li { list-style-type: none; }

table.edit td.viewImg { vertical-align:top; max-width:900px;}

table.edit select { max-width: 900px;}

dl.ergoTabs dd div img{vertical-align:top; max-width:900px; }

table.edit td.viewImg div { width:900px;height:675px; overflow:auto;}

#frmLogin { width:420px; margin:30px auto; text-align:center;}
#frmLogin input { width:150px; }
#frmLogin table.edit th, #frmLogin table.edit td { text-align:center; border:none; padding:10px;}
#frmLogin table {-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}

a.buton {color:#FFF; font-size:12px; font-weight: normal; line-height:20px; height:20px; padding:3px 10px; text-decoration:none; position:relative; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px;  background-color:#70cc3e; cursor:pointer;}
a:hover.buton, input:hover.buton, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover,  button:hover.buton {color:#fff; background:#3e3d3c; border:none;}
input.buton, button.buton, input[type=submit], input[type=button], input[type=reset] {color:#FFF; font-size:12px; font-weight: normal; line-height:20px; text-decoration:none; position:relative; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px;  background-color:#70cc3e;
padding:0 4px; margin:0 2px; height:20px; border:none; cursor:pointer;}
input[type=button] {height:19px;}
button[type=button] {height:22px;}

.pagination td a { padding:5px;}
.pagination {margin:5px auto;}
.pagination select {margin: 0 5px;}

#fldName, #fldMetaDesc, #fldMetaKeys, #fldSeo { width:700px}

/* galllery */
#dropzone {
	width: 99%;min-height: 100px;
	text-align:center; color:#35873e;
	border:2px dashed #5cbc67;
	background: #e1f4e3 url(../images/dropzone-bg.png) no-repeat center;
}

#tab3 {
	 overflow: auto;
}

ul.gal  {
	width: 100%;
	margin: 0; padding: 0;
	display: inline;
}
ul.gal li {display: inline; width:238px; height:215px; margin:0 7px 20px 0; border:#e0e0e4 solid 1px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; float:left; position: relative; text-align:center;}
ul.gal li:hover { border:1px solid #EAC100;}

ul.gal li span { position: absolute; }
ul.gal li span[data-image-delete] { top:0; right: 0; }
ul.gal li span[data-image-move] { bottom: 0; left: 0; }
ul.gal li span[data-image-move][data-dir="down"] { left:auto; right: 0; }
ul.gal li textarea { margin:10px; border:#e6e6e7 solid 1px; background:#efeff0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:216px; text-align:center;}
ul.gal li button {padding:0 5px;}

ul.cross, ul.suggestcross, ul.suggestvariants, ul.variants { margin:0 40px 0 0; padding :0;;}
ul.cross li, ul.suggestcross li, ul.suggestvariants li, ul.variants li { margin-left: 10px;}
ul.cross li span, ul.suggestcross li span, ul.suggestvariants li span, ul.variants li span { float:right;}

p.level1 {
	padding-left: 2em;
	display: inline;

}

.dropimage {
	 height: 600px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
	border: 2px solid #eac100; padding: 10px; background:#FFF; margin: 10px auto; text-align:center;
	overflow: auto;
}
/*.dropimage img {
    max-width: 600px;
}*/

.dropgalleryimage {
height: 150px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px;
	border: 2px solid #eac100; padding: 10px; background:#FFF; margin: 10px auto;
}

/*barvení statusu*/
#ordersList .status0 td { background: #d8d7df;}
#ordersList .status1 td { background: #c32500; color:#fdede9; }
#ordersList .status2	 td { background: #e3a81a; color:#fef7e7; }
#ordersList .status3 td { background: #009900; color:#A5FFA5; }

/*zdenek dodatkove css*/

.display-none { display: none;}
.with-overlay {position: relative;}
.overlay {
	 display: none;
	 width:100%; height:100%;
	 position: absolute;
	 left:0; top:0;
	 background: lightgray;
	 opacity: .5;
	}

.disabled .overlay {
	display:block;
}

/*edit news */
#image-edit img {
	width: 152px;
	height: 144px;
	padding:20px;
	display: block;
	text-align:center; color:#35873e;
	border:2px dashed #5cbc67;
	background: #e1f4e3 url(../images/dropzone-bg.png) no-repeat center;
}
#image-edit input[type="file"] { display: none;}

#gallery div[data-image-id] {
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	width:220px;
	float:left;
	background:#ececec;
	border:1px solid #c9c9c9;
	margin:0 5px 20px;
	padding:13px;
}
#gallery div[data-image-id] textarea { width:208px; height:42px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}

.helper {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#3ab3f4; padding:8px 7px 5px; margin:5px 3px; color:#FFF; position:relative; font-style:italic; font-size:11px;}
.helperNomarg  {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#3ab3f4; padding:2px 5px; margin:1px; color:#FFF; font-style:italic; font-size:11px; display: inline;}
.helper span {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#256f97; color:#FFF; position:absolute; left:20px; top:-8px; padding:1px 10px;}
.zvyraznit { color:#000;}

}




.display-none { display: none; }

table.collapsed tbody { display: none; }


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* tabs */
dl.tabs {
	width:99%;
	position:relative;
	padding:0;
	overflow:auto;
}
dl.tabs dt {
	cursor:pointer; float:left; height:25px;
	left:5px; line-height:25px; padding:0 1em; position:relative; z-index:2;
	background-color: #f7f9fb;
	-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
	border: 1px solid #939fa7;
	border-bottom: none;

}

dl.tabs dt.selected {
	background-color: #171717;
	border-color: #171717;
	color: #fff; font-weight:bold;
}
dl.tabs dd {
	float:right; background: #f7f9fb;
	margin:26px 0 0 -946px;
	width: 926px;
	padding:10px; border:#939fa7 solid 1px; -moz-border-radius: 0 6px 6px 6px; -webkit-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px;
	z-index:1;
	display:none;
}
dl.tabs dd.selected { display:block; }
dl.tabs dd div {}


.msie10 { display:none }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.msie10 { display:block }
}