﻿/*=====================================================================================

	Project:			KACR
	Author:				www.webprogress.cz
	Twitter:			@webprogress
	
		
	== iNFO ===========================================
	
	Page width:			960px
	
	
	== Px2Em ===========================================
	
	body 	87.5%

	12px 	0.857em
	13px 	0.929em
	14px 	1em
	15px 	1.071em
	16px 	1.143em
	17px 	1.214em
	18px 	1.286em
	19px 	1.357em
	20px 	1.429em
	21px 	1.5em
	22px 	1.571em
	
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	SELECTOR HELPER
	
	LAYOUT
	HEADER
	FOOTER
	
	CONTENT
	HOME
	ARTICLE
	
	PAGINATION
	
	PRINT
	
	
=====================================================================================*/


/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ubuntu-v20-latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ubuntu-v20-latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ubuntu-v20-latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-v32-latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v32-latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-v32-latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v32-latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/roboto-v32-latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v32-latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/roboto-v32-latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v32-latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
/*background:#f4f9fd;*/
background:#fff;
color:#333333;
font-size: 87.5%;
font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;
font-weight:normal;
text-align:center;
line-height:1.5em;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color: #444;
font-family:arial, tahoma, verdana, sans-serif;
font-size: 16px;
margin: 0px;
box-sizing:border-box;
}
input[type="radio"] {
    margin-right: 5px;
}


/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
padding:0em;
margin:0em;
font-weight:normal;
color:black;
line-height: 1.1em;
font-family:Ubuntu, Arial, Tahoma, Verdana, sans-serif;
}
h1 				{font-size:3.0em;padding:0.00em 0em 0.00em 0em;}
h2 				{font-size:2.0em;padding:0.25em 0em 0.25em 0em;}
h3 				{font-size:1.5em;padding:0.25em 0em 0.50em 0em;}
h4 				{font-size:1.2em;padding:0.25em 0em 0.50em 0em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}

#content p		{margin:0em; padding:0em 0em 1.5em 0em;}
p .left			{margin:1.5em 1.5em 1.5em 0em; padding:0em;}
p .right		{margin:1.5em 0em 1.5em 1.5em; padding:0em;}

strong			{font-weight: bold;}
em				{font-style: italic;}
sup, sub		{line-height: 0; font-size:80%; position:relative;}
sup				{top:-5px;}
sub				{bottom:-5px;}
li ul, li ol	{margin:0em 1.5em;}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover{
color:#333;
text-decoration: underline;
outline:none;
}
a:focus,
a:hover{
text-decoration: none;
}


/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
a img 			{border:none;}								/* ODSTRANI BORDER */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */
a:link 			{-webkit-tap-highlight-color: #FF5E99;}		/* J.MP/WEBKIT-TAP-HIGHLIGHT-COLOR */
/*a:active		{position:relative;left:0px;top:1px;}		PRI KLIKNUTI POSOUVA ODKAZ O 1PX Z VRCHU */

::-moz-selection	{background:#2B62C6; color:#fff; text-shadow: none;}
::selection 		{background:#2B62C6; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */


/******************************************************************
	CMS
*/
.blok-vlevo		{float:left;}
.blok-vpravo	{float:right;}
.blok-vycisit	{clear:both;}
.text-blok		{text-align:justify;}
.text-uprostred	{text-align:center;}
.text-vlevo		{text-align:left !important;}
.text-vpravo	{text-align:right !important;}
.obrazek-vlevo	{float:left; margin:5px 15px 10px 0px}
.obrazek-vpravo	{float:right; margin:5px 0px 10px 15px}

.fS130 {font-size:1.300em}


/******************************************************************
	LAYOUT
*/
#page {
background:#fff;
/*background:url(../content/images/header.png) 0px 6px no-repeat;*/
margin:0 auto;
padding:0;
position:relative;
max-width:968px;
}
.logout
{
	font-size:0.857em;
	position:absolute;
	right:10px;
	top:5px;
	text-align: right;
}
.logout a:link,
.logout a:visited,
.logout a:hover
{
	color:#D20E2A;
}
@media screen and (max-width: 1000px) {
	#page {
		width:100%;
	}
}

/******************************************************************
	HEADER
*/
#header {
width:968px;
height:200px;
margin:0 auto;
position:relative;
}
#header .top {
	height:100px;
}
#header .top .header_logo {
	float:left;
	margin:0;
	padding:0;
	height:100px;
}

