html, body {
	padding:0px;
	margin:0px;
	height:100%;
	font-family:Lucida Sans Unicode;
	font-size:small;
	color: #000000;	background: url(obr/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html {
	overflow-y: scroll;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .screen_mobile { display: inline-block; }
  .screen_normal { display: none; }
  #admin_menu_mobile { display: none; }
  .screen_user_1, .screen_user_2 {
  	float: none;
  }
  .screen_admin_1, .screen_admin_2  {
  	float: none;
  }
  .vrch {
	width: 100%;
	height: 25px;
  }
  #vrch2 {
	height:25px;
  }
}

@media screen and (min-width: 801px) {
  .screen_mobile { display: none; }
  .screen_normal { display: inline-block; }
  #admin_menu_mobile { display: block; }
  .screen_user_zam {
	float:left;
	width:100%;
  }
  .screen_admin_1 {
  	float: left;
  	width: 150px;
  	padding-left: 11px;
  	padding-right: 11px;
  }
  .screen_admin_2 {
  	float: left;
  	padding-right: 11px;
  	padding-top: 11px;
	width: -moz-calc(100% - 183px);
    width: -webkit-calc(100% - 183px);
    width: calc(100% - 183px);
  }
  .vrch {
	width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
	height: 79px;
  }
  #vrch2 {
	height:79px;
  }
}

@media print{
   .noprint, , .noprint *{
       display: none !important;
   }
}

input:invalid, textarea:invalid, select:invalid, .required>.chosen-default {
  border: 1px solid #f00 !important;
  background-color: #fdd !important;
}

input:not([type=submit]):not([type=image]), select:not(.chosen-select), textarea {
	border: 1px solid #555588; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:3px;
	font-family:Lucida Sans Unicode;
}

input[type=submit] {
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
	border: 2px solid #3333FF;; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor:pointer;
	font-size:1.5em;
	padding:5px;
	margin:2px;
}

input[type=checkbox], input[type=radio] {
	width:1.3em;
	height:1.3em;
	cursor:pointer;
}

select, option {
	font-size:1.1em;
	cursor:pointer;
}

button, label, #posli, #get_search, input[type=button], input[type=image], input[type=file] {
	cursor:pointer;
}

img[src="obr/delete.png"], img[src="obr/plus.png"], img[src="obr/minus.png"], img[src="obr/copy.png"], img[src="obr/eye.png"], img[src="obr/eye-not.png"], img[src="obr/upload.png"], img[src="obr/start.png"], img[src="obr/send.png"], img[src="obr/resend.png"] {
	cursor:pointer;
	vertical-align:middle;
}


