@charset "utf-8";
/* CSS Document */
/* Website: ©Copyright 2009 - www.aproduservi.com.pe */

/* ------------------------------ */
/* RESET CSS Elements Default     */
/* ------------------------------ */

/*Borramos para casi todos los tags conocidos por el hombre cualquier margen, espacio, interlineado extraño, bordeados, etc… empezaremos desde cero*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, button, input {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/*Para tablas y sus casillas de salida las dejamos con celdas separadas, que los textos se alinean a la izquierda y eliminamos la negrita para campos tipo <td>*/
table { border-collapse: collapse; border-spacing: 0;}
th, td {text-align: left;}

/*Eliminamos el border en imágenes o iframe aunque formen parte de un enlace*/
img, iframe {border: none; text-decoration:none;}

/*De salida nada de símbolos raros para nuestros listados*/
ol, ul, li {list-style: none;}

/*Para variables típicas de formulario usaremos la tipografía que definamos expresamente y al tamaño que definamos*/
input, textarea, select, button {font-size:100%; font-family: Tahoma, Arial Geneva, sans-serif;}
select {margin: inherit;}

/* ------------------------------- */
/* STANDARD HTML Tag Definition    */
/* ------------------------------- */

body {
	background:#fff url(../images/bg-top-body.png) top left repeat-x;
	font-family: Tahoma, Arial Geneva, sans-serif;
	font-size:12px;
}	

#form-buscar {
	float:left;
	position: absolute;
	top:11px;
	right:25px;
}

	#form-buscar input {
		float:left;
		width:200px;
		height:15px;
		font-size:11px;
		padding:1px 4px;
		border:solid 1px #d5d5d5;
	}
	#form-buscar button {
		background: #3CF url(../images/buscar.png) no-repeat;
		width:45px;
		height:19px;
		font-size:11px;
		margin-left:4px;
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
	}

#form-ofertas {
	float:left;
	position: absolute;
	top:11px;
	right:15px;
}

	#form-ofertas input {
		float:left;
		width:160px;
		height:15px;
		font-size:11px;
		padding:2px 4px;
		border:solid 1px #d5d5d5;
	}
	#form-ofertas button {
		background: #6C0 url(../images/enviar.png) no-repeat;
		width:43px;
		height:22px;
		font-size:11px;
		margin-left:4px;
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
	}

#form-boletin input {
	float:left;
	width:108px;
	height:15px;
	font-size:11px;
	padding:2px 4px;
	margin-right:2px;
	border:solid 1px #d5d5d5;
}

#form-boletin button {
	background: #6C0 url(../images/enviar.png) no-repeat;
	width:43px;
	height:22px;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

#form-contacto {
	margin:10px auto;
	width:364px;
}

#form-contacto-text {
	display:block;
	margin:0;
	padding:10px 0 5px 0;
	font-size:11px;
}

#form-contacto td {
	padding:2px;
}

#form-contacto label {
	float:left;
	display:block;
	width:90px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

#form-contacto input, textarea {
	float:left;
	font-size:11px;
	width:250px;
	padding:2px;
	border:solid 1px #aacfe4;
}

#form-contacto button {
	display:block;
	margin:0 auto;
	width:90px;
	height:25px;
	background:#666 url(../images/enviar2.png) no-repeat;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