#header .header-right {
float:left;
text-align:left;
font-family:Ubuntu, Arial, Tahoma, Verdana, sans-serif;
padding:56px 0 0 37px;
}
#header .header-right .member {
display:block;
font-weight:normal;
font-size:2em;
line-height:1.2em;
}

#header #ctl00_NavigationMenu {
border:0px;
margin:54px 0 0;
padding:0;
position:relative;
width:calc(100% - 110px);
float:right;
}
#header #ctl00_NavigationMenu tr {
	float:left;
}
#header #ctl00_NavigationMenu >tbody >tr:not(:last-of-type) >td {
float:left;
margin:0;
padding:0;
text-align:left;
white-space:nowrap;
border-right:1px solid #e4f3ff;
}
#header table a {
display:block;
padding:8px 16px;
text-align:left;
color:#005b9e;
font-weight:600;
text-decoration:none;
}
#header table a:hover, 
#header table a.selected
{
	background:#005b9e;
	color:#fff;
}
#header .heading {
	background-image: url(../content/images/heading.jpg);
    background-size: cover;
    height:100px;
}
#header .heading .header_logo {
	float:left;
	background:#fff;
	padding:10px;
}
#header .heading .header-right {
	color:#fff;
	font-family:Ubuntu, Arial, Tahoma, Verdana, sans-serif;
}
#mmenu {
	display: none;
}


@media screen and (min-width: 1001px) {
	#header .resp {
		display:none;
	}
	#header.withouttop {
		height:100px;
	}
	#header.withouttop .top {
		display:none;
	}
}
@media screen and (max-width: 1000px) {
	#header {
		width:100%;
		height:160px;
		margin:0 auto;
		background:#005b9e;
	}
	#header .top {
		height:80px;
	}
	#header .top a.header_logo {
		width:80px;
		height:80px;
	}
	#header .top a.header_logo svg {
		width: 80px;
		height: 80px;
	}
	#header .heading {
		height:80px;
		background-image: url(../content/images/heading-m.jpg);
	}
	#header .heading a.header_logo {
		position:absolute;
		top:0;
		left:53px;
		width:60px;
		height:60px;
	}
	#header .heading a.header_logo svg{
		width:60px;
		height:60px;
	}
	#header .heading .header-right {
		padding:34px 0 0 20px;
	}
	#header #ctl00_NavigationMenu,
	#content .logout {
		display: none;
	}
	#header .resp {
		position:absolute;
		top:20px;
		right:20px;
	}
	#header.withouttop .resp {
		display:none;
	}
	#header .resp span {
		display: inline-block;
		width:40px;
		height:40px;
		padding:8px;
		cursor: pointer;
		border:1px solid #ffffff;
		box-sizing:border-box;
	}
	#header .resp span svg {
		width:20px;
		height:20px;
	}
	#header .resp .mnav {
		margin-left: 10px;
		border-color:#f304ff;
	}
	
	#mmenu.show {
		display: block;
		position: fixed;
		top:0;right:0;bottom:0;left:0;
		background-color: #fff;
		z-index: 999;
	}
	
	#mmenu.show a.close:link,
	#mmenu.show a.close:visited,
	#mmenu.show a.close:active,
	#mmenu.show a.close:link {
		position: absolute;
		top:20px;
		right:20px;
		left: auto;
		width:30px;
		height:30px;
	}
	#mmenu.show a.close svg {
		display:block;
		width:30px;
		height:30px;
	}
	#mmenu.show .mmenu {
		padding-top: 50px;
	}
	#mmenu.show .mmenu .logout {
		position: static;
		text-align: center;
	}
	#mmenu.show .mmenu .logout strong {
		display: block;
		font-size: 18px;
		font-weight: 600;
	}
	#mmenu.show .mmenu .logout a:link,
	#mmenu.show .mmenu .logout a:visited,
	#mmenu.show .mmenu .logout a:hover {
		display: inline-block;
		font-size: 15px;
	}
	#mmenu.show #ctl00_NavigationMenu {
		width:100%;
		text-align: left;
	}
	#mmenu.show .mmenu #ctl00_NavigationMenu a:link,
	#mmenu.show .mmenu #ctl00_NavigationMenu a:visited,
	#mmenu.show .mmenu #ctl00_NavigationMenu a:hover {
		display: block;
		font-size: 18px !important;
		font-weight: 600;
		padding:16px 20px;
		text-decoration: none;
		border-bottom:1px solid #e7e7e7 !important;
	}
	#mmenu.show .mmenu #ctl00_NavigationMenu a.selected:link,
	#mmenu.show .mmenu #ctl00_NavigationMenu a.selected:visited,
	#mmenu.show .mmenu #ctl00_NavigationMenu a.selected:hover {
		color:#c207cb;
	}
	#mmenu.show .mmenu #ctl00_NavigationMenu a:hover {
		color:#c207cb;
	}
}
/******************************************************************
	CONTENT
*/
#content {
padding:25px 0 20px;
}

