* {margin:0; padding:0}
img{border:0}
body{background:#ECECEC; font-family:Trebuchet MS; font-size:12px}
h1{margin:0 0 20px 0}

#obal {width:1200px; margin:70px auto}
#top {width:100%; margin:0 0 20px 0; background:#ECECEC; border-bottom:1px solid #888686; height:80px}

#ram {width:1200px; margin:0 auto}
#sloupec-levy {width:230px; float:left; background:#FFF; display: inline-block;}
#sloupec-levy .menu a{display:block; width:210px; padding:7px 10px; background:#9BB909; margin:1px 0; text-decoration:none; color:#FFFFFF}
#sloupec-levy .menu a:hover{display:block; width:210px; padding:7px 10px; background:#000000; margin:1px 0; text-decoration:none; color:#FFFFFF}
#sloupec-levy .menu a.help{display: inline-block; float: right; padding: 0; margin: 0 5px 0 5px; width: 20px; height: 20px; background: url('./img/help-white.png') scroll 0 0 no-repeat; opacity: 0.7;}
#sloupec-levy .menu a.video{display: inline-block; float: right; padding: 0; margin: 0; width: 20px; height: 20px; background: url('./img/video-white.png') scroll 0 0 no-repeat; opacity: 0.7;}
#sloupec-levy .menu a.help:hover{opacity: 1;}
#sloupec-levy .menu a.video:hover{opacity: 1;}
#sloupec-levy .menuSekce {display:block; width:220px; padding:7px 0px 7px 10px; background:#000; font-size:14px; margin:1px 0; text-decoration:none; color:#FFFFFF}
#paticka {border-bottom:1px solid #888686; margin:20px 0 0 0}

#obsah {width:950px; float:right; display: inline-block;}

.logo {
	width: 250px;
	display: inline-block;
}
.prihlasen {
	display: inline-block;
	width: 270px;
	float: right;
	padding: 0;
}
.prihlasen p {
	padding: 10px 0 0 0
}

.tlacitko {
    display:inline-block;
    margin:0 10px 0 0;
    border:1px solid #677B06;
    padding:7px 20px;
    font-weight:bold;
    background:#9BB909;
    color:#FFFFFF;
    text-decoration:none
}
.tlacitko-02 {
    display:inline-block;
    border:1px solid #8A020D;
    padding:7px 20px;
    font-weight:bold;
    background:#C70312;
    color:#FFFFFF;
    text-decoration:none
}
.tlacitko:hover {background:#677B06}
.tlacitko-02:hover {background:#8A020D}

.admin_sekce{background-color:#AAAAAA; height:30px; line-height:30px; margin:20px 0 15px 0; width:100%; font-weight:bold; font-size:105%}
.admin_sekce p{padding:0 15px; float:left;}
.admin_sekce span{ padding:0 15px; float:right }
.admin_sekce span a{color:#000}
.admin_sekce .upozorneni {color: #8A020D}

.admin_sekce_main{background-color:#000000; height:30px; line-height:30px; margin:20px 0 15px 0; width:100%; font-weight:bold; font-size:105%}
.admin_sekce_main p{padding:0 15px; float:left; color: #ffffff}
.admin_sekce_main span{padding:0 15px; float:right}
.admin_sekce_main span a{color:#ffffff}
.admin_sekce_main .upozorneni {color: #f1a417}

.aButton a{border:1px solid #677B06; padding:6px 20px; margin-right:5px; font-weight:bold; background:#9BB909; color:#FFFFFF; text-decoration:none; float:left}
.aButton a:hover {background:#677B06}

#seznam, .seznam {
	width:100%;
}
#seznam .tlacitkoObr, .seznam .tlacitkoObr {
    width:25px;
    text-align:center
}
#seznam .popisky td, .seznam .popisky td {
    font-weight:bold;
    background:#C0C0C0;
    text-align:center;
    line-height:14px;
    padding: 7px 5px;
}
#seznam .popisky.popisky-slim td, .seznam .popisky.popisky-slim td {
    line-height:12px;
    padding: 3px 5px;
}
#seznam .popisky.popisky-slim td input[type=checkbox], .seznam .popisky.popisky-slim td input[type=checkbox] {
    float: left;
}
#seznam .popisky:hover, .seznam .popisky:hover{
    background:#C0C0C0
}
#seznam .info, .seznam .info {
    padding:7px;
    line-height:16px
}
#seznam tr:hover, .seznam tr:hover{
    background:#FFFFFF
}
#seznam .cena, .seznam .cena{
    text-align:right
}
#seznam .input, .seznam .input {
    width: 100%;
}

.table-priplatky-mini {
    width: 100%;
}
#formular td .table-priplatky-mini td,
.formular td .table-priplatky-mini td,
.table-priplatky-mini td{
    padding: 5px 0px;
}

.filtr_table { width: 100%; }
.filtr_table .info { padding: 7px 10px; }
.filtr_table select.w_100 { width: 100%; }

.datailTab {width:100%}
.datailTab .nadpis{background:#9BB909; color:#FFFFFF; font-size:14px; font-weight:bold; padding:5px}
.datailTab .popis{font-weight:bold}
.datailTab tr{background:#E6E6E6;}
.datailTab tr:nth-child(2n+1){background:#CCCCCC;}
.datailTab td{padding:5px;}

.btnSmaz{width:20px; height:20px; background:url('./img/del.png'); border:0; font-size:0; cursor:Pointer}
.btnUpravit{width:20px; height:20px; background:url('./img/edit.png'); border:0; font-size:0; cursor:Pointer}
.btnRychlaUprava{width:20px; height:20px; background:url('./img/ulozit.png'); border:0; cursor:Pointer; font-size:0px;}
.btnRychlaUprava:hover {cursor:hand}

#login {
	width: 641px;
	height: 300px;
	margin:200px auto;
}
#login .form {
	width:270px;
	display:inline-block;
	padding: 50px 50px 49px 0;
	border-right:1px solid #888888;
}
#login .logo {
	width:270px;
	display:inline-block;
	float:right;
	padding:50px 0 0 0;
}
#login .radek {
	line-height:30px;
}
#login .radek span {
	margin:0 30px 0 0;
}
#login .input {
	padding:3px 5px;
	width:194px;
	border:1px solid #888888;
}
#login .tlacitko {
	margin:30px 0 0 0;
}
#login .alert {
	margin:30px 0 0 0;
}
#login .logo p {
	text-align: center;
	margin:30px 0 0 0;
}
#login .logo p a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#login .logo p a:hover {
    color: #888888;
}

