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

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

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

	/* Ancho de Cuerpo */

		#cuerpo{
			clear: both;
		}

		.ancho_pagina{
			width: 80%;
			margin: 0 auto;
		}
		.separador{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			padding: 10px 0;
		}

	/* 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;
			}
				.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: 1em;
				color: #515B83;
			}
			.titulo_seccion{
				font-family: myriad;
				font-size: 16px;
				color: #00a49d;
				font-weight: bold;
				margin: 10px 0;
			}
			.avisoError{
				font-family: verdana;
				font-size: 10px;
				color: red;				
			}

		.textoPaginado{
				font-size: 12px;
				font-family: verdana;
				color: #000;
			}
				.textoPaginado a{
					font-size: 12px;
					font-family: verdana;
					color: #000;
					text-decoration: none;
				}

		/* Contenidos */

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

	/* Elementos de Formularios */

		/* Generales */
			.btn{

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

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

			}
			.areaTexto{

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

			}
			.selector{
				border: 1px solid #313972;
				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: 100%;*/
			}

	/* 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: 100px;

				}

			/* Filas */

				.tabla_formulario td{

				}

			/* Boton enviar */
				#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;
			height: 180px;

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

			/* Logo */

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

			/* Ico Carrito */

				#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 Usuarios */

				#contenedor_acceso_sup{
					float: right;
				}
					#acceso_sup{
						height: 52px;
						line-height: 52px;
						margin-left: 40px;
					}

			/* Acceso Registro */
				#cont_registro{
					float: right;					
					border: 1px solid #C9C0C0;
					border-radius: 3px;
					padding: 3px;
					margin-top: 25px;
				}
				#txt_btn_registro{
					float: left;
				}
				.txt_btn_registro{
					font-family: verdana;
					font-size: 14px;
					color: #f00;
				}
					.txt_btn_registro a{
						font-family: verdana;
						font-size: 14px;
						color: #f00;
						text-decoration: none;
					}
				.txt_btn_registro2{
					font-family: verdana;
					font-size: 12px;
					color: #5b5b5b;
				}
					.txt_btn_registro2 a{
						font-family: verdana;
						font-size: 12px;
						color: #5b5b5b;
						text-decoration: none;
					}
				#ico_registro{
					width: 30px;
					height: 31px;
					margin-left: 10px;
					float: right;
				}

	/* Menús */

		/* Menú Superior */

			#contenedor_menu_general{
				background-color: #fff;
				/*height: ;*/
				/*clear: both;*/
				margin-left: 40px;
				margin-top: 20px;
				float: left;
				z-index: 99;
			}

			#menuPrincipal_Hor{
				line-height: 110px;
			}
				#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 10px;
						height: 42px;
						line-height: 42px;
						display: block;
						border: 1px solid #fff;
						border-top: 5px solid #fff;
						position: relative;

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

							/*background-color: #555;*/
							border: 1px solid #000;
							border-top: 5px solid #313972;
							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: #313972;
						border: 1px solid #000;
						color: #fff;
					}

			/* Estructura menú */

		/* Menú Footer */
			/*#contenedor_menu_footer{
					background-color: #595959;
					height: 42px;
					float: right;
				}
					#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;
					text-transform: capitalize;;

				}
				.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: #313972;
								color: #fff;


							}
						.menu_lateral li ul{

							margin-left: 15px;

						}

		/* 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: #fff;
			}
				.menu_ubi li a{
					font-size: 14px;
					font-family: verdana;
					color: #fff;
					text-decoration: none;
				}
	
	/* Buscador */
		#cont_buscador{
			height: 35px;
			border-bottom:1px solid #ddd;
			padding: 5px 0;
		}
		.buscador{
			float: right;			
			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: 170px;
		}
		.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: 450px;
		    position: relative;
		}
			.pop a{
				font-weight: bold;
				text-decoration: none;
				color: #7a2e7a;
			}

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

	/* Cabeceras Secciones */
		
		#cabecera_seccion{
			height: 120px;
			background-color: rgba(0, 13, 82, 0.22);
			margin-bottom: 20px;
		}
			#titSeccion{
				width: 80%;
				font-family: verdana;
				font-size: 30px;
				line-height: 120px;
				color: #000;
				text-align: left;
			}
	
	/* Paginado */

	.divAvisoBD{
				
				border: 1px solid #FFA654;
				background-color: #FFE0A8;
				font-family: myriad;
				font-size: 14px;
				color: #9d0f0f;
				width: 100%;				
				padding: 10px 0;
				
			}
			.divAvisoBD p{
				
				
				font-family: myriad;
				font-size: 14px;
				color: #9d0f0f;
				
			}

	/* Footer */
		#contFooter{
			clear: both;
			margin-top: 10px;
			/*height: 130px;*/
			/*background-color: #f4f4f2;*/
			background-image: url(../imagenes/general/fondo2.gif);
		}
		/*#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;*/
			background-image: url(../imagenes/general/fondo3.jpg);
			height: 85px;

		}
			.img_envio{
				width: 45%;
				float: left;
			}
			.img_llamada{
				width: 54%;
				float: right;
			}
			.txtFooterSuperior{
				height: 85px;
				line-height: 85px;
				float: left;
				padding-left: 20px;
				font-family: verdana;
				font-size: 1.2em;
			}
		.titulo_footer{
			font-size: 20px;
			font-family: verdana;
			color: #fff;
			text-align: left;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		#secc_face{
			float: left;
			width: 32%;
		}
		#secc_info{
			float: left;
			width: 32%;
		}
			.menu_info_footer{
				text-align: left;

			}
				.menu_info_footer li{
					color:#C4C4C4;
					font-size: 12px;
					height: 25px;
				}
				.menu_info_footer li a{
					color: #C4C4C4;
					font-size: 12px;
					height: 25px;
					text-decoration: none;
				}
				.menu_info_footer li:before{
					content: "• ";
					color: #4444DF;
					font-size: 21px;
				}
		#secc_contacto{
			float: right;
			width: 32%;
			text-align: left;

		}
			.txt_contacto_footer{
				color: #C4C4C4;
				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: #4444DF;
					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 */

			.theme-default .nivoSlider img {
			    position:absolute;
			    top:0px;
			    left:0px;
			    display:none;
			    width: 100%;
			    height: 370px !important;
			}
			
			#contenedor-banner{
			}
			#banner{
			}
			.cuerpohome{
				clear: both;
			}

		/* Productos Recientes */

			#barra_titulo_recientes{
				background-color: #313972;
				font-family: verdana;
				font-size: 20px;
				color: #fff;
				height: 42px;
				line-height: 42px;
				padding-left: 10px;
				text-align: left;
				margin-bottom: 10px;
			}
			#cont_recientes{
				overflow: hidden;
			}
			.pcto_reciente{
				background-color: #fff;
				width: 31%;
				float: left;
				margin-right: 3%;
				/*height: ;*/
				border: 1px solid #838383;
				border-radius: 5px;
				margin-bottom: 20px;
				box-shadow: 1px 2px 1px 1px #C9C9C9;
			}
				.pcto_reciente_final{
					background-color: #fff;
					width: 31%;
					float: left;
					margin-right: 0;
					/*height: 278px;*/
					border: 1px solid #838383;
					border-radius: 5px;
					margin-bottom: 20px;
					box-shadow: 0px 1px 1px 1px #8F8F8F;
				}
				#marco_interior_pcto{
					padding: 8px;
					position: relative;
				}
				.foto_pcto_reciente{
					margin-bottom: 8px;
					height: 250px;
					overflow: hidden;
					display: table;
				}
					#cell-foto{
						display: table-cell;
						vertical-align: middle;
					}
				.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;
					}
				.detalle_pcto_reciente{
					margin-bottom: 8px;
				}
				.precio_portada{
					color: #313972;
					font-family: verdana;
					font-size: 14px;
				}
				.ico_carrito_pcto{
					position: absolute;
					right: 10px;
					bottom: 5px;
				}

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

		/* Listado */

			#cont_menus_laterales{
				width: 22%;
				text-align: left;
				margin-top: 10px;
				float: left;
			}
			.pestana_lateral{
				display: none;
			}
			.caja_sombra{

				background-color: #DAD9E7;
				border: 1px solid #8F8F8F;
				border-radius: 5px;
				padding: 10px;
				border-top: 5px solid #313972;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #8F8F8F;

			}
			#datos_resultados{
				text-align: left;
			}
			#cuerpo_catalogo{
				width: 77%;
				float: right;
				margin-top: 10px;
			}
			#cont_list_prod{
				overflow: hidden;
				padding: 25px 0;
			}
			.pcto_categorias{
				background-color: #fff;
				width: 44%;
				float: left;
				margin-right: 10%;
				/*height: ;*/
				border: 1px solid #eaeaea;
				border-radius: 5px;
				margin-bottom: 20px;
				box-shadow: 0px 1px 1px 1px #D8D2D2;
			}
			.pcto_categorias_ultimo{
				background-color: #fff;
				width: 44%;
				float: left;
				margin-right: 0;
				/*height: 278px;*/
				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: rgba(0, 13, 82, 0.22);
				margin-bottom: 20px;
			}
			#tit_categoria{
				margin-top: 15px;
			}

			#cont_imagenes{
				float: left;
				width: 52%;				
			}
				#img_principal{
					/*width: 450px;*/
					height: 450px;
					overflow: hidden;
				}
				#img_frontal{
					width: 45%;
					float: left;
				}
				#img_trasera{
					width: 45%;
					float: right;
				}
			#cont_info_pcto{
				float: right;
				width: 40%;
				padding: 20px 20px;
				margin-left: 10px;
				background-color: rgba(223, 216, 216, 0.5);
			}
				#nombre_pcto{
					/*height: 65px;*/
					border-bottom: 1px solid #ddd;
				}
				#precio_pcto{
					padding: 30px 0;;
					border-bottom: 1px solid #ddd;
				}
				#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: #313972;
					text-align: left;
				}
				#formCarrito{
					float: left;
					display: inline-block;
					margin-right: 10px;
					margin-top: 5px;
				}
				#icoWebpay{
					display: inline-block;
					width: 205px;
					float: left;
				}
			
			#cont_pctos_rel{
				clear: both;
				background-color: rgba(0, 13, 82, 0.22);
				padding-top: 40px;
			}

				#cont_tit_pctos_rel{
					text-align: left;
					
				}
	
	/* Carrito . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
		
		#cabecera_carrito{
			height: 90px;
			background-color: #ccc;
			margin: 20px 0;
		}
			#titCarrito{
				float: left;
				width: 45%;
				font-size: 2em;
				font-family: verdana;
				line-height: 90px;
			}
			#tablaSeccionCarrito{
				float: left;
				width: 50%;
			}
				.pasoCarritoActivo{
					width: 4em;
					height: 4em;
					background-color: #888;
					border-radius: 2em;
					float: left;
					line-height: 4em;
					text-align: center;
					font-weight: bold;
					margin-right: 10px;
				}
				.pasoCarritoInactivo{
					width: 4em;
					height: 4em;
					background-color: #aaa;
					border-radius: 2em;
					float: left;
					line-height: 4em;
					text-align: center;
					margin-right: 10px;
				}
				.txtPasosCarrito{
					font-family: verdana;
					font-size: 12px;
					color: #535353;
				}
				.txtPasosCarritoActivo{
					font-family: verdana;
					font-size: 12px;
					color: #535353;
					font-weight: bold;
				}
				.txtNroPasoCarrito{
					font-size: 2em;
					color: #fff;
					font-family: verdana;
				}
			.totalPagar{
				font-size: 30px;
				font-family: verdana;
				color: #333;

			}
			.cont_img_list_carrito{
				padding:10px;
			}
			.img_pcto_carrito{
				width: 90px;
				height: 90px;
			}

	/* Contacto  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

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

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

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

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