/* -------------- */
/* PAGE Elements  */
/* -------------- */
#container {
	margin:0 auto;
	width:900px;
}
	/* ------------------- */
	/* Header              */
	
		#header {
			margin:0 auto;
			width:900px;
			height:178px;
		}
		
		#header-top {
			display:block;
			height:95px;
		}
			
			/* ------------------- */
			/* Logo                */
			
				#logo {
					float:left;
					position: relative;
					top:18px;
					left:30px;
				}		
				
				#mes-patrio {
					float:left;
					position: relative;
					top:16px;
					left:28px;
				}
			/* ------------------- */
			/* Banner Rotator      */
			
				#banner-rotator {
					float: right;
					position: relative;
					top:15px;
					right:45px;
					width:450px;
					height:65px;
					border:1px solid #000;
					background:#FFF;
				}
	
	/* ------------------- */
	/* Navbar              */
	
		#navbar {
			display:block;
			position:relative;
			height:45px;
			background:#03416c url(../images/bg-navbar-center.png) top left repeat-x;
		}	
					
			/* Rounded BG Navbar */
			
				.rounded-navbar {
					position:relative;
					height:33px;
					padding:6px;
					padding-left:25px;
				}
				
					.corner-left {
						position:absolute;
						width:11px;
						height:45px;
						background-image:url(../images/bg-navbar-left.png);
						top:0;
						left:0;
					}
					
					.corner-right {
						position:absolute;
						width:11px;
						height:45px;
						background-image:url(../images/bg-navbar-right.png);
						top:0;
						right:0;
					}
				
				.content-title {
					color:#f9f9f9;
					font: bold 12px/18px Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					padding-left:5px;
					padding-top:1px;
				}
					
			/* BUTTONS NAVBAR */
				
				ul { height:28px;}
				
				li {
					float:left;
					margin-right:4px;
				}
				
				.tab a:link, .tab a:visited {
					color:#fff;
					display:block;
					float:left;
					font-weight:bold;
					height:28px;
					line-height:27px;
					text-decoration:none;
				}
				
				.tab a span {
					display:block;
					height:28px;
					float:left;
					font-family:Tahoma, Arial, Geneva, sans-serif;
					font-size:11px;
					margin-right:9px;
					padding-left:9px;
					text-transform:uppercase;	
				}
				
				.tab a:hover {
					background:url(../images/tab-round-hover.png) right 0 no-repeat;
					display:block;
					color:#FFE;
				}
				
				.tab a:hover span {
					background:url(../images/tab-round-hover.png) left 0 no-repeat;
					display:block;
				}
		
				.active a:link, .active a:visited, .active a:hover {
					background:url(../images/tab-round-active.png) right 0 no-repeat;
				}
				
				.active a span, .active a:hover span {
					background:url(../images/tab-round-active.png) left 0 no-repeat;
					color:#fff;
				}	
	
	/* ----------------------------- */
	/* Tips Client Bar               */
	
		#tips-client {
			display:block;
			position: relative;
			height:38px;
			background:#f4f4f4 url(../images/bg-tips-client.png) top left repeat-x;
		}
		
			#tips-client li {
				font:11px/24px Tahoma, Geneva, sans-serif;
				font-weight:bold;
				color: #01668b;
				margin-right:0px;
				padding:5px;
			}
			
			.fono-pedidos {
				color:#0CF;
			}
			
			.tipo-cambio {
				color: #1ab506;
				font-weight:bold;
			}
			#tips-client li img {
				display: inline-block;
				top:5px;
				position: relative;
			}
			
	/* ------------------- */
	/* Content             */
	
		#content {
			clear:both;
			height:1%;
			display:block;
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:900px;
		}
		
			/* ------------------- */
			/* Column Left         */
			
				#column-left {
					float:left;
					display: block;
					width:185px;
				}
				
					/* ------------------------- */
					/* Menu Stock Productos      */
					
						/* Rounded Titles */
				
							.rounded-titles {
								position:relative;
								height:19px;
								padding:6px;
								background:#399 url(../images/bg-title-center.png) top left repeat-x;
							}
							
								.title-left {
									position:absolute;
									width:10px;
									height:31px;
									background-image:url(../images/bg-title-left.png);
									top:0;
									left:0;
								}
								
								.title-right {
									position:absolute;
									width:10px;
									height:31px;
									background-image:url(../images/bg-title-right.png);
									top:0;
									right:0;
								}
							
							.content-titles {
								color:#f9f9f9;
								font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif;
								text-transform:uppercase;
								padding-top:1px;
								text-align:center;
							}
					
					/* Seccion BG */
					
						.seccion-bg {
							position:relative;
							background-color:#eefbff;
							border: solid 1px #b9d9e4;
							width:163px;
							margin-bottom:5px;
							padding:10px;
						}
						
						.seccion-vertical-menu {
							float:left;
							padding:0;
							width:183px;
							border-top:0;
						}
						
						.seccion-productos-bg {
							float: left;
							border: solid 1px #b9d9e4;
							width:498px;
							padding:10px 5px;
						}
						
							.prods-destacados {
								width:100%;
								margin-bottom:5px;
								padding:0 7px;
							}								
							
							.prods-destacados table {
								width:152px;
							}
							
							.prods-destacados td {
								width:auto;
								margin:0;
								padding:4px 0;
								background-color:#fff;
								font-family:Tahoma, Arial, Geneva, sans-serif;
								text-align:center;
							}
							
							.prod a:link {
								color:#F30;
								font-weight:bold;
								text-decoration: none;
							}
							
							.prod a:visited {
								color:#F30;
								font-weight:bold;
								text-decoration: none;
							}
							
							.prod a:hover, a:focus {
								color:#F30;
								text-decoration: underline;
							}	
							
							/* Format Productos */
							
								.borde-img {
									border:1px solid #e1e0e0;
								}
								
								.nombre-prod {
									font-weight:bold;
									color:#02557b;
									font-size:11px;
									text-transform:uppercase;
								}
								
								.precio-prod {
									font-weight:bold;
									color:#F30;
									font-family:Verdana, Geneva, sans-serif;
									font-size:11px;
								}
								
							/* Partes de Ofertas */
							
								.seccion-ofertas {
									width:181px;
									background:#fdfdfd url(../images/bg-items-ofertas.png) bottom left repeat-x;
									padding:0px 1px 1px 1px;
									border-top:0;
								}
								
								.seccion-ofertas td {
									padding:5px;
									background:url(../images/bg-items-ofertas.png) top left repeat-x;
								}
								
								.seccion-ofertas img  {
									float:left;
									position: relative;
									margin:0 10px 0 5px;
								}
								
								.seccion-ofertas p {
									color: #036ca9;
									font: bold 10px/12px Tahoma, Geneva, sans-serif;
									padding:2px 5px;
									text-transform:uppercase;
								}
								
								.seccion-ofertas a:link, a:visited {
									color: #069;
									text-decoration: none;
								}
								
								.seccion-ofertas a:hover, a:focus {
									color:#F60;
									text-decoration: underline;
								}
							
					/* Menu Vertical Stock Productos */
						
						#navcontainer ul {
							margin:0;
							padding:0;
							list-style-type: none;
							font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
						}
						
						#navcontainer li { 
							margin:0;
							list-style:none;
							background:url(../images/tag_green.png) no-repeat 13px 6px;
						}
						
						#navcontainer a {
							display: block;
							padding: 6px 2px 6px 35px;
							border-top: 1px solid #b9d9e4;
							width:146px;
						}
						
						#navcontainer a:link, #navlist a:visited {
							color: #016497;
							text-decoration:none;
						}
						
						#navcontainer a:hover {
							color: #034b74;
							font-weight:bold;
							font-size:11px;
						}
					
						.categoria-activa {
							display:block;
							color: #034b74;
							font-weight:bold;
							padding:8px;
							text-transform:uppercase;
							font-size:11px;
						}
						
					/* Banner Servicios */
						
						#servicios-banner img {
							float: left;
							padding-bottom:5px;
						}
					
					
					
			/* ------------------- */
			/* Column Center         */
			
				#column-center {
					float:left;
					position:relative;
					display: block;
					width:510px;
					text-align:left;
				}			
				
					#column-center img {
						margin-bottom:5px;
					}
			/* ------------------- */
			/* Column Right        */
			
				#column-right {
					float:left;
					display: block;
					width:185px;
					background:#fff;
				}
				
					.seccion-boletin {
						height:65px;
					}
					
					.seccion-boletin p {
						font: 11px/16px Tahoma, Arial, Geneva, sans-serif;
						padding:5px 0;
					}
					
					.seccion-publicidad img {
						margin-bottom:5px;
					}
					
					
						
			/* ------------------- */
			/* Spacer              */
			
				div.spacer {
					clear:both;
					display:block;
					height:70px;
					background:#fff;
				}
				
	/* ------------------- */
	/* Footer              */	
	
		#footer {
			clear:both;
			display:block;
			position: relative;
			margin:0 auto;
			width:900px;
			height:64px;
			background:#d6f0fd url(../images/bg-footer.png) top left repeat-x;
		}

			.credit-left {
				position: relative;
				font: bold 11px/16px Tahoma, Arial, Geneva, sans-serif;
				color:#057e94;
				padding:5px;
				top:25px;
				left:15px;
			}
			
			.credit-right {
				position: absolute;
				font: bold 11px/16px Tahoma, Arial, Geneva, sans-serif;
				color:#057e94;
				padding:5px;
				top:5px;
				right:10px;
			}
			
			.credit-right a:link {
				color:#057e94;
				text-decoration: none;
			}
			.credit-right a:visited {
				color:#057e94;
				text-decoration:none;
			}
			.credit-right a:hover, a:focus {
				color:#034f6b;
				text-decoration: underline;
			}
			
			.credit-web {
				top:30px;
				font-weight:normal;
				color:#333;
			}
			
		.logo-footer img {
			position:absolute;
			top:-25px;
			left:15px;
		}
		
			.tarjetas-credito img {
				position: absolute;
				top:-30px;
				left:190px;
			}
			
