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

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


/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*BODY*/
body {
	margin: 0;
	padding: 0;
	background-color: #c8ced3;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
	color: #002f6d;
}

a {
	color:#ddd;
	text-decoration:none;
}
a:hover {color:#fff;}
b{font-size:100%;}
em{color:red;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1.0em;}


.value{
	font-weight:bold;
}

/*-----------------------------------------------------------------------------------------*/
/* BOX MEX */
/*-----------------------------------------------------------------------------------------*/
.box_mex {
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
}
.box_mex_title {
	margin-bottom:5px;
	font-size:1.2em;
	color:#255283;
	font-weight:bold;
}
.box_mex_text{
	font-size:1.0em;
	color:#255283;
	font-weight:bold;
}
.error{
	color:#C00;
	font-weight:bold;
}
span {
	margin:0;
	padding:0;
	font-size:0.9em;
	color:#002f6d;
}
span.small{
	font-size:0.8em;
}
span.bold{
	font-weight:bold;
}
span.error{
	font-weight:bold;
	color:#C00;
}
.clearer {
	clear:both;
	height:0px;
}
.v_spacer_10 {
	height:10px;
}
.v_spacer_20 {
	height:20px;
}
.v_spacer_100 {
	height:100px;
}

/*-----------------------------------------------------------------------------------------*/
/* TOP BOX MENU */
/*-----------------------------------------------------------------------------------------*/
#box_top_container {
	display:block;
	width:100%;
	height:140px;
	background-image:url(../users/images/bk_header.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
#box_top_container_m {
	display:none;
}
#box_top_wrapper {
	width: 1024px;
	height: 140px;
	margin: 0 auto;
	overflow: hidden;
	background-color:#006ec3;
}
#box_top_spacer {
	margin:0;
	padding:0;
}
#box_lang {
	width:100%;
	height:25px;
	text-align:right;
	background-color:#fff;
}
#box_lang ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#box_lang ul li{
	display:inline;
	padding-right:3px;
}
#box_lang ul li a {
	color:#666;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
#box_lang ul li a:hover {color:#405b7c;}

#box_logo {
	width:100%; /*Width of main container*/
	height:80px;
	text-align:left;
	background-color:#006ec3;
	background-image:url(../users/images/fondo_m8_header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#box_logo_spacer {
	overflow:hidden;
	padding-top:15px;
}
#box_logo_img {
	float:left;
	width:50%;
	text-align:left;
}
#box_logo_txt {
	width:50%;
	float:left;
	text-align:right;
	color:#ddd;
	font-size:0.8em;
	line-height:1.3em;
}
#box_menu {
	display: table;
	margin:0;
	padding:0;
	width:100%; /*Width of main container*/
	height:35px;
	text-align:left;
	background-color:#203F6E;
	font-size:1.0em;
	font-weight:bold;
	color:#ddd;
}
#box_menu_spacer {
	display: table-cell;
    vertical-align: middle;
}

/* The container <div> - needed to position the dropdown content */
#dropdown {
    position:relative;
	z-index:30000;
}
/* Style The Dropdown Button */
#drop_btn {
	display:none;
	height:40px;
	cursor:pointer;
}
#drop_txt {
	cursor:pointer;
	color:#FFF;
}
/* Dropdown Content (Hidden by Default) */
#dropdown_content {
    display:none;
    position:absolute;
	right:0px;
	background-color:#2f3640;
    min-width:150px;
}
/* Links inside the dropdown */
#dropdown_content a {
    color:#fff;
    padding:3px 3px;
    text-decoration:none;
    display:block;
}
/* Change color of dropdown links on hover */
#dropdown_content a:hover {background-color:#5f6670}
/* Show the dropdown menu on hover */
#dropdown:hover #dropdown_content {display:block;}


/*-----------------------------------------------------------------------------------------*/
/* CONTENT */
/*-----------------------------------------------------------------------------------------*/
#content {
	width:1024px; /*Width of main container*/
	margin:0 auto; /*Center container on page*/
	margin-top:20px;
}

