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

/* ...............................................................................................INICI ESTILS GENERALS */
	body{
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		}
		
	img{
		border:none
		}
		
	.flash{
		position:absolute;  
		margin-left:25em;
		*margin-left:14em !important; 
		*margin-left:10em; 
		z-index:0;
		}
		
	h3{
		margin:0;
		padding:0;
		color:#39779c;
		font-size:1em;
		_margin-right:1em;
		#margin-right:1em;
		}
		
	h2{
		margin:0;
		padding:0;
		color:#39779c;
		font-size:1.1em;
		margin-top:1em
		}
		
	h4{
		margin:0;
		padding:0;
		color:#39779c;
		font-size:0.85em;
		margin-top:2.5em;
		width:42em;
		margin-left:-8em
		}
		
	.probeta{
		margin:0;
		padding:0;
		font-size:1em;
		color:#39779c;
		font-weight:bold;
		margin-bottom:-1.3em
		}
		
	a{
		color:#333;
		text-decoration:none;
		text-decoration:underline;
		}
	
	a:hover{
		color:#000;
		text-decoration:none
		}

	.limpiar{
		clear:both
		}

	#container {
    	width:62.5em;
		height:40.63em;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-image:url(../img/fondoHOME2.jpg);
		background-repeat:no-repeat;
		background-color:#FFF;
		overflow:hidden
    }
	
	#container02 {
    	width:62.5em;
		height:40.63em;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-image:url(../img/fondoEMPRESA.jpg);
		background-repeat:no-repeat;
		background-color:#FFF;
		overflow:hidden
    }
	
	#container03 {
    	width:62.5em;
		height:40.63em;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-image:url(../img/fondoPRODUCTOS.jpg);
		background-repeat:no-repeat;
		background-color:#FFF;
		overflow:hidden
    }
	
	#container04 {
    	width:62.5em;
		height:40.63em;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-image:url(../img/fondoDISTRIBUIDOR.jpg);
		background-repeat:no-repeat;
		background-color:#FFF;
		overflow:hidden
    }
	
	#container05 {
    	width:62.5em;
		height:40.63em;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		background-image:url(../img/fondoCONTACTO.jpg);
		background-repeat:no-repeat;
		background-color:#FFF;
		overflow:hidden
    }
	
	ul{
		list-style-type:none}
/* ...............................................................................................FI ESTILS GENERALS */

/* ...............................................................................................INICI ESTILS HOME */
	.pesquerra{
		float:left; 
		width:11em; 
		margin-top:10em;
		text-align:right;
		}
		
	.imgfondosub{
		margin-top:3em; 
		margin-right:2.8em
		}
	.imggohawai{
		margin-top:1em; 
		margin-right:2.8em
		}
		
	.adreca{
		font-size:0.6em; 
		text-align:right; 
		margin-right:4.3em; 
		margin-top:1em; 
		color:#357599; 
		line-height:1.7em
		}
		
	.llocs{
		float:right; 
		margin-right:3em; 
		overflow:hidden;
		width:9em;
		text-align:right;
		line-height:1.8em
		}
	.llocs ul{
		list-style-type:none;
		}
	.llocs li{
		list-style-type:none;
		}
		
	.clogo{
		width:9em;
		height:8em;
		float:left; 
		margin-top:3em;
		z-index:100;
		margin-left:-8em; 
		display:block;
		cursor:pointer;
		position:absolute;
		}
	.clogo a{
		width:9em; 
		height:8em;
		_margin-left:0;
		
		display:block;
		cursor:pointer;}
	.pgeneraldreta{
		float:right;
		width:47em;
		position:relative
		}
	.pgeneraldreta ul{
		list-style-type:none;
		margin-top:-1.1em;
		margin-right:0em;
		
		}
	.pgeneraldreta li{
		margin-bottom:0.4em;
		
		}
	.rec_texte01{
		float:right; 
		margin-right:3em;
		_margin-right:0;
		margin-top:3em;
		width:38em;
		}
	.rec_texte02{
		float:left; 
		width:28em; 
		margin-right:4em;
		}
	.contacto{
		float:right;
		*margin-right:0.5em !important;
		_margin-right:1.7em;
		margin-top:-2em
		}
	.contacto02{
		float:right; 
		width:3em; 
		margin-right:8.4em;
		margin-top:2.8em
		}
	.contacto02 img {
		float:right; 
		margin-left:3em;
		margin-top:1.6em
		}
	.contacto03{
		width:3em; 
		margin-top:4.5em;
		position:absolute;
		margin-left:31.8em
		}

	.contacto5{
		float:right; 
		width:3em; 
		margin-left:33.6em;
		margin-top:1.5em;
		position:absolute;
		*margin-left:-1.1em !important;
		
		}
	.contacto5 img {
		float:right; 
		
		}
	.menu_esquerra ul {
		float:right;
		_margin-top:3em;
		margin-top:3em;
		position:absolute;
		z-index:200;
		margin-left:36.3em;
		*margin-left:38.8em !important
		}
		
	.menu_esquerra02 ul {
		float:right;
		margin-top:-25.5em;
		
		
		
		}
	.menu_esquerra02 li {
		margin-bottom:0.5em
		
		}
	.menu_esquerra03 ul {
		float:right;
		margin-top:-25.5em
		
		}
	.menu_esquerra03 li {
		margin-bottom:0.5em
		
		}
		
	.menu_esquerra04 ul {
		margin-left:36.3em;
		*margin-left:38.8em !important;
		margin-top:10em;
		position:absolute;
		
		
		}
	.menu_esquerra04 li {
		margin-bottom:0.5em
		
		}