/* ------------------------ */
/* CUSTOM Classes           */
/* ------------------------ */

/* Align */

	.display-block { display:block;}
	.left-align { float:left;}
	.align-center { text-align:center;}
	.align-right { text-align:right;}
	.align-left-title { 
		text-align:left;
		padding-left:10px;
	}


/* Margin */

	.margin-left { margin-left:10px;}
	.margin-right { margin-right:10px;}
	.margin-top { margin-top:5px;}
	.margin-bottom { margin-bottom:5px;}
	
/* Padding */

	.padding-top { padding-top:5px;}
	.padding-bottom { padding-bottom:5px;}

/* Hidden Text */
	
	.hidden { visibility: hidden;}
	.no-display { display:none;}

/* Format Text */
	
	.no-bold { font-weight:normal;}
	.negrita { font-weight:bold;}
	
/* SECCION CATALOGO DE PRODUCTOS */

.breadcrumb {
	clear:both;
	color: #026292;
	font:11px/20px Tahoma, Arial, Geneva, sans-serif;
	padding:3px 8px;
	margin-bottom:10px;
	border:1px solid #cce3e8;
	background-color: #fdfdfd;
}

.breadcrumb-text {
	color:#000;
}

.breadcrumb-activo {
	font-weight:bold;
}

.breadcrumb a:link {
	color:#026292;
	text-decoration: none;
}