#content_wrapper {
	width:100%;
	overflow:hidden;
	min-height:400px;
	margin:0px;
	margin-bottom:50px;
	padding:0px;
}
#content_spacer {
	overflow:hidden;
	padding:7px;
	color:#255283;
}

/* TOP BOX TITLE */
#box_title {
	background-color:#ccc;
	margin-bottom:0px;
	font-size:1.0em;
	font-weight:bold;
}
.box_title_spacer {
	padding:10px;
	padding-left:20px;
}


/* BOX BUTTONS BAR */
.boxButtonBar {
	overflow:hidden;
	margin:0;
	margin-bottom:20px;
}
.boxButtonBar_Box {
	float:left;
	margin-top:10px;
	margin-right:10px;
}
.boxButtonBar_Box span.msg_error {
	color:#F00;
}

/*-----------------------------------------------------------------------------------------*/
/* BOX FOOTER */
/*-----------------------------------------------------------------------------------------*/
#footer{
/*
	position:fixed;
	bottom:0;
	left:0;
*/
	width:100%;
	height:130px;
	background-color:#002b69;
	background-image:url(../users/images/fondo_m8_footer.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#footer_wrapper {
	width:1024px;
	margin:0 auto;
	padding-top:30px;
	overflow:hidden;
}
#footer_box {
	float:left;
	margin-right:30px;
	text-align:left;
	color:#ddd;
	font-size:0.8em;
	line-height:1.3em;
}

/*-----------------------------------------------------------------------------------------*/
/* BOX HOMEPAGE */
/*-----------------------------------------------------------------------------------------*/
.box_homepage_container {
	margin:0;
	margin-top:20px;
	padding:0;
	overflow:auto;
	background-color:#c8ced3;
}
.box_homepage {
	float:left; 
	min-height:285px;
	width:280px;
	margin:0;
	margin-right:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
	background-color:#fff;
	color:#203f6e;
}
.box_homepage_spacer {
	margin:10px;
}
.box_homepage_title {
	width:100%;
	height:85px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom:1px solid #203f6e;
	color:#203f6e;
	font-size:1.2em;
	font-weight:bold;
}
.homepage_keystatus {
	background-image: url(../users/images/bk-homepage-keystatus.jpg);
}
.homepage_serverstatus {
	background-image: url(../users/images/bk-homepage-serverstatus.jpg);
}
.homepage_accountdata {
	background-image: url(../users/images/bk-homepage-account.jpg);
}
.box_homepage_content {
	height:120px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	border-bottom:1px solid #203f6e;
}
.box_homepage_button {
}

/*-----------------------------------------------------------------------------------------*/
/* BOX DOWNLOAD */
/*-----------------------------------------------------------------------------------------*/
.box_download {
	width:100%;
	overflow:hidden;
	margin:0;
	margin-bottom:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.box_download_title {
	width:100%;
	height:30px;
	padding-top:7px;
	padding-left:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#203f6e;
	text-align:left;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
}
.box_download_box {
	height:128px;
	float:left; 
	margin-top:10px;
	margin-right:20px;
	margin-bottom:20px;
	border:0px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
	color:#000;
}
.box_download_box_content {
	overflow:hidden;
	background-color:#f5f7f7;
	color:#203f6e;
	font-size:0.9em;
}
.box_download_box_content_img {
	float:left;
}
.box_download_box_content_txt {
	float:left;
	margin:10px;
	margin-top:15px;
	margin-right:10px;
	text-align:left;
	font-size:1.1em;
}


@media only screen and (max-width:768px) {

/*-----------------------------------------------------------------------------------------*/
/* RESET STYLES */
/*-----------------------------------------------------------------------------------------*/
.v_spacer_10 {
	height:0px;
}
.v_spacer_20 {
	height:0px;
}
.v_spacer_100 {
	height:0px;
}

/*-----------------------------------------------------------------------------------------*/
/* TOP SECTION */
/*-----------------------------------------------------------------------------------------*/
#box_top_container {
	display:none;
}
#box_top_container_m {
	display:block;
	width:100%;
	height:110px;
	margin:0;
	margin-bottom:20px;
	padding:0;
}
#box_logo_wrapper_m {
	overflow: hidden;
	padding:10px;
	background-color:#006ec3;
}
#box_menu_m {
	text-align:left;
}

