body {
	font-family:'Open Sans', Helvetica, Arial;
	font-size:0.75em;
	color: #ffffff;
	margin: 0%;
	background-color: #090715;
	background-image: url("wall.jpg");
	background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;}

#HEADER {width: 100%;}
#HEAD1  {width: 100%; display: inline-block;}
#HEAD2  {width: 100%; display: inline-block;
		 height: 3em;
		 box-shadow: 0px 0px 3px 0px #ffffff;
		 background-color: #0000002d;
		 backdrop-filter: blur(10px);}

.TIMEWEATHER {
	float: left;
	width: 30em;
	height: 8.5em;
	padding-left: 5em;
	transition: transform 0.1s;}
.TIMEWEATHER:hover {transform: scale(1.06);}

.header-icon img   {filter: drop-shadow(1px 2px 4px #000000); height: 3em;}
.header-icon	   {margin-right:2em; float: right; filter: grayscale(100%);	opacity: 70%; transition: transform 0.1s;}
.header-icon:hover {transform: scale(1.2); opacity: 100%; filter: grayscale(0%);}

.CASNAME {float: left; width: 9.4em;}
.CAS     {font-size: 3.2em;	padding-top: 0.55em; padding-bottom: 0.1em; float: left; text-shadow:2px 2px 10px #000000;}
.NAMEDAY {width: 11em; float: left;}
.POCASIE {float: left;	width: 20em;}

/*-----------------------------------------------MENINY-------------------------------------------------*/
/*dnes*/		 .calwid_name1  {text-shadow:2px 2px 10px #000000; color:#fff; font-size:11px;}
/*zajtra*/ 		 .calwid_name2  {text-shadow:2px 2px 10px #000000; font-size:0px; color:#00000000;}
/*den v tyzdni*/ .calwid_day    {font-size:0px; color:#00000000;}
/*kecy DNES*/ 	 .calwid_body A {font-size:0px; color:#00000000;}
/*kecy ZAJTRA*/	 .calwid_body   {color:#00000000; font-size:0px;}



/*--------------------RSS--------------------*/
.RSS {
	float: left;
	font-weight: bold;	
	text-shadow:1px 1px 1px #000000;
	width: auto;
	margin-left: 5em;
	padding-top: 0.9em;
}

/*-------------------OBSAH--------------------*/
#RAMEC {
	padding-top: 4em;
	padding-left: 5em;
	width: 90%;}

#RAMEC object {
	padding: 1em;
	background-color: #0000000a;
	border-radius: 1.5em;
	box-shadow: 0px 0px 10px 0px #ffffff;
	backdrop-filter: blur(10px);}

/*-------------------LOGIN--------------------*/
.wrapper {
	margin: auto;
	text-align: center;
	margin-top: 100px;
	width: 500px;}

form {
	padding-top: 10px;
	border: 0px solid #ffffff00;
	border-radius: 1em;
	box-shadow: 0px 0px 10px 0px #ffffff;
	background-color: #0000000a;
	backdrop-filter: blur(10px);}

/*.form-group {color: #ff0000;}*/

input::placeholder{color: #ffffff;}
input[type=text], input[type=password] {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	padding: 12px 20px;
	border: 1px solid #00000000;
	border-radius: 1.5em;
	box-shadow: 0px 0px 5px 0px #ffffff;
	box-sizing: border-box;}

.form-control {
	background: #ffffff00;
	color:#ffffff;}

.forgot {
	float: left;
	text-align: right;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	cursor: pointer;}

.btn {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 0px #000000;
  color: #000000;
  margin: 1em;
  padding: 1em;
  border: none;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  border-radius: 1.5em;
  cursor: pointer;}

.noacc {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2em;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	cursor: pointer;}

/*.alert .alert-danger {color:red;}*/