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

BODY { 
margin-left:0px; 
margin-right:0px; 
margin-top:0px; 
margin-bottom:0px;
	background: black url(../imagenes/fondopiel.jpg) repeat fixed;
}

       
font  {color: #000;
	font:  1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  
}

.continous  {color: #000000;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

  
}

.active  {
  color:#555;
	font:  1em/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
  
}

.legal  {
  color: #737373;
	font: 11px/18px QuicksandBook;
	padding-bottom: 150px;
}

.latipo  {
    color: gray;
	font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.latipo3  {
    color: gray;
	font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

a.latipo  {
    color: gray;
	text-decoration:none;
}

a.latipo3  {
    color: gray;
	text-decoration:none;
	text-align: right;
}
a:hover.latipo  {
    color: silver;
	text-decoration:underline;
}

a:hover.latipo3  {
    color: silver;
	text-decoration:underline;
}

.fecha {
	color: #b9b9b9;
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

a.fecha {
	color: #373737;
}

a:hover.fecha {
	color: black;
	text-decoration: underline;
}

.linea  {
    color:#666;
	line-height: 15px;
}

.marca  {
    color: black;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.titulo  {
    color: gray;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	
a {color: gray;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration:underline;
	}

a:hover {color: silver;
	text-decoration: underline;
}

a.active {color: gray;
	text-decoration:underline;
	}

a.active:hover {color: gray;
	}


input {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size:9px;
  
  
  width: 125px;
	color: gray;
}

img.ani { behavior: url("scripts/pngbehavior.htc");}

/* @group llibres */

#llibre1 {
	background-color: #d9dcdd;
	height: 700px;
}

.llibre {
	margin: 0;
	padding: 0;
	position: relative;
}

/* @end */

/* @group new */

.perfil {
	color: #666;
	font: 13px/18px QuicksandBook;
	text-align: left;
	position: absolute;
	padding-top: 100px;
	padding-left: 420px;
	width: 350px;
}

.perfilfirma {
	color: #666;
	font: 10px/18px QuicksandBook;
	text-align: left;
	position: absolute;
	padding-top: 380px;
	padding-left: 420px;
}

.perfilimg {
	position: absolute;
	width: 400px;
	height: 400px;
	top: 2px;
	left: 0;
}

.xarxes {
	width: 120px;
	height: 54px;
	margin-bottom: -100px;
	z-index: 3;
}

.xxs1 {
	position: relative;
	background: url(../imagenes/xxs-a_01.png) no-repeat;
	text-decoration: none;
	width: 54px;
	height: 36px;
	float: left;
	top: 200px; 
	left: 450px;
}

.xxs1:hover {
	background: url(../imagenes/xxs-b_01.png) no-repeat;
	text-decoration: none;
}

.xxs2 {
	position: relative;
	background: url(../imagenes/xxs-a_02.png) no-repeat;
	text-decoration: none;
	width: 54px;
	height: 32px;
	float: left;
	top: 236px; 
	left: 396px;
}

.xxs2:hover {
	background: url(../imagenes/xxs-b_02.png) no-repeat;
	text-decoration: none;
}

.xxs3 {
	position: relative;
	background: url(../imagenes/xxs-a_03.png) no-repeat;
	text-decoration: none;
	width: 54px;
	height: 38px;
	float: left;
	top: 236px; 
	left: 396px;

}

.xxs3:hover {
	background: url(../imagenes/xxs-b_03.png) no-repeat;
	text-decoration: none;
}

.xxs4 {
	position: relative;
	background: url(../imagenes/xxs-a_04.png) no-repeat;
	text-decoration: none;
	width: 54px;
	height: 14px;
	float: left;
	top: 236px; 
	left: 450px;

}

.cabezera {
	width: 800px;
	position: relative;
	height: 280px;
	background: url(../imagenes/logo-jsc.png) no-repeat;
	margin-top: 20px;
}

.nom {
	color: #3e3e3e;
	font: 55px QuicksandLight;
	text-align: center;
	margin-bottom: -150px;
	padding-top: 80px;
}

.direccion {
	color: #666;
	font: 15px/18px QuicksandBook;
	text-align: center;
	position: relative;
	padding-top: 140px;
}

.caixes {
	width: 800px;
	position: relative;
	background-image: url(../imagenes/backcaixes.png);
	padding-top: 11px;
}

.client {
	color: black;
	text-align: right;
	position: absolute;
	width: 300px;
	left: -310px;
	font: 15px/18px QuicksandBook;
}

.descripcio {
	position: relative;
	width: 300px;
	left: 150px;
	padding-bottom: 30px;
	margin-top: 40px;
}

.obrirllibre {
	position: relative;
	background: url(../imagenes/pagmas1.gif) no-repeat;
	text-decoration: none;
	width: 50px;
	height: 29px;
	float: left;
	left: 255px;
	top: 25px;
}

.obrirllibre:hover {
	background: url(../imagenes/pagmas2.gif) no-repeat;
	text-decoration: none;
}

.feina  {
    color: #666;
	font: 15px/18px QuicksandBook;
	text-align: left;
	position: relative;
	margin-bottom: 0;
}

.data {
	color: #666;
	font: 10px/18px QuicksandBook;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
}

.format  {
    color: #666;
	font: 13px/18px QuicksandBook;
	text-align: left;
		margin-top: 0;
}

a.format  {
    color: #666;
	text-decoration: none;
}

a:hover.format  {
    color: gray;
	text-decoration: underline;
}



/* @end */


/* Fixed Global Nav */
#global-fixed-nav {
    -visibility: hidden;
    display:none;
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%;
    height: 54px;
}
#global-fixed-nav .global-nav-container { position: relative; width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: url('../imagenes/white-logo.png') repeat-x;
	height: 54px;
}
#global-fixed-nav .global-nav-container .global-nav { float:none;margin:0; }
#global-fixed-nav a { text-decoration: none; }
#global-fixed-nav a:hover { color:#3e3e3e; text-decoration: underline; }
.logotip {
	padding-top: 8px;
}

.logotip a {
	color: #3e3e3e;
	font: 28px/30px QuicksandLight;
	text-align: center;
}