input.loginbox {
	color: #555555;}

img {
	border: 0px;
}

a img:hover, span img:hover, input[type=image]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

a img, span img, input[type=image] {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.err {
	color: #FF0000;	font-weight:bold;
	padding:10px;
	margin:10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	display:table;
	font-size:1.5em;
	box-shadow: 0px 0px 3px 3px, 0px 0px 3px 3px inset;
	cursor:pointer;
}

.err2 {
	color: #FF0000;	font-weight:bold;
}

.ok {
	color: #00AA00;	font-weight:bold;
	padding:10px;
	margin:10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	display:table;
	font-size:1.5em;
	box-shadow: 0px 0px 3px 3px, 0px 0px 3px 3px inset;
	cursor:pointer;
}

span.menu_top, span.menu_top a {
	color: #FFFFFF;	font-size:small;
}

.vrch {
    position: fixed;
    left: 0;
    top: 0;
    //height: 79px;
    z-index:10;
	color: #FFFFFF;	background-color: #2222AA;	border-bottom: 1px solid #555588;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -22px;
}

.push {
    height: 22px;
}

.spodok {
	color: #CCCCDD;	//font-weight:bold;
	background-color: #2222AA;    position: fixed;
    left: 0;
    bottom: 0;
    height: 22px;
    width: 100%;
	border-top: 1px solid #555588;}

fieldset {
	margin:auto;
	-webkit-border-radius: 8px:0px;
	-moz-border-radius: 8px;
	border-radius: 1px solid $css_fieldsetborder;
	border:0px;
}

fieldset.loginform {
	background-color: #88AAFF;	text-align: center;
	display: inline-block;
	border: 0px;
}

fieldset.loginform h2 {
	color: #FFFFFF;}

fieldset.admin-content, fieldset.admin-content-pozn {
	background-color: #88AAFF;	text-align: center;
	padding:11px;
	position:relative;
}

ul { list-style: none; }

h1 {
	font-weight:normal;
	text-shadow:0px 0px 2px #0000FF;}

h2 {
	color:  #2222AA;	//text-shadow:0px 0px 1px #0000FF;}

a:active, a:link, a:visited {
	color: #4444FF;	text-decoration:none
}

a:hover {
	color: #0000FF;	text-decoration: underline;
	//text-shadow:0px 0px 3px #0000FF;	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

th {
	text-align:center;
}

span.admin-title, span#admin-title-show {
	font-weight:bold;
	text-align:left;
	display:block;
	margin-top: 1em;
	margin-left: 1em;
}

.admin-title {
	position:absolute;
	top:-17px;
	left:22px;
	//content:'Pracovná plocha';
	color:#FFFFFF;
	text-shadow: 0px 0px 1px #000000;
	font-weight:bold;
	font-size:16px;
}

table.fix_size th {
	height:25px;
}

table.fix_size td {
	height:25px;
}

table.fix_size {
	display:inline-block;
}

.ui-tooltip {
    white-space: pre-line;
    max-width: 400px;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0 0 7px black;
    background: #fff;
}

.niceborder {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: 1px solid #DDDDFF;    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #DDDDFF;    -moz-box-shadow: 0 1px 1px #DDDDFF;    box-shadow: 0 1px 1px #DDDDFF;}

.niceborder td, .niceborder th {
    border-left: 1px solid #DDDDFF;    border-top: 2px solid #DDDDFF;    padding: 5px;
    //text-align: left;    
}

.niceborder th {
    background-color: #EEEEFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#BBBBFF));
    background-image: -webkit-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:    -moz-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:     -ms-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:      -o-linear-gradient(top, #EEEEFF, #BBBBFF);
    background-image:         linear-gradient(top, #EEEEFF, #BBBBFF);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-align:center;
}

.niceborder td:first-child, .niceborder th:first-child {
    border-left: none;
}

.niceborder th:first-child {
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
}

.niceborder th:last-child {
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}

.niceborder th:only-child{
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.niceborder tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}

.niceborder tr:last-child td:last-child {
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}

.niceborder tr:last-child td:only-child {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.niceborder tbody tr:nth-child(even) td {
    background: #E0E0E0;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder tbody tr:nth-child(odd) td {
    background: #EFEFEF;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder tbody tr:hover td {
    background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

.niceborder2 {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: solid 1px #DDDDFF;    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #DDDDFF;    -moz-box-shadow: 0 1px 1px #DDDDFF;    box-shadow: 0 1px 1px #DDDDFF;}

.niceborder2 td, .niceborder2 th {
    border-left: 1px solid #DDDDFF;    border-top: 2px solid #DDDDFF;    padding: 3px;
    //text-align: left;    
}

.niceborder2 th {
    background-color: #BBBBFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBFF), to(#EEEEFF));
    background-image: -webkit-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:    -moz-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:     -ms-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:      -o-linear-gradient(top, #BBBBFF, #EEEEFF);
    background-image:         linear-gradient(top, #BBBBFF, #EEEEFF);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-align:center;
}

.niceborder2 td:first-child, .niceborder2 th:first-child {
    border-left: none;
}

.niceborder2 th:first-child {
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
}

.niceborder2 th:last-child {
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}

.niceborder2 th:only-child{
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.niceborder2 tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}

.niceborder2 tr:last-child td:last-child {
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}

.niceborder2 tr:last-child td:only-child {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.niceborder2 tbody tr:nth-child(even) td {
    background: #E0E0E0;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder2 tbody tr:nth-child(odd) td {
    background: #EFEFEF;    -webkit-box-shadow: 0 0 5px rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 5px rgb(255,255,255) inset;  
    box-shadow: 0 0 5px rgb(255,255,255) inset;        
}

.niceborder2 tbody tr:hover td {
    background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

.notable {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: 0px solid #DDDDFF;    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0px 0px #DDDDFF;    -moz-box-shadow: 0 0px 0px #DDDDFF;    box-shadow: 0 0px 0px #DDDDFF;}

.notable td, .notable th {
    border-left: 0px solid #DDDDFF;    border-top: 0px solid #DDDDFF;    padding: 2px;
    //text-align: left;    
}

.notable th {
    //background-color: #EEEEFF;
    //background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#BBBBFF));
    //background-image: -webkit-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:    -moz-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:     -ms-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:      -o-linear-gradient(top, #EEEEFF, #BBBBFF);
    //background-image:         linear-gradient(top, #EEEEFF, #BBBBFF);
    -webkit-box-shadow: 0 0px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 0px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 0px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 0px 0 rgba(255,255,255,.5);
    text-align:center;
}

.notable td:first-child, .notable th:first-child {
    border-left: none;
}

.notable th:first-child {
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
}

.notable th:last-child {
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}

.notable th:only-child{
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.notable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
}

.notable tr:last-child td:last-child {
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}

.notable tr:last-child td:only-child {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.notable tbody tr:nth-child(even) td {
    background: #E0E0E0;    background: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 0 rgb(255,255,255) inset;  
    box-shadow: 0 0 0 rgb(255,255,255) inset;        
}

.notable tbody tr:nth-child(odd) td {
    background: #EFEFEF;    background: rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 rgb(255,255,255) inset; 
    -moz-box-shadow:0 0 0 rgb(255,255,255) inset;  
    box-shadow: 0 0 0 rgb(255,255,255) inset;        
}

.notable tbody tr:hover td {
    //background: #CCCCFF;    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

//ADMINMENU start
.urbangreymenu{
width: 150px; /*width of menu*/
padding: 0px;
//padding-top: 5px;
}

.urbangreymenu .headerbar{
font-size: 13px;
color: #DDDDFF;background: #1111BB; /*last 2 values are the x and y coordinates of bullet image*/
background-repeat: no-repeat;
background-position: right 2px top 2px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 16px 7px 0;
//padding: 0 0 0 0;
}

.urbangreymenu .headerbar a{
color: #DDDDFF;text-decoration: none;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
text-align: center;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-size: 12px;
color: #000055;background: #AAAAFF;display: block;
padding: 7px 0;
line-height: 12px;
//padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000088;font-weight:bold;
background: #8888FF;text-shadow:none;
}

.urbangreymenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #8888FF;}

.subexpandable {
	font-weight:bold !important;
}

.subcategoryitems li {
	border-left: 3px solid #1111BB;;
	border-right: 3px solid #1111BB;;
}
.subcategoryitems li:last-child {
	padding-bottom:0px;
	border-bottom: 3px solid #1111BB;;
}
//ADMINMENU end