/* 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: 'Open Sans', sans-serif;background: #191919; color: Black;}

a{text-decoration: none;}
	
/* Structure section div*/
#wrapper_global 		{width: 100%; margin: 0 auto;background:#191919; overflow: hidden;   }
.div_space					{z-index: 10; width: 100%; position: relative; height: 200px;  background-color: transparent;  color: #000; }
#global 						{z-index: 100; width: 100%; position: relative; top: 0px; background-color:#191919; padding: 0px; margin: 0px;   }
#div_logo					{z-index: 204; position: relative;  top: 0px; left:6%; width: 40%; height: 100%; min-height: 600px;background: url(../immagini/Logo_JBnB.png) no-repeat left center; background-size: contain; display: inline-block;  border: solid 0px #191919; }
#account						{z-index: 9999; position: relative; top: -100px; left: 1%;  width: 50%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 
#div_online					{z-index: 20; position: absolute;  top: 20px; left:6%; width: 40%; height: 100%; min-height: 50px;background: url(../immagini/online.png) no-repeat left top; background-size: contain; border: solid 0px #191919; }


/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 200;
	position: absolute;
	top: 45%;
	left: 1%;
	font-size: 13pt;
	font-style: italic;
	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: 62%;
	left: 1%;
	font-size: 13pt;
	font-style: italic;
	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: 82%;
	left: 1%;
	font-size: 14pt;
	font-weight: 600;
	text-align: center;
	color: red;
	background-color:transparent; 
	height: 36px;  
	width: 96%;
	border: 0px solid #ADADAD;
}

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

/* box account ---  FINE */




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


}

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



}


@media (max-width: 979px) 
{
	
#div_logo					{z-index: 204; position: relative;  top: 20px; left:2%; width: 96%; height: 100%; min-height: 400px;background: url(../immagini/Logo_JBnB.png) no-repeat center center; background-size: contain; display: inline-block;  border: solid 0px #191919; }
#account						{z-index: 9999; position: relative; top: 20px; left: 1%;  width: 98%; height: 400px;  background-color: transparent;  color: black; display: inline-block;  border: 0px solid #686868;  } 
#div_online					{z-index: 204; position: absolute;  top: 2%; left:25%; width: 40%; height: 100%; min-height: 20px;background: url(../immagini/online.png) no-repeat center top; background-size: contain; border: solid 0px #191919; }

/* ***  ACCOUNT  *** */
#login_txt 
{
	z-index: 9999;
	position: absolute;
	top: 34%;
	left: 4%;
	font-size: 13pt;
	font-style: italic;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 65%;
	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: 52%;
	left: 4%;
	font-size: 13pt;
	font-style: italic;
	margin: 2px 4px 2px 4px;
	padding: 2px 4px 2px 4px;
	color: silver;
	background-color: #FFF; 
	height: 36px;  
	width: 65%;
	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: 78%;
	left: 2%;
	font-size: 14pt;
	font-weight: 600;
	color: red;
	background-color:transparent; 
	height: 36px;  
	width: 94%;
	border: 0px solid #ADADAD;
}

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

/* box account ---  FINE */
}