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

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

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

p { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #000000; font-size: 12px; text-decoration: none; }
a { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; color: #0066FF; font-size: 12px; text-decoration: none; } 
	a:link { margin: 0; padding: 0; color: #0066FF; text-decoration: none; } 
	a:visited { color: #0066FF; text-decoration: none; } 
	a:hover { margin: 0; padding: 0; 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; text-indent: -300em; }
h2 { margin: 15px 0; padding-left: 25px; font-size: 14px; line-height: 18px; color: #000; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; /*border-left : 5px solid #0066FF; */ }
h3 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; color: #0066FF; font-weight: normal; } 
h4 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #666666; } 
h5 { margin: 0; padding-bottom: 5px; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #0066FF; } 
h6 { margin: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; color: #666666; } 

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;  }

body#home h1 { width: 300px; height: 50px; background: transparent url("../images/titbienvenida.jpg") no-repeat 0 0; } 
body#home h2 { margin: 0px: padding: 0px; height: 60px; font-weight: normal; color: #666; background: transparent url("../images/adorno1.jpg") no-repeat left 0; }

body#empresa h1 { width : 300px; height : 50px; background : transparent url("../images/titempresa.jpg") no-repeat left 0; } 

body#product h1 { width: 300px; height: 50px; background: transparent url("../images/titproductos.jpg") no-repeat left 0; }

body#noticias h1 { width : 300px; height : 50px; background : transparent url("../images/titnoticias.jpg") no-repeat left 0; }

body#eventos h1 { width: 300px; height: 50px; background: transparent url("../images/titexperiencias.jpg") no-repeat left 0;}
body#eventos h2 { height: 30px; color: #0066FF; background : transparent url("../images/adorno2.jpg") no-repeat left 0; /*border-left : 5px solid #0066FF; */ } 

body#enlaces h1 { width: 300px; height: 50px; background: transparent url("../images/titenlaces.jpg") no-repeat left 0; }
body#enlaces h2 { height: 30px; color: #666666; background : transparent url("../images/adorno2.jpg") no-repeat left 0; /*border-left : 5px solid #0066FF; */ }

body#contactar h1 { width: 300px; height: 50px; background: transparent url("../images/titcontactar.jpg") no-repeat left 0; } 

body#legal h1 { width: 300px; height: 50px; background: transparent url("../images/titlegal.jpg") no-repeat left 0; } 

.Columna { float: left; margin-right: 5px; width: 32%; } 
	.Columna ul { margin: 0; padding: 0; } 
	.Columna ul li { margin: 0; padding: 0 0 10px 0; list-style-type: none; font-family: "Arial", "Helvetica", sans-serif; color : #000; font-size: 12px; } 

 
#Izquierda { float:left; width:150px; padding: 35px 0 35px 35px; margin-bottom:15px; }
/* 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: 130px; 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: 150px; height: auto; } 
	#colaboracion p { margin-bottom: 8px; font-size: 12px; color: #626262; } 

#alivio { margin-top: 35px; width: 150px; height: auto; background-color: #DCE4FC; } 
	#alivio p { padding: 8px; font-size: 12px; color: #101477; } 
	#alivio a { font-size: 11px; color: #101477; } 

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

.navegacion { padding: 5px 0; margin:0px; width: 695px; }
	.navegacion p { font-size: 11px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; color: #626262; }
	.navegacion a { font-size: 11px; font-family: "Arial", "Helvetica", sans-serif; text-decoration: none; color: #626262; }
	.navegacion a:hover { color: #0066FF; }
	

/* Index */

.introduccion { padding: 20px 0; margin:0px; width: 695px; height: auto; }

.titulo { padding: 0px; margin:0px; width: 695px; height: auto; }

.Btn-Noticias { clear: both; padding: 0px; margin:0px; width: 695px; 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; }

#contenido { width: 710px; height: 500px; padding: 40px 0 0 20px; } 

#Izq-index-news { float: left; margin: 0; padding: 0px; width: 340px; height: auto; } 
	#Izq-index-news img { float:right; border: 0; margin: 10px 0 0 10px; }
	#Izq-index-news h3 { padding: 10px 15px; height: 10px; font-size: 12px; font-weight: bold; color: #0066FF; background: transparent url("../images/adorno3.jpg") no-repeat left 0; }
	#Izq-index-news h5 { padding-bottom: 10px; }
	#Izq-index-news h6 { padding: 10px 0; }
#Dcha-index-news { float: right; margin: 0px; padding: 0px; width: 340px; }
	#Dcha-index-news img { float:right; border: 0; margin: 10px 0 0 10px; }
	#Dcha-index-news h5 { padding-bottom: 10px; }
	#Dcha-index-news h6 { padding: 10px 0; }

	#index-news { clear: both; margin-top: 10px; border-top: 1px solid #dcdcdc; height: 420px; } 

#Destacados { clear: both; margin: 0px; height: 255px; } 

	#Izq-index-destacados { float: left; margin: 0; padding: 0px; width: 340px; } 
	#Dcha-index-destacados { float: right; margin: 0px; padding: 0px; width: 340px; }

		#index-destacados { clear: both; margin: 0px; padding: 0px; border: 1px solid #101477; height: 235px; } 
			#index-destacados img { float:left; border: 0; margin-bottom: 10px; }
			#index-destacados h5 { margin: 0 10px; font-weight: bold; }
			#index-destacados p { margin: 5px 10px 10px 10px; }
			
/* Fin Index */

.menu-productos { clear: both; margin-top: 20px; padding-top: 20px; width: 695px; height:160px; border-top: 1px solid #B9D5FF; } 
	.menu-productos h3 { margin-bottom: 15px; padding: 0px; } 
	.column1 { float: left; margin: 0px; padding: 0px; width: 125px; height: 125px; } 
		.column1 h4 { margin-bottom: 15px; padding: 0px; }
		.column1 p { margin-bottom: 8px; padding: 0px; }  
	.column2 { float: left; margin-left: 5px; padding-left: 10px; width: 125px; height: 125px; border-left: 1px solid #B9D5FF; } 
		.column2 h4 { margin-bottom: 15px; padding: 0px; } 
		.column2 p { margin-bottom: 8px; padding: 0px; }

#productos { margin: 0px; padding: 0px; width: 695px; height: auto; }
	.titulo { padding: 0px; margin:0px; width: 695px; height: 50px; }
	.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; }


#Columna1 { float: left; width: 450px; padding-top: 20px; margin: 0px; }
	#Columna1 p { padding: 0px; margin: 0px; }
	#Columna1 h3 { margin-top: 30px; padding: 0px; }
	#Columna1 h4 { margin-top: 10px; padding: 0px; }
	#Columna1 h5 { margin-top: 10px; padding: 0px; }
	
	#noticia { clear: both; margin-top: 10px; border-top: 1px solid #dcdcdc; height: auto; } 	
	
	#contacto { clear: both; margin: 10px 0 0 20px; padding: 0px; border-top: 1px solid #dcdcdc; height: auto; } 
	
	#distribuidores { clear: both; margin: 40px 0 20px 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; }	
	 
#Columna2 { float: right; width: 235px; }

	#animacion { width: 235px; height: auto; margin: 70px 0 25px 0; padding: 25px; background-color: #E1EDFF; }
	
	#banner { width: 235px; margin: 70px 0 25px 0; } 
	
	#banner2 { width: 219px; margin: 20px 0px; padding-left: 15px; border-left: 1px solid #B9D5FF; } 
	

/* Noticias */
#Izq_noticias { float: left; margin: 0; padding: 0px; width: 420px; height: auto; } 
	#Izq_noticias img { float:right; border: 0; margin: 10px 0 0 10px; }
	#Izq_noticias h5 { padding-bottom: 10px; }
	#Izq_noticias h6 { padding: 10px 0; }
	#Izq_noticias h3 { padding: 10px 0; }
#Dcha_noticias { float: right; margin: 0px; padding: 0px; width: 250px; }

#Galeria { padding-top: 20px; margin:0px; width: 695px; height: auto; } 


/* 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; }

/* 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-left: 15px; padding: 3px 10px; 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; }