{
	margin: 0;
	padding: 0;
}

html {
	background: linear-gradient( #ededed, #706f6f );
	width: 100%;
	min-height: 100%;
}

body {
	margin: 0;
	width: 100%;
}

#main {
	border: #F9AD80;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
    font-family: Montserrat, sans-serif;
  	font-size: 26px;
	text-decoration: none;
    font-weight: normal;
	color: #686868;}

@media (max-width: 40em){
	h1 {font-size: 22px;}
}

#head {
	height: 130px;
	padding-top: 2px;
    padding-right: 1%;
    padding-bottom: 5px;
    padding-left: 1%;
	clear: both;
}

@media (max-width: 40em){
	#head {
		height: 80px;
		min-width: 96%;}
	
}

#head .left_logo { 
    width: 25%;
	background:  url(../images/logo-110.png) no-repeat;
	background-color: transparent;
    height: 110px;
	float: left;
	}

@media (max-width: 40em){
#head .left_logo{
		display: none;}
}

#head .left_logo a {
	width: 243px;
	height: 100px;
	color: #686868;
	text-decoration: none;
}

#head .left_logo a:hover {
	border: bold;
}

#head .stred {
   	width:50%;
   	float: left;
    padding-top: 0px;
    text-align: center;
	height: 110px;
}


@media (max-width: 40em) {
#head .stred {
	width:85%;
	height: 50px;}
}

#head .stred .nadpis, #head .stred .nadpis_uzky {
    float: center;
    padding-top: 0px; 
}

#head .stred .nadpis_uzky {display: none;}

@media (max-width: 40em) {
	#head .stred .nadpis {display: none;}
	#head .stred .nadpis_uzky {display: inline;}
}

#head .naseptavac {
	float: center;
	height: 35px;
}

#head .vyhledat {
	background: url(../images/idok-icon-vyhledavani.png)  center  no-repeat;  
	background-color: #ff5400;
	position: relative;
	top: 7px;
	height: 33px;
}

#head .stred .msg {
    float: center;
	padding-top: 0px;
	   text-align: center;
}

#head .uzivatel {
	width: 25%;
	height: 110px;
    float: right;
	font-family: Montserrat, sans-serif;
	text-align: right;
}

@media (max-width: 40em) {
	#head .uzivatel {
	width: 10%;
	padding-top: 5px;
	padding-right: 5px;}
}

#head .uzivatel a {
	color: #686868;
	text-decoration: none;
}

#head .uzivatel a:hover {
	color: #404040;
	text-decoration: underline;
}

@media (max-width: 40em) {
	#head .uzivatel .user {
	display: none;}
}

#head .uzivatel .logout {
   	width: 2%;
    float: right;
    padding: 0px 15px 0px 0px;
  text-align: left;
}

#head .uzivatel .logout a {
	padding: 0px;
	background-color: transparent;
   /* background-image: url(../images/logout.png); */
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  center;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}


#head .uzivatel .logout a:hover {	
	background-color: transparent;
	/* background-image: url(../images/logout-over.png); */
}	

#footer {
	width: 100%;
	height: 25px;
	border-top: 1px solid #e7e7e7;
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px 0px 0px 0px;
}

#footer .copyright {
	width: 100%;
    float: left;
	padding: 0px 0px 0px 10px;
	text-align: left;
}

#footer .copyright a{
	color: #FFF8F8;
	text-decoration: none;
}

#footer .copyright a:hover {
	color: #404040;
	text-decoration: underline;
}