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

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

	/* Configurarción General Objetos HTML */
		body {
			background-image: url();
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			font-size:100%;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #fff;
		}
		ul{
			display:block;
			margin:0;
			padding:0;
			list-style:none;
		}
		img { max-width: 100%;
					width: 100%;
			}
		p{
			margin: 0;
		}

	/* Ancho de Cuerpo */

		.ancho_pagina{
			width: 100%;
			margin: 0 auto;
		}
		#contCuerpoInterior{
			padding: 0 10px;
		}

	/* Fuentes */

		@font-face {
			font-family: 'myriad'; 
			src: url('MyriadPro-Regular.ttf') format('truetype');
		}
	
	/* Textos generales */

		/* Títulos */

			.titulo14{
				font-family: myriad;
				font-size: 14px;
				font-weight: bold;
				color: #000;
			}
			.titulo14_azul{
				font-family: myriad;
				font-size: 14px;
				font-weight: bold;
				color: #00a49d;
				text-align: center;
			}
				.titulo14_azul a{
					font-family: myriad;
					font-size: 14px;
					font-weight: bold;
					color: #00a49d;
					text-decoration: none;
				}
			.titulo18_azul{
				font-family: myriad;
				font-size: 18px;
				font-weight: bold;
				color: #00a49d;
			}
			.titulo24{
				font-family: myriad;
				font-size: 24px;
				font-weight: bold;
				color: #000;
			}
			.titulo_categoria{
				font-family: verdana;
				font-size: 20px;
				color: #000;
			}
			.titulo_seccion{
				font-family: myriad;
				font-size: 16px;
				color: #00a49d;
				font-weight: bold;
				margin: 10px 0;
			}

		/* Contenidos */

			.detalle{
				font-size: 12px;
				font-family: verdana;
				color: #888;
				text-align: justify;
			}
			.parrafo p{
				margin: 10px 0;
				font-size: 12px;
				font-family: verdana;
				color: #888;
				text-align: justify;
			}

	/* Elementos de Formularios */

		/* Generales */
			.btn{

				font-family: verdana;
				font-size: 18px;
				color: #fff;
				height: 40px;
				border-radius: 5px;
				padding: 0 20px;
				background-color: #7a2e7a;
				border: 1px solid #7a2e7a;
					
				}
			.inputTexto{

				border: 1px solid #c1c1c1;
				height: 30px;
				width: 100%;

			}
			.areaTexto{

				border: 1px solid #c1c1c1;
				width: 100%;
				height: 150px;

			}
			.selector{
				border: 1px solid #c1c1c1;
				width: 100%;
				height: 30px;
			}
	
		/* Formulario Login */

			#cont_form_login{
				width: 300px;
			}
				#cont_form_login .tabla_formulario th{
					width: 60px;
				}

			#cont_reg_pass{
				text-align: right;

			}

		/* Formulario Registro */

			#cont_form_registro{
				width: 400px;
			}

		/* Formulario Contacto */

			#cont_form_contacto{
				width: 90%;
			}

	/* Tablas Generales */

		/* Tabla Formulario */

			/* Cuerpo */

				.tabla_formulario{
					background-color: #dadada;
					padding: 10px;
				}

			/* Cabeceras */

				.tabla_formulario th{

					font-family: myriad;
					color: #3d3d3d;
					font-size: 14px;
					height: 50px;
					text-align: left;
					padding: 0 7px;
					width: 70px;

				}

			/* Filas */

				.tabla_formulario td{

				}

			/* Boton envair */
				#contBtnFormulario{
					margin: 10px 0;
					text-align: right;
				}


		/* Tabla Listados */

			.tbListado{
				font-family: verdana;
				font-size: 12px;
			}
				.tbListado th{
					color: #2E2E2E;
					border-bottom: 1px solid #aaa;
				}

				.tbListado td{
					border-bottom: 1px solid #aaa;
					border-left: 1px solid #aaa;
				}
				.tbListado td a{
					font-family: verdana;
					font-size: 12px;
					color: #2E2E2E;

					text-decoration: none;
				}

				.tbListado td:first-child{
					color: #2E2E2E;
					border-bottom: 1px solid #aaa;
					border-left: 0;
				}

