/* CSS Document */
/*
body
{font-family: 'Raleway', sans-serif;
background-image: url("img/fons-2000.png") center center cover no-repeat fixed;
}
*/
body
{
    background-image: url("img/fons-llarg.png");
    background-repeat: no-repeat;
}
.loading
{
	background-color:#ffffff;width:100%;height:100%;position:absolute;left:0px;top:0px;opacity:0.7;z-index:10; text-align:center;display: table;
	display: none;
	
}
.loadingimg
{
	display: table-cell;vertical-align: middle;
}
#pensar
{
     opacity: 0.4;
     -moz-opacity: 0.4;
     filter: alpha(opacity=40);
	 width:100%;
	 height:100%;
	 position: absolute;
	 left:0;
	 top:0;
}

#botoEntrar {
    background-image: url( "img/entrar.png" );
    background-size: 150px 45px ;
    height: 45px;  
    width: 150px;
	background-repeat: no-repeat;
}

#botoComprar {
    background-image: url( "img/comprar.png" );
    background-size: 155px 175px ;
    height: 175px;  
    width: 155px;
	background-repeat: no-repeat;
	background-color: Transparent;
}

#botoVender {
    background-image: url( "img/vender.png" );
    background-size: 155px 175px ;
    height: 175px;  
    width: 155px;
	background-repeat: no-repeat;
	background-color: Transparent;
}

#botoCobrar {
    background-image: url( "img/cobrar.png" );
    background-size: 155px 175px ;
    height: 175px;  
    width: 155px;
	background-repeat: no-repeat;
	background-color: Transparent;
}

#botoBTC,#botoETH,#botoLTC,#botoComprarBTC {
    background-size: 160px 175px ;
    height: 175px;  
    width: 160px;
	background-repeat: no-repeat;
	background-color: Transparent;
}
#botoBTC {
    background-image: url( "img/btc.png" );
}
#botoETH {
    background-image: url( "img/eth.png" );
}
#botoLTC {
    background-image: url( "img/ltc.png" );
}


#botoCancelar, #botoConfirmar, #botoConfirmarOperacio {
	text-align:left;
    background-image: url( "img/cancelar.png" );
    background-size: 150px 33px ;
    height: 33px;  
    width: 150px;
	
    background-size: 200px 50px ;
    height: 50px;  
    width: 200px;
	
	background-repeat: no-repeat;
	background-color: Transparent;
	margin-right:40px;
}

#botoConfirmar {
    background-image: url( "img/confirmar.png" );
}

#botoConfirmarOperacio {
    background-image: url( "img/resumen_operacion.png" );
}

#botoMenos50,#botoMenos10,#botoMes10,#botoMes50{
    background-size: 77px 45px ;
    height: 50px;  
    width: 77px;
    background-size: 125px 65px ;
    height: 65px;  
    width: 125px;
	
	background-repeat: no-repeat;
	background-color: Transparent;
	background-image: url( "img/_50.png" );
}
#botoMenos10{
	background-image: url( "img/_10.png" );
}
#botoMes10{
	background-image: url( "img/10.png" );
}
#botoMes50{
	background-image: url( "img/50.png" );
}

#import
{
	   border-radius: 5px;
   border: 8px solid #523f8d;
   text-align: center;
	height:65px;
	font-size:25px;
	color:#523f8d;
}

#botoVolverOperar {
	text-align:center;
    background-image: url( "img/volver_a_operar.png" );
    background-size: 300px 32px ;
    height: 32px;  
    width: 300px;

    background-size: 450px 48px ;
    height: 48px;  
    width: 450px;

	
	background-repeat: no-repeat;
	background-color: Transparent;
}

#botoVolverImprimir {
	text-align:center;
    background-image: url( "img/volver_a_imprimir.png" );
    background-size: 300px 32px ;
    height: 32px;  
    width: 300px;

    background-size: 450px 48px ;
    height: 48px;  
    width: 450px;

	
	background-repeat: no-repeat;
	background-color: Transparent;
}

#resumVenta
{
	width:80%;border: 8px solid #523f8d;padding:20px;background:#ffffff;margin-top:-50px;margin-bottom:50px;
}

#botoImprimir {
	text-align:center;
/*    background-size: 200px 23px ; */
    height: 32px;  
    width: 300px;

}

#textWalletFinal, #textWalletFinalV, #textImportFinal, #textOperacioFinal, #textOperacioFinalV
{
	padding-left:320px;
	padding-top:6px;
    background-image: url( "img/wallet_resumen.png" );
    background-size: 650px 35px ;
    height: 35px;  
    width: 650px;
	
		background-size: 850px 45px ;
		height: 45px;  
		width: 850px;
		font-size:24px;
		padding-left:400px;
		margin-top:30px;
	
	background-repeat: no-repeat;
	background-color: Transparent;
}
#textWalletFinal
{
		font-size:18px;
		padding-top:10px;
}
#resumOp
{
		padding-top:6px;
    background-image: url( "img/resumen_operacion.png" );
			background-size: 450px 40px ;
		height: 40px;  
		width: 450px;
	
	background-repeat: no-repeat;
	background-color: Transparent;
}

