*  {
	margin: 0;
	}
	
	html, body {
	font-family: Arial,sans-serif;
	color: #000;
	line-height: normal;
	letter-spacing: normal;
	font-size: 10pt;
	}
	
        a { text-decoration: none; }
	.footer {
	clear: both;
	background-color: transparent;
	}	
	
	.cerny-horni-pruh {
	height: 35px;
	}	
	
	.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.kdo_je_prihlasen {
    color: #DDD;
    padding-top: 3px;
    padding-right: 15px;
    float: right;
    font-size: 14px;
    border-right: 1px solid #8BC63F;
    padding-bottom: 2px;
	}
	.kdo_je_prihlasen img {
	    vertical-align: middle;
	    border-radius: 50%;
	    height: 30px;
	}
	#kdo_je_prihlasen_uzivatel {
    float: right;
    padding-left: 10px;
	margin-top: 6px;
	}

	#kdo_je_prihlasen_firma {
    float: right;
    margin-top: 6px;
	}
	
	#choose_task_lang ul {
	list-style-type: none;
	}
	
	#choose_task_lang li {
	margin: 0px 0px 0px 20px;
	}
	
	#choose_task_lang ul li a {
	padding: 10px 15px;
	text-decoration: none;
	color: #EEE;
	font-size: 12px;
	font-weight: normal;
	margin-left: 0px;
	border: 0px none;
	background-color: transparent;
	float: right;
	text-transform: uppercase;		
	}
	
	#choose_task_lang ul li a:hover {
	color: #FFF;
	}
	
	#choose_task_lang ul li a.task_lang_selected {
	font-weight: bold;
	color: #FFF;
	}
	
	a, a:visited { 
	color: 	#D84004;
	}
	
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX menu XXXXXXXXXXXXXXXXXXXXXXXXXX*/	

	#cssmenu {
	background: none;
	}
	
	#cssmenu ul li {
	float: right;
	}
	
	#cssmenu ul li a{
	padding: 19px 15px;
	height: 50px;
	text-decoration: none;
	color: #555;
	font-size: 16px;
	font-weight: normal;
	/*text-transform: uppercase;*/
	}
	
	#cssmenu ul li a:hover{
	color: #000;
	}
	
	#cssmenu ul li a:focus{
	color: #000;
	}

    html[data-view=hd-login] #cssmenu .menu-login, html[data-view=hd-new-form] #cssmenu .menu-new-request, html[data-view=hd-overview] #cssmenu .menu-overview, html[data-view=hd-registration] #cssmenu .menu-create-user, html[data-view=hd-change-password] #cssmenu .menu-change-password, html[data-view=hd-forgot-password] #cssmenu .menu-forgot-password {
        font-weight: bold;
	}
    html:not([data-view=hd-new-form]) #cssmenu .menu-not-authenticated.menu-new-request {
        display: none;
    }

/*XXXXXXXXXXXXXXXXXXXXXXXXX hlavni obsah XXXXXXXXXXXXXXXXXXXXXXXXXX*/

	.content {
	width: 100%;
	float: left;
	color: #333;
	}
	
	#titulek {
    text-align: left;
    font-size: 20px;
    padding: 25px 21px 5px;
	}

/*XXXXXXXXXXXXXXXXX login leva strana XXXXXXXXXXXXXXXX*/
	
	#prihl-left, #prihl-right {
	padding: 25px 15px;
	width: 50%;
	box-sizing: border-box;
	float: left;
	max-width: 550px
	}
	
	#prihl-right {
	float: right;
	}

	.formtable {
	width: 100%;
	margin: 0px;
	}
	
	.formtable td {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: middle;
	}
	
	.formtable th {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: middle;
	}
	
	.submit_container {
    padding: 0px;
	}

	input[type=text] {
    font-weight: normal;
    font-size: 17px;
	width: 100%;
	height: 21px;
	border: 1px solid #FFF;
	border-radius: 2px;
	padding: 6px;
	font-family: Arial,sans-serif;
	}
	
	input[type=password] {
    font-weight: normal;
    font-size: 17px;
	width: 100%;
	height: 21px;
	border: 1px solid #FFF;
	border-radius: 2px;
	padding: 6px;
	font-family: Arial,sans-serif;
	}
	
	input[type=password]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}

	input[type=text]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	input[type=submit] {
	font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 17px;
	width: 200px;
	height: 35px;
	border: 1px solid #647882;
	border-radius: 2px;
	padding: 6px;
	background: #647882 none repeat scroll 0% 0%;
	border-color: #647882;
	color:#fff;
	margin-top: 1px;
	}
	
	input[type=submit]:hover {
	background: #8BC63F none repeat scroll 0% 0%;
	border-color: #8BC63F;	
	}
	
	input[type=submit]:focus {
	background: #8BC63F none repeat scroll 0% 0%;
	border-color: #8BC63F;	
	}
	
	#upozorneni-login {
	font-size: 17px;
	padding-top: 20px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
	float: left;
	}

