﻿/*body {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	font-family:  Arial, Tahoma, Geneva, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	background-color: #fff;
	line-height: 1.2;
	
	height: 100%;
width: 100%;
background-image: url("../images/fon.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
}*/

body {
	margin: 0px;	
	padding: 0px;
	font-family:  Arial, Tahoma, Geneva, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	background-color: #312E80	;
	line-height: 1.2;

 background-image: url('../images/christmas.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 -ms-background-size: cover;
 background-size: cover;
}

html, body {
height: 100%;
width: 100%;
}

div.wrapper {
 background-image: url('../images/snow1.png'), url('../images/snow3.png'), url('../images/snow2.png');
 height:100%;
}
@keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-moz-keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-ms-keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

div.wrapper {
 background-image: url('../images/snow1.png'), url('../images/snow3.png'), url('../images/snow2.png');
 height:100%;
 -webkit-animation: snow 20s linear infinite;
 -moz-animation: snow 20s linear infinite;
 -ms-animation: snow 20s linear infinite;
 animation: snow 20s linear infinite;
}



.wrapper {	
	margin:0 auto;
	min-width: 280px;
}

/* ДЛЯ FOOTER*/	
/*	html,body {
	  height: 100%;
	  margin:0px;
	  padding:0px;
	}
	.wrapper {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	}
	.container {
	  flex: 1 0 auto;
	}
	.footer {
	  flex: 0 0 auto;
	}
*/
.footer{	
	width:100%;
	background:#312E80;
	margin:0 auto;
	outline:0px solid #FF50F6;
	width: 700px;
	height:70px;	
	
	box-shadow: 6px 0 6px -1px rgba(90, 90, 90, 0.4),
                -6px 0 6px -1px rgba(90, 90, 90, 0.4);
	/*border-bottom:10px solid #312E80;*/
	/*border-top:1px solid #312E80;*/	
}

	.footer  p{
	 padding:30px 0px 0px 30px;
	  font-size:14px;
	  color:#fff;	  
	 
	}

.container{
	/*height:auto;*/
	outline:0px solid #FF50F6;
	width: 700px;
	margin:0 auto;
		padding-bottom:30px;
		padding-top:30px;
}
.container2{
	height:auto;
	outline:0px solid #FF50F6;
	width: 700px;
	margin:0 auto;
	background:#fff;
	box-shadow: 6px 0 10px -1px rgba(90, 90, 90, 0.4),
                -6px 0 10px -1px rgba(90, 90, 90, 0.4);
}

.container3{
	height:auto;
	outline:0px solid #FF50F6;
	width: 700px;
	margin:0 auto;
	background:#312E80;
	box-shadow: 6px 0 10px -1px rgba(90, 90, 90, 0.4),
                -6px 0 10px -1px rgba(90, 90, 90, 0.4);

}
.Block3{
	
	outline:0px solid #FF50F6;
	width: 600px;	
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
	overflow: hidden; /*что бы ребенок не выпадал из потока при установке float*/
	background:#312E80;
}

.Block3  p{
	  font-size:14px;
	  color:#fff;	  
	}

.center{
	margin:0 auto;
	width:700px;
	height:370px;
	background-color:#DC031E;
	outline:solid 0px #D0FF00;
	box-shadow: 6px 0 10px -1px rgba(90, 90, 90, 0.4),
                -6px 0 10px -1px rgba(90, 90, 90, 0.4);
	}
.shapka{
	
	outline:0px solid #92F134;
	width:700px;
	height:370px;
	margin:0 auto;
	background-image:url('../images/top.jpg');
	background-repeat: no-repeat;
}

#Block1{
	outline:0px solid #FF50F6;
	width: 600px;
	background-color: #fff;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	overflow: hidden; /*что бы ребенок не выпадал из потока при установке float*/
}
.bt2{
	height:20px;
}
.tab1 p, .tab2 p{
	padding:0px;
	margin:0px;
}
.tab1{	
	width:50%;
	float:left;
	outline:0px solid #FF50F6;
}

.tab2{	
	width:50%;	
	float:right;
	outline:0px solid #FF50F6;
}
.tab2 p{
padding-top:30px;	
text-align:right;
}

ul {
padding: 0; /* Убираем поля */
margin-left: 15px;
list-style-type:  disc;
outline:0px solid #000000;

font-weight: bold;
}

ul li{
margin-top:10px;

}

ul p {
   color: black;
   font-weight: normal;
}


p {
	text-align: left;	
	/*text-align: justify;	*/
	margin-top:12px;
	margin-bottom:12px;
}


#center{
text-align: center;
}



h2{
	margin: 0px 0px 9px 0px;
	color: #312E80;
	font-size: 24px;
	font-weight: bold;
}



.textBold{
	font-weight: bold;
}

.textBlue{	
	color: #312E80;
}

.textLiteBlue{	
	color:#47a3ff;
}

.textRed{	
	color:#DC031E;
}

a.primaryButtonBlue{
	  color: #fff !important; 
	 background-color: #DC031E; 
	 border:1px solid #DC031E;
	/* margin:15px 0 15px 0;	 */
	 text-decoration:none; 
	 /*line-height: 36px !important;*/
	 padding: 10px 50px; 	
	 overflow:hidden;
	 font-size: 18px;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
	 
 a.primaryButtonBlue:hover {
	 background-color: #312E80; 
	 border:1px solid #312E80;
	 text-decoration:none !important; 
	 color: #FFF !important;}
	