#tabulka {width:100%}
#tabulka td {padding:7px 10px; background:#E6E6E6}
#tabulka td {padding:7px 10px; background:#E6E6E6}
#tabulka .popisky td{font-weight:bold; background:#C0C0C0; text-align:center; line-height:25px}

#formular, .formular {width:100%}
#formular td, .formular td {padding:7px 10px; background:#E6E6E6}
#formular .input, .formular .input {width:100%}
.input-90 {width:90%}
#formular .inputs-kameny input, .formular .inputs-kameny input {width:20%}
#formular textarea, .formular textarea {width:100%}

#formular .seznamm, .formular .seznam {width:100%}
#formular .tlacitkoObr, .formular .tlacitkoObr {width:25px; text-align:center}
#formular table, .formular table{width:100%}
#formular .popisky td, .formular .popisky td{font-weight:bold; background:#ECECEC; padding:5px 10px;}
#formular .editor td, .formular .editor td{padding:3px 0; margin:0; background:#F0F0EE}
#formular .editor table, .formular .editor table{width:auto; padding:0; margin:0}

.tlacitko-2 {border:1px solid #808080; padding:7px 20px; font-weight:bold; background:#AAAAAA; color:#FFFFFF; text-decoration: none}
.tlacitko-2:hover {background:#808080}

.tlacitko-3 { display: inline-block; background: dodgerblue; color: white; border: 1px solid black; padding: 5px 10px; text-decoration: none; font-size: 12px; }
.tlacitko-3:hover { background: black; color: white; border: 1px solid black; padding: 5px 10px; }

.tlacitko-4 { display: inline-block; margin: 0 10px 0 0; border: 1px solid #808080; padding: 7px 20px; font-weight: bold; background: #AAAAAA; color: #FFFFFF; text-decoration: none; }
.tlacitko-4:hover { background:#808080; }


#tableUdaje{width:100%; margin:0 0 20px 0}
#tableUdaje td{width:28%}
#tableUdaje .mensi{width:22%}
#tableUdaje .nadpis td{font-weight:bold; font-size:14px; padding:0 0 15px 0}

.tab{width:100%}
.tabPopis td{background:#4C4C4C; color:#FFFFFF; padding:7px; font-size:14px}
.tabInfo td{padding:7px; border-bottom:1px solid #4C4C4C}

table.tabulka-fa-01 {width:100%; border:4px solid #000000; margin:0 0 20px 0}
table.tabulka-fa-01 input{padding:2px 15px; margin:1px; font-size:12px}
table.tabulka-fa-01 td{border:1px solid #000000; padding:10px 0; vertical-align:top}
table.tabulka-fa-01 p{padding:0px 15px}
table.table-clear td{border:0; padding:0}
.inputMask-01 {border:0; background:#E4E4E4}
.hr-01 {height:2px; border:0; background:#000000; margin:10px 0 10px 0}
.mini-text p {font-size:11px}

.color01 {color:red}
#ceny {width:350px; float:right; margin:30px 0 0 0; font-size:14px}
#ceny  .celkem td{font-weight:bold}
.prislusenstviSeznam {width:100%; height:300px;  background:#ECECEC; padding:0 10px}
.tiskBtn {border:1px solid #677B06; padding:7px 20px; font-weight:bold; background:#9BB909; color:#FFFFFF; float:right; cursor:Pointer}
.tiskBtn:hover {background:#677B06}
.tiskBtnWarning {margin-left: 5px; background: #ffc107; border-color:#c99806;text-decoration:none;}
.tiskBtnWarning:hover {background: #c99806;text-decoration:none;}
.centerAlign{text-align:center}
.rightAlign{text-align:right}
.upozorneni {color:#E51F20}
.hlaseni{font-weight:bold; border:1px solid #E51F20; color:#E51F20; margin:20px 0; padding:15px 0; text-align:center}
.clear {clear:both}
.aname {
    height: 1px;
}
.ul-upozorneni {
    margin: 20px 0 20px 20px;
    color:#E51F20
}
.upozorneni-info {color:#31708f}
ul.upozorneni-info {color:#31708f; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; list-style: square}

/*--------------------- NEW --------------------------------------------------------------------------------------------------------------------- */
.table-01 {width:100%}
.table-01 td {padding:7px 10px; background:#E6E6E6}
.table-01 .input {width:98%}
.table-01 textarea {width:98%}

.table-01 table{width:100%}
.table-01 .popisky td{font-weight:bold; background:#ECECEC; padding:5px 10px;}
.table-01 .editor td{padding:3px 0; margin:0; background:#F0F0EE}
.table-01 .editor table{width:auto; padding:0; margin:0}
.table-01 .seznam {width:100%}
.table-01 .tlacitkoObr {width:25px; text-align:center}

input, select, textarea {
    padding: 2px 4px;
    border: 1px solid #888888;
    border-radius: 0;
}
input[type="checkbox"], input[type="radio"] {
    width: 16px;
    height: 16px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #888888 !important;
    border-radius: 0px !important;
}
/*--------------------- TISK ------------------------------ */
@media print {
	.tab{width:100%}
	.tabPopis td{background:#CCCCCC; color:#000000; padding:7px;}
	.tabInfo td{padding:7px; border-bottom:1px solid #4C4C4C}
	body{background:#FFFFFF; font-family:Trebuchet MS; font-size:13px}
	#formular, .formular {width:100%}
	#formular td, .formular td {padding:7px 10px; background:#FFFFFF}
	h1 {display:none}
	.netiskni {display:none}
	#obal{width:90%; margin:0px auto}
	#top {display:none}
	#ram {width:100%}
	#sloupec-levy {display:none}
	#obsah {width:100%}

	.admin_sekce, admin_sekce_main {background-color:#FFFFFF; color:#000000; padding:5px 0; margin:20px 0 15px 0; width:100%; font-weight:bold; font-size:105%}
	.admin_sekce p, admin_sekce_main p {padding:0;}
	.admin_sekce span, admin_sekce_main span {display:none}
}

.relative{position: relative;}
.help-video{display: block; float: right;}
.help{display: inline-block; margin-right: 10px; width: 24px; height: 24px; background: url('./img/help.png') scroll 0 0 no-repeat; opacity: 0.6;}
.video{display: inline-block; width: 24px; height: 24px; background: url('./img/video.png') scroll 0 0 no-repeat; opacity: 0.6;}
.video.absolute{position:absolute; top: 5px; right: 5px; display: inline-block; width: 24px; height: 24px; background: url('./img/video.png') scroll 0 0 no-repeat; opacity: 0.6;}
.help:hover{opacity: 1;}
.video:hover{opacity: 1;}
a.text-anchor{color:#808080; text-decoration: none;}
a.text-anchor:hover{color: #000; text-decoration: underline;}

.block{display: block; padding: 20px;}
.block a{text-decoration: none; color: #9BB909;}
.block a:hover{color: #AAAAAA;}
.block p{margin-bottom: 15px;}
.block p.no-bottom-space{margin-bottom: 0px;}
.block ol{margin-bottom: 15px; margin-left: 20px;}
.block .font-16{font-size: 16px;}
.strong{font-weight: bold;}
.right{float: right;}
.space-top-minus-20{margin-top: -20px;}
.left{float: left;}
.space-right-20{margin-right: 20px;}
.space-top-5{margin-top: 5px;}

/* NEW v2.6 ----------------------------------------------------------------------------------------*/
.text-info {
	color: #009aee;
}
.text-warning {
	color: #8a6d3b;
}
.text-success {
	color: #3c763d;
}
.text-success-secondary {
    color: #00ce07;
}
.text-danger {
	color: #a94442;
}

.alert {
    position: relative;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
.alert.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info .alert-link {
	color: #245269;
}

.alert.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-warning .alert-link {
	color: #66512c;
}

.alert.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-danger .alert-link {
	color: #843534;
}

.alert.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success .alert-link {
	color: #2b542c;
}

.alert .alert-link {
	font-weight: 700;
}

.alert #download_close_link {
    top: 45%;
    right: 10px;
    position: absolute;
    display: block;
}
#download_close_link {
    text-decoration: none;
    font-weight: bold;
    color: inherit;
}

.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}


.strankovani {
    padding: 0 7px;
    width: 98%;
    margin-top: 20px;
}
.strankovani a {
    display: inline-block;
    padding: 0 5px;
}
.poznamkypodcarou {
    width: 100%;
    margin-top: 20px;
    font-style: italic;
}

.tlacitko-info {
    display:inline-block;
    margin:0 0 0 0;
    border:1px solid #31708f;
    padding:5px 10px;
    font-weight:bold;
    background:#bce8f1;
    color:#31708f;
    text-decoration:none;
}
.tlacitko-info:hover {
    border-color: #bce8f1;
    background:#31708f;
    color:#bce8f1;
}


.dragHandle {
    background-image: url(img/updown2.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    cursor: move !important;
}

/* NEW v2.6 ----------------------------------------------------------------------------------------*/

.select2-container--default .select2-selection--multiple {
    border-color: #707070;
    border-radius: 0px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-bottom: 5px;
}

.lista-tlacitek {
    display: block;
    margin: 0 0 20px 0;
}

.tabs {
    width: 100%;
    list-style: none;
    margin: 0 0 20px 0;
    display: block;
    border-bottom: 1px solid black;
}
.tabs li {
    display: inline-block;
}
.tabs li a {
    display: block;
    padding: 10px 15px;
    border-radius: 0;
    border: 1px solid #c9c9c9;
    border-bottom: 0;
    font-size: 105%;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #4b4949;
    background: #c9c9c9;
}

.tabs li a.active,
.tabs li a:hover {
    background: black;
    border-color: black;
    color: white;
}


.tabs li a.disabled:hover {
    border-color: #c9c9c9;
    color: #4b4949;
    background: #c9c9c9;
    cursor: not-allowed;
}

#tcal {
    margin-left: 185px;
    margin-top: -21px !important;
}
