/*  2015 (c) design by stoupa.bat | musil jan | www.stoupabat.cz */

/*** ADMIN CMS ***/

@import "./font/font-face.css";
@import "./font/genericons.css";

body {
  color: #222;
	font-size: 14px;
  font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;
	font-family: 'open_sansregular', sans-serif;
  font-weight: normal;
  font-style: normal;
}
a, a b, a strong {text-decoration:underline;color:#333;padding:0 2px;}
a:hover, a:hover b, a:hover strong {text-decoration:none;color:#f00;}

hr {border:0;}

#data a[href^="http://"]:only-of-type, #data a[href^="https://"]:only-of-type {background:url('./img/targetblank.png') no-repeat right center;padding-right:18px;}
#data a[href$=".pdf"] {background:url('./img/targetpdf.png') no-repeat right center;padding-right:18px;}
a[target^="_blank"] {}

a img {border:none;}
#data a img {border:2px solid transparent;}
#data a:hover img, #data a img:hover {border:2px solid #999;}

strong, b {font-weight:normal;font-size:1em;font-family:'open_sanssemibold', sans-serif;color:#000;}
em, i {font-weight:normal;font-style:normal;font-size:1em;font-family:'open_sansitalic', sans-serif;}
em strong, i strong, em b, i b, strong em, strong i, b em, b i {font-weight:normal;font-size:1em;font-family:'open_sanssemibold_italic', sans-serif;font-style:normal;}

/******* NADPISY *******/

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
	margin-bottom:0;
  clear:both;
}
h1 {font-size: 1.4em;}
h2 {font-size:1.4em;}
h3 {font-size: 1.5em;background:#fff;color:#004B6D;text-align:center;border-bottom:2px solid #004B6D;padding:4px;}
h4 {font-size: 1.5em;background:#fff;color:#004B6D;text-align:center;padding:0 2px 0 0;line-height:2em;margin:0;}
h5 {font-size: 1.2em;background:#004B6D;color:#fff;text-align:center;margin:20px 0;padding:2px;}
h6 {font-size: 2.5em;padding:20px 40px;text-align:center;color:#9f9f9f;font-family:'open_sanslight_italic', sans-serif;}

/******** STRUKTURA *************/

body {
  position: relative;
  background:#ccc url('./img/admin-bg.png') no-repeat top center / cover;
	text-align: center;
}
#page {
  position: relative;
	margin: 0px auto;
	top: 0px;
	border: 0;
	max-width: 912px;
	text-align: left;
  background: #fff;
}

#header {display:none;}
#menubox {display:none;}
#submenubox {display:none;}
#footer {display:none;}
#mobile-navigation {display:none;}

#data {
  position:relative;
	padding: 80px 3%;
  background:#fff;
	min-height:400px;
	border:1px solid #666;
}
#data p {margin:4px 0;}

/* login */
#ContentPlaceHolderObsah_Login {width:100%;border:none!important;border-collapse:separate!important;border-spacing: 0px 0;color:#1e1e1e;}
#ContentPlaceHolderObsah_Login table {margin:0 auto;font-size:1.4em;}
#ContentPlaceHolderObsah_Login label {margin-right:12px;}
#ContentPlaceHolderObsah_Login_UserName, #ContentPlaceHolderObsah_Login_Password {width:200px!important;padding:6px 12px;}
#ContentPlaceHolderObsah_Login table tr:last-child td {text-align:center!important;}
#ContentPlaceHolderObsah_Login table tr:last-child td input {width:120px;}

#ContentPlaceHolderContent_myLogin {width:100%;border:none!important;border-collapse:separate!important;border-spacing: 0px 0;color:#1e1e1e;}
#ContentPlaceHolderContent_myLogin table {margin:0 auto;font-size:1.4em;width:auto!important;text-align:center!important;}
#ContentPlaceHolderContent_myLogin label {margin-right:12px;font-size:14px;}
#ContentPlaceHolderContent_myLogin_UserName, #ContentPlaceHolderContent_myLogin_Password {width:200px!important;padding:6px 12px;}
#ContentPlaceHolderContent_myLogin table tr:last-child td {text-align:center!important;}
#ContentPlaceHolderContent_myLogin table tr:last-child td input {width:120px;}

/* Administrace */
.fixed {position:fixed;top:0;left:0;background:#fff;width:64%;padding:0 18%;height:56px;z-index:600;}
.fixed {background:#fff url('./img/admin-logo.png') no-repeat 30px center;border-bottom:4px solid #333;}
.fixed p {margin:0;display:inline;}
.fixed h1, .fixed h2 {float:left;width:300px;}

.error {position:absolute;width:100%;background:#E30F00;color:#fff;text-align:center;padding:0px;font-size:16px;left:0;top:55px;}
.errorOK {position:absolute;width:100%;background:#4F9C00;color:#fff;text-align:center;padding:4px;font-size:16px;left:0;top:55px;}

.ui-dialog {position:absolute!important;top:0;z-index:1000;}
.ui-dialog .ui-dialog-titlebar {display:none;}
.ui-widget-overlay {background:#000;}

/* CKeditor */
body.ckeditor {text-align: left; background:#fff url('') repeat-x center top;}

/* Buttton */
.homepage, .zpet, .butOK, .butOk, .butUlozOK, .butUlozRed, #ContentPlaceHolderObsah_LoginStatus1, #ContentPlaceHolderFixed_LoginStatus1, #ContentPlaceHolderObsah_ButtonKeywords, #ContentPlaceHolderFixed_ButtonKeywords {
  float:right;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  color: #666;
  margin: 14px 2px;
  padding: 3px 8px;
	text-decoration:none;
	font-size:14px;
}
.zpet, .butUlozOK, .butUlozRed {float:left;}
.butUlozRed {background-color: #f00;color: #333;}
.butOK, .butOk {float:none;background-color: #82FF00;color:#000;display:inline-block;}

.homepage:hover, .zpet:hover, .butOK:hover, .butOk:hover, .butUlozOK:hover, .butUlozRed:hover, #ContentPlaceHolderObsah_LoginStatus1:hover, #ContentPlaceHolderFixed_LoginStatus1:hover, #ContentPlaceHolderObsah_ButtonKeywords:hover {
  background-color: #004B6D;
  border: 1px solid #333;
  color: #fff;
	text-decoration:none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
  padding: 3px 8px;margin: 14px 2px;cursor:pointer;
  background-color: #82FF00;color: #000;
  border: 1px solid #333;
  border-radius: 3px;
	font-size:14px;
  text-decoration:none;
}
input[type="button"].butOK, input[type="submit"].butOK, input[type="reset"].butOK {
}
input[type="button"]#ContentPlaceHolderObsah_ButtonKeywords,
input[type="submit"]#ContentPlaceHolderObsah_ButtonKeywords,
input[type="reset"]#ContentPlaceHolderObsah_ButtonKeywords {
  float:right;
  background-color: #fff;color:#666;border: 1px solid #666;
}
input[type="button"].butCancel, input[type="submit"].butCancel, input[type="reset"].butCancel {
  background-color:#a3a3a3;color:#fff;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  background-color: #004B6D!important;
  border: 1px solid #333!important;
  color: #fff!important;
	text-decoration:none;
}

/* FORM Seznam stránek */
#ContentPlaceHolderObsah_TreeViewCS {margin-left:40px;}
#ContentPlaceHolderObsah_TreeViewCS tr {}
#ContentPlaceHolderObsah_TreeViewCS table td {padding-right:14px;}
#ContentPlaceHolderObsah_TreeViewCS table tr:hover td {background:#eee;}
#ContentPlaceHolderObsah_TreeViewCS table tr:hover td a {display:block;}

ul li a {text-decoration:none;padding:4px 12px;display:inline-block;}
ul li a:hover {background:#eee;}

/* FORM obsah stránek */
fieldset.formView {width:97%;border:none;border-collapse:separate!important;border-spacing: 1px 0;color:#1e1e1e;margin-top:20px;}
fieldset.formView label {text-align:left;width:100px;vertical-align:top;display:inline-block;color:#666;}
fieldset.formView input[type="text"], fieldset.formView textarea {
	margin: 0 0 5px;
	padding: 6px 8px;
	border: 1px solid #ccc;
	background-color: #fff;
	color:#666;
  width:69%;
}
fieldset.formView input[type="text"]:focus, fieldset.formView input[type="text"]:hover,
fieldset.formView textarea:focus, fieldset.formView textarea:hover {
	border: 1px solid #333; color:#333;
}
fieldset.formView input[type="file"] {border-bottom: 2px solid #999; color:#333;padding:6px 0;}
fieldset.formView input[type="file"]:hover {border-bottom: 2px solid #333;background:#eee;cursor:pointer;}

fieldset.formView img {max-width:360px;max-height:120px;margin:12px 0;}

/* FORM novinky */
table.formView {width:100%;border:none;border-collapse:separate!important;border-spacing: 1px 0;color:#1e1e1e;margin-top:20px;}
table.formView td {text-align:left;vertical-align:top;color:#666;padding:0 6px;}
table.formView input[type="text"], table.formView textarea {
	margin: 0 0 5px;
	padding: 6px 8px;
	border: 1px solid #ccc;
	background-color: #fff;
	color:#666;
  width:69%;
}
table.formView input[type="text"]:focus, table.formView input[type="text"]:hover,
table.formView textarea:focus, table.formView textarea:hover {
	border: 1px solid #333; color:#333;
}
table.formView td img {max-width:300px;max-height:120px;}

table.formView input[type="file"] {border-bottom: 2px solid #999; color:#333;padding:6px 0;margin-bottom:12px;}
table.formView input[type="file"]:hover {border-bottom: 2px solid #333;background:#eee;cursor:pointer;}

/* FORM tabulka s vypisem polozek */
.scroll {max-height:240px;overflow:auto;border-top: 3px solid #004b6d;border-bottom: 1px solid #004b6d;}

table.gridView {width:100%;border:none;border-collapse:separate!important;border-spacing:0;}
table.gridView th {background-color:#004B6D;color:#fff;border:none;font-weight:normal;line-height:2em;width:auto;}

table.gridView td {background-color:#ddd;border:none;padding:6px 0;}
table.gridView td.nahled {text-align:center;height:55px;width:85px;}
table.gridView td.nahled img {max-width:80px;max-height:50px;}
table.gridView td.nahled img:hover {position:absolute;top:-25%;left:6%;max-width:200px;max-height:140px;cursor:crosshair;z-index:400;}
table.gridView td.nahled img:hover {border:4px solid #fff;-webkit-box-shadow: 0 2px 10px 0 #333;box-shadow: 0 2px 10px 0 #333;}

table.gridView tr.alt td {background-color:#eee}
table.gridView tr:hover {position:relative;z-index:220;border:1px solid #eee;-webkit-box-shadow: 0 0 1px 0px #828282;box-shadow: 0 0 1px 0px #828282;}
table.gridView tr:hover td {background-color:#fff;}

table.gridView.ui-sortable {background:#333;}
table.gridView.ui-sortable td {position:relative;}
table.gridView.ui-sortable tr:hover {position:relative;z-index:220;border:1px solid #ccc;-webkit-box-shadow: 0 0 5px 0 #828282;box-shadow: 0 0 5px 0 #828282;}
table.gridView.ui-sortable tr:hover td:first-child {background:#fff url('./img/admin-sortable.png') repeat-y left top;}
table.gridView.ui-sortable tr:hover td:last-child {background:#fff url('./img/admin-sortable.png') repeat-y right top;}
table.gridView.ui-sortable tr:hover td {cursor:move;cursor:n-resize;cursor:grab;}
table.gridView.ui-sortable tr.selected {background:#fff;border:1px solid #000;}
table.gridView.ui-sortable tr.selected td:first-child a {visibility:hidden;}
table.gridView.ui-sortable tr.selected td:last-child a {visibility:hidden;}

/* FORM editace polozky v tabulce */
table.gridView tr.edit {border-bottom:2px solid #004b6d;z-index:240;position:relative;-webkit-box-shadow: 0 0 5px 0 #828282;box-shadow: 0 0 5px 0 #828282;}
table.gridView tr.edit td {background-color:#abdbe6;}
table.gridView tr.edit:hover td {background-color:#abdbe6;}
table.gridView tr.on td {background-color:#abdbe6;color:#333}

table.gridView.ui-sortable tr.edit:hover td {background:#abdbe6;}
table.gridView.ui-sortable tr.on:hover td {background:#abdbe6;}

table.gridView input[type="text"] {
	margin: 0 0 5px;
	padding: 6px 8px;
	border: 1px solid transparent;
	border-bottom: 1px dotted #333;
	color:#333;
	width:360px!important;
}
table.gridView input[type="text"]:focus, table.gridView input[type="text"]:hover {
	border: 1px solid #333;	background-color: #fff; color:#333;
}
table.gridView input[type="file"] {border-bottom: 1px solid transparent;background:#abdbe6;color:#333;padding:6px 0;}
table.gridView input[type="file"]:hover {border-bottom: 1px solid #333;background:#fff;cursor:pointer;}

/* FORM tlacitka v tabulce ulozit/odstranit */
table.gridView tr td:first-child {text-align:center;}
table.gridView tr td:last-child {text-align:center;}

table.gridView tr td:first-child a, table.gridView tr td:last-child a {
  padding: 3px 8px;
	margin: 14px 2px;
	cursor:pointer;
  border: 1px solid #999;
  color:#333!important;
  border-radius: 3px;
	font-size:14px;
  text-decoration:none;
}
table.gridView tr:hover td:first-child a {border:1px solid #82FF00;}
table.gridView tr:hover td:last-child a {border:1px solid #f00;}
table.gridView tr.edit td:first-child a:first-child {background-color:#82FF00;border: 1px solid #333;}
table.gridView tr.edit td:first-child a:last-child {background-color:#fff;border: 1px solid #333;}

table.gridView tr:hover td:first-child a:hover {background-color:#82FF00;border: 1px solid #333;}
table.gridView tr.edit td:first-child a:hover {background-color: #004B6D;border: 1px solid #333;color:#fff!important;}

table.gridView tr:hover td:last-child a:hover {background-color:#f00;border: 1px solid #333;color:#fff!important;;}

/* FORM checkbox/radio */
input[type="checkbox"] {min-width:10px;margin:18px 2px 0;}
input[type="checkbox"] + label {min-width:140px;display:inline-block;line-height:23px;margin:12px 0;}
input[type="checkbox"] + label {color:#666;padding: 1px 10px;}
input[type="checkbox"]:checked + label {background:#1F9200;color:#fff;}
input[type="checkbox"] + label:hover, table.formView input[type="checkbox"]:checked + label:hover {cursor:pointer;background:#004b6d;color:#fff;}

input[type="radio"] {height:22px;vertical-align:-6px;}
input[type="radio"] + label {
  min-width:40px;margin: 14px 2px;padding: 3px 8px;
  cursor:pointer;display:inline-block;
  border: 1px solid #999;border-radius: 3px;
	font-size:14px;color:#666;
  text-decoration:none;
}
input[type="radio"]:checked + label {background:#abdbe6;color:#333;}
input[type="radio"] + label:hover, table.formView input[type="radio"]:checked + label:hover {cursor:pointer;background:#004b6d;color:#fff;}

.cbl input[type="radio"] {height:48px;vertical-align:-6px;}

#ContentPlaceHolderObsah_RadioButtonListLang {margin-right:60px;}