@font-face{font-family:'Icones Pro';src:url('../fuentes/glyphicons-regular.eot');src:url('../fuentes/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fuentes/glyphicons-regular.woff2') format('woff2'),url('../fuentes/glyphicons-regular.woff') format('woff'),url('../fuentes/glyphicons-regular.ttf') format('truetype'),url('../fuentes/glyphicons-regular.svg#glyphiconsregular') format('svg');}

@font-face {font-family: 'Icones Simples';src: url('../fuentes/glyphicons-halflings-regular.eot');src: url('../fuentes/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fuentes/glyphicons-halflings-regular.woff2') format('woff2'), url('../fuentes/glyphicons-halflings-regular.woff') format('woff'), url('../fuentes/glyphicons-halflings-regular.ttf') format('truetype'), url('../fuentes/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}

@font-face{font-family:'Icones Social';src:url('../fuentes/glyphicons-social-regular.eot');src:url('../fuentes/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),url('../fuentes/glyphicons-social-regular.woff2') format('woff2'),url('../fuentes/glyphicons-social-regular.woff') format('woff'),url('../fuentes/glyphicons-social-regular.ttf') format('truetype'),url('../fuentes/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg');}

@font-face{font-family:'Icones Filetypes';src:url('../fuentes/glyphicons-filetypes-regular.eot');src:url('../fuentes/glyphicons-filetypes-regular.eot?#iefix') format('embedded-opentype'),url('../fuentes/glyphicons-filetypes-regular.woff2') format('woff2'),url('../fuentes/glyphicons-filetypes-regular.woff') format('woff'),url('../fuentes/glyphicons-filetypes-regular.ttf') format('truetype'),url('../fuentes/glyphicons-filetypes-regular.svg#glyphicons_filetypesregular') format('svg');}


body{
	width:1000px;
	background:silver; 
	margin:0px auto;  
/* 	text-shadow:1px 1px 1px silver;  */
	}  
	
.usuaris{
	width:100px;
	height:100px;
	float:left;
	padding:10px;
	margin:5px;
	cursor:pointer;  
	border:1px solid grey;
	box-shadow:1px 1px 1px black, -1px -1px 1px white;
	background-color:#cccccc;
	overflow:hidden;
	}

.usuaris:hover{
background-color:#7e7e7e;
color:gold;	
}
	
.noms_usuaris{
margin:0px;
padding:0px;
font-size:18pt;
text-align:center;
font-family: Arial;
}

.noms_usuarisimg{
margin:0px;
padding:0px;
font-size:12pt;
text-align:center;
}

	
#tecladoVirtual{
	width:280px;
	height:445px;
	background:white;
	font-family:Arial;
	font-size:40px;
	padding:10px;
	float:left;
	border: 1px solid grey;
    box-shadow: 1px 1px 1px black, -1px -1px 1px white;
}

#botoenviar{
	border-radius:10px;
	width:60px;
	height:20px;
	border:1px solid red;
	background:#cccccc;
	z-index:-10;
	text-align:center;
	border:8px outset #999999; 
	padding:10px;
	float:right;
	margin:5px;
	cursor:pointer;
}

#botoborrar{
	border-radius:10px;
	width:140px;
	height:68px;
	border:1px solid red;
	background:#cccccc;
	z-index:-10;
	text-align:center;
	border:8px outset #999999; 
	line-height:68px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin:5px;
	cursor:pointer;
}

#botoborrar:hover{
background-color:#7e7e7e;
color:white;	
}

#pwd{
	/* float:left; 
	clear:left; */
	width:188px;
	/* height:30px; */
	border:1px solid grey;
	text-align:center;
	font-size:40px;
	margin-bottom:10px;
}

.botonum{
	width:80px;
	height:80px;
	border:3px outset grey;
	border-radius:5px;
	float:left;
	margin:3px;
	background:#cccccc;
	text-align:center;
	line-height:80px;
	cursor:pointer;
}

.botonum:hover{
background-color:#7e7e7e;
color:white;	
}

