/* CSS para AFP Service */

/* ----- */
/* RESET */
/* ----- */

* {
	margin:0;
	padding:0;
	outline:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* --------- */
/* GENERALES */
/* --------- */

body {
	color:#333;
	background:#7AB51D url(../images/body_bg.png) 0 0 repeat-x;
}

div {
	width:auto;
	height:auto;
	overflow:auto;
}

a {
	text-decoration:none;
	font-size:inherit
}

	a img {
		border:0;
	}
	
ul li {
	list-style-type:none;
}

/* -------- */
/* TEMPLATE */
/* -------- */

#principal {
	width:938px;
	margin:0 auto;
}

	#cabecera {
		width:938px;
		height:143px;
		overflow:visible;
		
		background:url(../images/logo_bg.png) 0 0 no-repeat;
	}
	
	#contenido {
		position:relative;
		z-index:0;
		width:938px;
		
		background:url(../images/contenido_bg.png) 0 30px repeat-x;
	}
	
		#cont_izq {
			position:relative;

			float:left;
			width:733px;
			height:514px;
			overflow:hidden;
			
			background:url(../images/col_izq_bg.png) center 0 repeat-y;
		}
		
		#cont_der {
			float:right;
			width:194px;
			height:/*447px*/515px;
			overflow:hidden;
			
			background:url(../images/col_der_bg.png) center 0 repeat-y;
		}
	
	#pie {
		width:928px; /* 938 - (5 + 5) */
		padding:5px 5px;
		
		background:#7AB51D;
	}

