@font-face {
	font-family: 'Muller';
	src:url('fonts/Muller.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: 'bpicons';
	src:url('fonts/bpicons.woff') format('truetype');
	font-weight: normal;
	font-style: normal;
} 
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content nav h3 {
	margin-top: 10px;
	margin-bottom: 7px;
}
body, html {
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
	overflow:hidden;
}

a {
	color: #ccc;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #000;
}

/*/ my rules/*/
#content nav button {
		background:none;
		border:0;
		padding:0;
		margin:0;
		box-shadow:none;}
		
#content nav {
	padding-top: 10px;
	text-align: center;
}

#content nav button:hover:after {color: #F1F1E3;}

#content nav .btn:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 2.5;
	text-indent: 0;
}
#content nav button:hover {
	background: #47a3da;
}

#content nav .button_W1:after,
#content nav .button_W2:after,
#content nav .button_W3:after {
	font-size: 14px;
	line-height: 3.4;
	font-weight: bold;
}
#content nav .button_V1:after,
#content nav .button_V2:after,
#content nav .button_V3:after {
	font-family: 'bpicons';
	font-weight:bold;
	font-size:36px;
	line-height: 1.2;
	
}
#content nav button {
	display: inline-block;
	position: relative;
	text-align: left;
	width: 4em;
	height: 4em;
	border-radius: 10%;
	margin: 0 0.1em 5px;
	border: 2px solid #47a3da;
}

.btn:after {
	font-family: 'Muller';
	font-size: 18px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #47a3da;
	text-align: center;
}

#content nav .btn:hover:after {
	color: #FFFFFF;
}


.button_W1:after {
	content: "\48" "\44" "\52" " " "\58" "\31";
}
.button_W2:after {
	content: "\48" "\44" "\52" " " "\58" "\32";
}
.button_W3:after {
	content: "\48" "\44" "\52" " " "\58" "\33";
}
.button_V1:after {
	content: "\E01E";
}
.button_V2:after {
	content: "\E017";
}
.button_V3:after {
	content: "\E01D";
}
.button_C1:after {
	content: "\43" "\31";
}
.button_C2:after {
	content: "\43" "\32";
}
.button_C3:after {
	content: "\43" "\33";
}
.button_G1:after {
	content: "\47" "\31";
}
.button_G2:after {
	content: "\47" "\32";
}
.button_G3:after {
	content: "\47" "\33";
}
.button_S1:after {
	content: "\53" "\31";
}
.button_S2:after {
	content: "\53" "\32";
}
.button_S3:after {
	content: "\53" "\33";
}

.button_J1:after {
	content: "\4A" "\31";
}
.button_J2:after {
	content: "\4A" "\32";
}
.button_J3:after {
	content: "\4A" "\33";
}

p.info {
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
}
