/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; color: Black; }
.clearfix:before, .clearfix:after { content: ""; display: table; color: Black; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: Black; }


/*** General ***/
body    {color: #666;font: 16px/28px;font-family: Century Gothic, 'Open Sans', sans-serif;background: #FEFEFE; color: Black;}
a           {text-decoration: none;}
	
/* Structure section div*/
#header_site 				{z-index: 999; width: 100%; position: relative; top: 0px; height: auto; background-color: transparent;  display:  block;  margin: auto auto; }
.img_logo					{ z-index: 900; width: 700px;  height: auto; position: relative; margin-top: 3%; margin-bottom: 3%; left: 50%; margin-left: -350px; display: block;  }


#account						{z-index: 9999; position: relative; top: 0px; left: 32%;  width: 50%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 
#label_bix
{
	z-index: 200;
	position: relative;
    display: block;
	bottom: 130px;
	left: 2%;
    font-family: Arial;
	font-size: 14pt;
	font-weight: 500;
	text-align: center;
    line-height: 130%;
	color: #404040;
	background-color:transparent; 
	height: auto;  
	width: 90%;
	border: 0px solid #ADADAD;
}
/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 200;
	position: absolute;
	top: 5%;
	left: 1%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 56%;
	border: 1px solid #000000;

	/*
     border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
     */
}
#login_txt:focus {
	color: #424242;
}

#pwd_txt 
{
	z-index: 200;
	position: absolute;
	top: 22%;
	left: 1%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 56%;
	border: 1px solid #000000;

    /*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
     */

}

#pwd_txt:focus {
	color: #424242;
}

#label_error
{
	z-index: 200;
	position: absolute;
	top: 42%;
	left: 1%;
	font-size: 14pt;
	font-weight: 600;
	text-align: center;
	color: #FB5B2A;
	background-color:transparent; 
	height: 36px;  
	width: 80%;
	border: 0px solid #ADADAD;
}

#img_go_login
{
	z-index: 200;
	position: absolute;
	top: 3%;
	left: 64%;
	background-color:transparent; 
	height: 60px;  
	width: auto;
}

/* box account ---  FINE */


@media (min-width: 980px) and (max-width: 1366px) {

.img_logo					{ z-index: 900; width: 600px;  height: auto; position: relative; margin-top: 3%; margin-bottom: 3%; left: 50%; margin-left: -300px;  display: block;  }

#account					{z-index: 9999; position: relative; top: 0px; left: 30%;  width: 50%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 

/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 200;
	position: absolute;
	top: 5%;
	left: 1%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 76%;
	border: 1px solid #000000;

	/*
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}
#login_txt:focus {
	color: #424242;
}

#pwd_txt 
{
	z-index: 200;
	position: absolute;
	top: 22%;
	left: 1%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 76%;
	border: 1px solid #000000;

	/*
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}

#pwd_txt:focus {
	color: #424242;
}

#label_error
{
	z-index: 200;
	position: absolute;
	top: 42%;
	left: 1%;
	font-size: 14pt;
	font-weight: 600;
	text-align: center;
	color: #FB5B2A;
	background-color:transparent; 
	height: 36px;  
	width: 80%;
	border: 0px solid #ADADAD;
}

#img_go_login
{
	z-index: 200;
	position: absolute;
	top: 3%;
	left: 84%;
	background-color:transparent; 
	height: 60px;  
	width: auto;
}

/* box account ---  FINE */
}


@media (min-width: 551px) and (max-width: 979px) {

.img_logo					{ z-index: 900; width: 500px;  height: auto; position: relative; margin-top: 4%; margin-bottom: 4%; left: 50%; margin-left: -240px; display: block;  }

#account						{z-index: 9999; position: relative; top: 0px; left: 1%;  width: 98%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 

/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 9999;
	position: absolute;
	top: 5%;
	left: 12%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 64%;
	border: 1px solid #000000;

	/*
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}
#login_txt:focus {
	color: #424242;
}

#pwd_txt 
{
	z-index: 9999;
	position: absolute;
	top: 22%;
	left: 12%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 64%;
	border: 1px solid #000000;

    /*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}

#pwd_txt:focus {
	color: #424242;
}

#label_error
{
	z-index: 9999;
	position: absolute;
	top: 48%;
	left: 2%;
	font-size: 14pt;
	font-weight: 600;
	color: #FB5B2A;
	background-color:transparent; 
	height: 36px;  
	width: 80%;
	border: 0px solid #ADADAD;
}

#img_go_login
{
	z-index: 9999;
	position: absolute;
	top: 2%;
	left: 84%;
	background-color:transparent; 
	height: 60px;  
	width: auto;
}

/* box account ---  FINE */
}



@media (max-width: 550px) 
{

.img_logo					{ z-index: 900; width: 86%;  height: auto; position: relative; margin-top: 8%; margin-bottom: 8%; left: 8%; margin-left: 0px; display: block;  }

#account						{z-index: 9999; position: relative; top: 0px; left: 1%;  width: 98%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 

/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 9999;
	position: absolute;
	top: 4%;
	left: 10%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 60%;
	border: 1px solid #000000;

	/*
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}
#login_txt:focus {
	color: #424242;
}

#pwd_txt 
{
	z-index: 9999;
	position: absolute;
	top: 22%;
	left: 10%;
	font-size: 12pt;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 60%;
	border: 1px solid #000000;

    /*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    */
}

#pwd_txt:focus {
	color: #424242;
}

#label_error
{
	z-index: 9999;
	position: absolute;
	top: 48%;
	left: 2%;
	font-size: 14pt;
	font-weight: 600;
	color: #FB5B2A;
	background-color:transparent; 
	height: 36px;  
	width: 94%;
	border: 0px solid #ADADAD;
}

#img_go_login
{
	z-index: 9999;
	position: absolute;
	top: 2%;
	left: 78%;
	background-color:transparent; 
	height: 60px;  
	width: auto;
}

/* box account ---  FINE */


}