/* ------------------------------------------------------------------------------------------------------- */
/* ESTANDARES                                                                                              */
/* ------------------------------------------------------------------------------------------------------- */

	/* Cabecera */

		.contenedor_cabecera{

			background-color: #fff;
			padding: 0 10px;
			

		}
			/*#cabecera{
				overflow: hidden;
			}*/

			/* Logo */

				#logo{
					font-family: myriad;
					font-size: 24px;
					font-weight: bold;
					color: #000;
					/* float: left; */
				}

			/* Ico Carrito */

				#cont_info_carrito{
					overflow: hidden;
				}

				#info_carrito{
					float: right;
				}
					#txt_carrito{
						float: right;
						height: 35px;
						line-height: 35px;
					}
						.txtNumCarrito a{
							text-decoration: none;
							font-family: verdana;
							font-size: 12px;
							font-weight: bold;
							color: rgb(136, 136, 136);
						}
					.ico_carrito{
						width:43px;
						height:38px
					}
			/* Acceso Registro */
				#cont_registro{
					display: none;
				}

	/* Menús */

		/* Menú Superior */

			#contenedor_menu_general{
				background-color: #fff;
				/*height: ;*/
				/*clear: both;*/
				/* margin-left: 40px; */
				margin-bottom: 20px; */
				/* float: left; */
				z-index: 99;
			}
				
			#menuPrincipal_Hor{
				text-align: center;
			}
				#menuPrincipal_Hor li{

					display: inline-block;
					height: 42px;
					line-height: 42px;
					position: relative;

				}
					#menuPrincipal_Hor li a{

						font-family: verdana;
						color: #000;
						font-weight: bold;
						text-decoration: none;
						

						padding: 0 3px;
						height: 42px;
						line-height: 42px;
						display: block;
						border: 1px solid #fff;
						border-top: 5px solid #fff;
						position: relative;

					

						font-size: 0.9em;

			}
						#menuPrincipal_Hor li a:hover,#menuPrincipal_Hor li:hover a.mPh_nivel1{

							/*background-color: #555;*/
							border: 1px solid #000;
							border-top: 5px solid #7a2e7a;
							position: relative;


						}
					#menuPrincipal_Hor li ul{ /* contenedro drop */

						 display: none;

					}

					#menuPrincipal_Hor li a:hover ul, #menuPrincipal_Hor li:hover ul {
						display: block;
						position: absolute;
						left: 0px;
						border-top: 5px solid #000;
						z-index: 999;
						/*top: 45px;*/
					}
					#menuPrincipal_Hor li ul li a {
						min-width: 99px;
						background-color: #fff;
						font-size: 12px;
						font-family: verdana;
						color: #888;
						font-weight: 100;
						border: 1px solid #000;
						/*padding: 6px 0px 8px 0px;*/
						/*border-top-color: #000;*/
					}
					#menuPrincipal_Hor li ul li a:hover {
						/*border-top-color: #000;*/
						position: relative;
						background-color: #7a2e7a;
						border: 1px solid #000;
						color: #fff;
					}

			/* Estructura menú */

		/* Menú Footer */
			#contenedor_menu_footer{
					background-color: #595959;
					height: 42px;
				}
					#menuPrincipal_Hor_footer li{

						display: inline-block;
						height: 42px;
						line-height: 42px;

					}
						#menuPrincipal_Hor_footer li a{

							font-family: myriad;
							color: #00a49d;
							font-weight: bold;
							text-decoration: none;
							padding: 0 10px;
							height: 42px;
							line-height: 42px;
							display: block;

						}
							#menuPrincipal_Hor_footer li a:hover{

								background-color: #4d4d4d;


							}

		/* Menú Categorías */
			.menu_lateral{
					background-color: #FFF;
					margin-top: 10px;
					border-top: 1px solid #777;

				}
				.menu_lateral li{

						//height: 20px;
						line-height: 20px;

					}
					
						.menu_lateral li a{

							font-family: verdana;
							color: #000;
							font-size: 12px;
							text-decoration: none;
							padding: 0 10px;
							height: 20px;
							line-height: 20px;
							display: block;

						}
							.menu_lateral li a:hover{

								background-color: #7a2e7a;
								color: #fff;


							}
						.menu_lateral li ul{

							margin-left: 15px;

						}

		/* Pestañas menu categoria y talla */
			.pestana_lateral{

				position: absolute;
				right: -25px;
				top: 6px;

			}

		/* Menú Ubicación */

			#cont_menu_ubi{
				height: 45px;
				line-height: 45px;
				border-bottom: 1px solid #ddd;

			}
			.menu_ubi li{
				display: inline-block;
				font-size: 12px;
				font-family: verdana;
				color: #888;
			}
				.menu_ubi li a{
					font-size: 12px;
					font-family: verdana;
					color: #888;
					text-decoration: none;
				}

		/* Buscador */
			#cont_buscador{
				border-bottom:1px solid #ddd;
				padding: 5px 0;
			}
			.buscador{			
				margin-left: 10px;
			}
			.buscadorInt {
				height: 28px;
				line-height: 28px;
				border: 1px solid rgb(200, 200, 200);
				border-radius: 3px;
				padding-left: 5px;
			}
			.inputBuscador {
				border: 0px none;
				color: rgb(200, 200, 200);
				font-family: arial;
				font-size: 12px;
				height: 26px;
				width: 100%;
			}
			.btnBuscar {
				/*background-color: rgb(229, 0, 63);*/
				background-image: url(../imagenes/elem_formulario/lupa.png);
				color: rgb(255, 255, 255);
				height: 26px;
				width: 28px;
				border: 0;
				cursor: pointer;
			}

	/* Ventanas de diálogo Pops */

		.pop{
		    color: #777777;
		    font-family: verdana;
		    font-size: 18px;
		   	background-color: #fff;
			border: 1px solid #777;
			border-radius: 5px;
			box-shadow: 0px 1px 1px 1px #888;
		    padding: 20px;
		    width: 85%;
		    position: relative;
		}
			.pop a{
				font-weight: bold;
				text-decoration: none;
				color: #7a2e7a;
			}

		.cierraPop{
		    height: 45px;
		    right: 4px;
		    position: absolute;
		    top: 4px;
		    width: 40px;
		}

	/* Cabeceras Secciones */
		
		#cabecera_seccion{
			height: 90px;
			background-color: #9039ac;
			margin: 20px 0;
		}
			#titSeccion{
				float: left;
				font-size: 1em;
				color: #fff;
				font-weight: bold;
				font-family: verdana;
				line-height: 90px;
			}

	/* Paginado */

	/* Footer */
		#contFooter{
			clear: both;
			margin-top: 10px;
			/*height: 130px;*/
			background-color: #f4f4f2;
			padding: 0 10px;
		}
		/*#cont-logo_foot{
			float: left;
		}
		#logo_foot{
			font-family: myriad;
			font-size: 24px;
			font-weight: bold;
			color: #fff;
			text-align: left;
			margin: 10px 0;
		}*/
		.footer_superior{
			background-color: #f7f7f6;
			/* height: 85px; */

		}
			.img_envio{
				width: 100%;
				/* float: left; */
				overflow: hidden;
			}
			.img_llamada{
				width: 100%;
				overflow: hidden;
			}
			.txtFooterSuperior{
				height: 85px;
				line-height: 85px;
				float: left;
				padding-left: 10px;
				font-family: verdana;
				font-size: 0.9em;
			}
		.titulo_footer{
			font-size: 20px;
			font-family: verdana;
			color: #000;
			text-align: center;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		#secc_face{
			width: 100%;
		
			text-align: center;
		}
			#caja_face{
				width: 100%;
				text-align: center;
			}
		#secc_info{
			/* float: left; */
			width: 100%;
		}
			.menu_info_footer{
				text-align: center;

			}
				.menu_info_footer li{
					color: #888;
					font-size: 12px;
					height: 25px;
				}
				.menu_info_footer li a{
					color: #888;
					font-size: 12px;
					height: 25px;
					text-decoration: none;
				}
				.menu_info_footer li:before{
					content: "• ";
					color: #7a2e7a;
					font-size: 21px;
				}
		#secc_contacto{
			width: 100%;
			text-align: center;

		}
			.txt_contacto_footer{
				color: #888;
				font-size: 12px;				
				line-height: 25px;

			}
			#caja_mail{
				height: 45px;
				line-height: 45px;
				color: rgb(122, 46, 122);
				font-family: verdana;
				font-size: 12px;
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
				margin: 20px 0;

			}
				#caja_mail a{
					
					color: rgb(122, 46, 122);
					font-family: verdana;
					font-size: 12px;
					text-decoration: none;
					
				}
		.icos_footer{
			float: right;
		}
		#contCopy{
			clear: both;
			font-family: verdana;
			font-size: 10px;
			text-align: left;			
			margin-top: 20px;
			height: 30px;
			line-height: 30px;
		}
			#contCopy a{
				clear: both;
				font-family: verdana;
				font-size: 10px;
				text-align: left;
				text-decoration: none;
				height: 18px;
				color: #888;
			}