/* -------- */
/* SECTORES */
/* -------- */

	/* -------- */
	/* CABECERA */
	/* -------- */
	
		/* ------------------------------ */
		/* SECTOR SUPERIOR DE LA CABECERA */
		/* ------------------------------ */
		
		#cabecera div.sector_sup {
			position:relative;
			width:938px;
			height:120px; /* 120 */
			overflow:visible;
		}
		
			/* ---- */
			/* Logo */
			/* ---- */
	
			#cabecera div.sector_sup div.logo {
				float:left;
				width:176px;
				height:120px;
			}
			
				#cabecera div.sector_sup div.logo a {
					display:block;
					margin:20px 0 0 28px;
				}
			
			/* ------ */
			/* Slogan */
			/* ------ */
			
			#cabecera div.sector_sup div.slogan {
				float:left;
				margin-top:35px;
				padding:0 0 0 15px;
				
				font-weight:bold;
				font-size:1.1em;
				color:#FFF;
			}
			
			/* ---- */
			/* Menú */
			/* ---- */
			
			#cabecera div.sector_sup div.menu {
				position:absolute;
				top:0;
				right:0;
				z-index:100000;
				
				width:400px;
				height:119px;
				overflow:visible;
			}
			
				#cabecera div.sector_sup div.menu div.col {
					position:absolute;
					
					width:112px;
					height:auto;
					overflow:auto;
					
					background:#900
				}
				
				#cabecera div.sector_sup div.menu div.col.menu		{top:19px; right:240px}
				#cabecera div.sector_sup div.menu div.col.catalogo 	{top:19px; right:120px}
				#cabecera div.sector_sup div.menu div.col.contacto 	{top:19px; right:0px}
				
					/* -- */
					
					#cabecera div.sector_sup div.menu div.col div.desplegable {
						display:none;
						float:left;
						width:112px;
						height:auto;
						overflow:auto;
					}
					
						#cabecera div.sector_sup div.menu div.col div.desplegable a, 
						#cabecera div.sector_sup div.menu div.col div.solapa a {
							display:block;
							float:left;
							width:112px;
							height:20px;
							overflow:hidden;
							
							padding-top:6px;
							
							border-bottom:#000 1px solid;
							
							font-size:1.0em;
							font-weight:bold;
							text-align:center;
							text-decoration:none;
							color:#000;
							
							background:#FFF;
						}
						
						#cabecera div.sector_sup div.menu div.col div.desplegable a:hover {
							background:#7AB51D;
						}
					
					/* -- */
				 
					#cabecera div.sector_sup div.menu div.col div.solapa {
						float:left;
						width:112px;
						height:27px;
						overflow:hidden;
						background:#FFF;
					}
					
						#cabecera div.sector_sup div.menu div.col div.solapa a {
							border:0;
						}
					
		/* ------------------- */
		/* BARRA DE NAVEGACION */
		/* ------------------- */
		
		#cabecera div.navegacion {
			width:938px;
			padding:4px 0;
			
			font-weight:bold;
		}
		
			#cabecera div.navegacion p {
				margin-left:160px;
			}
			
			#cabecera div.navegacion a {
				color:#333;
				text-transform:uppercase;
			}
				#cabecera div.navegacion a:hover {
					text-decoration:underline;
				}
	
	/* ---------------- */
	/* SECTOR IZQUIERDO */
	/* ----------------
	
		/* ------ */
		/* Título */
		/* ------ */
	
		#cont_izq div.titulo {
			margin:5px 0;
			padding:2px 10px;
			
			font-size:1.1em;
			font-weight:bold;
			color:#FFF;
			background:#000;
		}
		
			#cont_izq div.titulo h1 {
				font-size:inherit;
			}
		
		/* -------------------- */
		/* Contenido del Sector */
		/* -------------------- */
		
		#cont_izq div.cont {
			position:relative;
			z-index:0;
			width:713px;
			height:465px;
			overflow:hidden;
			padding:10px 10px;
		}
		
			#cont_izq div.cont h2 {
				padding:0 10px 10px 10px;
				font-size:1.1em;
				color:#7AB51D;
			}
			
			/* -- */
			
			#cont_izq div.cont p {
				padding:0 10px 10px 10px;
			}
			
			#cont_izq div.cont p p {
				padding:0;
			}
			
			/* -- */
			
			#cont_izq div.cont address {
				margin:0 10px;
				padding:5px 0 10px 0;
				border-top:#333 1px solid;
				
				font-size:1.1em;
				font-style:normal;
			}
			
			/* --------------------------- */
			/* Botones - Volver e Imprimir */
			/* --------------------------- */
			
			#cont_izq div.cont div.botones {
				margin:0 10px;
				padding:5px 0;
				background:url(../images/black_dot.png) 0 18px repeat-x;
			}
			
				#cont_izq div.cont div.botones a {
					display:block;
					float:left;
					
					text-align:center;
					background-position:0 0;
					background-repeat:no-repeat;
				}
				
				/* -- */
			
				#cont_izq div.cont a#boton_volver {
					float:left;
					width:27px;
					height:0;
					overflow:hidden;
					margin-right:120px;
					padding-top:27px;
					
					background-image:url(../images/scroll_izq_big.png);
				}
				
				#cont_izq div.cont div.botones a#boton_volver:hover {
					background-position:-27px 0;
				}
				
				/* -- */
				
				#cont_izq div.cont #boton_imprimir {
					float:right;
					width:74px;
					height:0;
					padding-top:27px;
					overflow:hidden;
					
					background-image:url(../images/btn_imprimir.png);
				}
				
				#cont_izq div.cont div.botones a#boton_imprimir:hover {
					background-position:0 -28px;
				}
			
			/* ------ */
			/* Scroll */
			/* ------ */
			
			#cont_izq div.cont div.items {
				position:relative;
				width:685px; /* 691 */
				height:20000em;
			}
			
				#cont_izq div.cont div.pagina {
					width:685px;		/* 691 */
					height:402px;		/* 398 */
					overflow:hidden;
					margin-bottom:10px;
				}
				
				#cont_izq div.cont div.grilla div.pagina {
					height:150px !important;
				}
				
				#cont_izq div.cont div.grilla_2 div.pagina {
					height:465px !important;
				}
				
			/* -- */
			
			#cont_izq a.prev, 
			#cont_izq a.next {
				position:absolute;
				z-index:10000;
				width:27px; /* 21px */
				height:27px; /* 21px */
				
				cursor:pointer;
			}
			
			#cont_izq a.prev {
				top:40px; /* 40 */
				right:10px; /* 10 */
				background:url(../images/scroll_ar_big.png) 0 0 no-repeat;
			}
			
			#cont_izq a.next {
				bottom:20px; /* 20 */
				right:10px; /* 10 */
				background:url(../images/scroll_ab_big.png) 0 0 no-repeat;
			}
			
			#cont_izq a.prev:hover, 
			#cont_izq a.next:hover {
				background-position:0 -27px; /* 0 -21px */
			}
		
			/* ------ */
			/* Grilla */
			/* ------ */
			
			#cont_izq div.cont div.grilla {
				width:685px; /* 691 */
				height:auto;
				overflow:auto;
			}
			
				/* Cuadro */
			
				#cont_izq div.cont div.grilla div.cuadro {
					float:left;
					width:170px;
					height:183px;
					overflow:visible;
					margin-bottom:21px;
					
					background:#FFF url(../images/grilla_borde_lateral_izq.png) 0 2px no-repeat;
				}
				
				#cont_izq div.cont div.grilla div.cuadro.reducido {
					height:113px; /* 183 - 70 */
				}
				
					#cont_izq div.cont div.grilla div.cuadro div {
						position:relative;
						width:150px;
						height:173px;
						overflow:visible;
						padding:0 0 10px 10px;
						
						background:url(../images/grilla_borde_inferior.png) 3px bottom no-repeat;
					}
					
					#cont_izq div.cont div.grilla div.cuadro.reducido div {
						height:103px; /* 173 - 70 */
					}
						
						#cont_izq div.cont div.grilla div.cuadro div div {
							background:none;
						}
					
						/* Título */
					
						#cont_izq div.cont div.grilla div.cuadro div h2 {
							color:#7AB51D;
						}
						
						/* Subtítulo */
					
						#cont_izq div.cont div.grilla div.cuadro div h3 {
							color:#333;
						}
						
						/* Texto */
						
						#cont_izq div.cont div.grilla div.cuadro div p {
							position:relative;
							z-index:1000;
							color:#333;
						}
						
						/* Foto */
						
						#cont_izq div.cont div.grilla div.cuadro div div.thumb {
							position:absolute;
							z-index:0;
							bottom:4px;
							left:10px;
							width:130px; /* FULL = 150 */
							height:auto;
							overflow:auto;
							padding:0;
							border:0;
							
							text-align:center;
						}
						
						/* Botón "Más Info" */
						
						#cont_izq div.cont div.grilla div.cuadro div div.mas {
							position:absolute;
							bottom:-13px;
							right:0px;
							width:56px;
							height:27px;
							padding:0;
							
							text-align:right;
							/*background:#CCC;*/
						}
						
							#cont_izq div.cont div.grilla div.cuadro div div.mas a {
								display:block;
								width:56px;
								height:21px;
								padding-top:6px;
								
								font-size:.9em;
								color:#000;
								background:url(../images/grilla_btn_mas.png) 0 0 no-repeat;
							}
							
							#cont_izq div.cont div.grilla div.cuadro div div.mas a:hover {
								text-decoration:underline;
								background:url(../images/grilla_btn_mas.png) 0 -27px no-repeat;
							}
							
			/* -------- */
			/* Grilla 2 */
			/* -------- */
			
			#cont_izq div.cont div.grilla_2 {
				width:689px;
				height:auto;
				overflow:auto;
			}
			
				/* Cuadro */
			
				#cont_izq div.cont div.grilla_2 div.cuadro {
					float:left;
					width:125px; /* 115 */
					height:105px; /* 100 */
					overflow:visible;
					margin-left:10px;
					margin-bottom:10px;
					
					text-align:center;
					border: #CCC 1px solid;
				}
				
					#cont_izq div.cont div.grilla_2 div.cuadro div.thumb {
						width:100%;
						height:100%;
						text-align:center;
					}
					
						#cont_izq div.cont div.grilla_2 div.cuadro div.thumb a {
							display:table-cell;
							width:125px;
							height:105px;
							overflow:hidden;
							vertical-align:middle;
						}
					
					#cont_izq div.cont div.grilla_2 div.cuadro div.etiqueta {
						height:23px;
						overflow:hidden;
						padding:2px 4px 0 4px;
						text-align:center;
						background:#000;
					}
					
						#cont_izq div.cont div.grilla_2 div.cuadro div.etiqueta a {
							font-weight:bold;
							line-height:10px;
							color:#FFF;
						}
						
			/* ------- */
			/* Detalle */
			/* ------- */
			
			#cont_izq div.cont div.detalle {
				width:691px;
				height:auto;
				overflow:auto;
				margin:0 10px;
				padding:0 0 10px 0;
			}
			
				#cont_izq div.cont div.detalle div.texto {
					float:left;
					width:314px;
					height:400px;
					overflow:hidden;
					
					text-align:justify;
				}
				
					#cont_izq div.cont div.detalle div.texto p {
						padding:0;
					}
				
				/* -- */
				
				#cont_izq div.cont div.detalle div.galeria {
					float:right;
					width:366px;
					height:auto;
					overflow:hidden;
				}
				
					#cont_izq div.cont div.detalle div.galeria h2 {
						padding:4px 0;
					}
					
					/* -- */
					
					#cont_izq div.cont div.detalle div.galeria img.nav-prev {
						width:27px;
						height:27px;
						background:url(../images/scroll_izq_big.png) 0 0 no-repeat;
					}
					
					#cont_izq div.cont div.detalle div.galeria img.nav-prev:hover {
						background-position:-27px 0;
					}
					
					#cont_izq div.cont div.detalle div.galeria img.nav-next {
						width:27px;
						height:27px;
						background:url(../images/scroll_der_big.png) 0 0 no-repeat;
					}
					
					#cont_izq div.cont div.detalle div.galeria img.nav-next:hover {
						background-position:-27px 0;
					}
						
			/* ---------- */
			/* Formulario */
			/* ---------- */
			
			#cont_izq div.cont div.formulario {
				width:691px;
				height:auto;
				overflow:auto;
				margin:0 10px;
				padding:20px 0;
			}
			
				#cont_izq div.cont div.formulario div.izq {
					float:left;
					width:49%;
				}
				
				#cont_izq div.cont div.formulario div.der {
					float:right;
					width:49%;
				}
				
				/* -- */
			
				#cont_izq div.cont div.formulario ul li {
					padding:5px 0;
				}
			
					#cont_izq div.cont div.formulario ul li label {
						display:block;
						float:left;
						width:80px;
						padding-right:5px;
						
						font-size:.9em;
						font-weight:bold;
						text-align:right;
					}
					
					#cont_izq div.cont div.formulario ul li input.txt {
						width:230px;
						padding:1px 0;
						border:#333 1px solid;
					}
					
					#cont_izq div.cont div.formulario ul li textarea {
						width:230px;
						height:102px;
						padding:1px 0;
						border:#333 1px solid;
					}
					
				/* -- */
				
				#cont_izq div.cont div.formulario div.full {
					width:681px;
					padding:5px;
					float:left;
					text-align:right;
				}
				
					#cont_izq div.cont div.formulario div.full input.btn {
						margin-right:16px;
					}
					
				/* Captcha */
				
				#cont_izq div.cont div.formulario .fs_captcha {}
				
					#cont_izq div.cont div.formulario .fs_captcha img {
						float: left;
					}
				
					#cont_izq div.cont div.formulario .fs_captcha .fs_captcha_inputbox {
						width:60px;
						padding:1px 0;
						border:#333 1px solid;
					}
	
	/* -------------- */
	/* SECTOR DERECHA */
	/* -------------- */
	
		/* ------ */
		/* Título */
		/* ------ */
	
		#cont_der div.titulo { /* Idem. #cont_izq... */
			margin:5px 0 0 0;
			padding:2px 10px;
			
			font-size:1.1em;
			font-weight:bold;
			color:#FFF;
			background:#000;
		}
		
		/* ---------------------- */
		/* Título 2 (Fondo Verde) */
		/* ---------------------- */
		
		#cont_der div.titulo_2 {
			padding:2px 10px;
			
			font-size:1.1em;
			font-weight:bold;
			color:#FFF;
			background:#7AB51D;
		}
		
		/* -------------------- */
		/* Contenido del Sector */
		/* -------------------- */
		
		#cont_der div.cont {
			margin:0 15px;
			padding:0 0 10px 0;
			overflow:hidden;
			background:#EDEDED;
		}
		
			/* -------- */
			/* Buscador */
			/* -------- */
			
			#cont_der div.cont div.buscador {
				margin-top:5px;
			}
			
				#cont_der div.cont div.buscador input {
					width:152px;
					padding:2px 0;
					
					border:#333 1px solid;
				}
			
				#cont_der div.cont div.buscador a.btn {
					display:block;
					padding:20px 30px 20px 0;
					
					text-align:right;
					color:#333;
					background:url(../images/btn_buscar.png) right center no-repeat;
				}
	
	/* --- */
	/* PIE */
	/* --- */
	
	#pie div.izq {
		float:left;
	}
	
		#pie div.izq address {
			font-style:normal;
		}
	
	#pie div.der {
		float:right;
		font-size:.9em;
	}
	
		#pie div.der a {
			color:#000;
		}
		
