body {
    font-family: arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

header {	
	position: fixed;
	width:100%;
	color: #FFF;
	background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0));
	padding: 1%;
	padding-top: 2%;
	z-index: 10;
}

header:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.65),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));
}

.prostoLogik{
	color: #48F;
	font-size: 28px;
	font-weight: bold;
	margin-left: 1%;
	text-align: center;
}

.prosto{color:#FB0;}

nav {
	color: #FFF;
	margin: 1%;
	white-space: nowrap;
	width:100%;
}

a {
	color: #FFF;
	padding: 1%;
}

.bleu {color: #00F;}

.pad1 {color: #48F;}

hr {
	height:10px; 
	padding-top: 1%; padding-bottom: 1%;
	border: none;
	color:#FFF; 
	background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0));
}

footer {
	color: #FFF;
	background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));
	padding: 1%;
}

.hero {z-index: 8;}

.hero2 {
	color: #FFF;
	font-size: 30px;
	background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0));
	padding: 1%;
}

.abs {position: absolute;}

.Left {
	left: 50px;
	width: 32px;
	fill: #EEE;
}

.Right {
	right: 50px;
	width: 32px;
	fill: #EEE;
}

.btnGrp button {display: inline-block;}

.pc16 {width: 16.6%;}
.pc25 {width: 25%;}
.pc33 {width: 33.3%;}
.pc50 {width: 50%;}
.pc100 {width: 100%;}
.pc16, .pc25, .pc33, .pc50 {display: inline-block;}

.C {text-align: center;}
.R {text-align: right;}
.L {text-align: left;}

.h:hover, .C:hover, .pad1:hover {color: #FB0; fill: #FB0;}

.arrow {
	font-size: 30px;
	color: #555;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.divblock {display:block;}

.center {text-align: center;}

.txt1 {
	text-align: left;
	margin: 1%
}

.divider {
	background-color: #48F;
	color: #FFF;
	padding: 5px;
	padding-left: 2%;
	width:100%;
}

.container {
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	width:100%;
}

.containerMob {
	display:block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: center;
	background-color: #FFF;
}

.floatLeft {float:left;}
.floatRight {
	float:right;
	margin-right: 20px;
}