/* ------------------------------------------------------------------------------------------------------- */
/* SECCIONES PÚBLICAS                                                                                      */
/* ------------------------------------------------------------------------------------------------------- */

	/* Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

		/* Banner */
			#contBanner{
				padding: 0 10px;
			}
			#banner{
			}

		/* Productos Recientes */

			#cont_sec_recientes{
				padding: 0 10px;
			}

			#barra_titulo_recientes{
				background-color: #fafafa;
				font-family: verdana;
				font-size: 20px;
				color: #000;
				height: 42px;
				line-height: 42px;
				padding-left: 10px;
				text-align: left;
				margin-bottom: 10px;
			}
			#cont_recientes{
				overflow: hidden;
			}
			.pcto_reciente{
				background-color: #fff;
				width: 100%;
				border: 1px solid #eaeaea;
				border-radius: 5px;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #EBEBEB;
			}
				.pcto_reciente:last-child{
					background-color: #fff;
					width: 100%;
					border-radius: 5px;
					margin-bottom: 20px;
					box-shadow: 0px 1px 1px 1px #EBEBEB;
				}
				#marco_interior_pcto{
					padding: 8px;
					position: relative;
				}
				.foto_pcto_reciente{
					margin-bottom: 8px;
				}
				.titulo_pcto_reciente{
					margin-bottom: 8px;
					font-size: 14px;
					color:#4b4b4b;
					font-family: verdana;
				}
					.titulo_pcto_reciente a{
						margin-bottom: 8px;
						font-size: 14px;
						color:#4b4b4b;
						font-family: verdana;
						text-decoration: none;
					}
				.precio_portada{
					color: #7a2e7a;
					font-family: verdana;
					font-size: 14px;
				}
				.ico_carrito_pcto{
					position: absolute;
					right: 10px;
					bottom: 5px;
				}

	/* Tienda  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

		/* Listado */

			#cont_menu_categoria{
				position: fixed;
				text-align: left;
				float:left;
				width:200px;
				z-index: 99;
				left: -200px;
				top: 37px;
			}
				#cont_menu_categoria:hover{
					left: 0;
					z-index: 100;
				}


			#cont_menu_talla{
				position: fixed;
				float:left;
				width:200px;
				text-align: left;
				z-index: 99;
				left: -200px;
				top: 67px;
			}
				#cont_menu_talla:hover{
					left: 0;
					z-index: 100;
				}

			#minibaner_categorias{
				display: none;
			}
			.caja_sombra{

				background-color: #fff;
				border: 1px solid #eaeaea;
				border-radius: 5px;
				padding: 10px;
				border-top: 5px solid #7a2e7a;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #EBEBEB;

			}
			#cuerpo_catalogo{
				padding: 0 10px;
			}
			#cont_list_prod{
				overflow: hidden;
				padding: 25px 10px;
			}
			.pcto_categorias{
				background-color: #fff;
				width: 100%;
				border: 1px solid #eaeaea;
				border-radius: 5px;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #EBEBEB;
			}
			.pcto_categorias_ultimo{
				background-color: #fff;
				width: 100%;
				border: 1px solid #eaeaea;
				border-radius: 5px;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #EBEBEB;
			}

		/* Detalle Producto */
			#cont_ubi_pcto{
				height: 120px;
				background-color: #f5f5f3;
				padding: 10px 0 10px 10px;
			}
			#tit_categoria{
				margin-top: 15px;
			}
			#cont_producto{
				border: 1px solid #a7a7a7;
				min-height: 300px;
				float: right;
				width: 78%;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			#cont_detalle_pcto{
				text-align: left;
				padding: 10px 0 10px 10px;
			}
			#cont_det_prod{
				padding: 0 10px;
			}
			#detalle_pcto{
				padding: 30px 0;
				border-bottom: 1px solid #ddd;
			}
			.titulo_pcto{
				font-family: verdana;
				font-size: 30px;
				color: #000;
				text-align: left;
			}
			.precio_detalle{
				font-family: verdana;
				font-size: 44px;
				color: #7a2e7a;
				text-align: left;
			}
			#formCarrito{
				float: left;
				display: inline-block;
				margin-right: 10px;
				margin-top: 5px;
			}
			#contCarritoDetalle{
				overflow: hidden;
			}
			#icoWebpay{
				display: inline-block;
				width: 205px;
				float: left;
			}

			#cont_pctos_rel{
				clear: both;
				background-color: #ededed;
				padding: 40px 10px;
			}

				#cont_tit_pctos_rel{
					text-align: left;
					
				}

		/* Carrito . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
			
			#cabecera_carrito{
				height: 100px;
				background-color: #9039ac;
				margin: 20px 0;
			
				padding: 5px;
			}
				#titCarrito{
					float: left;
					font-size: 1em;
					color: #fff;
					font-weight: bold;
					font-family: verdana;
					/* line-height: 70px; */
				}
				#tablaSeccionCarrito{
					/* float: left; */
					/* width: 50%; */
				}
					.pasoCarritoActivo{
						width: 3em;
						height: 3em;
						background-color: #4B0661;
						border-radius: 2em;
						line-height: 3em;
						text-align: center;
						font-weight: bold;
					
						margin: 0 auto;
					}
					.pasoCarritoInactivo{
						width: 3em;
						height: 3em;
						background-color: #D661FC;
						border-radius: 2em;
						line-height: 3em;
						text-align: center;
						margin: 0 auto;
					}
					.txtPasosCarrito{
						font-family: verdana;
						font-size: 12px;
						color: #FFFFFF;
					
						text-align: center;
					}
					.txtPasosCarritoActivo{
						font-family: verdana;
						font-size: 12px;
						color: #FFFFFF;
						font-weight: bold;
					
						text-align: center;
					}
					.txtNroPasoCarrito{
						font-size: 2em;
						color: #fff;
						font-family: verdana;
					}
				.totalPagar{
					font-size: 30px;
					font-family: verdana;
					color: #333;

				}
				.cont_img_list_carrito{
					padding:2px;
				}
				.img_pcto_carrito{
					width: 40px;
					height: 40px;
					max-width: 40px;
				}
	/* Contacto  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

	/* Registro  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

	/* Login . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* ------------------------------------------------------------------------------------------------------- */
/* DIAGRAMACION                                                                                            */
/* ------------------------------------------------------------------------------------------------------- */

	/*div,section{
		border: 1px solid blue;
	}*/