#rightCol {
float:right;
width:100%;
}
#rightCol.fullPageContent {
float:none;
width:968px;
}
#rightCol .article-top {
padding:10px 0 0;
}
#rightCol .article-top .article-bottom {
padding:0 0 10px;
}
#rightCol .article {
padding:15px 10px 20px;
text-align:left;
}

#rightCol .article h1,
#rightCol .article h2,
#rightCol .article h3 {
color:#000;
font-family:Ubuntu, Arial, Tahoma, Verdana, sans-serif;
}
#rightCol .article h1 {
color:#000000;
font-size:1.900em;
padding:0 0 25px;
}
#rightCol .article h2 {
font-size:1.600em;
padding:5px 0 10px;
}
#rightCol .article h2.nP {
padding:5px 0 0;
}
#rightCol .article h3 {
font-size:1.300em;
padding:5px 0 5px;
}
#rightCol .article p {
padding: 0 0 30px;
}
#rightCol .article p.nP {
padding: 0 0 5px;
}
#rightCol .article p.nextH2 {
padding: 5px 0 35px;
}
#rightCol .article .error,
#rightCol .article .success {
font-size:1.143em;
font-weight:bold;
margin:0 0 20px;
padding: 10px 20px;
}
#rightCol .article .error {
background:#fddadf;
border:1px solid #D20E2A;
color:#D20E2A;
}
#rightCol .article .success {
background:#defdda;
border:1px solid #25d20e;
color:#25d20e;
}
#rightCol .article ul,
#rightCol .article ul li {
list-style-type:none;
margin:0;
padding:0;
}
#rightCol .article ul {
padding:0 0 0 5px;
}
#rightCol .article ol li ul {
	padding-left: 20px;
	padding-top: 10px;
}
#rightCol .article ol li ul li {
	list-style-type:disc;
	padding-bottom: 5px;
}
#rightCol .article .form-item-text p {
padding:0;
}
#rightCol .article small {
color:#77797b;
font-size:0.857em;
}
#rightCol .article em.block {
color:#77797b;
display:block;
font-size:0.857em;
font-style:italic;
}
#rightCol .stamp {
display:none;
float:right;
text-align:center;
width:200px;
}
#rightCol .stamp .in {
border:1px solid #000;
height:120px;
margin:0 0 5px;
position:relative;
}
#rightCol .stamp .in small {
color:#000;
font-size:3em;
font-style:normal;
font-weight:bold;
position:absolute;
right:10px;
top:52px;
}


