/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:20px 0 0 0; font-size:12px; text-align:left; font-family:Arial, sans-serif; background-color:#EEEEEE; color:#666; }
input, select, textarea { font-size:12px; font-family:Arial, sans-serif; }

/* =DEFAULT STYLES
---------------------------------------------------------------------------------------------------*/
h1, h2, h3, p, form, ul.style_none { padding:0; margin:0; }
h1 { font-size:20px; color:#2C4693; font-weight:normal; margin-top:10px; }
h2 { font-size:14px; color:#2C4693; margin-bottom:10px; }
h3 { font-size:12px; color:#2C4693;}
a { color:#0193cf; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }

.a_color { color:#0193cf; }

img { border:none; padding:0; margin:0; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left !important; }
.floatRight { float:right !important; }


ul.style_none li {list-style:none;}
ul.side-menu li {  line-height:130%; }

.wrap { width:1070px; margin:0 auto; padding:10px 0px 0px 0px; min-height:500px;background:url(../images/layout/stin-cen.png) repeat-y;overflow: hidden; }
.wrap-top { width:1070px; margin:0 auto; padding:0px 0px 0px 0px; height:20px;background:url(../images/layout/stin-top.png) no-repeat; overflow: hidden; }
.wrap-bottom { width:1070px; margin:0 auto; padding:0px 0px 0px 0px; height:20px;background:url(../images/layout/stin-bot.png) no-repeat; overflow: hidden; }


.wrap_v2 { width:1070px; margin:0 auto; padding:10px 0px 0px 0px; min-height:500px;overflow: hidden; background-color: white; }
.wrap_v2-top { width:1070px; margin:0 auto; padding:0px 0px 0px 0px; height:20px; overflow: hidden; background-color: white;}
.wrap_v2-bottom { width:1070px; margin:0 auto; padding:0px 0px 0px 0px; height:20px; overflow: hidden; background-color: white;}

* html .wrap { height:500px; }
.noBold { font-weight:normal !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }

.podtrzene{
	border-bottom:1px solid #CCCCCC;
}

ul.disc.text li {
  list-style-type: disc;
  margin-left: 30px;
}
ol.disc.text li {

  list-style-type: lower-alpha;
  margin-left:20px;
  margin-bottom: 5px;
}
ol.disc.text li b.i{
	font-style: italic;
}
ol.disc.text li b.u{
	text-decoration:underline;
}

input[type="button"].textovy{
	border:0px solid black;
	background-color:transparent;
	cursor:pointer;
	text-decoration:underline;
}

.vetsi{
	font-size:20px;
}
/* =HEADER
---------------------------------------------------------------------------------------------------*/
.m_header { width:1030px; float:left; margin:0px 0px 0px 30px;  background:url(../images/layout/3/hlavicka.png) no-repeat;height:180px;  }
.m_header .logo { width:265px; height:80px; float:left; margin-right:20px; }
.m_header .header-slider { float:left; width:400px; height:58px; padding:22px 0 0 70px;background:url(../images/layout/bg-header-slider.gif) no-repeat top left; }
.m_header .header-slider ul { float:left; width:400px; height:58px; overflow:hidden; }
.m_header .header-slider li { float:left; width:400px; height:58px;  }
.m_header .header-slider li .title { font-size:20px; color:#da5e2b; margin-bottom:10px; display:block; }
.m_header .header-slider li a { font-size:14px; color:#000; text-decoration:none; }
.m_header .header-slider li a:hover { text-decoration:underline; }

/* =BREADCRUMB
---------------------------------------------------------------------------------------------------*/
.breadcrumb {clear:both;  width:1005px; font-size:12px; color:#000; margin:0px 0px 0px 0px; heihgt:30px; padding:10px 30px 5px 30px;}
.breadcrumb a { font-size:12px; color:#4b4b4b; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
.main-menu { width:1010px; height:40px; float:left;position:relative;  margin-top: 42px;}
* html .main-menu { position:relative; display:inline; }

.main-menu li { float:left; height:40px;  position:relative; z-index:50; }
.main-menu li a { display:block; height:40px; line-height:40px; width:100%; text-align:center; color:#2C4693; font-size:13px; text-transform:uppercase; font-weight:bold; background-position:left top; text-decoration:none; background-repeat:no-repeat; outline:none; }
.main-menu li a.active span { display:block;  background-color: rgba(44, 70, 148, 0.4); color:white; border-left:1px solid white;  border-right:1px solid white;}
.main-menu li a:hover:not(.active),
.main-menu li.hover a,
.main-menu li:hover a:not(.active) { background-position:left bottom; background-color:rgba(44, 70, 148, 0.4); text-decoration:underline; color:white; }

.main-menu li.m1 { width:100px;margin-left:10px;}
.main-menu li.m1 a {  } /*background-image:url(../images/layout/mn-domov.gif);*/
.main-menu li.m1 a.active span { background-color:transparent; }
.main-menu li.m1 a.active { background-position:left bottom; }
.main-menu li.m2 { width:190px; }
.main-menu li.m3 { width:150px; }
.main-menu li.m4 { width:200px; }
.main-menu li.m5 { width:126px; }
.main-menu li.m5:first-child {  }
.main-menu li.m5:last-child {  }
.main-menu li.m6 { width:83px; }
.main-menu li.m6 a { background-image:url(../images/layout/mn-pomoc.gif); background-position:right top; }
.main-menu li.m6 a.active span { background-color:transparent; }
.main-menu li.m6:hover a,
.main-menu li.m6 a:hover,
.main-menu li.m6 a.active { background-position:right center; }
.main-menu li.nazev_firmy {
	width:300px;
	padding-left:15px;
	line-height: 40px;
	height:40px;
}
/* sub */
.main-menu li .sub { width:246px;  display:none; position:absolute; left:0px; top:40px; z-index:1000;}
.main-menu li .sub li { float:none; height:auto; background:none; position:static;margin:0px 0 0px -20px;padding:10px 0px 10px 10px;border-bottom: 1px dashed  white;}
.main-menu li .sub a { color:white; display:inline; height:auto; line-height:16px; width:auto; background:none; text-align:left; text-transform:none; font-weight:normal; text-decoration:none; }
.main-menu li .sub a:hover { text-decoration:underline;}
.main-menu li .sub .subInner { width:226px; padding:0px 0 5px 20px;  position:relative;background-color:#7d8ebc;  }
.main-menu li .subInnerBottom { height:10px;  }
* html .main-menu li .sub .subInner,
* html .main-menu li .subInnerBottom { background-color:#7d8ebc; }
/* sub reverse */
.main-menu li .reverse-sub { width:196px; display:none; position:absolute; left:auto; right:-2px !important; top:40px; z-index:1000; }
.main-menu li .reverse-sub .subInner { width:176px; padding:12px 0 5px 20px; background: url(../images/layout/menu-sub-bg2.png) left top no-repeat; position:relative; }
.main-menu li .reverse-sub .subInnerBottom { height:10px; background: url(../images/layout/menu-sub-bottom-bg2.png) no-repeat; }

.main-menu li:hover .sub, * html .main-menu li.hover .sub {display:block;}

/* =menu-group
---------------------------------------------------------------------------------------------------*/
    .menu-group {margin-left:30px;}
    .menu-group li {border-bottom:1px dashed #9B9B9B; padding:5px; }
    .menu-group li a{color:white; text-decoration: none;font-weight:bold;}
    .menu-group li a:hover {color:white; text-decoration: underline;}
/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main, .main-top, .main-bottom { border: 0px solid black; width:990px; margin:0px 0px 0px 30px; padding:0px 20px 0px 0px; float:left;   }

.main{}

.main-top {height:9px; margin:0px 0px 0px 30px; }
.main-bottom {height:9px; margin:0px 0px 0px 30px;  }

.main-menu li:hover div.sub a{
	background-color:transparent;
	text-decoration:none;
}
.main-menu li:hover div.sub a:hover{

	text-decoration:underline;
}

.cl.main, .cl.main-top, .cl.main-bottom {
	background-color: #FAFAFA;
	background-image: none;
}

/* =WELCOME-BOX
---------------------------------------------------------------------------------------------------*/
.welcome-box .welcome-news { width:593px; background:url(../images/layout/bg-welcome-banner-top.gif) no-repeat top left; }
.welcome-box .welcome-news-in { width:443px; padding:15px 10px 10px 140px; min-height:100px; background:url(../images/layout/bg-welcome-banner-bottom.gif) no-repeat bottom left; }
.welcome-box .welcome-news p { margin-bottom:5px; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:98%; padding:15px 20px;  position:relative; border: 0px solid red;float: left;min-height:450px}
.content h1.client-section { margin-bottom:16px; /*height:40px; */padding-left:30px; background:url(../images/layout/icon-client-section.png) no-repeat top left; }
.content h1.my-clinic { margin-bottom:10px; height:40px; padding-left:40px; background:url(../images/layout/icon-my-clinic.png) no-repeat 0 5px; }
.content h1.my-programs { margin-bottom:10px; height:40px; padding-left:40px; background:url(../images/layout/icon-my-programs.png) no-repeat 0 5px; }
.content h1.my-profil { margin-bottom:10px; height:40px; padding-left:40px; background:url(../images/layout/icon-my-profil.png) no-repeat 0 5px; }
.content h1.my-doctors { margin-bottom:10px; height:40px; padding-left:40px; background:url(../images/layout/icon-my-doctors.png) no-repeat 0 5px; }
.content h1.edit-my-profil { margin-bottom:10px; height:40px; padding-left:40px; background:url(../images/layout/icon-edit-my-profil.png) no-repeat 0 5px; }
.content h1.prehled_receptu { margin-bottom:10px; height:45px; padding-left:40px; background:url(../images/layout/icon-prehled-receptu.png) no-repeat 0 5px; }
.content h1.prehled_d_v { margin-bottom:10px; height:45px; padding-left:40px; background:url(../images/layout/icon-prehled-diagnoz.png) no-repeat 0 5px; }
.content h1.prehled_vysetreni{ margin-bottom:10px; height:45px; padding-left:40px; background:url(../images/layout/icon-prehled-vysetreni.png) no-repeat 0 5px; }
.content h1.what-is-clientsection { margin-bottom:10px; height:40px; padding-left:35px; background:url(../images/layout/icon-co-je-klientska-zona.png) no-repeat 0 3px; }

.content h1.co_je_qr_kod { margin-bottom:10px; height:40px; padding-left:35px; background:url(../images/layout/ico_qrcode.png) no-repeat 0 3px; }

.content .welcome-ui { font-size:30px; display:block; margin-bottom:10px; height:40px; padding-left:40px; }
.content .overview-of-examination { font-size:30px; display:block; margin-bottom:10px; height:40px; padding-left:40px; }
.content p.desc { font-size:14px; margin-bottom:15px; }
.content p { margin-bottom:10px; }
.content .messages-box { width:95%; padding:10px;  color:#fff; background-color:red;  font-weight: bold;clear:both;}
.content .messages-box-green {width:95%; padding:10px;  color:#fff; background-color:green;  clear:both;font-weight: bold;}
.vykricnik{width:15px;height:15px;margin:5px 10px 5px 5px;background:url(../images/layout/vykricnik.png); background-repeat: no-repeat;display:inline-block;vertical-align: middle;}
 .kulate_rohy{
	 -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
 }
.content .program-select { width:593px; }
.content .program-select select { width:150px; height:20px; }
.content .program-select strong { font-size:11px; line-height:20px; }
.content ul.pay-list li { width:583px; padding:10px 5px; float:left; font-size:11px; border-top:1px solid #ededed; }
.content ul.pay-list li.first { border-top:0; }
.content ul.pay-list li.color { background:#fbfbfb; }
.content ul.pay-list li input { width:14px; height:14px; padding:0; margin:1px 0 0 0; float:left; }
.content ul.pay-list li div { width:565px; float:right; }
.content ul.pay-list li div label { font-weight:bold; float:left; margin-bottom:10px; position:relative; }
.content ul.pay-list li div img { position:absolute; top:0; left:70px; }
.content ul.pay-list li div img.img-tatrapay { margin:-5px 0 5px 0; }
.content ul.pay-list li div p { float:left; width:565px; margin:0; }

/* =ITEM
---------------------------------------------------------------------------------------------------*/
.item { width:770px; float:left; margin-bottom:30px; background:url(../images/layout/bg-item-bottom.gif) no-repeat bottom left; }
.item.partners-item { margin-bottom:10px; }
.item.last { margin-bottom:0; }
.item .item-in { width:770px; padding:10px 10px 10px 10px; float:left; background:url(../images/layout/bg-item-top.gif) no-repeat top left; }
.item .item-text { width:630px; float:left; padding-left:20px; }
.item.partners-item .item-text { width:380px; padding-top:10px; }
.item.partners-item .item-text strong { display:block; margin-bottom:10px; }
.item .item-text .name,
.item .item-text em { font-size:14px; display:block; line-height:1.4em; }
.item .logo-partners { width:168px; padding:5px; float:left; margin-bottom:10px; background:#fff; text-align:center; }
.item .logo-partners a { line-height:23px; text-decoration:none; }
.item .logo-partners a:hover { text-decoration:underline; }

.item_icon{
	width:120px;
	float:right;
	height:50px;
	text-align:right;
	border:0px solid red;
}

/* =SIDE
---------------------------------------------------------------------------------------------------*/
.side { width:190px; margin-right:28px; }
.side .orange-box { width:198px; float:left; color:#fff; background:#d16839 url(../images/layout/bg-orange-box-top.gif) no-repeat top left; }
.side .orange-box .orange-box-in { width:180px; padding:15px 15px 5px 15px; background:url(../images/layout/bg-orange-box-bottom.gif) no-repeat bottom left; }
.side .orange-box .title { font-size:20px; display:block; margin-bottom:12px; }
.side .orange-box p { margin-bottom:9px; }
.side .orange-box ul li { padding-left:10px; font-weight:bold; background:url(../images/layout/bullet-orange-box.gif) no-repeat 0 7px; }

.side .banners-side li { width:190px; float:left; margin-top:10px; }
.side .banners-side li.banner-side a { width:180px; height:50px; padding:10px 0 0 65px; font-size:12px; color:#000; display:block; text-decoration:none; line-height:1.3em; font-family:"Lucida Grande CE", Tahoma, lucida, sans-serif; }
.side .banners-side li.banner-side a:hover { text-decoration:underline; }
.side .banners-side li.ako-sa-stat-klientom { background:#e4e4e4 url(../images/layout/banner-ako-sa-stat-klientom.gif) no-repeat; }
.side .banners-side li.vyhody-a-benefity-karty { background:#e4e4e4 url(../images/layout/banner-vyhody-a-benefity-karty.gif) no-repeat; }
.side .banners-side li.banner-pay { width:253px; height:37px; padding:12px 0 0 12px; background:#ededed url(../images/layout/bg-banner-pay.gif) no-repeat top left; }
.side .banners-side li.banner-pay img { float:left; margin-right:5px; }

.side ul.side-menu { width:190px; float:left; margin-bottom:20px; }
.side ul.side-menu li { width:188px; height:35px; line-height:35px; padding-left:10px; font-weight:bold; float:left; border-bottom: 1px dashed  #C5C5C5; }
.side ul.side-menu li.last { background:none; }
.side ul.side-menu li.active { margin-top:-1px; background-color: rgba(44, 70, 148, 0.4); }
.side ul.side-menu li a { text-decoration:none; font-size:12px; color:#2C4693;}
.side ul.side-menu li a:hover { text-decoration:underline;}
.side ul.side-menu li.active a { color:#000; }
.side ul.side-menu li .status-profil { width:86px; height:30px; display:inline-block; text-align:center; margin-left:10px; font-size:9px; text-transform:uppercase; color:#fff; }
.side ul.side-menu li .status-profil.preplatok { background:url(../images/layout/bg-status-preplatok.gif) no-repeat top left; }
.side ul.side-menu li .status-profil.nedoplatok { background:url(../images/layout/bg-status-nedoplatok.gif) no-repeat top left; }

ul.editor-list { width:593px; margin-bottom:10px; }
ul.editor-list li { width:583px; padding-left:10px; line-height:1.4em; display:block; font-weight:bold; background:url(../images/layout/bullet-black.gif) no-repeat 0 6px !important; }

/* =BOX
---------------------------------------------------------------------------------------------------*/
.box {width:266px; height:110px;overflow: hidden; float:left;padding:5px 5px 5px 10px;margin:-25px 30px 40px -20px;border:0px solid red;z-index:2000;color:#858585;}
.box1{background:url(../images/layout/3/box1.png);}
.box2{background:url(../images/layout/3/box2.png);}
.transparent{width:200px;margin:-25px -30px -100px -20px;height:170px;padding-top:10px;}
.box ul{}
div.box ul li{list-style-type: disc;list-style-position: inside;padding-top:4px;padding-left:4px;color:#858585;}

div.box h2 {font-size:16px;color:#858585;margin-top:10px;}
div.box.transparent h2 {color:#2C4693;margin:0px;}
div.box_side{width:200px;padding:5px 5px 5px 10px;}
div.box_side h2 {color:#2C4693;margin:0px;}
div.box_side ul li{list-style-type: disc;list-style-position: inside;padding-top:4px;padding-left:8px;}
/* =TABLE
---------------------------------------------------------------------------------------------------*/
table.programs-table { width:100%; margin:0 0 20px 0; font-size:12px; }
table.programs-table th { text-align:right; padding:0 10px; height:30px; line-height:30px; background:#ededed; }
table.programs-table td { text-align:right; border-bottom:1px solid #ededed; padding:0 10px; height:32px; }
table.programs-table .first { text-align:left; }
table.programs-table a { display:inline-block; margin-left:10px; }
table.programs-table tr.sumar td { font-size:15px; font-weight:bold; padding-top:10px; border-bottom:0; border-top:2px solid #ededed; }

table.overview-table { width:100%; margin:0 0 20px 0; font-size:12px; }
table.overview-table th { padding:0 10px; height:30px; line-height:30px; background:#ededed; }
table.overview-table td { border-top:1px solid #ededed; padding:10px; height:32px; }
table.overview-table td.first { width:300px; }
table.overview-table.welcome-overview tr.lastTr td { border-bottom:1px solid #ededed; }
table.overview-table tr.color td { background:#FBFBFB; }
table.overview-table td span { display:block; }
table.overview-table.grey-table td,
table.overview-table.grey-table td span.title { color:#7F7F7F; font-weight:normal; }
table.overview-table td span.title { color:#2C4693; font-weight:bold; }
table.overview-table tr.note td { border-top:0; padding:0 10px 10px 10px; height:auto; }
table.overview-table tr.note td strong { line-height:1.4em; }
table.overview-table tr.note td p { width:85%; margin:0; }

table.data-table{
	width:100%;
	border-collapse: collapse;
	font-size:12px;
	padding:10px;
	text-align:left;
}
table.data-table th, table.data-table tfoot td{
	background-color:gray;
	color:white;
	padding:5px;
}
table.data-table tr{
	background-color:#cccccc;
}
table.data-table tr:nth-child(odd){
	background-color:#dddddd;
}

table.data-table tr.sub_row{
	background-color:#efefef;
}

table.data-table tr:first-child th:first-child{
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;

}
table.data-table tr:first-child th:last-child{
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;

}

table.data-table tr.minuly{
	color:#E53636;
}

table.data-table tr.minuly a.smazat{
	display:none;
}
table.data-table tr.soucasny{

}
table.data-table tr.soucasny a.zalozit{
	display:none;
}
table.data-table tr.budouci{
	
}
table.data-table tr.budouci a.zalozit{
	display:none;
}

table.data-table tfoot tr:last-child td:last-child{
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;

}
table.data-table tfoot tr:last-child td:first-child{
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;

}


table.data-table td.cena{
	text-align:right;
}
table.data-table td.stred{
	text-align:center;
}
table.data-table td{
	overflow:hidden;
	padding:5px;

}
.data-table.text-small{
	font-size:10px;
	table-layout:fixed;


}
.uif .data-table.text-small{
	table-layout:auto;
}
.data-table.text-small td, .data-table.text-small th{
	border-bottom:1px solid white;
	border-right:1px solid white;

}

.data-table table.no-data{
    border-collapse: collapse;
}
.data-table table.no-data tr{
	background-color:transparent;
}
.data-table table.no-data tr td{
	border:0px solid white;
}


.statistiky_ukonu_datum{
		display:none;
		font-size:14px;
}
.print_show{
		display:none;
	}
@media print {
	.print_show{
		display:inline-block;
	}
	.data-table.text-small td, .data-table.text-small th{
		border:1px solid black;
		color:black;


	}
	.statistiky_ukonu_datum{
		display:inline;
	}
	.print_pad{
		padding:5mm;
	}


}

input[type="submit"], input[type="button"], .button, .pseudo_ui_button{
	border: 0px solid black;
	padding-left: 20px ;
	padding-right: 20px ;
	
	color: white;
	font-weight: bold;
	text-align:center;
	background-color: #848484;
	cursor: pointer;
	margin:2px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a.button{
	padding-top: 5px ;
	
	text-decoration:none;
	font-size:12px;
	
	display:inline-block;
}

.button_tm{
	border: 0px solid black;	
	padding-left: 20px ;
	padding-right: 20px ;
	height:26px;
	color: white;
	font-weight: bold;
	text-align:center;
	background-color: transparent;
	cursor: pointer;
	margin:2px;
}

span.ikonka.fa,i.ikonka.fa{
	color:white;
	font-size:2em;

}

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer {  clear:both;  width:350px; margin:0 auto; border:0px solid red; text-aligin:center; color: #98999A; text-transform: uppercase; font-size: 10px; padding:5px; }

/* =FORMS
---------------------------------------------------------------------------------------------------*/
.text-input input { font-style:italic; color:#9c9c9c; }
.text-input.write input { font-style:normal; color:#000; }
.login-form { width:49%;display:inline-block;vertical-align:top; }
.login-form.step1 { height:200px;}
.login-form.step1 h2 { font-size: 24px; color:#858585; padding:0px 0px 10px 0px; }
.login-form.step2 { height:220px;margin-top:20px; padding:37px 300px 0 0;  }
.login-form label { width:125px; line-height:21px; float:left;color:#858585; }
.login-form .row { float:left; }
.login-form .row .field { text-align:right; width:207px; height:19px; padding:1px; margin-bottom:7px;  }
.login-form .row .field input { width:199px; height:19px; padding:2px 3px; border:0; background:white;border:1px solid #cdcdcd; }
.login-form fieldset.v2 div input { width:85%;margin-top:15px; }
.login-form .row .capcha {display: inline-block; margin-left:1px;}
.login-form .row .capcha span { width:167px; height:21px; display:block; position:absolute; left:0; top:0; background:url(../images/layout/bg-capcha.png) no-repeat top left; }
form .button-zmenit-program { margin-left:20px; }

form.default-form .row { width:477px; float:left; clear:both; position:relative; }
form.default-form .row .field-box { width:277px; float:right; position:relative; }
form.default-form .row .field-correction { width:100px; position:absolute; left:285px; top:3px; }
form.default-form .row .field-correction a { width:13px; height:13px; display:inline-block; overflow:hidden; text-indent:-99px; }
form.default-form .row .field-correction a.button-add { background: url(../images/layout/3/icon-add.png) no-repeat top left; }
form.default-form .row .field-correction a.button-delete { margin-right:3px; background: url(../images/layout/3/icon-delete.png) no-repeat top left; }
form.default-form .row .field-correction a:hover { background-position:bottom left; }
form.default-form .row .info-message { position:absolute; left:420px; top:-3px; width:165px; font-size:10px; }
form.default-form select { width:275px; height:21px; margin-bottom:7px; font-size:11px; }
form.default-form label { width:200px; float:left; line-height:21px; }
form.default-form .field { width:275px; height:19px; padding:1px; margin-bottom:7px; float:left; position:relative; background:url(../images/layout/bg-field-277.gif) no-repeat top left; overflow:hidden; }
form.default-form .field.no_border { background-image:none; overflow:inherit;height:inherit;}
form.default-form .field.no_border select, form.default-form .field.no_border textarea{ width:275px;}
form.default-form .field.error { background-position:bottom left; background-color:#FFD2CD; }
form.default-form .label-error { height:15px; position:absolute; top:3px; right:3px; }
form.default-form .label-error.bad-format { width:124px; background:url(../images/layout/label-nespravny-format.gif) no-repeat top left; }
form.default-form .label-error.required { width:91px; background:url(../images/layout/label-povinny-udaj.gif) no-repeat top left; }
form.default-form .field input[type='text'] { width:269px; height:15px; padding:2px 3px; font-size:11px; border:0; background:transparent; }
form.default-form .field input[type='password'] { width:269px; height:15px; padding:2px 3px; font-size:11px; border:0; background:transparent; }
form.default-form .button-save-box { width:477px; clear:both; padding-top:5px; text-align:right; font-size:10px; }
form.default-form .field-textarea { width:275px; height:133px; float:left; margin-bottom:7px; padding:1px; background:url(../images/layout/bg-textarea-277.gif) no-repeat top left; }
form.default-form .field-textarea textarea { width:269px; height:129px; padding:2px 3px; border:0; font-size:11px; background:transparent; }
div.form_nazev{
	width:30%;
	display:inline-block;
	vertical-align:top;
}
.main2 ul.odkazy {
	padding:30px;
}


.main2 ul.odkazy li {
	display:inline-block;
	vertical-align: top;
	margin:10px;
	width:30%;	
}

.main2 ul.odkazy a{
	color:gray;
	text-decoration:none;
	font-size:13px;
}

/* =POPUP
---------------------------------------------------------------------------------------------------*/
.wrap.popUp { width:400px; padding:20px 0 0 0; overflow:hidden; text-align:center; background:#fff; }
.wrap.popUp p { font-size:30px; margin:10px 0 25px 0; }
.wrap.popUp a { width:60px; height:29px; line-height:24px; font-weight:bold; text-decoration:none; font-size:12px; text-transform:uppercase; letter-spacing:1px; display:inline-block; margin:0 15px; color:#fff !important; text-align:center; background:#5C5C5C url(../images/layout/bg-button.gif) no-repeat top left; }
.wrap.popUp a:hover { text-decoration:underline; }

div#TB_ajaxContent {
	margin-bottom: 10px;
	overflow: auto;
}
/* =login pic
---------------------------------------------------------------------------------------------------*/

.bg-login-pic{width:49%;display:inline-block;vertical-align:top;}
.marg-bottom{margin-bottom:1em;}
.lse{width:100%;}
.loget{width:25%;float:right; margin: 2em 3em 0em 3em;}

/* = tab ukonu
---------------------------------------------------------------------------------------------------*/

.kz_tab{width:680px;text-align:left;font-size:12px;border:1px dashed #BBBBBB;margin-left:10px;}

.kz_tab tr.tab_head th {padding-left:5px;text-align:left;line-height: 25px;background-color: #bbdaef; }

.kz_tab tr {background-color: #F5F5F5;}

.kz_div{width:670px;text-align:left;font-size:12px;border:1px dashed #BBBBBB;margin-left:10px;padding:10px 5px 10px 5px;}

/* = texty
---------------------------------------------------------------------------------------------------*/

.ui-widget-header {
	background-color:#BBDAEF;
}


input.prihlasit{
	background:url('../images/layout/3/button-login.gif');
	border:0px solid white;
	background-color:white;
	width:170px;
	height:28px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.login-form fieldset div input.prihlasit_v2{
	background-color:#cf0118;
	border:0px solid white;
	color:white;
	width:50%;
	height:40px;

	cursor:pointer;
}
.capcha_obnovit{
	background-color:#2C4693;
	color:white;
	margin:-5px 0px 0px 0px;
	float:right;
	width:40%;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	height:15px;
	padding:5px;
	text-transform: uppercase;
}
.defaultTextActive{
	color:gray;
}

.ukol.zrusit{

	background:url('../images/layout/ico_cross.png');
	background-repeat:no-repeat;
	margin:2px;
	width: 33px;
	height:33px;
	margin-left:20px;
	border: 0px solid black;
}
.ukol.naplanovany td{
	background-color: rgba(44, 70, 148, 0.1);
	border-top:3px solid white;
}

.ico_mapa{
	margin:5px;
	margin-right:0px;
	margin-top:10px;
	width:30px;
	height:30px;
	background:url('../images/layout/ico_mapa.png');
	background-repeat:no-repeat;
	display: inline-block;
}
.ico_qrcode{
	margin:5px;
	margin-right:10px;
	margin-top:10px;
	width:30px;
	height:30px;
	background:url('../images/layout/ico_qrcode.png');
	background-repeat:no-repeat;
	display: inline-block;
}
.qrcode_zobraz{
	width:450px;
	height:450px;
	background:white;
	border:2px solid #2C4693;
	position:absolute;
	display:none;
	text-align:center;
	padding:10px;
	z-index:5000;

}
.qrcode_zobraz .popis{
	padding:20px;
	padding-bottom:10px;
	padding-top:10px;
	font-size:16px;
	color:#2C4693;


}
.typy_ukonu{


	padding-left:10px;
	background-color:#EDEDED;

}
.qrcode_zobraz h2{
	padding:20px;
	padding-bottom:0px;
	margin-top:20px;
	padding-top:0px;

}
table.overview-table td{
	vertical-align:top;
}

	/* = MAIN2
	---------------------------------------------------------------------------------------------------*/
	.main2, .main2-top, .main2-bottom { width:1030px; margin:0px 0px 0px 30px; padding:0px 20px 0px 0px; float:left; background:url(../images/layout/seg2-bg-middle.png)repeat-y; }

	.main2.cl, .main2-top.cl, .main2-bottom.cl { background-image:none; background-color:#FAFAFA;  }

	.main2-top {padding:0px; height:9px; margin:0px 0px 0px 30px; background:url(../images/layout/seg2-bg-top.png)no-repeat; }


	.main2 {
		height: 160px;
		background: url(../images/layout/seg2-bg-middle.png);		background-repeat:  repeat-y;		
		background: url(../images/layout/3/logo2.png), url(../images/layout/seg2-bg-bottom.png), url(../images/layout/seg2-bg-middle.png);		background-repeat: no-repeat, no-repeat, repeat-y;
		background-position: 70px bottom, left bottom, left top;


	}
	.main2 div{
		color:gray;
		width:300px;
		padding-left: 50px;
		padding-top: 30px;
		text-align:justify;

	}

.name {

	font-weight:bold;
	color:#2C4693;
}
.vyrazne{
	float:left;
	width:150px;
	font-weight:bold;
	color:#2C4693;
}


.tip{
	width:95%;
	color:#666;
	margin:4px;


	padding-left:5px;

}

.tip h2, .tip a {
	color:#cf0118;
}
.tip div  {
	text-align:right;
}
.tip ul.side-menu li{
	padding-left:0px;
	margin-left:0px;
}

.scan_qr{

	float:right;
	width:280px;
	height:230px;
	margin-left:10px;

	background-image:url('../images/layout/3/scan_qr_kod.png');

}
a.jsou_videt{display:inline-block;}


.text_zvyraznene{
	color:#2C4693 ;
}

.stat_detail{
	text-decoration:underline;
	text-align:center;
	cursor:pointer;
}
.poznamky{
	cursor:pointer;
	display:inline-bloc;
	color:#0193cf;
	text-decoration:underline;
}
.poznamky:hover { text-decoration:none; }


.popisek{
	width:10%;
	min-width: 150px;
	display:inline-block;
	vertical-align: top;
}
.pole{
	width:45%;
	min-width: 200px;
	display:inline-block;
	vertical-align: top;
}
textarea.pole, div.pole{
	height:50px;
	width:50%;
}
.nova_odpoved{
	background-color: white;
	padding:5px;
	border-top: 1px solid #dddddd;
	margin:2px;
}
.poznamka_obalka{
	border: 1px solid #dddddd;
	margin-bottom:15px;
	background: #fbfbfb;
	padding:5px;
}
.odpoved{
	border:  1px solid #dddddd;
	margin:0px 5px 5px 25px;



}
.udaje{


	border-bottom:  1px solid #dddddd;
	padding:5px;

}
.udaje div{
	display:inline-block;
	vertical-align: top;
	font-weight:bold;



}
.udaje .nazev{
	width:60%;

}
.udaje .datum{
	width:20%;
}
.udaje .zadal{
	width:20%;
}
.text{
	padding:5px;
}
.bg_uzavren{
	background-color: rgba(0, 255, 41, 0.13);
}
.bg_otevren{
	background-color: rgba(255, 0, 0, 0.13);
}
.chyba{
	color: red;
}
.plus, .minus{
	display:inline-block;
	width:10px;
	height:10px;
	vertical-align: middle;
	margin: 0px 5px 0px 2px;
	cursor:pointer;
}

.plus{
	background-image:url('../images/ico_plus.png');
}
.minus{
	background-image:url('../images/ico_minus.png');
}
.schovat_upload{
	display:none;
}
.notes_close, .notes_open, .download{
	display:inline-block;
	width:30px;
	height:25px;
	vertical-align: middle;
	margin: 0px 5px 0px 2px;
	cursor:pointer;
}

.notes_close{
	background-image:url('../images/notes_closed.png');
}
.notes_open{
	background-image:url('../images/notes_open.png');
}
.download{
	background-image:url('../images/download_icon.png');
}

.gray{
 color:gray !important;
}
.red{
 color:red !important;
}

h2.nastenka{

	    border-bottom: 1px solid #cdcdcd;
}

.header__small-no{
	display:none;
}

.redborder{
	border:1px solid red !important;
}


/* naseptavac */
.nas_vysl {border: 1px solid #000; background-color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10001; display: none; }
.nas_vysl li {cursor: pointer; padding: 2px 5px; white-space: nowrap; color: #000; text-align: left; }
ul.nas_vysl>li.nas_over {background-color: #F0F0B8; }
.nas_vyb {text-decoration: underline; color: black; }
ul.nas_vysl>li.nas_zak {cursor: default; background-color: #888; }
.nas_zvyr {background-color: #e0e0e0; }
.poznamky:hover { text-decoration:none; }

/* = jquery css
---------------------------------------------------------------------------------------------------*/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0px none; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style-type:none }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*.ui-helper-clearfix { display: inline-block; }*/
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/*.ui-helper-clearfix { display:block; }*/
/* end clearfix */
/*.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }*/
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr th.headerSortDown, table.tablesorter thead tr th.headerSortUp, table.tablesorter thead tr th.header{
	padding-right: 15px;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #7d8ebc;
}

.ico-typ-ukon {
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 20px !important;
    cursor: default !important;
    outline: 0 none !important;
    padding: 0 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: rgb(255,255,255) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 11px !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    font-kerning: none !important;
    transform: translate(0, 0) !important;
    margin: 2px;
    background-color: rgb(128,128,128);
}