/*XXXXXXXXXXXXXXXXX login prava strana XXXXXXXXXXXXXXXX*/
	
	#upozorneni-login-zapomenuteheslo {
	font-size: 17px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
	}
	
	#tl-zapomenute, #tl-neautorizovany {
    border: 1px solid #999;
    border-radius: 2px;
    background: #999 none repeat scroll 0% 0%;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    width: 186px;
    text-align: center;
    padding: 6px;
    float: right;
    margin-bottom: 7px;
    font-size: 17px;
	}
	
	#tl-zapomenute:hover {
	border: 1px solid #FF7F02;
	background: #FF7F02 none repeat scroll 0% 0%;
	}
	
	#tl-zapomenute:focus {
	border: 1px solid #FF7F02;
	background: #FF7F02 none repeat scroll 0% 0%;
	}
	
	#tl-neautorizovany:hover {
	border: 1px solid #529ED8;
	background: #529ED8 none repeat scroll 0% 0%;
	}
	
	#tl-neautorizovany:focus {
	border: 1px solid #529ED8;
	background: #529ED8 none repeat scroll 0% 0%;
	}

/*XXXXXXXXXXXXXXXXX paticka XXXXXXXXXXXXXXXX*/	


	
	.cpr a {
    color: #999;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	}
	
	.cpr a:hover {
    color: #333;
	}
	
	.cpr a:focus {
    color: #333;
	}
	
	.cpr {
	text-align: center;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 21px;
	padding-right: 21px;
	color: #999;
	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX zapomenute heslo web XXXXXXXXXXXXXXXXXXXXXXXXXX*/	

	#zapomenute-heslo-left {
	padding: 25px 15px;
	box-sizing: border-box;
	float: left;
	max-width: 550px
	}

	#zapomenute-heslo-full {
	padding: 0px 15px 25px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX registrace XXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	
	td label {
    padding-left: 6px;
    font-weight: bold;
    color: #000;
	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX HD formular XXXXXXXXXXXXXXXXXXXXXXXXXX*/	

	#hd-form-left, #hd-form-right {
	padding: 25px 15px;
	width: 50%;
	box-sizing: border-box;
	float: left;
	max-width: 550px
	}
	
	#hd-form-right {
	float: right;
	}
	
	#hd-form-left30 {
	padding: 25px 15px;
	width: 30%;
	box-sizing: border-box;
	float: left;
	}
	
	#hd-form-right70 {
	padding: 25px 15px;
	width: 70%;
	box-sizing: border-box;
	float: right;
	}
	
	select {
    font-weight: normal;
    font-size: 17px;
	width: 100%;
	height: 35px;
	border: 1px solid #FFF;
	border-radius: 2px;
	padding: 6px 2px;
	font-family: Arial,sans-serif;
	background-color: #FFF;
	}
	
	select:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	textarea[name="hd_description"] {
    font-weight: normal;
    font-size: 17px;
	width: 100%;
	border: 1px solid #FFF;
	border-radius: 2px;
	resize: vertical;
	box-sizing: border-box;
	padding: 6px;
    font-family: Arial,sans-serif;
	min-height: 97px;
	overflow-y: visible;
	}
	
	textarea[name="hd_description"]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	input[name="hd_attachment[]"] {
    font-weight: normal;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FFF;
	margin-right: -30px;
	}
	
	input[name="hd_attachment[]"]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	
	.attachment_paste 
	{
		font-size: 17px;
	    font-weight: normal;
		width: 100%;
		border: 1px solid #CCC;
		border-radius: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		padding-right: 6px;
		background-color: #FFF;
		margin-right: -30px;
		display: none;
	}
	.attachment_paste div
	{
		padding:0px;
		clear: both;
	}
	.attachment_paste div a
	{
		float: right;
	}	
	input[name="captcha_key_name"] {
    font-weight: normal;
    font-size: 17px;
    width: 170px;
    height: 21px;
    border: 1px solid #FFF;
    border-radius: 2px;
    padding: 6px;
    font-family: Arial,sans-serif;
    margin-top: 20px;
	margin-bottom: 20px;
	}	
	
	.img_captcha {
    height: 26px;
    border: 1px solid #CCC;
    border-radius: 2px;
    background-color: #FFF;
    width: 125px;
    padding: 6px 4px 3px;
    margin-top: 20px;
	margin-bottom: 20px;
	}
	
	.odskoceni_20 {
	margin-top: 20px;
	}
	
	.upozorneni_pole_oznacena_hvezdickou {
	color: #999;
	margin-top: 0px;
	}
	
	#upozorneni-hd-form {
	font-size: 17px;
	padding-top: 50px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
	float: left;
	}

	#upozorneni-hd-form-auth {
	font-size: 17px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
	float: left;
	}
	
	.hd_auth {
    font-weight: normal;
    font-size: 17px;
    width: 100%;
    height: 21px;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 6px;
	}
	
	input[class="ac_input"] {
	font-family: Arial,sans-serif;
    font-weight: normal;
    font-size: 17px;
    width: 100%;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 7px 6px;
    background-color: #FFF;
	margin-right: -30px;
	margin-top: 5px;
	}
	
	.odkaz-stazeni {
	color: #D84004;
	text-decoration: underline;
	transition: all 0.2s ease 0s;
	font-weight: normal;
	margin-right: 20px;
	}

	.odkaz-stazeni:visited {
	color: #D84004;
	text-decoration: underline;
	transition: all 0.2s ease 0s;
	font-weight: normal;
	}
	
	.odkaz-stazeni:hover {
	color: #333;
	text-decoration: underline;
	font-weight: normal;
	transition: all 0.2s ease 0s;
	}
	
	.odkaz-stazeni:focus {
	color: #333;
	text-decoration: underline;
	font-weight: normal;
	}
	
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX podekovani XXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	
	#podekovani-full {
	padding: 25px 15px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	}
	
	#upozorneni-podekovani {
	font-size: 17px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 20px;
	text-align: justify;
	}
	
	#registrace-podekovani {
	font-size: 17px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 20px;
	text-align: justify;
	}	
	div#podekovani-full table.datatable {
    width: 100%;
	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX chybova hlaseni XXXXXXXXXXXXXXXXXXXXXXXXXX*/	

	#upozorneni-chybova-hlaseni {
	font-size: 17px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	text-align: justify;
	}
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX prehled pozadavku XXXXXXXXXXXXXXXXXXXXXXXXXX*/	

	#prehled-full {
	padding: 25px 15px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	}
	
	.popisek-zobrazene-pozadavky {
    padding-left: 6px;
    font-weight: bold;
    color: #999;
	}
	
	#prehled-search {
	width: 260px;
	height: 35px;
	background-color: #FFF;
	float: right;
	margin-bottom: 25px;
	}
	
	#prehled-search:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	#prehled-search #fulltext {
	width: 175px;
	}
	
	#prehled-search #fulltext:focus {
	border-color: #FFF;
	box-shadow: none;
	}
	
	#prehled-search #cancelFulltextButton.fulltext-active {
    background-image: url("../../_images/helpdesk/cross.png");
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-color: transparent;
    height: 35px;
    width: 35px;
    border: 0px none;
	float: right;
	cursor: pointer;
	}
	
	#prehled-search #fulltextButton {
    background-image: url(https://support.xego-it.de:443/getUserFile?customerId=1&filename=lupa_2.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-size: 20px 20px;
    height: 35px;
    width: 35px;
    border: 0px none;
	float: right;
	cursor: pointer;
	}
		
	.select_list {
	padding: 0px;
	margin-bottom: 25px;
	margin-left: 5px;
	float: right;
	}
	
	.select_list ul {
	list-style-type: none;
	height: 35px;
	}
	
	.select_list ul li a {
	padding: 7px 15px;
	text-decoration: none;
	color: #555;
	font-size: 17px;
	font-weight: normal;
	margin-left: 0px;
	border: 0px none;
	background-color: #FFF;
	float: right;	
	}
	
	.select_list li.active a {
    color: #555;
    font-weight: bold;
	}
	
	.select_list ul li a:hover {
	color: #000;
	}
	
	table.datatable {
    border-collapse: collapse;
    width: 100%;
	vertical-align: middle;
	}
	
	table.datatable tr:hover {
	color: #000;
	}
	
	table.datatable th {
    padding: 0px 6px 0px 0px;
	vertical-align: middle;
	height: 35px;
	}
	
	table.datatable td {
	padding: 0px 6px 0px 0px;
	vertical-align: middle;
	}

	table.datatable td .hd_comment a {
		float: none;
	}

	table.datatable td a {
	color: #000;
	font-weight: normal;
	float: left;
	padding: 9px 0px 9px 6px;
	width: 100%;
	}

	table.datatable td a[target=_new] {
	color: #D84004;
	}
	
	table.datatable td.datatable-nowrap {
	white-space: nowrap;
	}
	
	table.datatable td#datatable-termin {
	white-space: nowrap;
	}
	
	table.sortable thead a {
    color: #555;
    width: 100%;
    float: left;
    padding: 10px 0px 9px 6px;
    margin-right: -13px;
	}
	
	table.sortable thead a:hover {
    color: #000;
	}
	
	table.sortable thead th span {
    font-weight: bold;
    float: left;
    margin-top: 8px;
	}

	table.datatable tr.unread td a
	{
		font-weight: bold;
	}	

	table.datatable tr.unread-comment td a
	{
		font-weight: bold;
	}	

	