#controlespantalla{
display:none;
}

.bpantalla{
width:100%	
}

#contenidorusuaris{
width:680px;	
height: 455px;
float:right;
overflow:auto;
overflow-y:auto;
overflow-x:none;
margin-left:10px;
}

#logocomprovar{
text-align:center;
font-size:12pt;	
font-family: Arial;
}

#logodata{
float:right; 
width:50%;	
height:100px;
text-align:center;
font-size:30pt;	
font-family: Arial; 
margin-top:20px;		
margin-bottom:20px;	
}

#logolog{ 
text-align:center;
font-size:20pt;	
font-family: Arial; 	
margin-bottom:10px;	
}

#consejolog{
text-align:center;
font-size:18pt;	
font-family: Arial; 	
margin-bottom:20px;
}

#okconexion{
	position:absolute;
	top:2px;
	left:2px;
	width:50px;
	height:25px;
	padding-top:5px;
	line-height:10px;
	color:white;
	background:#11dd11;
	text-align:center;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	border:0px solid black;
	border-radius:3px;
	box-shadow:inset 2px 2px 2px #88ff88, inset -2px -2px 2px #00aa00;
	z-index:999999;
}

#desenvolupador{ 
position:fixed;
right:10px;
bottom:10px;
width:80px;
height:auto;
padding-top:10px;
padding-right:5px;
padding-left:5px;
color:white;
text-align:center;
background-color:#000000;
border-radius:8px;	 
font-family:arial;
font-size:8pt; 
font-weight:bold; 
cursor:pointer; 
}
 
#desenvolupadorimg{
width:80px;
height:120px;	
background-image: url("../img/logototenapps.png");
background-size:contain;
background-repeat:no-repeat;	 
background-position:center;
} 

#logoclient{
float:left;
width:50%;
height:100px;	
background-image: url("../img/logo.png");
background-size:contain; 
background-repeat:no-repeat;	 
background-position:center;	 
margin-top:20px;		
margin-bottom:20px;	
}

#tecladoVirtual2{
	width:280px;
	height:445px;
	background:darkred;
	font-family:Arial;
	font-size:40px;
	padding:10px;
	float:left;
	border: 1px solid black;
    box-shadow: 1px 1px 1px black, -1px -1px 1px white;
}

.botoletra{
	width:43px;
	height:43px;
	border:3px outset grey;
	border-radius:5px;
	float:left;
	margin:3px;
	background:#cccccc;
	text-align:center;
	line-height:43px;
	font-size:24pt;
	cursor:pointer;
}

.botoletra:hover{
background-color:#7e7e7e;
color:white;	
}

#botoborrarletrasminus,#botoborrarletrasmayus{
	border-radius:10px;
	width:120px;
	height:30px;
	font-size:24pt;
	background:#cccccc;
	z-index:-10;
	text-align:center;
	border:8px outset #999999;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin:5px;
	cursor:pointer;
}

#botoborrarletras:hover,#botoborrarletrasminus:hover,#botoborrarletrasmayus:hover,#botomayus:hover,#canviTeclat:hover{
background-color:#7e7e7e;
color:white;	
}

#canviTeclat{
width:75px;	
height:40px;
line-height:40px;
border:3px outset grey;
border-radius:5px;
float:left;
margin:3px;
background:#cccccc;
text-align:center;
line-height:43px;
font-size:24pt;
cursor:pointer;
}

#botoborrarletrasminus,#botoborrarletrasmayus{
	border-radius:10px;
	width:120px;
	height:30px;
	font-size:24pt;
	background:#cccccc;
	z-index:-10;
	text-align:center;
	border:8px outset grey; 
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin:5px;
	cursor:pointer;
}

#botominus,#botomayus{
	border-radius:10px;
	width:60px;
	height:30px;
	font-size:18pt;
	background:#cccccc;
	z-index:-10;
	text-align:center;
	border:8px outset grey ; 
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin:5px;
	cursor:pointer;	
}

#botominus{
background-color: #7e7e7e;
color:white;	
}