@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:5;
	border:none;
}

body{ font-family: 'Ubuntu', sans-serif;

}

#top_part{ width:100%; overflow:hidden; background:#7d7d7d; padding-bottom:5px;}

.wrapper{ width:960px; overflow:hidden; margin:0 auto;}

#top_part_content{ overflow:hidden; float:right;}

#top_part_content a{ font-size:12px; padding-top:3px; color:#FFF; text-decoration:none; margin-right:10px; display:block; float:right;}

#top_part_content .login{ padding:2px 5px 5px 5px; margin:0; color:#FFF; background:#b4d442; border-bottom-left-radius:7px;border-bottom-right-radius:7px;}

#header{ width:100%; overflow:hidden;}

#logo{
	width:280px;
	margin-top:20px;
	overflow:hidden;
	float:left;
}

#menu{ width:600px; margin-top:30px; overflow:hidden; float:right;}

#menu ul{ overflow:hidden; float:right;}

#menu ul li{ list-style-type:none; float:left; border-right:1px solid #5b595a}

#menu ul li a{ font-size:15px; color:#5b595a; text-decoration:none; padding:25px 30px; display:block;}

#menu ul li a:hover{ background:#019ade; color:#FFF;}

#blue_line{ width:100%; overflow:hidden; background:#019ade; height:20px;}

#banner{ width:100%; overflow:hidden;}

#banner img{ width:100%;}


#banner_small{ width:100%; height:300px; overflow:hidden;}

#banner_small ul li img{ display:block; margin:0 auto;}




#main_content_container{ width:100%; overflow:hidden; margin-top:20px;}

#main_content_container_inside{ width:100%; overflow:hidden; }

#main_content h1{ font-size:22px; color:#767676; text-align:center; padding-bottom:20px;}



#boxes{ width:100%; overflow:hidden;}

.main_box{ width:222px; overflow:hidden; margin-right:20px; float:left;}

.box_header{ width:100%; overflow:hidden; margin:10px 0px;}

.box_header img{ float:left;}

.box_header h2{ font-size:18px; color:#777777; width:174px; float:right; text-align:center; padding-top:10px;}

.box_content{ width:202px; overflow:hidden; padding:10px; background:#e1ecf6;}

.box_content:hover{ background:#019ADE; cursor:pointer;}

.box_content:hover p{ color:#FFF;}

.box_content:hover a{ color:#FFF;}

.box_content p{ color:#777777; font-size:13px;}

.box_content a{ display:block; text-decoration:none; font-size:13px; padding-top:10px; float:right; color:#008ed4;}

#microsoft_logos{ width:908px; border-radius:7px; margin:20px 0px; overflow:hidden; padding:20px; background:#f0f0f0;}

#microsoft_logos ul{}

#microsoft_logos ul li{ float:left; list-style-type:none; overflow:hidden; width:302px;}

#microsoft_logos ul li img{ display:block; margin:0 auto;}

.padding2{ padding-top:33px;}

.padding1{ padding-top:16px;}

#footer_options{ width:100%; overflow:hidden;}

#footer_options ul{}

#footer_options .footer_box{ width:240px; list-style-type:none; float:left; overflow:hidden; display:block; }

#footer_options .footer_box h1{ color:#505050;  text-align:left; font-size:14px; padding:0; margin-bottom:10px;}

#footer_options .footer_box p{ color:#b0b0b0; font-size:13px;}

#footer_options .footer_box ul li{ list-style-type:none;margin-bottom:5px;}

#footer_options .footer_box ul li a{color:#b0b0b0; font-size:13px; text-decoration:none; }

#footer_options .footer_box td{color:#b0b0b0; font-size:13px; text-decoration:none;}

#footer_container{ width:100%; background:#7d7d7d; overflow:hidden; margin-top:40px; padding:40px 0px;}

#footer_content{ width:100%; overflow:hidden; margin-bottom:45px; font-size:13px; color:#d6d6d6;}

#footer_content h1{ font-size:14px; margin-bottom:10px;}

#footer_content table{ width:50%;}

#copyright{font-size:13px; color:#d6d6d6; float:left;}
#developed{font-size:13px; color:#d6d6d6; float:right;}

#developed a{font-size:13px; color:#d6d6d6; text-decoration:none;}

#inside_page_container{ width:100%; overflow:hidden;}

#inside_page_container .main_header{background:#019ade; color:#FFF; padding:8px 10px; margin-bottom:10px; text-align:left; font-size:20px;}

#inside_page_content{ width:100%; margin:20px 0px; overflow:hidden;}

#content_text{
	width:660px;
	float:left;
	margin-right:20px;
	text-align: justify;
}

#content_text h1{ color:#019ade; font-size:22px; margin-bottom:10px;}

#content_text h2{ color:#3c3c3c; font-size:20px; margin-bottom:10px;}

#content_text p{
	font-size:14px;
	color:#505050;
	text-align: justify;
	line-height: 12pt;
}

#content_image{
	width:280px;
	float:right;
	overflow:hidden;
	height:163px;
	background-color: #FFF;
}

#characteristics{ width:100%; overflow:hidden;}

#characteristics ul{}

#characteristics ul li{ display:block;font-size:16px; width:100%; margin-bottom:10px; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #2e2e2e;color:#505050;}

#text_container{ width:100%; overflow:hidden; margin:20px 0px;}

#text_container .main_header{ text-align:center;}

#text1{
	width:49%;
	overflow:hidden;
	color:#505050;
	font-size:14px;
	float:left;
	margin-right:20;
	text-align: justify;
	line-height: 12pt;
}

#text2{
	width:49%;
	overflow:hidden;
	color:#505050;
	font-size:14px;
	float:right;
	line-height: 12pt;
	text-align: justify;
}

#screenshots{ width:100%; overflow:hidden; margin-bottom:40px;}

#screenshots ul{}

#screenshots ul li{ display:block; overflow:hidden; float:left; margin-right:10px; width:151px; height:140px; background:#eaeaea}


#left_side{ width:300px; float:left; margin-right:20px; overflow:hidden;}

#left_menu{ width:100%; overflow:hidden;}

#left_menu ul{}

#left_menu ul li{ overflow:hidden; margin-bottom:10px; background:#eaeaea;}

#left_menu ul li a{ font-size:16px; color:#019ade; padding:10px; text-decoration:none; display:block;}

#left_menu ul li a:hover{ background:#019ade; color:#FFF;}

#contact_box{ width:260px; margin-top:40px;  background:#eaeaea; padding:20px;}

#contact_box h1{ font-size:20px; padding-bottom:5px; border-bottom:1px solid #FFF; color:#292929; margin-bottom:10px;}

#contact_box p{ font-size:14px; color:#282828;}

#about_content{ width:640px; float:right; overflow:hidden;}

#about_content h1{color:#019ade; font-size:22px; margin-bottom:10px;}

#about_content h2{color:#3c3c3c; font-size:20px; margin-bottom:10px;}

#about_content p{font-size:14px; text-align:justify; color:#505050;}

#about_container{ width:100%; overflow:hidden; margin-bottom:40px;}

#splashscreen {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    background-color:white;
}