/*#############################################################
Nombre: Issislen Laboratori
Fecha: Abril'08
Autor: Loop Comunicacio
URL: http://www.loopcomunicacio.com
#############################################################*/

/* Elementos standard */
html {min-height: 100%;}

body { margin: 0; padding-top:25px; padding-bottom:25px; height:100%; background-color : #C1D0F9; }

p { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; line-height: 16px; }
a { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #0066FF; font-size: 12px; text-decoration: none; line-height: 16px; } 
	a:link { color: #0066FF; text-decoration: none; } 
	a:visited { color: #0066FF; text-decoration: none; } 
	a:hover { color : #000000; text-decoration: underline; } 
	a:active { color: #0066FF; text-decoration: none; } 
h1 { margin: 0; font-size: 16px; color: #0066FF; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; }
h2 { margin: 0; padding: 0; font-family:"Times New Roman", Times, serif; font-size: 16px; color: #000; font-style:italic; font-weight: normal; }
h3 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; color: #0066FF; font-weight: normal; } 
h4 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; color: #0066FF; font-weight: bold; } 
h5 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; color: #666666; font-weight: bold; } 
h6 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 10px; color: #666666; font-weight: normal; } 

ul li { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }

img { border: 0; }

.clear { clear: both; }	



/* Contenido */

#container { margin: 0 auto; padding: 0; width: 950px; min-height:700px; height: auto !important; height:700px; text-align:left; background:#FFFFFF;  }

 
/* ---------------- Izquierda ---------------- */ 
#Izquierda { float:left; margin: 0; padding: 35px 0 35px 35px; width: 200px; }

	#logo { margin-bottom: 35px; width: 200px; }

	/* Menu */ 
	#Izquierda ul { margin: 15px 0 0 0; padding: 0; list-style-type: none; border-bottom: 1px solid #B9D5FF; } 
	#Izquierda ul li { margin: 0; padding: 0; background: none; } 
	#Izquierda ul li a { width: 180px; display: block; padding : 4px 10px 3px 10px; font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; color: #626262; border-top: 1px solid #B9D5FF; } 
	#Izquierda ul li a:hover { font-weight: bold; color: #000; background-color: #f7f7f7; } 
	#Izquierda ul li.on a { font-weight: bold; color: #0066FF; } 
	.last { padding: 0 !important ; }


	#colaboracion { margin-top: 35px; width: 200px; height: auto; } 
		#colaboracion p { margin-bottom: 8px; font-size: 12px; color: #626262; } 

	#alivio { margin-top: 35px; width: 200px; height: auto; background-color: #DCE4FC; } 
		#alivio p { padding: 8px; font-size: 12px; color: #101477; } 
		#alivio a { font-size: 11px; color: #101477; }
	
	#social { clear: both; margin-top: 35px; width: 200px; height: auto; } 
		#social p { margin-bottom: 8px; font-size: 12px; color: #626262; } 

/* ---------------- Fin Izquierda ---------------- */ 

 
/* ---------------- Derecha ---------------- */ 
#Derecha{ float: right; margin:0; padding: 35px 35px 70px 35px; width: 645px; }

	.tienda { margin: 0px; padding: 0px; width: 645px; height: 75px; }
	
	.cabecera { margin-bottom: 35px; padding: 0px; width: 645px; height: 75px; }
		.titulo { float: left; margin: 0px; padding: 0px; width: 200px; height: 75px;}
		.subtitulo { float: right; margin-top: 10px; padding: 0px; width: 425px; height: 65px; }
	
	body#home h1 { width: 200px; height: 75px; background: transparent url("../images/titbienvenida.jpg") no-repeat left 5px; text-indent: -300em; } 
	body#home h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#empresa h1 { width: 200px; height: 75px; background: transparent url("../images/titempresa.jpg") no-repeat left 5px; text-indent: -300em; }
	body#empresa h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#product h1 { width: 200px; height: 75px; background: transparent url("../images/titproductos.jpg") no-repeat left 5px; text-indent: -300em; }
	body#product h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#noticias h1 { width: 200px; height: 75px; background: transparent url("../images/titnoticias.jpg") no-repeat left 5px; text-indent: -300em; }
	body#noticias h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#multimedia h1 { width: 200px; height: 75px; background: transparent url("../images/titmultimedia.jpg") no-repeat left 5px; text-indent: -300em; }
	body#multimedia h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#eventos h1 { width: 200px; height: 75px; background: transparent url("../images/titexperiencias.jpg") no-repeat left 5px; text-indent: -300em; }
	body#eventos h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#enlaces h1 { width: 200px; height: 75px; background: transparent url("../images/titenlaces.jpg") no-repeat left 5px; text-indent: -300em; }
	body#enlaces h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

	body#contactar h1 { width: 200px; height: 75px; background: transparent url("../images/titcontactar.jpg") no-repeat left 5px; text-indent: -300em; }
	body#contactar h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; } 

	body#legal h1 { width: 200px; height: 75px; background: transparent url("../images/titlegal.jpg") no-repeat left 5px; text-indent: -300em; }
	body#legal h2 { width: 400px; padding-left: 25px; padding-top: 5px; height: 65px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }  
	
	
	
	
	
	.contenido { margin:0; padding: 0; width: 645px; height: auto; }
		.contenido p { margin-bottom: 10px; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }
		.contenido h4 { margin-top: 20px; margin-bottom: 5px; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #0066FF; } 
	

/* ---------------- Apartados ---------------- */ 

/* Index */
/* Destacados */
	#Destacados { clear: both; margin-top: 35px; width: 645px; height: 230px; } 

		#Izq-index-destacados { float: left; margin: 0; padding: 0px; width: 300px; height: 225px; border: 1px solid #B9D5FF; }
		
		#Dcha-index-destacados { float: right; margin: 0px; padding: 0px; width: 300px; border: 1px solid #B9D5FF; height: 225px; } 
			#Dcha-index-destacados img { float:left; border: 0; margin-bottom: 10px; }
			#Dcha-index-destacados h5 { margin: 120px 10px 5px 10px; font-weight: bold; color:#0066FF; font-size: 12px; }
			#Dcha-index-destacados p { margin: 5px 10px 10px 10px; }
	/* Fin Destacados */			


	/* Index Noticias */
	.Barra-news { clear: both; float: left; margin-top: 25px; padding: 0; width: 645px; height: auto; }
		.col-1 { float: left; margin: 0; padding: 0; width: 200px; }
		.col-2 { float: left; margin-left: 20px; padding: 0; width: 200px; }
		.col-3 { float: left; margin-left: 20px; padding: 0; width: 200px; }
			.Barra-news h3 { font-family: "Arial", "Helvetica", sans-serif; color:#0066FF; font-weight: normal; text-decoration: none; font-size:14px; }
			.Barra-news h3 a { font-family: "Arial", "Helvetica", sans-serif; color:#0066FF; font-weight: normal; text-decoration: none; font-size:14px; }
			.Barra-news h3 a:hover { text-decoration: underline; }
			.Barra-news h4 { margin-bottom: 10px; font-family: "Arial", "Helvetica", sans-serif; color:#666666; font-weight: normal; text-decoration: none; font-size:10px; }
			.Barra-news p { font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration:none; }
			.Barra-news img { margin-bottom: 10px; }
			
	.Btn-Noticias { clear: both; padding: 0px; margin:0px; width: 645px; height: 30px; }
		.Btn-Noticias a { font-size: 12px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; float: right; color: #0066FF; }
		.Btn-Noticias a:hover { color: #626262; }
	/* Fin Index Noticias */
			
/* Fin Index */


/* Distribuidores */
	#distribuidores { clear: both; margin: 0 0 40px 0; padding: 12px; border: 1px solid #B9D5FF; height: auto; } 
		#distribuidores h3 { margin: 0 0 15px 0; padding: 10px 15px; height: 10px; font-size: 12px; font-weight: bold; color: #0066FF; background: transparent url("../images/adorno3.jpg") no-repeat left 0; }
		#distribuidores p { margin: 0; padding: 0;}	
		
/* Fin Distribuidores */


/* Productos */
#productos { margin: 0px; padding: 0px; width: 645px; height: auto; }
	#productos h2 { margin-bottom: 10px; padding: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; line-height: 18px; color: #0066FF; font-weight: normal; }
	#productos p { margin-bottom: 10px; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }


	.productos-Dcha { float: left; margin: 0px; padding: 0px; width: 400px; height: auto; }
		.productos-Dcha h2 { margin: 15px 0px 0px 0px; padding: 0px; font-size: 16px; color: #0066FF; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; }
		.productos-Dcha h3 { margin: 0px; padding: 0px; font-size: 12px; color: #0066FF; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; }
	.productos-Izda { float: left; margin-left: 15px; padding: 0px; width: 280px; height: auto; }
		.gama { padding: 0; margin-top:20px; }
		.carrito { padding: 0; margin-top:20px; text-align: right; }

	
	/* Menu productos inferior */
	.menu-productos { clear: both; margin-top: 35px; padding-top: 10px; width: 645px; height: 175px; background-color: #DCE4FC; } 
		.menu-productos h3 { margin-bottom: 15px; margin-left: 50px; padding: 0; font-size: 18px; font-style:italic; font-family:"Times New Roman", Times, serif; font-weight: normal; } 
		.column1 { float: left; margin-left: 15px; padding-left: 10px; width: 110px; height: 125px; border-left: 1px solid #B9D5FF; } 
			.column1 h4 { margin-bottom: 15px; padding: 0; }
			.column1 p { margin-bottom: 8px; padding: 0; }  
		.column2 { float: left; margin-left: 5px; padding-left: 10px; width: 110px; height: 125px; border-left: 1px solid #B9D5FF; } 
			.column2 h4 { margin-bottom: 15px; padding: 0; } 
			.column2 p { margin-bottom: 8px; padding: 0; }
	/* Fin Menu productos inferior */

/* Fin Productos */

/* Eventos */
	.Eventos { margin-bottom: 35px; width: 645px; height: 245px; } 

		.Izq-Eventos { float: left; margin: 0; padding: 8px; width: 300px; height: 225px; background-color: #DCE4FC; }
		
		.Dcha-Eventos { float: right; margin: 0px; padding: 8px; width: 300px; height: 225px; background-color: #DCE4FC; } 
			.Dcha-Eventos img { float:left; border: 0; margin-bottom: 10px; }
			.Dcha-Eventos h5 { margin: 120px 10px 5px 10px; font-weight: bold; color:#0066FF; }
			.Dcha-Eventos p { margin: 5px 10px 10px 10px; }
			
	.Contenido_Eventos { margin: 0; width: 645px; height: auto; }
		.Contenido_Eventos p { margin: 0; padding: 0; }	
		
	.Destacados_Eventos { margin: 20px 0; padding: 10px 0; width: 645px; height: auto; border-top: 1px solid #DCE4FC; border-bottom: 1px solid #DCE4FC; }
		.Destacados_Eventos_pdf { margin: 5px 0 5px 425px; padding: 0; width: auto; height: auto; } 
		.Destacados_Eventos_addthis { margin: 5px 0 5px 425px; padding: 0; width: auto; height: auto; } 
		.Destacados_Eventos_volver { margin: 5px 0 5px 425px; padding: 0; width: auto; height: auto; } 
	
	.Linea_Eventos { margin: 20px 0; width: 645px; height: auto; border-top: 7px solid #DCE4FC; } 
	
	
/* Fin Eventos */
	

/* Noticias */
	.contenido_noticias { margin:0; padding: 0; width: 645px; height: auto; }
	
	.Barra-noticias { clear: both; float: left; margin-bottom: 35px; padding: 0; width: 645px; height: auto; }
		.noticias-col-1 { float: left; margin: 0; padding-top: 20px; width: 200px; border-top: 1px solid #dcdcdc; }
		.noticias-col-2 { float: left; margin-left: 20px; padding-top: 20px; width: 200px; border-top: 1px solid #dcdcdc; }
		.noticias-col-3 { float: left; margin-left: 20px; padding-top: 20px; width: 200px; border-top: 1px solid #dcdcdc; }
			.Barra-noticias h3 { font-family: "Arial", "Helvetica", sans-serif; color:#0066FF; font-weight: normal; text-decoration: none; font-size:14px; }
			.Barra-noticias h3 a { font-family: "Arial", "Helvetica", sans-serif; color:#0066FF; font-weight: normal; text-decoration: none; font-size:14px; }
			.Barra-noticias h3 a:hover { text-decoration: underline; }
			.Barra-noticias h4 { margin-bottom: 10px; font-family: "Arial", "Helvetica", sans-serif; color:#666666; font-weight: normal; text-decoration: none; font-size:10px; }
			.Barra-noticias p { font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration:none; }
			.Barra-noticias img { margin-bottom: 10px; }
	
	#noticia { clear: both; margin-bottom: 20px; padding: 15px 0; border-top: 1px solid #dcdcdc; height: auto; overflow: hidden; } 
		#noticia h3 { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color:#0066FF; font-weight: normal; text-decoration: none; font-size:14px; }
		#noticia h4 { margin-bottom: 10px; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color:#666666; font-weight: bold; text-decoration: none; font-size:10px; }
		#noticia p { margin-bottom: 15px; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color:#000000; font-weight: normal; text-decoration: none; font-size:12px; }
		#noticia a { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color:#101477; font-weight: normal; text-decoration: none; font-size:12px; }
		#noticia a:hover { color:#666666; text-decoration: underline; }
		#noticia img { float:right; border: 0; margin: 0 0 0 10px; }
		
	#paginacion_noticia { clear: both; margin-top: 10px; padding: 10px 0; border-top: 1px solid #dcdcdc; height: 25px; text-align: center; } 
		#paginacion_noticia p { font-family: "Arial", "Helvetica", sans-serif; color:#666666; font-weight: normal; text-decoration: none; font-size:12px; word-spacing: 10px; }	
		#paginacion_noticia a { font-family: "Arial", "Helvetica", sans-serif; color:#666666; font-weight: normal; text-decoration: none; font-size:12px; word-spacing: 10px; }	
		#paginacion_noticia a:hover { color: #0066FF; text-decoration: underline; }	
		
/* Fin Noticias */



/* Enlaces */
	.Columna { float: left; margin-right: 10px; width: 48%; } 
		.Columna p { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }
		.Columna a { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }
			.Columna a:hover { color: #DCE4FC; text-decoration: underline; }
		.Columna ul { margin-top: 10px; padding: 0; } 
		.Columna ul li { margin: 0; padding: 0 0 3px 0; list-style-type: none; font-family: "Arial", "Helvetica", sans-serif; color : #000; font-size: 12px; } 
/* Fin Enlaces */



/* Contactar */
	.Contactar { font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
	
	.Maps { float: left; margin: 30px 0; padding: 10px; width: 620px; height: auto; background-color: #DCE4FC;  }
	
	/* Formulario */
	form, fieldset { margin: 0; padding: 0; } 
	fieldset { border: 0; } 
	textarea { margin: 0px; padding: 0px; color: #000; border: 1px solid #bbb; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; } 
	input { margin: 0; padding: 0; border: 1px solid #bbb; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; height: 20px; } 
	label { display: block; float: left; width: auto; clear: left; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; } 

	.button { margin: 0; padding: 3px 15px; height: 25px; border: 1px solid #bbb; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; background-color: #DCE4FC; } 
	.button:hover { background-color: #bbb; } 

/* Fin Contactar */


/* Multimedia */
	.Multimedia_galerias { margin-top: 15px; padding: 0; width: 645px; height: 225px; border-top: 4px solid #CCCCFF; }
		.Multimedia_galerias_column1 { float: left; margin-top: 20px; padding: 0; width: 200px; height: 200px; } 
			.Multimedia_galerias_column1 h4 { margin-bottom: 15px; padding: 0; }
			.column1 p { margin-bottom: 8px; padding: 0; }  
		.Multimedia_galerias_column2 { float: left; margin-top: 20px; margin-left: 20px; width: 200px; height: 200px; } 
			.column2 h4 { margin-bottom: 15px; padding: 0; } 
			.column2 p { margin-bottom: 8px; padding: 0; }
		.Multimedia_galerias_column3 { float: left; margin-top: 20px; margin-left: 20px; width: 200px; height: 200px; } 
			.column3 h4 { margin-bottom: 15px; padding: 0; } 
			.column3 p { margin-bottom: 8px; padding: 0; }

	.#Galeria { margin:0; padding: 0; width: 645px; height: auto; } 

/* Fin Multimedia */


/* ---------------- Pie ---------------- */ 
#pie { margin: 0 auto; padding: 0; width: 950px; height: 30px; background-color: #C1D0F9;  } 
	#pie p{ padding: 5px 0 0 0; font-size: 11px; color: #101477; } 
	#pie a { font-size: 11px; color: #666; }
	#pie a:hover { color: #999; }