#box_logo_m {
	overflow:hidden;
	height:50px;
}
#box_logo_left_m {
	float:left;
}
#box_logo_right_m {
	float:right;
	display:inline-block;
	text-align:right;
	color:#fff;
}

#box_menu_wrapper_m {
	overflow: hidden;
	padding:0px 10px;
	background-color:#03296a;
}
#box_menu_m {
	overflow:hidden;
	height:40px;
}
#box_menu_container_m {
}
#box_menu_container_m:hover ul {
	display: block;
}
#box_menu_container_m ul { 
	display:none;
	position: absolute;
	top: 110px;
	overflow:hidden;
	background: #03296a;
}
#box_menu_container_m li {
	font-weight:400;
	font-size:1.2em;
	color:#FFF;
}
#box_menu_container_m li:hover{
	background-color:#006ec3;
}
#box_menu_container_m li:hover a{
	color:#fff;
}
#menu_icon {
	width:40px;
	height:40px;
}
#menu_icon:hover {
	background-color: #03296a;
}


#box_menu_container_m.left {
	float:left;
	text-align:left;
}
#box_menu_container_m.left ul {
	left: 0px;
	border-bottom-right-radius: 5px;
}
#box_menu_container_m.left li {
	text-align: left;
	padding: 5px 10px;
	margin: 0;
}


#box_menu_container_m.right {
	float:right;
	text-align:right;
}
#box_menu_container_m.right ul {
	right: 0px;
	border-bottom-left-radius: 5px;
}
#box_menu_container_m.right li {
	text-align: right;
	padding: 5px 10px;
	margin: 0;
}




/*-----------------------------------------------------------------------------------------*/
/* CONTENT SECTION */
/*-----------------------------------------------------------------------------------------*/
#content {
	width:100%; /*Width of main container*/
	margin-top:0px;
}
#content_wrapper {
	min-height:100px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}
#content_spacer {
	overflow:hidden;
	padding:7px;
}
/*-----------------------------------------------------------------------------------------*/
/* FOOTER SECTION */
/*-----------------------------------------------------------------------------------------*/
#footer{
	position:relative;
	bottom:0;
	left:0;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color:#006ec3;
	background-image:url();
}
#footer_wrapper {
	width:100%;
	margin:0 auto;
	padding-top:10px;
	overflow:hidden;
}
#footer_box {
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------*/
/*  */
/*-----------------------------------------------------------------------------------------*/
#drop_btn {
	display:block;
	margin:0px;
	padding:0px;
	height:40px;
	border:none;
	cursor:pointer;
	background-image:url(../images/menu-icon.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#drop_txt {
	display:none;
}
#dropdown_content a {
    padding:7px 7px;
	font-size:1.4em;
}

/* TOP BOX TITLE */
#box_title {
	text-align:center;
}
.box_title_spacer {
	padding:0px;
	padding-left:0px;
	text-align:center;
}

/* BOX CONTENT */
#box_content {
	min-height:0px;
	background-color:transparent;
	border:none;
	color:#CCC;
}
.box_content_spacer {
	padding:0px;
	background-color:transparent;
	border:none;
}

/* BOX BUTTONS BAR */
.boxButtonBar {
	margin:0;
}
.boxButtonBar_Box {
	float:none;
	margin:0;
}
.boxButtonBar span.msg_error {
}

/*-----------------------------------------------------------------------------------------*/
/* BOX HOMEPAGE */
/*-----------------------------------------------------------------------------------------*/
.box_homepage {
	width:100%; 
	margin-bottom:10px;
}

/*-----------------------------------------------------------------------------------------*/
/* BOX DOWNLOAD */
/*-----------------------------------------------------------------------------------------*/
.box_download {
}
.box_download_title {
	margin-bottom:10px;
}
.box_download_box {
	width:100%;
	float:none; 
	margin-bottom:10px;
}
.box_download_box_content {
}
.box_download_box_content_img {
}
.box_download_box_content_txt {
}