/* CSS Document */
/*=========================================================================SLEEVE======================================*/
#leftPan h1.sleeve {
	width: 680px;
	padding: 15px 0px 15px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0b97b5;
	display: block;
}
#leftPan h1.adhesivas {
	display:block;
	width: 680px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0px 15px 20px;
	border-bottom: solid 1px #ffe5c9;
	font-size: 16px;
	color: #fd8601;
	
}
#contingut #foto_maquinas {
	float: left;
	width: 430px;
	background-color: #FFFFFF;
	padding-bottom: 25px;
	
}
#contingut #foto_maquinas img {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
	border: solid 1px #c2ccd7;

}
/*================================================   IML   =================================================*/
#intro_iml {
	float: left;
	padding: 18px 0px 15px 16px;
	
}
#intro_iml h1 {
	display:block;
	width: 680px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 5px;
	border-bottom: solid 1px #cae8e1;
	font-size: 16px;
	color: #209d83;
}

#intro_iml p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a2a2a2;
	text-align: justify;
	padding: 14px 15px 10px 0px;
	width: 320px;
	float: left;
}
#intro_iml a {
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	margin-right: 15px;
	width: 320px;
	float: left;
	margin-top: 15px;
}
#intro_iml a:hover {
	background-color: #5d6975;
}
#intro_iml .foto_iml {
	display: block;
	float: right;
	padding: 10px 10px 0px 0px;
}
#intro_iml .foto_iml img {
	display: block;
	border: solid 1px #ebebeb;

}
/*-------------- Ventajas ---------------------*/
#ventajas_iml {
	background-color: #f8f8f8;
	float: left;
	width: 680px;
	padding: 20px 0px 20px 20px;
}
#ventajas_iml .foto {
	padding: 5px 0px;
	float: left;
	display: block;
	width: 250px;
}
#ventajas_iml .foto img {
	margin-bottom: 15px;
	display: block;
	border: solid 1px #ebebeb;

}
#ventajas_iml  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8091a1;
	margin-left: 21px;
	margin-top: 5px;
	border-bottom: dotted 1px #b2b2b2;
	background: url(../imatges/vinyetes/fletxa04.jpg) left top no-repeat #FFFFFF;
	padding: 8px 10px 10px 20px;
	float:right;
	width: 370px;
}
#ventajas_iml ul {
	display: block;
	float: right;
	width: 400px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 25px;
}
#ventajas_iml li {
	display: block;
	background: url(../imatges/vinyetes/fletxa05.jpg) left top no-repeat;
	padding: 1px 15px 5px 15px;
	margin-left: 11px;
	color: #a2a2a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}
/*===============================================================================================================*/
/*------------- MeNu ------------------------*/
ul#menu { 
		width: 100%;
		height: 43px;
		background: #FFF url("../imatges/menu/menu-bg.gif") top left repeat-x;
		font-size: 9px;
		font-family:  Arial, Helvetica, sans-serif;
		list-style-type: none;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
ul#menu li {
		display: block;
		float: left;
		margin: 5px -6px 0 5px;		
		}
ul#menu li a {
		height: 25px;
		color: #768694;
		text-decoration:none;
		display: block;
		float: left;
		line-height: 200%;
		padding: 3px 15px 0;
		margin-top:8px;
		border-right: dotted 1px #b2b2b2;
		}
ul#menu li a:hover {
		color: #333;
		}
ul#menu li a.actual{
		 color: #000;
		 background: #FFF url("../imatges/menu/current-bg.gif") top left repeat-x; 
	 	 margin-top: -5px;
		 #margin-top: 0px;
		 padding: 8px 15px 10px 15px; 
		 #padding: 10px 15px 5px 15px; 
		 border-left: dotted 1px #b2b2b2;
		
		 }
/*------------- Continguts ------------------------*/
#intro {
	float: left;
	background: url(../imatges/fondos/intro_productos.jpg) left top repeat-x;
	padding: 18px 0px 10px 16px;
	width: 684px;
	
}
#leftPan p.intro_adhesivas {
	display: block;
	color: #a2a2a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 15px 5px 25px 15px;
	width: 300px;
}
#intro h2 {
	display:block;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8091a1;
}
#intro h3 {
	display:block;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #a2a2a2;
}
#intro p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a2a2a2;
	text-align: justify;
	padding: 14px 15px 10px 0px;
	width: 400px;
	float: left;
}
#intro a {
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	margin-right: 15px;
	width: 400px;
	float: left;
}
#intro a:hover {
	background-color: #5d6975;
}
#intro .foto {
	display: block;
	float: right;
	padding: 0px 20px 0px 0px;
}
#intro .foto img {
	display: block;
	border: solid 1px #ebebeb;

}

