/*** default ***/
.cols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .cols, * html .clearfix	{ height:1%; }
.clearfix	{ display:block; }
.clearfix, .cols { =zoom:1;} 
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-absolute {
  display:block;
	clear:both;
}

a {
  color:#000;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
img {
	border:0;
}
hr {
	border:1px solid #1B3426;
	border-top:1px solid #1B3426;
	border-bottom:1px solid #BFAF91;
}
.hidden, .only-print {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 10px 0;
}
.l p {
	line-height:1.4em;
}
.block {
	display:block!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-l-mg {
	margin-left:0!important;
}
.no-t-mg {
	margin-top:0!important;
}
.no-b-mg {
	margin-bottom:0!important;
}
.no-padd {
	padding:0!important;
}
.no-float {
	float:none!important;
}
.inline {
	display:inline!important;
}
.abs {
	position: absolute!important;
}


/*** text format ***/
h1 {
	padding:0 0 0 0;
	margin:0 0 15px 0;
	font-weight:bold;
	color:#000;
	font-size:22px;
}
h2 {
	padding:0;
	margin:17px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	color:#000;
}
h3 {
	padding:0;
	margin:20px 0 7px 0;
	font-size:18px;
	font-weight:normal;
	color:#000;
}
h4 {
	padding:0;
	margin:10px 0 3px 0;
	font-size:16px;
	font-weight:normal;
	color:#000;
}
h5 {
	padding:0;
	margin:5px 0 2px 0;
	font-size:15px;
	font-weight:normal;
	color:#000;
}
h6 {
	padding:0;
	margin:0 0 1px 0;
	font-size:14px;
	font-weight:normal;
}



.no-bold {
	font-weight:normal!important;
}
.bold {
	font-weight:bold!important;
}
.italic {
	font-style:italic;
}
.small-font {
	font-size:90%!important;
}
.small-font2 {
	font-size:80%!important;
}
.small-font3 {
	font-size:70%!important;
}
.big-font {
	font-size:110%!important;
}
.big-font2 {
	font-size:120%!important;
}
.big-font3 {
	font-size:130%!important;
}
.big-font4 {
	font-size:140%!important;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.justify {
	text-align:justify!important;
}
.uppercase {
	text-transform:uppercase!important;
}
.underline {
	text-decoration:underline!important;
}
.overauto {
	overflow:auto!important;
}


/*** colors ***/
.red {
	color:red!important;
}
.green {
	color:green!important;
}
.blue {
	color:#0079C1!important;
}
.black {
	color:black!important;
}
.grey {
	color:#666!important;
}
.white {
	color:white!important;
}
.yellow {
	color:#F6A50D!important;
}
.red-bg {
	background:red!important;
	color:white!important;
	padding:0 5px 0 5px!important;
}
.grey-bg {
	background:#EDECEA;
	padding:8px;
}
.white-bg {
	background:#fff;
}
.green-bg {
	background:#1D3527;
	color:white;
}
.darkgreen-bg {
	background:#151B18;
	color:white;
}




/*** table ***/
table {
	border-collapse:collapse;
	border-spacing:0;
}
td, th {
	_font-size /**/:80%;
	padding:0;
}
.transparent, .transparent td, .transparent th, .space, .space td, .space th {
	border:0!important;
	background:none!important;
}
input.kod {
	width:190px!important;
}
.v-top {
	vertical-align:top!important;
}
.v-center {
	vertical-align:middle!important;
}
.v-bott {
	vertical-align:bottom!important;
}
.nowrap {
	white-space:nowrap!important;
}


/*** form ***/
form {
	margin:0;
	padding:0;
}
textarea, input, select {
	font-size:12px;
	font-family:arial,tahoma,verdana,sans serif;
}
input, textarea {
	background:#f5f5f5;
	padding:5px 8px 5px 8px;
	color:#333;
	border:1px solid #ccc;
	font-family:arial;
	font-size:12px;
}
select {
	padding:5px 8px 5px 8px!important;
	border:1px solid #ccc!important;
	color:#333;
	background:#f5f5f5!important;
	x-webkit-appearance:none;
	margin:0!important;
}

input.small-input {
	padding:3px;
}
input {
	vertical-align:bottom;
}
textarea {
	overflow:auto;
}
input.submit {
  height:30px;
	background:url(../img/blue_bg.jpg) center left repeat-x #000070;
  color:#fff;
  border:1px solid #000070;
  padding:0 10px 0 10px;
	cursor:hand;
	cursor:pointer;
	width:auto!important;
	display:inline;
	overflow:visible;
	font-family:arial black;
	font-size:13px;
	text-transform:uppercase;
}
.check {
	width:auto!important;
	border:0;
	margin:0 0 0 0;
	padding:0;
	background:none;
	vertical-align:middle;
	border-radius:0;
}
select {
	background:white;
}
label {
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}
.nepovinne {
	font-weight:normal!important;
	color:#ccc!important;
}

/* FORMS ==> */
.half {width:450px!important;}
.period {width:325px!important;}
.quarter {width:160px!important;}
.two-period {width:630px!important;}
.full {width:637px!important;}

.extramini {width:10px!important;}
.extratiny {width:20px!important;}
.tiny {width:35px!important;}
.extralittle {width:50px!important;}
.little {width:70px!important;}
.sto {width:100px!important;}
.normal {width:150px!important;}
.smart {width:177px!important;}
.medium {width:190px!important;}
.bigmedium {width:205px!important;}
.middle {width:230px!important;}
.moremiddle {width:272px!important;}
.big {width:350px!important;}
.morebig {width:410px!important;}
.extrabig {width:450px!important;}
.huge {width:575px!important;}
.extramax {width:610px!important}
.max {width:690px!important}

.smalllong {height:35px!important;}
.nolong {height:65px!important;}
.long {height:100px!important;}
.biglong {height:200px!important;}
.extralong {height:300px!important;}
.maxlong {height:500px!important;}

.w-100pro {width:99%!important;}
.wauto {width:auto!important;}

/* <== FORMS */


/*** bottom margin ***/
.bmg-0 {margin-bottom:0px!important}
.bmg-3 {margin-bottom:3px!important}
.bmg-5 {margin-bottom:5px!important}
.bmg-15 {margin-bottom:15px!important}
.bmg-10 {margin-bottom:10px!important}
.bmg-20 {margin-bottom:20px!important}
.bmg-30 {margin-bottom:30px!important}
.bmg-50 {margin-bottom:50px!important}
.bmg-80 {margin-bottom:80px!important}

/*** top margin ***/
.tmg-0 {margin-top:0px!important}
.tmg-3 {margin-top:3px!important}
.tmg-5 {margin-top:5px!important}
.tmg-15 {margin-top:15px!important}
.tmg-10 {margin-top:10px!important}
.tmg-20 {margin-top:20px!important}
.tmg-30 {margin-top:30px!important}
.tmg-40 {margin-top:40px!important}
.tmg-50 {margin-top:50px!important}

/*** right margin ***/
.rmg-3 {margin-right:3px!important}
.rmg-5 {margin-right:5px!important}
.rmg-15 {margin-right:15px!important}
.rmg-10 {margin-right:10px!important}
.rmg-20 {margin-right:20px!important}
.rmg-30 {margin-right:30px!important}
.rmg-35 {margin-right:35px!important}

/*** left margin ***/
.lmg-3 {margin-left:3px!important}
.lmg-5 {margin-left:5px!important}
.lmg-15 {margin-left:15px!important}
.lmg-10 {margin-left:10px!important}
.lmg-20 {margin-left:20px!important}
.lmg-30 {margin-left:30px!important}
.lmg-50 {margin-left:50px!important}


/*** top-padding ***/
.tpd-0 {padding-top:0!important}
.tpd-20 {padding-top:20px!important}

/*** left-padding ***/
.lpd-0 {padding-left:0!important}
.lpd-10 {padding-left:10px!important}

/*** bottom padding ***/
.bpd-5 {padding-bottom:5px!important}




/*** layout ***/
body {
  margin:0 0 0 0;
  padding:0;
  text-align:center;
  background:url(../img/bg_grad.png) repeat-x top left #fff;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/rep_shadow.png');
  _background:none;
  color:#000;
  font:80% arial, tahoma, verdana, sans serif;
}

.patkovy {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif!important;
}

/*** head ***/
div.head {
	padding:19px;
}
div.head img {
	border-radius:3px;
}


/*** foot ***/
div.foot {
	padding:0 0 20px 0;
	margin:0 auto 0 auto;
	font-size:85%;
	color:#999;
	width:900px;
	text-align:center;
	line-height:22px;
}
div.foot a {
	color:#999;
}


div.screen {
	width:940px;
  margin:20px auto 10px auto;
  padding:0 0 0 0;
  text-align:left;
  position:relative;
  background:white;
  border:1px solid #ccc;
  border-radius:5px;
  box-shadow:#ccc 0 0 5px; 
}


div.page {
	padding:0 19px 15px 19px;
}
div.l {
	float:left;
	width:270px;
}
div.r {
	float:right;
	width:610px;
	padding:7px 0 0 0;
}


/*** head ***/
a.to-home {
	width:170px;
	height:240px;
	position:absolute;
	top:0;
	margin:25px 0 0 0;
}
a.to-home span {
	display:none;
}





/*** menu ***/
ul.menu {
	margin:0 0 20px 0;
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:15px;
	border-radius:3px;
}
ul.menu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #ccc;
}
ul.menu li a {
	display:block;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
ul.menu li a span {
	display:block;
	cursor:hand;
	background:url(../img/li.gif) no-repeat 2px 9px;
	padding:8px 10px 6px 18px;
}
ul.menu li a:hover {
	text-decoration:underline;
}
ul.menu li.act a {
	text-decoration:underline;
}


ul.menu ul {
	margin:0 0 10px 0;
	border:none;
	padding:0;
	border-radius:0;
}
ul.menu ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:none;
}
ul.menu ul li a {
	text-decoration:none!important;
	text-transform:none;
}
ul.menu ul li a span {
	background:none;
	padding:6px 10px 6px 32px;
}
ul.menu ul li a:hover {
	text-decoration:underline!important;
}
ul.menu ul li.act a {
	text-decoration:underline!important;
}


/*** info box ***/
div.info-box {
	margin:0 0 0px 0;
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:15px;
	border-radius:3px;
}

.no-border-bot-radius {
	border-bottom: none!important;
    border-radius:3px 3px 0px 0px!important;
}



/*** table1 ***/
table.table1 {
	width:100%;
}
table.table1 th, table.table1 td {
	vertical-align:top;
}
table.table1 th {
	white-space:nowrap;
	width:130px;
	font-size:110%;
	vertical-align:top;
	padding:8px 5px 5px 0;
	color:#333;
	text-align:left;
	font-weight:bold!important;
}
table.table1 thead th {
	padding-right:0;
}
table.table1 td, table.table1 th {
	border-bottom:1px solid #ccc;
}
table.table1 td {
	padding:5px 0 5px 0;
	vertical-align:middle;
}
table.table1 input {
	width:250px;
}
table.table1 textarea {
	width:400px;
	height:100px;
}
table.table1 img {
  border:none;
}


/*** table2 ***/
table.table2 {
	width:100%;
}
table.table2 th, table.table2 td {
	vertical-align:top;
}
table.table2 th {
	white-space:nowrap;
	width:130px;
	font-size:110%;
	vertical-align:top;
	padding:8px 5px 5px 0;
	text-align:left;
	font-weight:bold!important;
}
table.table2 thead th {
	padding-right:0;
}
table.table2 td {
	padding:5px 0 5px 0;
	vertical-align:middle;
}
table.table2 input {
	width:250px;
}
table.table2 textarea {
	width:400px;
	height:100px;
}
table.table2 img {
  border:none;
}





/*** hlasky a chyby ***/
tr.formerror label, tr.form-error label {
	color:red!important;
}
tr.formerror input, tr.formerror textarea,
tr.form-error input, tr.form-error textarea, span.form-error input {
	border:1px solid red!important;
}
.report {
	padding:15px 15px 15px 15px;
	text-align:left;
	margin:0 0 10px 0;
	font-weight:bold;
}
.err {
	background:url(../img/report/err_bg.jpg) no-repeat top left #CF2121;
	color:white;
	border:1px solid #CE3434;
}
.ok {
	background:url(../img/report/ok_bg.jpg) no-repeat top left #5EB52A;
	color:white;
	border:1px solid #5EB52A;
}
.warning {
	background:url(../img/report/warning_bg.jpg) no-repeat top left #D9A60D;
	color:white;
	border:1px solid #B78A04;
}
.err strong, .err a, .ok strong, .ok a, .warning strong, .warning a {
	color:white;
}
.info {
	background:url(../img/report/info_bg.jpg) no-repeat top left #BDE6FC;
	color:black;
	border:1px solid #a6d5ed;
}
.info strong {
	color:black;
}


/*** popup ***/
.canvas {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	z-index:999;
}

.popup {
	width:580px;
	height:auto;
	position:absolute;
	top:200px;
	left:50%;
	margin:0 0 0 -290px;
	background:white;
	padding:25px 25px 25px 25px;
	z-index:999;
	text-align:center;
	font-size:12px;
	border:3px solid black;
	line-height:1.5em;
}
.popup .submit {
	padding:10px 25px 10px 25px;
	height:auto;
	font-family:arial;
	font-weight:800;
}