@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
	margin:0;
	padding:0;
	border:0;
}
body{ font-family:Arial, Helvetica, sans-serif; font-size:13px;	color:#fff; background-color:#b0e1f6; }
::selection { background:#009ee0; color:#fff; }
::-moz-selection { background:#009ee0; color:#fff; }

ul{ float:left; padding-bottom:20px; }
li{	vertical-align: text-top; float:left; margin-left:12px; padding-bottom:10px; }
.clear_both{ clear:both; }
.right{ float:right; }
.left{ 	float:left; }
.disableSelection{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;	-o-user-select: none; user-select: none; }
.paddingNul{ padding-bottom:0; }

h1{ font-size:18px; color:#fff; line-height:22px; padding-bottom:20px; float:left; display:block; font-weight:bold; width:100%; }
h2{ font-size:18px; color:#fff; padding-bottom:18px; float:left; display:block; line-height:24px; font-weight:bold; width:100%; }
p{ line-height:22px; font-size:13px; color:#fff; padding-bottom:22px; float:left; width:320px; }
p a{ text-decoration:underline; color:#fff; }
p a:hover{ text-decoration:none; }

#mainframe{ margin:30px auto; position:relative; width:800px; }
.contentLeft{ position:relative; float:left; width:320px; padding:20px; margin-top:20px; background:#e20079; margin-bottom:60px; }
.contentRight{ float:right; width:400px; }

#logo{ width:300px; height:300px; position:relative; }
#logo a{ width:300px; height:300px; display:block; background:url(/logo.png) no-repeat 0 0; }

.folder{ margin-left:25px; margin-top:36px; display:block; width:250px; height:40px; line-height:40px; font-size:13px; color:#fff; background:#009ee0; text-align:center; text-decoration:none; }
.folder:hover{ background:#2d761a; }

.chirstel{ position:absolute; right:-60px; bottom:-42px; }