#textWalletFinalV
{
	background-image: url( "img/wallet_venta2_resumen.png" );
}
#textImportFinal
{
	background-image: url( "img/importe_resumen.png" );
}
#textOperacioFinal
{
	background-image: url( "img/comprar_resumen.png" );
}
#textOperacioFinalV
{
	background-image: url( "img/vender_resumen.png" );
}
#textEquivalent, #textFee
{
	padding-left:200px;
	padding-top:-10px;
    background-image: url( "img/equivalente.png" );
    background-size: 480px 27px ;
    height: 27px;  
    width: 480px;
	
			background-size: 850px 45px ;
			height: 45px;  
			width: 850px;
			padding-left:400px;
			padding-top:5px;
	
	
	background-repeat: no-repeat;
	background-color: Transparent;
	font-size:24px;
}
#textEquivalent
{
	margin-top:60px;
}
#texteCentrat, #texteCentrat2
{
text-align:center;font-size:20px;padding-top:70px;	
}
#texteCentrat2
{
	padding-top:10px;
}

#textFee
{
	background-image: url( "img/fee_exchange.png" );
}


#texteUsuari, #texteContrasena
{
	padding-left:220px;
	/*padding-top:-20px;*/
    background-image: url( "img/usuari.png" );
    background-size: 600px 32px ;
    height: 32px;  
    width: 600px;
	background-repeat: no-repeat;
	background-color: Transparent;
}
#texteContrasena
{
	background-image: url( "img/contrasena.png" );
}
.sphere h3
{background-color: #3b8ec2;
color: white;
padding:5px 8px;}

.newood h3
{background-color: black;
color: white;
padding:5px 8px;}
.enllach
{display: block;
color: black;
background-color: #f1f1f1;
padding:5px 8px;
margin-bottom:8px;}

.homex
{font-weight:bold;
font-size:18px;
padding-left:8px;
margin-bottom:15px;
}
table
{padding:0px !important;}

.inici
{padding-top:100px;}

.inici h2
{font-size:18px;}

.form-signin {
  /*max-width: 420px;*/
  padding: 15px;
  margin: 0 auto;
}hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #000 !important;
}
.envia-cistella
{width:170px !important;
float: right;}
.navbar-form 
{width:100%;
margin-top:0px !important;}

input.buscar
{width:100px !important;
 margin-bottom:0px !important;
 margin-top:0px !important;
float: right;}

input#texte
{width:300px !important;}
.telefon
{background-image: url(../images/telefon.png);
background-position:left 6px center;

background-color: #f6f4f4;
padding:10px;
padding-left:30px;
margin-top:5px;
border-radius:5px;
height:40px !important;
color: #666 !important;
font-size:14px !important;
margin-left:0px !important;
background-repeat:no-repeat;}

table
{font-size:14px;}

.table-striped
{padding:2px !important;}

.outlet
{background-color: #2F2F2F;
color: white;
margin-right:-15px;
text-transform:uppercase;
height:40px;
padding:10px 25px;

text-align: center;}

.unitats
{width:40px;}

.minifoto img
{width:50px;
height:auto;}

.usuari
{padding-top:15px;
padding-right:10px;}
.bread
{padding-left:20px;
padding-top:10px;}

.barra
{background-color: #EBE9E9;
margin-top:20px;
margin-bottom:15px;
padding-top:10px;
min-height:60px;}

.barra2
{background-color: #f6f6f6;
margin-top:20px;
margin-bottom:20px;
height:40px;
}
.principal
{margin-top:80px;}

.import
{font-weight: bold;}

.cistella
{float: right;
background-image:url(../images/cistella.png);
background-repeat:no-repeat;
background-position: left 10px center;
width:240px;
padding:10px;
padding-left:40px;
border:1px solid #ccc;}
.navbar-inverse a
{
color: black !important;
}
.navbar-inverse
{background-color: #eaeaea !important;
color: black !important;
border: none !important;}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background-image:url(../images/15xvbd5.png);
background-repeat: no-repeat;
   height: 39px;
   overflow: hidden;
   background-position: right 10px center;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 39px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.gris   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: white; }
.blue select  option { color: black; }

.yellow select  { color: #000; }
.gris select    { color: white; }
.gris select  option { color: black; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}

.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
.enlarge div{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:0px 10px 0 10px;
}.table-responsive {
    min-height: .01%;
    overflow-x: none !important;
}

td.imatge
{max-width:80px;}
.enlarge img{

}
.enlarge span{
position:absolute;
left: -9999px;
background-color:white;
padding: 10px;

font-size:.9em;
text-align: center; 
color: #495a62; 

}
.enlarge div:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
.enlarge div:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
.enlarge div:hover:nth-child(2) span{
left: -100px; 
}
.enlarge div:hover:nth-child(3) span{
left: -200px; 
}