/*  TABULKA */
#rightCol div.table {
width: 100%;
overflow: auto;
padding-bottom:5px;
margin-bottom:25px;
}
#rightCol .article table {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
/*font-size:0.857em;*/
line-height:1.3em;
margin:0 0 30px;
padding:0;
width:100%;
}
#rightCol .article div.table table {
	margin:0;
}
#rightCol .article table.nM {
margin: 0 0 5px;
}
#rightCol .article table.column4 th,
#rightCol .article table.column4 td {
width:25%;
}
#rightCol .article table th {
background:#005b9e;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
color:#fff;
font-weight:bold;
padding:8px 10px;
text-align:center;
}
#rightCol .article table th.borderB {
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}
#rightCol .article table td {
background:rgba(228,243,255,.5);
border-right:1px solid #fff;
border-top:1px solid #fff;
color:#000;
padding:8px 8px;
/*text-align:center;*/
}
#rightCol .article table .trBlue td {
background:#8edffa;
}
#rightCol .article table .trYellow td {
background:#ffff9b;
}
#rightCol .article table th,
#rightCol .article table td {
vertical-align:middle;
}
#rightCol .article table th.nB {
font-weight:normal;
}
#rightCol .article table th.nW,
#rightCol .article table td.nW {
white-space:nowrap;
}
#rightCol .article table th.wBg,
#rightCol .article table td.wBg {
background:#fff;
}
#rightCol .article table th.tL,
#rightCol .article table td.tL {
text-align:left;
}
#rightCol .article table th.tR,
#rightCol .article table td.tR {
text-align:right;
}
#rightCol .article table th.bT,
#rightCol .article table td.bT {
font-size:1.3em;
}
#rightCol .article table th.w6,
#rightCol .article table td.w6 {
width:6%;
}
#rightCol .article table th.w14,
#rightCol .article table td.w14 {
width:14%;
}
#rightCol .article table th.w20,
#rightCol .article table td.w20 {
width:20%;
}
#rightCol .article table th.w21,
#rightCol .article table td.w21 {
width:21%;
}
#rightCol .article table th.w23,
#rightCol .article table td.w23 {
width:23%;
}
#rightCol .article table th.w25,
#rightCol .article table td.w25 {
width:25%;
}
#rightCol .article table th.w30,
#rightCol .article table td.w30 {
width:30%;
}
#rightCol .article table th.w35,
#rightCol .article table td.w35 {
width:35%;
}
#rightCol .article table th.w40,
#rightCol .article table td.w40 {
width:40%;
}
#rightCol .article table th.w46,
#rightCol .article table td.w46 {
width:46%;
}
#rightCol .article table th.w52,
#rightCol .article table td.w52 {
width:52%;
}
#rightCol .article table th#movableContribution,
#rightCol .article table td#movableContribution {
font-weight:bold;
}
#rightCol .article table th.errorInput,
#rightCol .article table td.errorInput {
color:red;
}
#rightCol .article table th.last,
#rightCol .article table td.last {
border-right:0px solid #fff;
}
#rightCol .article table em.desc {
font-weight:normal;
}
#rightCol .article table.legend td {
	background:transparent;
	text-align:left;
	color:#77797b;
	padding:3px 0;
	line-height:1.5em;
}

/*	TABULKA V TABULCE	*/
#rightCol .article table table {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
font-size:1em;
line-height:1.3em;
margin:0;
padding:0;
width:100%;
}
#rightCol .article table table td {
background:transparent;
border-right:0px solid #fff;
border-top:0px solid #fff;
color:#000;
padding:8px 10px;
text-align:left;
}
#rightCol .article table input[type=checkbox] {
margin:0 3px 0 0;
position:relative;
top:2px
}

/*	TABULKA PODTEXT	*/
#rightCol .article table .small {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
font-size:1em;
line-height:1.3em;
margin:0;
padding:0;
width:100%;
background:green;
}
#rightCol .article table .small td {
background:green;
border-right:0px solid #fff;
border-top:0px solid #fff;
color:#000;
padding:8px 10px;
text-align:left;
}


