/* formate.css */

*{
box-sizing: border-box;
}
header{
background-color:#f9fbfd;
display: block;
}
header #header_info{
display:none;
font-size: 1em;
}
nav{
}
section{
text-align:center;
width: 69%;
float: left;
background-color:#f9fbfd;
margin: 6px;
font-size:1.2em;
padding: 8px;
}
section table{
border-spacing: 1em;
}
section tr{
background-color:#f9fbfd;
}
footer{
clear: left;
}
h1{
font-size: 1.2em;
}
h2{
font-size: 1em;
}
#region{
max-width: 55em;
margin: auto;
}
#content{
background-color:#f9fbfd;
border-style: double;
float: left;
position: relative;
width: 100%;
}
.menu_item{
text-align: center;
display:block;
border: 1px solid #f9fbfd;
font-size: 1.5em;
color:black;
text-decoration:none; 
background-color: #e3eff8;
margin: 1px 0px 1px 0px;
padding: 8px 0px 8px 0px;
}
.menu_spinner{
display:none;
}
#menu{
width: 29%;
float: left;
margin-top: 8px;
text-align: center;
}
#menu:target{
display: block;
}
#menu:target #menu_show{
display:none;
}
#menu:target #menu_hide{
display:block;
}
#menu:target #nav_menu{
display: block;
}
#menu:target #nav_card{
display: block;
}
#menu a:hover{
color:black;
text-decoration:underline;
display: block;
background-color: #20afdf;
}
#menu ul {
padding-left: 0px;
}
#menu li {
display: block;
}
#nav {
background-color: #e3eff8;
padding: 8px;
text-align: center;
position: relative;
}
#nav ul{
padding-left: 0px;
border-width: 1px;
list-style-type:none;
display: block;
}
#nav li {
padding-left: 0px;
border-width: 1px;
display: block;
}
#nav a{
font-size: 25px;
color: black;
text-decoration:none;
}
#nav a:hover{
color:black;
text-decoration:underline;
}
#nav_card{
#display:none; /*???*/
font-size: 16px;
background-color: #20afdf;
text-align: center;
border: double #000000;
padding: 8px;
padding-top: 0px;
padding-bottom: 0px;
#position: absolute; /*???*/
#bottom: 0; /*???*/
}
#brak_logo{
}
#brak_logo img{
height:160px;
border:2px solid;
}
#card{
background-color:#e3eff8;
border: solid #000000 2px;
border-radius: 10px;
margin: 15px;
float: left;
}
#card_infos{
float: left;
width: 66%;
font-size: 20px;
color: black;
font-family: 'Century Schoolbook',serif;
}
#card img{
float: left;
padding-top:3em;
width: 28%;
}
#text{
float: left;
}
#map_view{
border:none;
#display:none;
width:95%;
height:18em;
margin: 0px;
#pointer-events:none;
}
@media only screen and (max-width:580px){
	section table {
		border-spacing: unset;
	}
	#card{
	float:none;
	}
	#card_infos{
	float:none;
	width:auto;
	}
}
@media only screen and (max-width:768px){
	.menu_spinner{
	display:block;
	}
	body {
	background-color:#f9fbfd;
	}
	#region{
	width: 100%;
	}
	section{
	font-size: 1.0em;
	}
	#brak_logo{
	display:none;
	}
	#menu {
	width: 100%;
	}
	#menu #menu_show{
	display:block;
	}
	#menu #menu_hide{
	display:none;
	}
	#menu #nav_menu{
	display:none;
	}
	#menu #nav_card{
	display:none;
	}
	section{
	width:auto;
	}
	#card_infos{
	width:auto;
	}
	#card img {
	display:none;
	}	
	#text{
	float:none;
	}
}