.breadcrumb a:visited {
	color:#026292;
	text-decoration: none;
}

.breadcrumb a:hover, a:focus {
	color:#F60;
	text-decoration: underline;
}

.arrow {
	color:#0C0;
	font-size:8px;
	font-weight:bold;
	padding:0 3px;
}

/* DETALLE PRODUCTO */

.nombre-detproduct {
	font: bold 24px Arial, Tahoma, Geneva, sans-serif;
	color:#03C;
	padding:10px 5px 15px 5px;
	text-transform:uppercase;
}

/* Formato mensaje Stock */

.offer-text p {
	display:block;
	background:#fefefe url(../images/bg_td1.jpg) repeat-x top left;
	font: bold 12px Tahoma, Arial, Geneva, sans-serif;
	color:#000;
	padding:6px 5px 6px 28px;
	border-top:#F00 solid 2px;
	border-bottom:#F00 solid 2px;
	text-decoration:blink;
}
.offer-text img {
	margin:0;
	padding:0;
	padding-left:8px;
	padding-top:7px;
	position:absolute;
}

/* Posicion icono new de ofertas */
.icono-new img {
	margin:0;
	padding:0;
	padding-left:3px;
	padding-top:3px;
	position:absolute;
}

.titulos-detprod {
	font: 12px/14px Tahoma, Arial, Geneva, sans-serif;
	font-weight:bold;
	color: #06C;
	padding:10px 5px 15px 5px;
	text-transform:uppercase;
}

.precio-text {
	font-size:16px;
	font-weight:bold;
	color:#036;
}

.precio-detproduct {
	font: 18px/14px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color: #F30;
	padding:5px;
}

.tamanio-text {
	font-size:12px;
}

.blue-color { color:#06C;}

.red-color {
	color:#F00;
	font-weight:bold;
}

.green-color {
	color:#089;
	font-weight:bold;
}

.orange-color { 
	color: #F60;
	font-weight:bold;
}

.orange { 
	color: #F30;
}

.parrafo {
	display:block;
	padding:8px 10px;
	font:11px Tahoma, Geneva, sans-serif;
}

.table-items {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	border:1px solid #b6dded;
	margin-bottom:20px;
}

.table-items td {
	border:1px solid #b6dded;
}

#detalle table {
	margin-bottom:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}

#detalle td {
	padding:6px;
	border:1px solid #b6dded;
	background:#fff;
}

.celda2{
	color:#FFF;
	background-color:#369;
	border-left:1px solid #006295;
	padding:3px 5px 4px 10px;
	font-size:10px;
}