/*  INPUTY  */
#rightCol .article label {
cursor:pointer;
display:inline-block;
}
#rightCol .article .form-item {
float:left;
padding:0;
	@media screen and (min-width: 1001px) {
		width:350px;
	}
}
#rightCol .article .form-item-top-left {
float:left;
padding:0 30px 30px 0;
	@media screen and (min-width: 1001px) {
		width:340px;
	}
}
#rightCol .article .form-item-top-right {
float:left;
padding:0 0 30px 0;

	@media screen and (min-width: 1001px) {
		width:340px;
	}
}
#rightCol .article .form-item-left {
float:left;
}
#rightCol .article .form-item-right {
float:right;
}
#rightCol .article .form-item-text {
padding:0 0 30px;
}
#rightCol .article .form-item-text.nP{
padding: 0 0 5px;
}
#rightCol .article .form-item-text.sP {
padding:0 0 15px;
}
#rightCol .article .form-item-year {
padding:5px 0 0 25px;
}
#rightCol .article .form-item input,
#rightCol .article .form-item-text input,
#rightCol .article table input[type=text] {
background:url(../content/images/input-small.png) 0px 0px no-repeat;
border:0;
color:#444444 !important;
height:30px;
line-height:30px;
margin:0;
padding:0 10px;
width:120px;
}
#rightCol .article table .tucne input[type=text] {
color:#000;
font-weight:bold;
text-align:center;
}
#rightCol .article input[type="text"]:disabled {
color:#000000 !important;
}
#rightCol .article .form-item input.change,
#rightCol .article .form-item-text input.change,
#rightCol .article table input.change[type=text] {
background:url(../content/images/input-small.png) 0px -60px no-repeat;
}
#rightCol .article .form-item input,
#rightCol .article .form-item-text input{
margin: 0 0 0 5px;
}
#rightCol .article table input.errorInput[type=text] {
background:url(../content/images/input-small.png) 0px -30px no-repeat;
}
#rightCol .article .form-item input.w30,
#rightCol .article .form-item-text input.w30,
#rightCol .article table input.w30[type=text] {
background:url(../content/images/input-w30.png) 0px 0px no-repeat;
width:30px;
}
#rightCol .article .form-item input.w30.change,
#rightCol .article .form-item-text input.w30.change,
#rightCol .article table input.w30.change[type=text] {
background:url(../content/images/input-w30.png) 0px -60px no-repeat;
}
#rightCol .article .form-item input.w300,
#rightCol .article .form-item-text input.w300,
#rightCol .article table input.w300[type=text] {
background:url(../content/images/input-w300.png) 0px 0px no-repeat;
width:280px;
}
#rightCol .article .form-item input.w300.change,
#rightCol .article .form-item-text input.w300.change,
#rightCol .article table input.w300.change[type=text] {
background:url(../content/images/input-w300.png) 0px -60px no-repeat;
}
#rightCol .article table input.errorInput.w300[type=text] {
background:url(../content/images/input-w300.png) 0px -30px no-repeat;
}
#rightCol .article .form-item input.w350,
#rightCol .article .form-item-text input.w350,
#rightCol .article table input.w350[type=text] {
background:url(../content/images/input-w350.png) 0px 0px no-repeat;
width:330px;
}
#rightCol .article .form-item input.w350.change,
#rightCol .article .form-item-text input.w350.change,
#rightCol .article table input.w350.change[type=text] {
background:url(../content/images/input-w350.png) 0px -60px no-repeat;
}
#rightCol .article table input.errorInput.w350[type=text] {
background:url(../content/images/input-w350.png) 0px -30px no-repeat;
}
#rightCol .article .form-item input.w475,
#rightCol .article .form-item-text input.w475,
#rightCol .article table input.w475[type=text] {
background:url(../content/images/input-w475.png) 0px 0px no-repeat;
width:455px;
}
#rightCol .article .form-item input.w600,
#rightCol .article .form-item-text input.w600,
#rightCol .article table input.w600[type=text] {
background:url(../content/images/input-w600.png) 0px 0px no-repeat;
margin:3px 0 0;
width:580px;
}
#rightCol .article .form-item input.w600.change,
#rightCol .article .form-item-text input.w600.change,
#rightCol .article table input.w600.change[type=text] {
background:url(../content/images/input-w600.png) 0px -60px no-repeat;
}
#rightCol .article table input.errorInput.w600[type=text] {
background:url(../content/images/input-w600.png) 0px -30px no-repeat;
}
#rightCol .article .supply {
padding:10px 0 30px;
}
#rightCol .article select {
cursor:pointer;
margin:4px 0 0 5px;
width:230px;
font-size: 16px;
line-height: 26px;
height:36px;
}
#rightCol .article select.w600 {
	width:578px;
}
#rightCol .article table select.errorSelect {
border:1px solid #d20e2a;
}
#rightCol .article table select {
margin:0;
}
#rightCol .article select.w130 {
width:130px;
}
#rightCol .article select.w135 {
width:135px;
}
#rightCol .article select.w150 {
width:150px;
}
#rightCol .article select.w420 {
width:420px;
}