/* ...............................................................................................FI ESTILS HOME */
		
/* ...............................................................................................INICI ESTILS MENU DRET */	
		
    a#replaced {

                display:block;

                width:131px;

                height:46px; /* aqui esta el truco */

                text-indent:-100px;

                background:url(../img/m_empresa.gif) top left no-repeat;
				z-index:100
    }

    a#replaced:hover {

                background-position:0 -46px;/* con esto cambiamos la porcion de imagen que se muestra */


    }

	a#replaced02 {

                display:block;

                width:131px;

                height:46px; /* aqui esta el truco */

                background:url(../img/m_productos.gif) top left no-repeat;

    }

    a#replaced02:hover {

                background-position:0 -46px;/* con esto cambiamos la porcion de imagen que se muestra */


    }
	
	a#replaced03 {

                display:block;

                width:131px;

                height:46px; /* aqui esta el truco */

                background:url(../img/m_distribuidor.gif) top  left no-repeat;
	

    }

    a#replaced03:hover {

                background-position:0 -46px;/* con esto cambiamos la porcion de imagen que se muestra */
				z-index:100


    }
	
	
	
			 
	.menu_horitzontal{
		margin-left:5.5em;
		position:absolute;
		margin-top:6em;
		*margin-top:6em !important;
		*margin-top:5.1em;
		clear:both;
		display:block
		}
  
		

	.menu_horitzontal li {
		color:#000;
		margin-right:0.3em;
		font-weight:bold;
		float:left;
	
	}
	
	.menu_horitzontal li:hover {
	
		cursor:pointer
	}
	

	#a {
		display:block;
		position:absolute;
		margin-top:2em;
		*margin-left:-79em !important;
		*margin-top:2em !important;
		
	}
	#b {
	
	 
		display:none;
		position:absolute;
		margin-top:2em;
		*margin-left:-78em !important;
		*margin-left:-80em;

	
		
	}
	#c {
		display:none;
		position:absolute;
		margin-top:2em;
		*margin-left:-78em !important;
		*margin-left:-80em;

		
		
	
	}
	a#replaced04 {

                display:block;

                width:84px;

                height:26px; /* aqui esta el truco */
				*height:26px !important;
				*height:44px ;
				 background:url(../img/almacen.jpg) top left no-repeat;
				*background:url(../img/almacen.jpg) top left no-repeat!important;
				*background:url(../img/almacen.jpg) 18px left no-repeat;

    }

    a#replaced04:hover {

                background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
				*background-position:0 -26px !important;
				*background-position:0 -8px
    }
	.m01almacen {
		*margin-top:0 !important;
		*margin-top:13px }
		
	a#replaced05 {

                display:block;
                width:84px;
                height:26px; /* aqui esta el truco */
				*height:26px !important;
				*height:44px ;
				background:url(../img/historia.jpg) top left no-repeat;
				*background:url(../img/historia.jpg) top left no-repeat !important;
				*background:url(../img/historia.jpg) 18px left no-repeat;
				
    }

    a#replaced05:hover {

                background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
				*background-position:0 -26px !important;
				*background-position:0 -8px


    }
	.m02almacen {
		*margin-top:0 !important;
		*margin-top:13px }
	
	a#replaced06 {

                display:block;

                width:84px;

                height:26px; /* aqui esta el truco */
				*height:26px !important;
				*height:44px ;
                background:url(../img/quienes.jpg) top left no-repeat;
				 *background:url(../img/quienes.jpg) top left no-repeat !important;
 				*background:url(../img/quienes.jpg) 18px left no-repeat;
    }

    a#replaced06:hover {

                background-position:0 -26px;/* con esto cambiamos la porcion de imagen que se muestra */
 				*background-position:0 -26px !important;
				*background-position:0 -8px
    }
	
	
	.m03almacen {
		*margin-top:0 !important;
		*margin-top:13px }


