html, body {
	padding:0px;
	margin:0px;
	height:100%;
	//width:100%;
	font-family:Arial;
	font-size:small;
	//font-weight:bold;
	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;
    //position: relative;
    //min-height: 100%;
}

body {
    //margin: 0 0 45px;
}

@media screen and (min-width: 0px) and (max-width: 640px) {
  .screen_mobile { display: inline-block; }
  .screen_mobile_td { display: table-cell; }
  .screen_normal, .screen_normal_td { display: none; }
  #admin_menu_mobile { display: none; }
  .screen_user_1, .screen_user_2 {
  	float: none;
  }
  .screen_admin_1, .screen_admin_2  {
  	float: none;
  }
  .screen_admin_3, .screen_admin_4  {
  	display: none;
  }
  .vrch {
	width: 100%;
  }
}

@media screen and (min-width: 641px) {
  .screen_mobile, .screen_mobile_td { display: none; }
  .screen_normal { display: inline-block; }
  .screen_normal_td { display: table-cell; }
  #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);
  }
  .screen_admin_3 {
  	display:none;
  	float: left;
  	padding-right: 11px;
  	padding-top: 11px;
	width: 0px;
  }
  .screen_admin_4 {
	display:none;
	position:absolute;
	right:100px;
	top:5px;
  }
  .vrch {
	width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
  }
}

@media screen and (min-width: 0px) and (max-width: 829px) {
  .screen_mobile_830 { display: inline-block; }
  .screen_normal_830 { display: none; }
}



@media screen and (min-width: 830px) {
  .screen_mobile_830 { display: none; }
  .screen_normal_830 { display: inline-block; }
}

#overlay, .blackback{
  //display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0,0,0,0.7); /*dim the background*/
}

#spinner {
	//display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -110px; /* half width of the spinner gif */
	margin-top: -10px; /* half height of the spinner gif */
	text-align:center;
	z-index:1001;
	//overflow: auto;
	width: 220px; /* width of the spinner gif */
	height: 21px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#contact_form, #question_form {
	display:none;
}
#contact_form2 {
	margin-left: -130px;
	margin-top: -140px;
}

#question_form2 {
	margin-left: -190px;
	margin-top: -190px;
}

#contact_form2, #question_form2 {
	position:fixed;
	top:50%;
	left:50%;
	z-index:1111;
	background-color:#FFFFFF;
	border-radius: ;
	-moz-border-radius: ;
	-khtml-border-radius: ;
	-webkit-border-radius: ;
	padding-left:4px;
}

#question_form2 {
	width:380px;
	height:380px;
	overflow-y:scroll;
}

#contact_form2 {
	width:260px;
	height:280px;
}

.b-close {
    cursor:pointer;
    position:absolute;
    right:5px;
    top:5px;
}

input:not([type=submit]):not([type=image]), select:not(.chosen-select), textarea {
    //-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: 1px solid #555588; 
	//border: 0px;
	border-radius: ;
	-moz-border-radius: ;
	-khtml-border-radius: ;
	-webkit-border-radius: ;
	padding:3px;
}

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: 1px solid #3333FF;; 
	border-radius: ;
	-moz-border-radius: ;
	-khtml-border-radius: ;
	-webkit-border-radius: ;
	cursor:pointer;
}

input.loginbox {
	color: #888888;}

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 */
}

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

span.errorlevel1 {
	color: #FF0000;	font-weight:bold;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:center;
	display:block;
}

font.err {
	color: #FF0000;	font-size: 2;
	font-weight:bold;
}

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

.vrch {
	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;	background-color: #2222AA;    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;}

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;
}

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


fieldset.seller_field {
	background-color: #88AAFF;	text-align: left;
}

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

fieldset.infoform {
	font-size: 0.85em;
	text-align: left;
	display: inline-block;
	border: 0px;
}

fieldset.infoform h1 {
	background-color: #2222AA;	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	text-align:center;
}

fieldset.standardform {
	background-color: #88AAFF;	text-align: center;
	display: inline-block;
}

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

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

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

td.admin-line1 {
	background-color: #E0E0E0;	vertical-align: middle;
}

td.admin-line2 {
	background-color: #EFEFEF;	vertical-align: middle;
}

#useruvod_box1, #useruvod_box2, #useruvod_box3, #useruvod_box4 {
	font-weight:bold;
	color:#FFFFFF;
}

table.fix_size th {
	height:25px;
}

table.fix_size td {
	height:25px;
}

table.fix_size {
	display:inline-block;
}

.niceborder {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border: 1px solid #DDDDFF;    -moz-border-radius: ;
    -webkit-border-radius: ;
    border-radius: ;
    -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:  0 0 0;
    -webkit-border-radius:  0 0 0;
    border-radius:  0 0 0;
}

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

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

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

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

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

.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: ;
    -webkit-border-radius: ;
    border-radius: ;
    -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:  0 0 0;
    -webkit-border-radius:  0 0 0;
    border-radius:  0 0 0;
}

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

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

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

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

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

.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: ;
    -webkit-border-radius: ;
    border-radius: ;
    -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:  0 0 0;
    -webkit-border-radius:  0 0 0;
    border-radius:  0 0 0;
}

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

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

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

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

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

.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;     
}

input.predajca {
	font-weight: bold;
}

.obch-podm {
	font-size:x-small;
}

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

.urbangreymenu .headerbar{
font: bold 12px Verdana;
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: normal 12px Arial;
color: #000055;background: #AAAAFF;display: block;
padding: 5px 0;
line-height: 17px;
//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;
}
//ADMINMENU end