textarea {
border:1px solid #cbcbcb;
font-family:arial,tahoma,verdana,sans-serif;
font-size: 16px;
line-height: 26px;
min-height:36px;
padding:5px 10px;
resize:none;
width:98px;
}
textarea.noscroll {
overflow: hidden;  
}
textarea.change {
background:#ffefbb;
border:1px solid #e5c365;
}
textarea.errorTextarea {
border:1px solid #d20e2a;
}
textarea.nW {
white-space:nowrap;
}
textarea.m-t {
margin-top: 10px;
}

textarea.w40 {width:18px;}
textarea.w50 {width:28px;}
textarea.w70 {width:48px;}
textarea.w90 {width:68px;}
textarea.w150 {width:128px;}
textarea.w200 {width:178px;}
textarea.w300 {width:278px;}
textarea.w350 {width:328px;}
textarea.w400 {width:378px;}
textarea.w425 {width:403px;}
textarea.w475 {width:453px;}
textarea.w600 {width:578px;}
textarea.w710 {width:688px;}
textarea.w932 {width:895px;}


.hiddendiv {
border:1px solid #fff;  
display:none;
font-family:arial,tahoma,verdana,sans-serif;
font-size:13px;
line-height:1.4em;
min-height:18px;  
padding:5px 10px;
white-space:pre-wrap;  
word-wrap: break-word;
} 


#rightCol .article .buttons.bP {
padding:5px 0 20px;
}
#rightCol .article span.button {
cursor:pointer;
display:inline-block;
}
#rightCol .article .buttons span.button {
float:right;
margin:0 0 10px 10px;
}
#rightCol .article span.button input {
background:#f304ff;
border:0px;
color:#fff;
cursor:pointer;
float:left;
font-size:16px;
height:30px;
line-height:30px;
margin:0;
padding:0 21px;
font-weight:600;
}
#rightCol .article span.button:hover,
#rightCol .article span.button:hover input {
background:#c207cb;
}
#rightCol .article #addFile.button {
float:right;
}




#rightCol .form-error {
padding:0 0 30px;
}
#rightCol .form-error ul {
padding:0 0 0 20px;
}
#rightCol .form-error ul li {
list-style-type:disc;
}

/*      LOGIN           */
.login-box {
color:#000;
margin:0 auto;
max-width:401px;
}
.login-box .item {
width:100%;
margin-bottom:10px;

	@media screen and (min-width: 1001px) {
		width:423px;
	}
}
.login-box .item input {
border: 1px solid #CBCBCB;
font-family: arial,tahoma,verdana,sans-serif;
font-size: 16px;
line-height: 26px;
height:36px;
margin:5px 0 0;
padding: 5px 10px;
width:100%;

	@media screen and (min-width: 1001px) {
		width:401px;
	}
}
.login-box span {
cursor: pointer;
float:right;
margin:20px 0 0;
}
.login-box span input {
background:#f304ff;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
float: left;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 20px;
font-weight:600;
}
.login-box span input:hover {
background:#c207cb;
}