/* ....................................................................................INICI CAIXA BORDES REDONS I TRANSPARENT DE FONS */

/* ......................INICI CUADRE APARTAT HOME */
	.ctexte{display:block}
	.ctexte *{
		  display:block;
		  height:1px;
		  overflow:hidden;
		  font-size:.01em;
		  background-color:#345363;
		   z-index:1;
		   filter:alpha(opacity=630);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctexte1{
		  margin-left:3px;
		  margin-right:3px;
		  padding-left:1px;
		  padding-right:1px;
		  border-left:1px solid #a7b5bb;
		  border-right:1px solid #a7b5bb;
		  background:#667e8a;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctexte2{
		  margin-left:1px;
		  margin-right:1px;
		  padding-right:1px;
		  padding-left:1px;
		  border-left:1px solid #eaedef;
		  border-right:1px solid #eaedef;
		  background:#5a7380;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctexte3{
		  margin-left:1px;
		  margin-right:1px;
		  border-left:1px solid #5a7380;
		  border-right:1px solid #5a7380;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctexte4{
		   border-left:1px solid #a7b5bb;
		  border-right:1px solid #a7b5bb;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctexte5{
		  border-left:1px solid #667e8a;
		  border-right:1px solid #667e8a;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30}
	.ctextefg{
		  background:#345363;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=30);
		   -moz-opacity:.30;
		   opacity:.30;
		   height:26em
	   }
	 	
	.imgcerrar{
		margin-top:4.5em;
		float:right; 
		margin-left:18em; 
		position:absolute; 
		z-index:230
		}
		
	.cuadredo{
		width:22em; 
		height:14em; 
		margin-top:4em; 
		margin-left:0;
		position:absolute;
		z-index:200
		}
	
	.caja2 {
		color:#39779c;
		font-size:0.7em;
		width:29em; 
		height:14em;
		line-height:1.2em;
		margin-top:8em;
		margin-left:1.6em;
		position:absolute;
	}
	
	.credona{
		width:22em; 
		height:14em; 
		margin-top:-11.4em; 
		margin-left:1em;
		display:none;
		}
	
	
	#div_b {
		visibility: hidden;
		background-color:#0000FF;
		clear:both
	
	}
	
	#div_a:hover #div_b { visibility: visible;
	clear:both
	}
	
	#div_a{
	width: 80px;
	height: 20px;
	clear:both;
	cursor:pointer;
	}
