@charset "utf-8";
body {
	font-family: 'PT Sans Narrow', cursive;
	font-size:12pt;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color:#FFFFFF;
	background: linear-gradient(to top, #FFFFFF, #d0efff)  fixed;
}

.mainPage #outer {
	width: 100%;
	min-height:600px;
	min-width:400px;
	text-align:center;	
}

.mainPage #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	position: absolute;
	left: 50%;
	margin-left: -50%;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.mainPage #header {
	font-family: 'Electrolize', cursive;
	background: none;
}

h1 {
	font-family: 'Electrolize', cursive;
	margin: 0;
	padding: 10px 0;
	font-size:18pt;
	color: #101000;
}

h2 {
	font-family: 'Tinos', cursive;
	margin: 0;
	padding: 0px 0px;
	font-size:14pt;
	color: #202000;
}

p {
	font-size:11pt;
	color: #000000;
}

ul {
	color:#CCFF99;
	width:inherit;
	list-style-type:disc;
	list-style-position:outside;
}

#uservices li{
	width: 200px;
}

#uservices li ul{
	width:300px;
	height:0;
	float:left;
	margin-top:-18px;
}

#uservices li ul li{
	width:inherit;	
}


ul li {
	color:#301010;	
	padding:4px;
	
}

ul li:hover {
	color:#0000AA;
}

ul li ul {
	
	height:0;
	list-style-type:none;
	list-style-position:inside;
	float:left;
	padding-left:270px;
	opacity: 0;
  -webkit-transition: height 1500ms;
  -moz-transition: height 1500ms;
  -o-transition: height 1500ms;
  transition: height 1500ms;
  
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

ul li:hover ul{
	/*display: block;*/
	/*height:auto;*/
	opacity: 1;
}

ul li ul li{
	padding:0px;
}


.mainPage #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
}
.mainPage #footer { 
	padding: 25px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: linear-gradient(to right, #112a5c, #245798, #112a5c);
	vertical-align:middle;
	text-align:center;
} 
.mainPage #footer p {
	padding: 5px 5px 5px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: 'PT Sans Narrow', cursive;
	font-size:9pt;
	color:#cae5fc;
}

.mainPage #headerX p {
	font-family: 'Electrolize', cursive;
	font-size:16pt;
	color:#FAFAFA;
	margin-bottom:9px;
}

.mainPage #footer h1 {
	color: #cae5fc;
}

.mainPage #footer a:link {
	color: #0000FF;
}

.mainPage #footer a:visited {
	color: #FFa734;
}

.mainPage #footer a:hover {
	color: #FF0000;
	text-decoration: none;
}

.mainPage #footer a:active {
	color: #FFa734;
}

a:link {
	color: #0000AA;    
}

a:visited {
	color: #0000AA;   
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

a:active {
	color: #0000AA;   
}

#abutton {
	font-family: 'Electrolize', cursive;
	background: none;
	background: linear-gradient(to top, rgba(8,33,85,0.9) 0%, rgba(154,224,249,0.4) 100%);
	font-size: 16px; /* Размер шрифта */
	padding: 10px 20px; /* Поля вокруг текста */
	color: #fff; /* Цвет текста */
	border: 1px solid rgba(60,31,27,0.2); /* Параметры рамки */
	border-radius: 9px; /* Радиус скругления */
	text-decoration:none;
   }
   
#abutton:hover {
	background: none;
	background: linear-gradient(to top, rgba(212, 240, 255, 1) 0%, rgba(221,241,253,0.4) 100%);
	font-size: 16px; /* Размер шрифта */
	padding: 10px 20px; /* Поля вокруг текста */
	color: #0000AA  ; /* Цвет текста */
	border: 1px solid rgba(60,31,27,0.2); /* Параметры рамки */
	border-radius: 9px; /* Радиус скругления */
	cursor:pointer;
   }  
   
#abutton:focus {
	background: none;
	background: linear-gradient(to top, rgba(212, 240, 255, 1) 0%, rgba(221,241,253,0.4) 100%);
	font-size: 16px; /* Размер шрифта */
	padding: 10px 20px; /* Поля вокруг текста */
	color: #0000AA  ; /* Цвет текста */
	border: 1px solid rgba(60,31,27,0.2); /* Параметры рамки */
	border-radius: 9px; /* Радиус скругления */
	cursor:pointer;
	outline:none;
   }