/*XXXXXXXXXXXXXXXXXXXXXXXXX historie pozadavku XXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	
	#hist-full {
	padding-top: 19px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	}

	#hist-full .hd_comment a{
		color: #D84004;
	}

	#hist-full .hd_comment .hd_comment_edited
	{
		font-size: 0.9em;
		color: #222;
	}

	#hist-left70 {
    padding: 6px 15px 0px;
    width: 70%;
    box-sizing: border-box;
    float: left;
    margin-top: 19px;
	border-right: 1px solid #CCC;
	}
	
	#hist-right30 {
    padding: 6px 15px 0px;
    width: 30%;
    box-sizing: border-box;
    float: left;
    margin-top: 19px;
	}
	
	.hd_hist_predmet {
	font-size: 17px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: justify;
	color: #000;
	font-weight: bold;
	}
	
	.hd_hist_text {
	padding: 20px 6px;
	text-align: justify;
	color: #000;
	}
	
	.hd_hist_detail_top {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #555;
	width: 100%;
	}
	
	.hd_hist_detail_popisek {
	font-size: 17px;
	font-weight: normal;
	padding: 0px 6px 10px;
	}
	
	.hd_hist_detail {
	width: 100%;
	padding-top: 2px;
	}

	table.hd_hist_detail th {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	padding: 7px 6px;
	vertical-align: middle;
	}	

	table.hd_hist_detail td {
	text-align: left;
	vertical-align: top;
	padding: 7px 6px;
	}
	
	textarea[name="comment"] {
    font-weight: normal;
    font-size: 17px;
	width: 100%;
	border: 1px solid #FFF;
	border-radius: 2px;
	resize: vertical;
	box-sizing: border-box;
	padding: 6px;
    font-family: Arial,sans-serif;
	min-height: 97px;
	overflow-y: visible;
	}
	
	textarea[name="comment"]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	.hd_hist_novepodminky {
	font-weight: normal;
	font-size: 17px;
	color: #D84004;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 6px;
	width: 100%;
	height: 100%;
	}
	
	.hd_hist_spokojenost {
	font-weight: normal;
	font-size: 17px;
	color: #D84004;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 6px;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	}
	
	.tl-zpet {
	border: 1px solid #999;
    border-radius: 4px;
	background: #DDD none repeat scroll 0% 0%;
    font-weight: bold;
    color: #999;
    text-decoration: none;
    display: block;
    max-width: 200px;
    text-align: center;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 17px;
	text-transform: uppercase;
	}
	
	.tl-zpet:visited {
	color: #999;
	}
	
	.tl-zpet:hover {
	border: 1px solid #BBB;
	background: #BBB none repeat scroll 0% 0%;
	color: #FFF;
	}

	span[name="hd_coSubmitters[]"] {
	font-weight: normal;
	font-size: 17px;
	width: 100%;
	height: 21px;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 6px;
	margin-top: 10px;
	}
	
	input[name="file[]"] {
	font-weight: normal;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 5px 6px;
	background-color: #FFF;
	margin-right: -30px;
	}	
	
	input[name="file[]"]:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	}
	
	.hd_hist_spoluzadavatel {
	padding-right: 15px;
	}
	
	#hd_hist_oddil_komenar {
    width: 100%;
    }
	
	.kdo_vlozil {
    float: left;
    font-size: 12px;
    white-space: nowrap;
    padding-right: 36px;
	}
	.kdo_vlozil img {
	  vertical-align: middle;
	  border-radius: 50%;
	  height: 30px;
	  float: left;
	  margin-right: 6px;
	}
/*XXXXXXXXXXXXXXXXXXXXXXXXX rozcestnik XXXXXXXXXXXXXXXXXXXXXXXXXX*/		

	#rozcestnik-full {
	padding: 25px 15px 75px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	}

	#titulek-rozcestnik {
    text-align: center;
    font-size: 20px;
    padding: 25px 21px 0px;
	
	}
	
	.rozcestnik {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
	
	.rozcestnik ul {
	list-style-type: none;
        padding: 0;
	}
	
	.rozcestnik li {
	margin: 0px;
	}
	
	.rozcestnik-popis-ico {
	text-align: center;
    font-size: 17px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
	#hd-form-rozcestnik {
	float: right;
	padding-top: 18px;
	padding-right: 15px;
	}
	
	#hd-form-rozcestnik .rozcestnik {
	float: right;
	width: auto;
	}
	
	#hd-form-rozcestnik .rozcestnik li {
	display: inline;
	}
	
	.rozcestnik li a {
	box-sizing: border-box;
	float: left;
	color: #333;
	background-repeat: no-repeat;
	}

	#hd-form-rozcestnik .rozcestnik li a {
	background-size: 20px auto;
	height: 35px;
	width: 55px;
	background-position: 50% 7px;
	}

    .rozcestnik li a i {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #555;
    }
    #hd-form-rozcestnik .rozcestnik li a i {
        line-height: 35px;
        font-size: 20px;
    }

	#rozcestnik-full .rozcestnik li a {
	width: 33.3333%;
	background-position: 50% 16px;
	}

	#hd-form-rozcestnik .rozcestnik li a:hover {
        color: #000;
	}
	
	#hd-form-rozcestnik .rozcestnik li.rozcestnik-link-selected a {
	background-color: #EEE;
	}
    #rozcestnik-full .rozcestnik li a i {
        font-size: 100px;
        padding-top: 15px;
    }
    #hd-form-rozcestnik.rozcestnik-zobrazit-ne { display: none; }
    #hd-form-rozcestnik.rozcestnik-zobrazit-ano { display: initial; }
    html[data-view=hd-new-form] #hd-form-rozcestnik .rozcestnik-link-prehled, html[data-view=hd-overview] #hd-form-rozcestnik .rozcestnik-link-novy { display: none; }
    .contentRozcestnik { display: none; }
	
	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXXXXX mobil verze XXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	#cssmenu {
	background-color: #999;
	}
	
	#titulek {
    font-size: 18px;
	}

	#kdo_je_prihlasen_firma {
	display: none;
	}
	
	#prihl-left {
	width: 100%;
	max-width: none;
	}
	
	#prihl-right {
	width: 100%;
	max-width: none;
	padding-top: 0px;
	}
	
	#upozorneni-login {
    max-width: none;
	}
	
	#upozorneni-login-zapomenuteheslo {
    max-width: none;
	padding-bottom: 20px;
	}
	
	#zapomenute-heslo-left, #hd-form-right {
	width: 100%;
	max-width: none;
	}	
	
	#upozorneni-hd-form, #upozorneni-hd-form-auth, table.datatable td#datatable-termin, table.datatable th#datatable-termin {
	display: none;
	}
	
	#hd-form-left, #hd-form-left30, #hist-left70, #hist-right30 {
	width: 100%;
	max-width: none;
	padding-bottom: 0px;
	border-right: 0px none;
	}
	
	#hist-right30, #hd-form-right70 {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	.odskoceni_20 {
    margin-bottom: 20px;
	}
	
	table.datatable th#datatable-cislo {
	width: 45px;
	}

	table.datatable th#datatable-stav {
	width: 86px;
	}
	
	.hd_hist_detail_top {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin-left: 0px;
	width: 100%;
	}
	
	.kdo_vlozil {
    float: left;
    font-size: 12px;
    white-space: normal;
    padding-right: 0px;
	}
	
	#prehled-search {
	width: 100%;
	}
	
	#prehled-search #fulltext {
	width: 70%;
	}
	
	.rozcestnik {
    width: 100%;
	}

	#rozcestnik-full .rozcestnik li a {
    background-size: 60px;
	width: 100%;
	}
	#rozcestnik-full .rozcestnik li a i {
        font-size: 50px;
	}

	.rozcestnik-popis-ico {
    font-size: 13px;
	}
	

	}
	