@media screen and (max-width: 1000px) {
	#content {
		width:100%;
	}
	#leftCol, #rightCol, #rightCol.fullPageContent {
		float:none;
		width:100%;
		margin:0;
	}
	#leftCol table tr table,
	#leftCol #ctl00_NavigationMenu,
	#leftCol span,
	#leftCol table tr table td,
	#leftCol table tr table th {
		width:100%;
	}
	#rightCol .article-top {
	background:transparent;
	padding:0;
	}
	#rightCol .article-top .article-bottom {
	background:transparent;
	padding:0;
	}
	#rightCol .article {
	background:#fff;
	padding:10px 20px;
	}
	#rightCol.fullPageContent .article-top {
		background:transparent;
	}
	#rightCol.fullPageContent .article-bottom {
	background:transparent;
	}
	#rightCol.fullPageContent .article {
	background:#fff;
	}
	.login-box br {
		display:none;
	}
	#rightCol .article table.resp th,
	#rightCol .article table.resp td {
		display:block;
		width:100%;
		box-sizing:border-box;
		text-align:left;
	}
	#rightCol .article table.resp input, 
	#rightCol .article table.resp textarea {
		width:100% !important;
		box-sizing:border-box;
		min-height:36px;
		font-size: 16px;
		line-height: 26px;
	}
	#rightCol .article table.resp2 td {
		display:block;
		width:100%;
		box-sizing:border-box;
		text-align:left;
	}
	#rightCol .article table.resp2 input {
		
	}
	.right {
		float:none !important;
	}
	
	select {
		box-sizing:border-box;
		min-height:36px;
		font-size: 16px;
		line-height: 26px;
	}
	
	textarea.w400 {width:100%;}
	textarea.w425 {width:100%;}
	textarea.w475 {width:100%;}
	textarea.w600, select.w600 {width:100% !important;}
	textarea.w710 {width:100%;}
	textarea.w932 {width:100%;}
}




.access-denied {
background:#FDDADF;
border:1px solid #D20E2A;
color:#D20E2A;
font-size: 1.143em;
font-weight:bold;
margin:50px auto 100px;
padding:15px 0;
text-align:center;
width:500px;
}
.member-submit {
background:#f1f4f9;
border:1px solid #cbcbcb;
color:#000;
font-size: 1.143em;
font-weight:bold;
margin:50px auto 100px;
padding:15px 0;
text-align:center;
}
.member-submit strong {
font-weight:normal;
display:block;
padding:0 0 20px;
}
.member-submit span {
background: url("../content/images/button-left.png") no-repeat left top;
cursor: pointer;
display: inline-block;
}
.member-submit span input {
background: url("../content/images/button-right.png") no-repeat right top;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
float: left;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 20px;
}
.member-submit span input:hover {
background:#c207cb;
}