/* TABLE RESULTADOS BUSQUEDA */

.table-resultados td {
	padding:5px;
	border:1px solid #9CF;
	background-color: #f8fdff;
}

/* FORMATO PAGINAS INFORMATIVAS */

#contenido-web {
	float: left;
	border: solid 1px #b9d9e4;
	width:478px;
	padding:10px 15px;
	padding-bottom:30px;
}

#contenido-web h1 {
	margin:0; 
	padding:0;
	font: bold 24px "Lucida Grande", Calibri, Helvetica, Arial;
	color:#069;
}

#contenido-web hr {
	margin:0;
	padding-top:3px;
	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #9CC;
	margin-bottom:8px;
}

#contenido-web h2 {
	font: bold 20px "Lucida Grande", Calibri, Helvetica, Arial;
	color:#090;
	padding:10px 0;
}

#contenido-web h3 {
	display:block;
	font: bold 12px/18px Tahoma, Geneva, sans-serif;
	color:#06C;
}

#contenido-web p {
	font: 12px/16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px 0;
}

div.servi-items {
	padding:5px;
	margin:10px 0;
}

div.servi-items img {
	float:left;
	padding:5px;
}

#contenido-web div.servi-items h2 {
	padding:2px 0 5px 0;
	margin:0;
}

#contenido-web div.servi-items p {
	padding-bottom:10px;
}

div.tarifas {
	margin:10px auto;
	width:450px;
	font-size:11px;
}

div.tarifas td {
	border:1px solid #9CF;
	background:url(../images/bg_td1.jpg) repeat-x;
	padding:5px 10px;
}
	
.box-section {
	clear:both;
	display:block;
	padding:15px;
	background:#f5fcff;
	border:1px dashed #aad5ff;
}

#contenido-web img {
	float:left;
	padding:4px;
	margin-right:10px;
	border:1px solid #ddd;
}

#contenido-web li {
	clear:both;
	padding-bottom:8px;
	padding-left:30px;
	font: 12px/16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/tag_blue.png) no-repeat 5px 1px;
}

.box-section a:link {
	color: #690;
	text-decoration:none;
}

.box-section a:visited {
	color:#690;
	text-decoration:none;
}

.box-section a:hover, a:focus {
	color:#660;
	text-decoration:underline;
}

#top {
	clear:both;
	padding:0;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
}
#top p {
	margin:0;
	padding:0;
	font: bold 11px/16px Tahoma, Geneva, sans-serif;
}
#top a img, #top a:visited img, #top a:hover img, #top a:active img {
	float:none;
	margin:0;
	padding:0;
	border:0;
}

/* Formato Enlaces Paginas Informativas */

.enlace-contenido a:link {
	color: #f10c48;
	text-decoration:none;
}

.enlace-contenido a:visited {
	color:#f10c48;
	text-decoration:none;
}

.enlace-contenido a:hover, a:focus {
	color:#F30;
	text-decoration:underline;
}

.link-block a:link {
	display:block;
	padding-top:5px;
	margin:5px auto;
	width:130px;
	height:20px;
	background:#333;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #333;
}

.link-block a:visited {
	display:block;
	padding-top:5px;
	margin:5px auto;
	width:130px;
	height:20px;
	background:#333;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #333;
}

.link-block a:hover {
	color:#333;
	background:#fff;
	border:1px solid #333;
}

/*Estilos Paginación Productos*/

.box-numero {
	font-family:Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	color:#039;
	text-decoration:none;
}

.box-numero a {
	color:#0030ce;
	text-decoration:none;
	padding:3px 4px;
	margin:0 2px;
	border:1px solid #b7d8ee;
}

.box-numero a:visited {
	color:#0030ce;
	text-decoration:none;
}

.box-numero a:hover, .box-numero a:active {
	color:#0066a7;
	border:1px solid #b7d8ee;
	background-color:#d2eaf6;
}

.paginacion {
	clear:both;
	font-family:Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	color:#039;
	padding:9px 8px;
	margin-bottom:10px;
	text-align:right;
	margin-top:15px;
	border:1px solid #cce3e8;
	background-color: #f9feff;
}

#slides {
	margin:0;
	padding:0;
	height:265px;
	margin-bottom:5px;
	background:url(../images/cargando.gif) center no-repeat;
}