/* ......................FI CUADRE APARTAT HOME */
	
	
	
	
/* ......................INICI APARTAT ALMACEN */		
	.ctexteb{display:block}
	.ctexteb *{
		  display:block;
		  height:1px;
		  overflow:hidden;
		  font-size:.01em;
		  background-color:#ffffff;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
	.ctexteb1{
		  margin-left:3px;
		  margin-right:3px;
		  padding-left:1px;
		  padding-right:1px;
		  border-left:1px solid #d3dfe1;
		  border-right:1px solid #d3dfe1;
		  background:#fff;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
	.ctexteb2{
		  margin-left:1px;
		  margin-right:1px;
		  padding-right:1px;
		  padding-left:1px;
		  border-left:1px solid #f4f7f8;
		  border-right:1px solid #f4f7f8;
		  background:#fff;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
	.ctexteb3{
		  margin-left:1px;
		  margin-right:1px;
		  border-left:1px solid #acc3c7;
 		  border-right:1px solid #acc3c7;

		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
	.ctexteb4{
		  border-left:1px solid #d3dfe1;
  			border-right:1px solid #d3dfe1;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
	.ctexteb5{
		  border-left:1px solid #b2c8cc;
		  border-right:1px solid #b2c8cc;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70}
		   

	.caja_almacen {
		color:#39779c;
		font-size:0.7em;
		width:18em; 
		height:14em;
		line-height:1.2em;
		margin-top:5em;
		*margin-top:8em !important;
		margin-left:26.4em;
		*margin-left:112.4em !important;
		z-index:4;
		position:absolute;

	}
	
	.titol_almacen{
		border-bottom:3px solid #ffffff; 
		z-index:5; 
		text-align:left; 
		margin-bottom:1em; 
		width:18em; 
		padding-bottom:0.56em;
		padding-left:-1em;
	
		}
		.titol_almacen img{
		
		margin-left:-0.5em
	
		}
		
	.img_almacen{
		position:absolute; 
		margin-top:5em; 
		margin-left:-10em;  
		float:left;
		*margin-left:50em !important;
		*margin-top:7em !important; 
	
		}
	
	.cuadredo_almacen{
		width:15em; 
		height:13em; 
		z-index:1;
		position:absolute;
		margin-left:17.2em;
		margin-top:3em;
		*margin-top:5em !important; 
		*margin-left:77.2em !important;

		} 
		   
	.ctextebfg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:20em
	   }
	   
	   /* ......................FI APARTAT ALMACEN */
	   
	   /* ......................INICI APARTAT HISTORIA */
	  .ctextecfg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:38em
	   }
	   
	   .cuadredo_historia{
			width:17em; 
			height:12em; 
			z-index:1;
			position:absolute;
			margin-left:-3em;
			margin-top:1.5em;
			*margin-left:55.2em !important;
			*margin-top:4em !important;
	
		}
		
		.caja_historia {
			color:#39779c;
			font-size:0.7em;
			width:19em; 
			height:14em;
			line-height:1.2em;
			_margin-top:0em;
			margin-top:2.9em;
			margin-left:-2.5em;
			z-index:4;
			position:absolute;
			*margin-left:81em !important;
			*margin-top:6.8em !important;
	
	}
		.titol_historia{
			border-bottom:3px solid #ffffff; 
			z-index:5; 
			text-align:left; 
			margin-bottom:1em; 
			width:21em; 
			padding-bottom:0.56em
		}
		
		.titol_historia img{
		
			margin-left:-0.5em
	
		}
		
		.img_historia{
			position:absolute; 
			margin-top:5em; 
			*margin-top:6em !important; 
			margin-left:14em;
			*margin-left:72.2em !important;
			
		}
	/* ......................FI APARTAT HISTORIA */
	
	/* ......................INICI APARTAT QUIENES SOMOS */
	.cuadredo_quienes{
		width:28em; 
		height:9em; 
		z-index:1;
		position:absolute;
		margin-left:-3em;
		*margin-left:55em  !important;
		margin-top:3em;
		*margin-top:4em  !important;
		
		}
	
	.caja_quienes {
		color:#39779c;
		font-size:0.7em;
		width:35em; 
		height:10em;
		line-height:1.2em;
		margin-top:5.4em;
		*margin-top:6.8em  !important;
		margin-left:-2.5em;
		*margin-left:80em !important;
		z-index:4;
		position:absolute;
		
	}
	
	 .ctextedfg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:15em
	   }
	   
	   .titol_quienes{
			border-bottom:3px solid #ffffff; 
			z-index:5; 
			text-align:left; 
			margin-bottom:1em; 
			width:36em; 
			padding-bottom:0.56em
		}
		
		 .titol_quienes img{
		
			margin-left:-0.5em}
	   /* ......................FI APARTAT QUIENES SOMOS */
	   
	   
	   .titol_empresa{
		   position:absolute; 
		   margin-left:12.7em;
		   *margin-left:12.7em !important;
		   *margin-left:13em ;
		   }
		/* ......................INICI APARTAT PRODUCTOS */   
		   
		.cuadredo_productos{
			 width:16em; 
			height:8em; 
			z-index:1;
			position:absolute;
			margin-left:1em;
			margin-top:10.6em; 
		}
		
		.caja_productos {
			color:#39779c;
			font-size:0.7em;
			width:19em; 
			height:9em;
			line-height:1.2em;
			margin-top:16em;
			margin-left:3em;
			z-index:4;
			position:absolute
		}
		
		 .ctexteefg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:13em
	   }
	   .titol_productos{
		   border-bottom:3px solid #ffffff; 
			z-index:5; 
			text-align:left; 
			margin-bottom:1em; 
			width:20em; 
			padding-bottom:0.56em
		   }
		.titol_productos img{
		   margin-left:-0.5em
		   }
		
		
		.produc{display:block}
		.produc *{
		  display:block;
		  height:1px;
		  overflow:hidden;
		  font-size:.01em;
		  background:#fff}
		.produc1{
		  margin-left:3px;
		  margin-right:3px;
		  padding-left:1px;
		  padding-right:1px;
		  border-left:1px solid #c9553f;
		  border-right:1px solid #c9553f;
		  background:#e72d1c}
		.produc2{
		  margin-left:1px;
		  margin-right:1px;
		  padding-right:1px;
		  padding-left:1px;
		  border-left:1px solid #ab7d64;
		  border-right:1px solid #ab7d64;
		  background:#ed2615}
		.produc3{
		  margin-left:1px;
		  margin-right:1px;
		  border-left:1px solid #ed2615;
		  border-right:1px solid #ed2615;}
		.produc4{
		  border-left:1px solid #c9553f;
		  border-right:1px solid #c9553f}
		.produc5{
		  border-left:1px solid #e72d1c;
		  border-right:1px solid #e72d1c}
		.producfg{
		  background:#fff}

		/* ......................FI APARTAT PRODUCTOS */  
		
		/* ......................INICI APARTAT DISTRIBUIDOR */ 
		.cuadredo_distribuidor{
			width:16em; 
			height:8em; 
			z-index:1;
			position:absolute;
			margin-left:2.5em;
			margin-top:11em; 
		}
	
		.caja_distribuidor {
			color:#39779c;
			font-size:0.7em;
			width:19em; 
			height:9em;
			line-height:1.2em;
			margin-top:17em;
			margin-left:5.5em;
			z-index:4;
			position:absolute
		}
		 .ctextegfg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:31em
	   }
	   
	   .titol_distri{
			border-bottom:3px solid #ffffff; 
			z-index:5; 
			text-align:left; 
			margin-bottom:1em; 
			width:20em; 
			padding-bottom:0.56em
		}
		
		 .titol_distri img{
		
			margin-left:-0.5em}
	   
	   
		
		/* ......................FI APARTAT DISTRIBUIDOR */ 
		
		/* ......................INICI APARTAT CONTACTAR */ 
		
		.cuadredo_contactar01{
			width:12em;
			z-index:1;
			position:absolute;
			margin-top:10em;
			*margin-top:3.8em!important;
			margin-left:-1em;
		
		}
	
		.caja_contactar01 {
			color:#39779c;
			font-size:0.7em;
			width:15em; 
			height:6em;
			line-height:1.2em;
			margin-top:15em;
			*margin-top:6.5em!important;
			z-index:4;
			position:absolute;
		
		}
		
		.ctextehfg{
		  background:#ffffff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:12.5em
	   }
	   

	   
	   .cuadredo_contactar02{
			width:26em; 
			height:7em; 
			z-index:1;
			position:absolute;
			margin-top:10em;
			margin-left:12em;
			*margin-top:3.8em!important;
		}
	
		.caja_contactar02 {
			color:#39779c;
			font-size:0.6em;
			width:13em; 
			height:5em;
			line-height:1.2em;
			margin-top:20em;
			margin-left:22em;
			z-index:4;
			position:absolute;
			*margin-top:9.7em!important;
		}
		
		.ctexteifg{
		  background:#fff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		   filter:alpha(opacity=70);
		   -moz-opacity:.70;
		   opacity:.70;
		   height:12.5em
	   }
		
		
		.caja_contactar03 {
			color:#39779c;
			font-size:0.6em;
			width:14em; 
			height:5em;
			line-height:1.2em;
			margin-top:20em;
			margin-left:36em;
			z-index:4;
			position:absolute;
			*margin-top:9.7em!important;
		}
		.caja_contactar04 {
			color:#39779c;
			font-size:0.6em;
			width:13em; 
			height:5em;
			line-height:1.2em;
			margin-top:20em;
			margin-left:49.5em;
			z-index:4;
			position:absolute;
			*margin-top:9.7em!important;
		}
		
		.titol_contactar{
			border-bottom:3px solid #ffffff;
			position:absolute;
			z-index:15; 
			text-align:left;  
			width:38em; 
			padding:0.2em;
			margin-top:-2.5em
			}
			
		.titol_contactar img{
			margin-left:-0.5em
			}
			
		.formulari{
			width:29em; 
			height:26em;
			margin-top:-23em;
			margin-left:21em;
			float:left; 
			font-size:0.7em; 
			color:#FFF; 
			font-weight:bold; 
			border:0;
			position:absolute
			}
	
			
			
		
		/* ......................FI APARTAT CONTACTAR */ 
		
		
		.ctextez{display:block}
	.ctextez *{
		  display:block;
		  height:1px;
		  overflow:hidden;
		  font-size:.01em;
		  background-color:#ffffff;
		   z-index:1;
		  }
	.ctextez1{
		  margin-left:3px;
		  margin-right:3px;
		  padding-left:1px;
		  padding-right:1px;
		  border-left:1px solid #d3dfe1;
		  border-right:1px solid #d3dfe1;
		  background:#fff;
		   z-index:1;
		   }
	.ctextez2{
		  margin-left:1px;
		  margin-right:1px;
		  padding-right:1px;
		  padding-left:1px;
		  border-left:1px solid #f4f7f8;
		  border-right:1px solid #f4f7f8;
		  background:#fff;
		   z-index:1;
		   }
	.ctextez3{
		  margin-left:1px;
		  margin-right:1px;
		  border-left:1px solid #acc3c7;
 		  border-right:1px solid #acc3c7;

		   z-index:1;
		   }
	.ctextez4{
		  border-left:1px solid #d3dfe1;
  			border-right:1px solid #d3dfe1;
		   z-index:1;
		   }
	.ctextez5{
		  border-left:1px solid #b2c8cc;
		  border-right:1px solid #b2c8cc;
		   z-index:1;
		   }

	
	.cuadredo_galeria{
		width:16em; 
		height:14em; 
		z-index:1;
		position:absolute;
		margin-left:17.2em;
		margin-top:2.6em;
		_margin-top:2.5em;
		} 
		   
	.ctextezg{
		  background:#fff;
		  padding:0.5em 1em ;
		   font-size:0.6em;
		   z-index:1;
		 height:22em
	   }
		
		
		
/* ....................................................................................FI CAIXA BORDES REDONS I TRANSPARENT DE FONS */



	
	
.sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
    }

    .sIFR-active h2 {
      font-size: 16px;
    }

    .sIFR-active h3 {
      font-size: 16px;
	  height:34px
    }
	
	.mapaweb{
		 width:16em; 
		 margin-top:48.6em; 

			position:absolute;
		 clear:both; 
		 float:right; 
		 font-size:0.6em; 
		 color:#39779c ; 
		 margin-left:65.5em; 
		 position:absolute; 
		 font-style:italic
		 }
	.mapaweb02{
		 width:16em; 
		 clear:both; 
		 float:right; 
		 font-size:0.6em; 
		 color:#39779c ; 
		 font-style:italic;
		 position:absolute;
		 margin-left:91.3em;
		 margin-top:1.3em
		 }
   .mapaweb03{
		 width:16em; 
		 clear:both; 
		 float:right; 
		 font-size:0.6em; 
		 color:#39779c ; 
		 font-style:italic;
		 position:absolute;
		 margin-left:91.3em;
		 margin-top:-34em
		 }
  .mapaweb04{
		 width:16em; 
		 clear:both; 
		 float:right; 
		 font-size:0.6em; 
		 color:#39779c ; 
		 font-style:italic;
		 position:absolute;
		 margin-left:65.6em;
		 margin-top:60em;
		 }
	.mapaweb05{
		 width:16em; 
		 clear:both; 
		 float:right; 
		 font-size:0.6em; 
		 color:#39779c ; 
		 font-style:italic;
		 position:absolute;
		 margin-left:65.6em;
		 *margin-top:49.3em !important
		 }

	
	
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:280px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span {width:400px;} /* MSIE bug */



/*FORMULARI..................................................................................*/
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:2px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	height:14px;
	border:1px solid #34526e
							  
}


	
form fieldset {
border:none;
  border-style: NONE;

  padding: 5px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}


/*FI FORMULARI...........................................................................................................*/