/* @override 
	http://grogro.local:8888/~max/Alina/www/views/commun.css
	http://localhost:8888/~max/Alina/www/views/commun.css
*/

html {
	background-color: #463e3a;
}

body {
	/*background-color: #463d38;*/
	margin: 0;
	color: silver;
	/*font: 12px Verdana, sans-serif;*/
	font-size: 12px;
	font-family: -apple-system, 
                BlinkMacSystemFont, 
                "Segoe UI", 
                Roboto, 
                Oxygen-Sans, 
                Ubuntu, 
                Cantarell, 
                "Helvetica Neue",
                Tahoma, 
                sans-serif;
}

a {
	color: silver;
	white-space: nowrap;
}

img {
	border: none;
}

/*h1, h2, h3 ,h4 {
	font-family: "Arial Narrow", Verdana, sans-serif;
}*/

h2 {
	font-size: 1.5em;
}

#fond {
	position: fixed;
	bottom: 0;
	height: 100%;
}

#menu {
	position: fixed;
	z-index: 5;
}

* html #menu {
	position: absolute;
}

#fond img {
	display: block;
	height: 100%;
	width: auto;
}

body.verti #fond img {
	display: block;
	width: 100%;
	height: auto;
}

/* w3c */

#w3c {
	position: absolute;
	bottom: 0;
	width: 10px;
	height: 10px;
	z-index: 5;
}

#w3c a {
	display: block;
}

#rotate {
	z-index: 10;
	position: absolute;
	font-size: 4.5em;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -45%;
	width: 90%;
	height: 400px;
	text-align: center;
	background: rgba(81,81,81,0.75) url(rotation.png) center center;
	display: none;
    align-items: center;
    justify-content: center;
}

.dmsq {
	cursor: pointer;
}