/* ----------- */
/* ESPECIFICOS */
/* ----------- */

/* ... */

	/* Inicio */

	div.categorias_inicio {
		width:170px;
		float:left;
		margin-left:10px;
	}
	
		div.categorias_inicio li a {
			display:block;
			width:95%;
			padding:5px 1px;
			border-bottom:#ccc 1px solid;
			
			color:#6EA31A;
		}
		div.categorias_inicio li a:hover {
			background:#eee;
			color:#444;
		}

			div.categorias_inicio li a.indent {
				padding-left:8%;
				width:87%;
			}

/* =================================================================== */
/* 			Atención!!!! prueba de nueva grilla de productos 		   */
/* =================================================================== */
	
	body.inicio_2 #cont_izq {
		height:514px;
	}
	
	body.inicio_2 #cont_izq div.cont {
		height:465px;
	}
	
	/* ----------------------- */
	/* Grilla Página de inicio */
	/* ----------------------- */
	
	#cont_izq div.cont div.grilla_inicio {
		width:480px; /* 691 */
		height:auto;
		overflow:hidden;
		padding-left:5px;
	}
			
		#cont_izq div.cont div.grilla_inicio div.pagina {
			width:685px;		/* 691 */
			height:476px;		/* 398 */
			overflow:hidden;
			margin-bottom:10px;
		}
			
		/* Cuadro */
	
		#cont_izq div.cont div.grilla_inicio div.cuadro {
			float:left;
			/*width:515px;*/
			width:480px;
			height:135px;
			overflow:visible;
			margin-bottom:21px;
			
			background:#FFF url(../images/grilla_borde_lateral_izq.png) 0 2px no-repeat;
		}
		
		#cont_izq div.cont div.grilla_inicio div.cuadro.reducido {
			height:113px; /* 183 - 70 */
		}
		
			#cont_izq div.cont div.grilla_inicio div.cuadro div {
				position:relative;
				/*width:150px;*/
				height:125px;
				overflow:visible;
				padding:0 0 10px 10px;
				
				background:url(../images/grilla_borde_inferior_2.png) 3px bottom no-repeat;
			}
			
			#cont_izq div.cont div.grilla_inicio div.cuadro.reducido div {
				height:103px; /* 173 - 70 */
			}
				
				#cont_izq div.cont div.grilla_inicio div.cuadro div div {
					background:none;
				}
			
				/* Título */
			
				#cont_izq div.cont div.grilla_inicio div.cuadro div h2 {
					color:#7AB51D;
				}
				
				/* Subtítulo */
			
				#cont_izq div.cont div.grilla_inicio div.cuadro div h3 {
					color:#333;
				}
				
				/* Texto */
				
				#cont_izq div.cont div.grilla_inicio div.cuadro div p {
					position:relative;
					z-index:1000;
					color:#333;
				}
				
				/* Foto */
				
				#cont_izq div.cont div.grilla_inicio div.cuadro div div.thumb {
					position:relative;
					float:left;
					z-index:0;
					/*bottom:4px;*/
					margin-left:10px;
					margin-right:10px;
					width:130px; /* FULL = 150 */
					height:125px;
					overflow:auto;
					padding:0;
					border:0;
					
					text-align:center;
				}
				
				/* Botón "Más Info" */
				
				#cont_izq div.cont div.grilla_inicio div.cuadro div div.mas {
					position:absolute;
					bottom:-13px;
					right:0px;
					width:56px;
					height:27px;
					padding:0;
					
					text-align:right;
					/*background:#CCC;*/
				}
				
					#cont_izq div.cont div.grilla_inicio div.cuadro div div.mas a {
						display:block;
						width:56px;
						height:21px;
						padding-top:6px;
						
						font-size:.9em;
						color:#000;
						background:url(../images/grilla_btn_mas.png) 0 0 no-repeat;
					}
					
					#cont_izq div.cont div.grilla_inicio div.cuadro div div.mas a:hover {
						text-decoration:underline;
						background:url(../images/grilla_btn_mas.png) 0 -27px no-repeat;
					}
			
			/* ------ */
			/* Scroll */
			/* ------ */
			
			body.inicio_2 #cont_izq a.prev, 
			body.inicio_2 #cont_izq a.next {
				position:absolute;
				z-index:10000;
				width:27px; /* 21px */
				height:27px; /* 21px */
				
				cursor:pointer;
			}
			
			body.inicio_2 #cont_izq a.prev {
				top:40px; /* 40 */
				right:17px; /* 10 */
				background:url(../images/scroll_ar_big.png) 0 0 no-repeat;
			}
			
			body.inicio_2 #cont_izq a.next {
				bottom:15px; /* 20 */
				right:17px; /* 10 */
				background:url(../images/scroll_ab_big.png) 0 0 no-repeat;
			}
			
			body.inicio_2 #cont_izq a.prev:hover, 
			body.inicio_2 #cont_izq a.next:hover {
				background-position:0 -27px; /* 0 -21px */
			}