/******************************************************************
	PRINT
*/
@media print {

	/* TYPOGRAPHY */
	* {
	background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important; 
	}
	body { 
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.4em;
	word-spacing:1.1pt;
	letter-spacing:0.2pt; 
	font-family: Garamond,"Times New Roman", serif !important;
	color: #000; 
	background: none; 
	font-size:0.8em !important;
	}
	h1, h2, h3, h4 {
	font-family: Garamond,"Times New Roman", serif;
	}
	h1			{font-size:1.600em !important;}
	h2			{font-size:1.400em !important;}
	h3			{font-size:1.200em !important;}
	h4			{font-size:1.150em !important;}
	a:link, a:visited {
	background: transparent;
	font-weight: 700;
	text-decoration: underline;
	color: #444 !important;
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] {color:#000; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	input,
	selectbox {
	margin:0 !important;
	padding:0 !important;
	line-height: 1.4em;
	word-spacing:1.1pt;
	letter-spacing:0.2pt; 
	font-family: Garamond,"Times New Roman", serif !important;
	color: #000;
	background: none;
	text-align:center;
	font-size: 16px;
	}
	
	#header,
	.logout {
		display:none;
	}
	#content {
		padding:0 0 20px;
	}
	#rightCol .article .form-item-right {
		float:left;
	}
	#rightCol .article .form-item-year {
		float:right;
	}

	#page,
	#header,
	#rightCol,
	#rightCol.fullPageContent {
		margin:0;
		padding:0;
		width:100% !important;
	}
	#leftCol,
	#header .header-right .member.print-hide,
	.buttons,
	#rightCol .article span.button  {
		display: none;
	}
	#header .header-right {
		padding: 30px 0 0;
		text-align: right;
		width: 200px;
	}
	
	#header .header-motto {
	width:auto;    
	}
	/*  OBECNE NASTAVENI INPUTU, SELECTBOXU, TEXTAREI   */
	#rightCol .article input,
	#rightCol .article select,
	#rightCol .article textarea {
		width:auto !important;
		float:left;
		font-size: 16px;
		padding:0 !important;
		text-align:left !important;
	}
	#rightCol .article .form-item {
		width:50%;
	}
	
	#rightCol .stamp {
		display:block;
		position:relative;
		top:-20px;
	}
	#header .header-logo {
		float: left;
		margin: 19px 0px 0 0px;
	}
	#header .header-logo img {
		height:50px;
		width:50px;
	}
	#header .header-motto {
		font-size:0.75em;    
	}
	#header .header-motto strong {
		padding:20px 0px 6px;    
	}
	#content.edit-font {
		font-size:1.4em !important;
	}
	
	input,
	textarea {border:0px !important; font-size:1em; height:auto; padding:0 10px;}
	
	/*TABLE*/
	table th,
	table td {
		border:1px solid #000 !important;
	}
	textarea.w425Print {
		width: 403px;
	}
	#rightCol .article p,
	#rightCol .article .form-item-text,
	#rightCol .form-error {
		padding: 0 0 5px !important;
	}
	#rightCol .article table {
		margin:0 0 5px !important;
		width:100%;
	}
	#rightCol .article small {
		margin:0 !important;
	}
	
	
	/*  STRANKA REGISTRACE  */
	#rightCol.registrationPage {
	    color:#000000 !important;
	    font-size:120%;
	}
	
	/* SCHOVANI HLASEK SUCCESS A ERROR */
	.error, .success {
		display: none;
	}
	div[id*='divBilled'].error,
	div[id*='divBilled'].success {
		display:block;
	}
	
	
	/*
		SPECIALNI NASTAVENI TISKU PODLE ZASLANYCH PRIPOMINEK
	*/
	#rightCol .article table input,
	#rightCol .article table textarea {
		width:100% !important;
	}
	#rightCol .article table .auto input,
	#rightCol .article table .auto textarea {
		width:auto !important;
	}
	#rightCol .article .print-center input,
	#rightCol .article .print-center textarea {
		text-align:center !important;
	}
	
	/*	Příspěvky - auditor 	*/
	#rightCol .article .supply input {
		border:1px solid #cbcbcb !important;
		float:none;
		padding:0 10px !important;
	}
	
	/*	Vyúčtování příspěvků auditora	*/
	#rightCol .article table .tucne input[type=text] {
		float:none;
		text-align:center !important;
	}
	
	/*	Dotazník o údajích vedených KA ČR v seznamu auditorů	*/
	.edit-input #rightCol .article input,
	.edit-input #rightCol .article textarea {
		float:none !important;
		width:100% !important;
	}
	.edit-input #rightCol .article input[type=checkbox] {
		float:left !important;
		margin:3px 5px 0 0 !important;
		width:auto !important;
	}
	#rightCol .article table textarea.w50 {
		width: 50px !important;
	}
	#rightCol .article table textarea.w30 {
		width: 30px !important;
	}
}