/* LOGO */
.logo-normal { padding: 5px 15px; height: 40px; }
@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) { .logo-normal { display: none; } }
#menu-button { padding: 6px 17px !important }


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXXXXX obarveni  vychozi  XXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	html.skin-vychozi, html.skin-vychozi body {
	background: #FFF none repeat scroll 0% 0%;
	}

	html.skin-vychozi .cerny-horni-pruh {
    background-color: #333;
	}
	
	html.skin-vychozi #choose_task_lang ul li a.task_lang_selected, html.skin-vychozi #choose_task_lang ul li a:hover {
    background-color: #555;
	}

    html.skin-vychozi[data-view=hd-login] #cssmenu .menu-login, html.skin-vychozi[data-view=hd-new-form] #cssmenu .menu-new-request, html.skin-vychozi[data-view=hd-overview] #cssmenu .menu-overview, html.skin-vychozi[data-view=hd-registration] #cssmenu .menu-create-user, html.skin-vychozi[data-view=hd-change-password] #cssmenu .menu-change-password, html.skin-vychozi[data-view=hd-forgot-password] #cssmenu .menu-forgot-password, html.skin-vychozi #cssmenu ul li a:focus, html.skin-vychozi #cssmenu ul li a:hover, html.skin-vychozi .bily-pruh {
    background-color: #DDD;
	}
	
	html.skin-vychozi .content {
    background: #DDD none repeat scroll 0% 0%;
	}
	
	html.skin-vychozi table.datatable th {
    border-right: 1px solid #DDD;
	}
	
	html.skin-vychozi .rozcestnik a {
	border: 1px solid #DDD;
	}	
		
	html.skin-vychozi table.sortable thead a:hover {
	background-color: #CCC;
	}
	
	html.skin-vychozi table.datatable th, html.skin-vychozi table.datatable td {
	border-bottom: 1px solid #CCC;
	}
	
	html.skin-vychozi .rozcestnik li a {
	background-color: #FFF;
	}		
		
	html.skin-vychozi #prehled-search #fulltextButton, html.skin-vychozi .select_list ul li a:hover, html.skin-vychozi .select_list ul li a:focus, html.skin-vychozi table.datatable th, html.skin-vychozi table.datatable tr:hover, html.skin-vychozi #hd-form-rozcestnik .rozcestnik li.rozcestnik-link-selected a, html.skin-vychozi #hd-form-rozcestnik .rozcestnik li a:hover, html.skin-vychozi .rozcestnik li a:hover {
    background-color: #EEE;
	}	
	
	html.skin-vychozi .select_list li.active a {
    background: #EEE none repeat scroll 0% 0%;
	}
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	html.skin-vychozi #cssmenu {
    background-color: #999;
	}
	
	}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXXXXX obarveni  modre  XXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	html.skin-modry, html.skin-modry body {
	background: #fff none repeat scroll 0% 0%;
	}

	html.skin-modry .cerny-horni-pruh {
    background-color: #264C72;
	}
	
	html.skin-modry #choose_task_lang ul li a.task_lang_selected, html.skin-modry #choose_task_lang ul li a:hover {
    background-color:#647882;
	}

    html.skin-modry[data-view=hd-login] #cssmenu .menu-login, html.skin-modry[data-view=hd-new-form] #cssmenu .menu-new-request, html.skin-modry[data-view=hd-overview] #cssmenu .menu-overview, html.skin-modry[data-view=hd-registration] #cssmenu .menu-create-user, html.skin-modry[data-view=hd-change-password] #cssmenu .menu-change-password, html.skin-modry[data-view=hd-forgot-password] #cssmenu .menu-forgot-password, html.skin-modry #cssmenu ul li a:focus, html.skin-modry #cssmenu ul li a:hover, html.skin-modry .bily-pruh {
    background-color:#647882;
	}
	
	html.skin-modry .content {
    background: #8BC63F none repeat scroll 0% 0%;
	}
	
	html.skin-modry table.datatable th {
    border-right: 1px solid #8BC63F;
	}
	
	html.skin-modry .rozcestnik a {
	border: 1px solid #8BC63F;
	}	
		
	html.skin-modry table.sortable thead a:hover {
	background-color: #8BC63F;
	}
	
	html.skin-modry table.datatable th, html.skin-modry table.datatable td {
	border-bottom: 1px solid #8BC63F;
	}
	
	html.skin-modry .rozcestnik li a {
	background-color: #FFF;
	}		
	
	html.skin-modry #prehled-search #fulltextButton, html.skin-modry .select_list ul li a:hover, html.skin-modry .select_list ul li a:focus, html.skin-modry table.datatable th, html.skin-modry table.datatable tr:hover, html.skin-modry #hd-form-rozcestnik .rozcestnik li.rozcestnik-link-selected a, html.skin-modry #hd-form-rozcestnik .rozcestnik li a:hover, html.skin-modry .rozcestnik li a:hover {
    background-color: #8BC63F;
	}	
	
	html.skin-modry .select_list li.active a {
    background: #8BC63F none repeat scroll 0% 0%;
	}
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	html.skin-modry #cssmenu {
    background-color: #3F7FBF;
	}
	
	}	

	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXXXXX obarveni  zelene  XXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	html.skin-zeleny, html.skin-zeleny body {
	background: #EBF8EB none repeat scroll 0% 0%;
	}

	html.skin-zeleny .cerny-horni-pruh {
    background-color: #267226;
	}
	
	html.skin-zeleny #choose_task_lang ul li a.task_lang_selected, html.skin-zeleny #choose_task_lang ul li a:hover {
    background-color: #339933;
	}

    html.skin-zeleny[data-view=hd-login] #cssmenu .menu-login, html.skin-zeleny[data-view=hd-new-form] #cssmenu .menu-new-request, html.skin-zeleny[data-view=hd-overview] #cssmenu .menu-overview, html.skin-zeleny[data-view=hd-registration] #cssmenu .menu-create-user, html.skin-zeleny[data-view=hd-change-password] #cssmenu .menu-change-password, html.skin-zeleny[data-view=hd-forgot-password] #cssmenu .menu-forgot-password, html.skin-zeleny #cssmenu ul li a:focus, html.skin-zeleny #cssmenu ul li a:hover, html.skin-zeleny .bily-pruh {
    background-color: #B2E5B2;
	}
	
	html.skin-zeleny .content {
    background: #B2E5B2 none repeat scroll 0% 0%;
	}
	
	html.skin-zeleny table.datatable th {
    border-right: 1px solid #B2E5B2;
	}
	
	html.skin-zeleny .rozcestnik a {
	border: 1px solid #B2E5B2;
	}	
		
	html.skin-zeleny table.sortable thead a:hover {
	background-color: #9FDF9F;
	}
	
	html.skin-zeleny table.datatable th, html.skin-zeleny table.datatable td {
	border-bottom: 1px solid #9FDF9F;
	}
	
	html.skin-zeleny .rozcestnik li a {
	background-color: #FFF;
	}		
		
	html.skin-zeleny #prehled-search #fulltextButton, html.skin-zeleny .select_list ul li a:hover, html.skin-zeleny .select_list ul li a:focus, html.skin-zeleny table.datatable th, html.skin-zeleny table.datatable tr:hover, html.skin-zeleny #hd-form-rozcestnik .rozcestnik li.rozcestnik-link-selected a, html.skin-zeleny #hd-form-rozcestnik .rozcestnik li a:hover, html.skin-zeleny .rozcestnik li a:hover {
    background-color: #C5ECC5;
	}	
	
	html.skin-zeleny .select_list li.active a {
    background: #C5ECC5 none repeat scroll 0% 0%;
	}
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	html.skin-zeleny #cssmenu {
    background-color: #3FBF3F;
	}
	
	}
	
	
	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXXXXX obarveni  hneda  XXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

	html.skin-hnedy, html.skin-hnedy body {
	background: #F8F2EB none repeat scroll 0% 0%;
	}

	html.skin-hnedy .cerny-horni-pruh {
    background-color: #724C26;
	}
	
	html.skin-hnedy #choose_task_lang ul li a.task_lang_selected, html.skin-hnedy #choose_task_lang ul li a:hover {
    background-color: #996633;
	}

    html.skin-hnedy[data-view=hd-login] #cssmenu .menu-login, html.skin-hnedy[data-view=hd-new-form] #cssmenu .menu-new-request, html.skin-hnedy[data-view=hd-overview] #cssmenu .menu-overview, html.skin-hnedy[data-view=hd-registration] #cssmenu .menu-create-user, html.skin-hnedy[data-view=hd-change-password] #cssmenu .menu-change-password, html.skin-hnedy[data-view=hd-forgot-password] #cssmenu .menu-forgot-password, html.skin-hnedy #cssmenu ul li a:focus, html.skin-hnedy #cssmenu ul li a:hover, html.skin-hnedy .bily-pruh {
    background-color: #E5CCB2;
	}
	
	html.skin-hnedy .content {
    background: #E5CCB2 none repeat scroll 0% 0%;
	}
	
	html.skin-hnedy table.datatable th {
    border-right: 1px solid #E5CCB2;
	}
	
	html.skin-hnedy .rozcestnik a {
	border: 1px solid #E5CCB2;
	}	
		
	html.skin-hnedy table.sortable thead a:hover {
	background-color: #DFBF9F;
	}
	
	html.skin-hnedy table.datatable th, html.skin-hnedy table.datatable td {
	border-bottom: 1px solid #DFBF9F;
	}
	
	html.skin-hnedy .rozcestnik li a {
	background-color: #FFF;
	}		
		
	html.skin-hnedy #prehled-search #fulltextButton, html.skin-hnedy .select_list ul li a:hover, html.skin-hnedy .select_list ul li a:focus, html.skin-hnedy table.datatable th, html.skin-hnedy table.datatable tr:hover, html.skin-hnedy #hd-form-rozcestnik .rozcestnik li.rozcestnik-link-selected a, html.skin-hnedy #hd-form-rozcestnik .rozcestnik li a:hover, html.skin-hnedy .rozcestnik li a:hover {
    background-color: #ECD8C5;
	}	
	
	html.skin-hnedy .select_list li.active a {
    background: #ECD8C5 none repeat scroll 0% 0%;
	}
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	html.skin-hnedy #cssmenu {
    background-color: #BF7F3F;
	}
	
	}