/*-------------- Ventajas ---------------------*/
#ventajas {
	background-color: #f8f8f8;
	float: left;
	width: 680px;
	padding: 20px 0px 20px 20px;
}
#ventajas .foto {
	padding: 5px 0px;
	float: left;
	display: block;
	width: 250px;
}
#ventajas .foto img {
	margin-bottom: 15px;
	display: block;
	border: solid 1px #ebebeb;

}
#ventajas  h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8091a1;
	margin-left: 21px;
	margin-top: 5px;
	border-bottom: dotted 1px #b2b2b2;
	background: url(../imatges/vinyetes/fletxa04.jpg) left top no-repeat #FFFFFF;
	padding: 8px 10px 10px 20px;
	float:right;
	width: 370px;
}
#ventajas ul {
	display: block;
	float: right;
	width: 400px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 25px;
}
#ventajas li {
	display: block;
	background: url(../imatges/vinyetes/fletxa05.jpg) left top no-repeat;
	padding: 1px 15px 5px 15px;
	margin-left: 11px;
	color: #a2a2a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}
/*--------------- TIPOS ------------------*/
#leftPan .fila{
	display: block;
	float: left;
	background: url(../imatges/vinyetes/linea_tipos.jpg) left bottom no-repeat;
	padding-top: 1px;
	#margin-top:-6px;
	margin-bottom:6px;
	width: 701px;
	}
#leftPan .producto {
	float: left;
	display: block;
	padding: 0px 10px 15px 10px;
	width: 321px;
	
}
#leftPan .producto h5{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #636563;
	width: 320px;
	border-bottom: solid 2px #c2ccd6;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#leftPan .fila_galeria{
	display: block;
	float: left;
	background: url(../imatges/vinyetes/linea_galeria.jpg) left bottom no-repeat;
	padding-top: 1px;
	#margin-top:-6px;
	margin-bottom:6px;
	margin-left: 17px;
	width: 684px;
	}
#leftPan h6{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #636563;
	width: 664px;
	border-bottom: solid 2px #c2ccd6;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-left: 17px;
}
#leftPan .fila_galeria a.thumb {
	display: block;
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 15px;
	width: 217px;
	float: left;
}
#leftPan .fila_galeria a.thumb img{
	border: solid 1px #c2ccd7;
}
#leftPan .producto img {
	border: solid 1px #c2ccd6;
	display: block;
	float: left;
}
#leftPan .producto object {
	border: solid 1px #c2ccd6;
	background: url(../imatges/productos/fondo.jpg) left bottom no-repeat;
	display: block;
	float: left;
}
#leftPan .producto p {
	float: left;
	width: 145px;
	display: block;
	color: #a2a2a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 5px 5px 5px 8px;
}

/*-----------aplicacion---------------*/
#intro_aplicacion {
	float: left;
	background: url(../imatges/fondos/intro_productos.jpg) left top repeat-x;
	padding: 18px 0px 15px 16px;
	
}
#intro_aplicacion h2.aplica {
	padding: 15px 0px 15px 0px;
	display:block;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #22a084;
}

#intro_aplicacion p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a2a2a2;
	text-align: justify;
	padding: 5px 15px 0px 0px;
	width: 300px;
	float: left;
}
#intro_aplicacion p.coloret{
	color: #8091a1;
	
}
#intro_aplicacion .foto {
	display: block;
	float: right;
	padding: 0px 20px 0px 0px;
}
#intro_aplicacion .foto img {
	display: block;
	border: solid 1px #ebebeb;
}
#animacio {
	padding: 20px 0px 20px 10px;
	display: block;
	float: left;
}
#animacio object {
	display: block;
	border: solid 1px #ebebeb;
}
/*================================================ GENERALS ===============================*/

h1.general {
	display:block;
	width: 670px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0px 5px 10px;
	border-bottom: solid 1px #bec6cf;
	font-size: 16px;
	color: #8091a1;
	margin-left: 20px;
}
#contingut {
	background-color: #f8f8f8;
	float: left;
	width: 680px;
	#width: 680px;
	padding: 20px 0px 20px 0px;
	margin-left: 20px;
	#margin-left: 10px;
	}
#contingut p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a2a2a2;
	text-align: justify;
	padding: 8px 30px 10px 0px;
	#padding: 8px 20px 10px 0px;
	width: 400px;
	float: left;
	background-color: #FFFFFF;
	}
#contingut #foto {
	float: right;
	margin-right: 10px;
}

#contingut #foto img {
	display: block;
	border: solid 1px #ebebeb;
}

#contingut p a {
	text-decoration: none;
	color: #666666;
}
#contingut a.info {
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	margin-right: 15px;
	width: 360px;
	float: left;
	margin-top: 15px;
}
#contingut a.info:hover {
	background-color: #5d6975;
}
a.link_galeria{
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	width: 150px;
	float: left;
	margin-top: 15px;
}
a.link_galeria:hover {
	background-color: #5d6975;
}

#contingut a.info2 {
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	margin-right: 15px;
	width: 400px;
	float: left;
	margin-top: 15px;
}
#contingut a.info2:hover {
	background-color: #5d6975;
}

#contingut a.info3 {
	display: block;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #8091a1;
	color: #FFFFFF;
	margin-right: 15px;
	width: 415px;
	float: left;
	margin-top: 15px;
}
#contingut a.info3:hover {
	background-color: #5d6975;
}