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

@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:700italic,400,700,400italic&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:700,400italic,700italic,400&subset=latin,latin-ext);

body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.negre {
	color: #000;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-family: 'Ubuntu Mono', sans-serif;
	height: 36px;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	letter-spacing: 0em;
}
.tabla1 {
	margin: 0px;
	padding: 0px;
	width: 972px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	height: 36px;
}
.tabla3 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	height: 20px;
	width: 972px;
}
.tabla2 {
	margin: 0px;
	padding: 0px;
	width: 972px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.gris {
	color: #CCC;
	vertical-align: bottom;
}
a {
	color: #CCC;
	text-decoration: none;
}

a:hover {
	color: #000}
	
.hover:hover {
	color:#000}


/*IMAGEN ROLLOVER*/
#contenedor {
position: relative;
}
.miniatura{
z-index: 1001;
text-decoration: none;
}
.miniatura img {
border: 0px;
}
.miniatura span {
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0px;
top:0px;
left:0px;
}
.miniatura:hover span {
visibility: visible;
overflow:visible;
z-index: 1002;
}

/*IMAGEN ROLLOVER*/
.tel{
z-index: 1001;
text-decoration: none;
}
.tel img {
border: 0px;
}
.tel span {
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0px;
top:0px;
left:0px;
}
.tel:hover span {
visibility: visible;
overflow:visible;
z-index: 1002;
}

#fondo-botones {
	background-repeat: no-repeat;
	/*background-position: right -4px;*/
    background-position: 285px -4px;
	vertical-align: top;
	width: 972px;
	height:60px;
	z-index:-10;
	}

/*CSS SCROLLBAR*/ 
 #scrollbar1 {
	width: 735px;
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 
 #scrollbar1 .viewport { width: 695px; height: 430px; overflow: hidden; position: relative; } 
 #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; text-align:justify; } 
 #scrollbar1 .thumb .end, #scrollbar1 .thumb { background-color: #ddd; }  /*#003D5D*/
 #scrollbar1 .scrollbar { position: relative; float: right; width: 7px; } 
 #scrollbar1 .track { background-color: #eee; height: 100%; width:7px; position: relative; padding: 0 1px; }  /*D8EEFD*/
 #scrollbar1 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } 
 #scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 7px; } 
 #scrollbar1 .disable{ display: none; }
 
 /*CSS SCROLLBAR*/ 
 #scrollbar2 {
	width: 500px;
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10;
	float:left;
	margin-left:-15px;
} 
 #scrollbar2 .viewport { width: 460px; height: 355px; overflow: hidden; position: relative; } 
 #scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; text-align:left; padding-right:15px; font-size:14px; color:#000 } 
 #scrollbar2 .thumb .end, #scrollbar1 .thumb { background-color: #ccc; }  /*#003D5D*/
 #scrollbar2 .scrollbar { position: relative; float: right; width: 7px; } 
 #scrollbar2 .track { background-color: #ddd; height: 100%; width:7px; position: relative; padding: 0 1px; }  /*D8EEFD*/
 #scrollbar2 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } 
 #scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 7px; } 
 #scrollbar2 .disable{ display: none; }
 
  /*CSS SCROLLBAR*/ 
 #scrollbar3 {
	width: 500px;
	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	float:right;
} 
 #scrollbar3 .viewport { width: 460px; height: 355px; overflow: hidden; position: relative; } 
 #scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; text-align:right; padding-right:20px; font-size:14px; color:#000 } 
 #scrollbar3 .thumb .end, #scrollbar1 .thumb { background-color: #ccc; }  /*#003D5D*/
 #scrollbar3 .scrollbar { position: relative; float: right; width: 7px; } 
 #scrollbar3 .track { background-color: #ddd; height: 100%; width:7px; position: relative; padding: 0 1px; }  /*D8EEFD*/
 #scrollbar3 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } 
 #scrollbar3 .thumb .end { overflow: hidden; height: 5px; width: 7px; } 
 #scrollbar3 .disable{ display: none; }
 
 /*CSS SCROLLBAR FOTOS GALERIA*/ 
 #scrollbar4 {
	width: 205px;
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
} 
 #scrollbar4 .viewport { width: 165px; height: 400px; overflow: hidden; position: relative; } 
 #scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; text-align:justify; } 
 #scrollbar4 .thumb .end, #scrollbar1 .thumb { background-color: #ddd; }  /*#003D5D*/
 #scrollbar4 .scrollbar { position: relative; float: right; width: 7px; } 
 #scrollbar4 .track { background-color: #eee; height: 100%; width:7px; position: relative; padding: 0 1px; }  /*D8EEFD*/
 #scrollbar4 .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } 
 #scrollbar4 .thumb .end { overflow: hidden; height: 5px; width: 7px; } 
 #scrollbar4 .disable{ display: none; }
 

.normal {
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}

.peq {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13.5px;
	color: #000;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	text-align:left;
	padding-right:15px;
	/*word-spacing: 1px;*/
	}
	
.peq2 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13.5px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:right;
	/*word-spacing: 1px;*/
	}
	
.peq3 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13.5px;
	color: #000;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	}

.mini {
	height: 71px;
	border: 1px solid #333;
	width: 128px;
	margin-top: 28px;
	}
	
.mini2 {
	height: 71px;
	border:none;
	width: 128px;
	margin-top: 28px;
	}
	
/*PRECARGA IMAGENES*/
#pre1 {
  /* la lista de imágenes a cargar */
  background-image: url(imagen-industrial/botons-fons02.png);
  width:0px;
  height:0px;
}
#pre2 {
  /* la lista de imágenes a cargar */
  background-image: url(imagen-industrial/botons-fons03.png);
  width:0px;
  height:0px;
}
#pre3 {
  /* la lista de imágenes a cargar */
  background-image: url(imagen-industrial/botons-fons04.png);
  width:0px;
  height:0px;
}

#fotogran {
	float:right;
	width:705px;
	margin:0px;
	}
	
.borde {
	border:1px;
	border-color:#000;
	border-style:solid;
	}
	
.fotopeq {
	float:left;
	margin-left:35px;
	margin-top:0px;
	margin-bottom:34px;
	}
	
.fotoult {
	float:left;
	margin-left:35px;
	margin-top:1px;
	margin-bottom:0px;
	}
	
#arte {
	float:left;
	margin-top:10px;
	}
#tecnica {
	float:right;
	margin-top:10px;
	}
.contacto{
	float:right;
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align:middle;
	padding-right:5px;
	padding-top:2px;
}