@import url("menu.css");

/* version  5 enero 2010 */
/* ambiente general */
#Body {height:100%;margin:0px;padding:0px;}
h1, h2, h3 {margin:0px; padding:0px;  }
h4 {margin:0px; padding:0px; } 
#fondo{min-height:768px; height:auto !important; height:768px;}
/* fin ambiente general */

/*disenodelapagina*/
#s_wrap_main{display:table;width:880px;margin:0	auto;}
#s_wrap_sub{display:table-row;}
#sombra_izquierda{padding:0px 0px 0px 4px;}
#sombra_derecha{padding:0px 4px 0px 0px;}
.template_style{display:table-cell;}
.header_style{ width:880px; height:100px; }
.logo_pad{ padding:20px 0px 10px 10px; float:left; width:30px;}
.menu_style{height:21px;}
.disenopagina_fondoopcionesespeciales{width:200px; float:left;}
.disenopagina_fondomenuandrea{ width:680px; float:right;}
/*fin Diseño de la página*/

/*skinadministrar*/
#administrar #s_wrap_main{width:95%;}
/*fin skinadministrar*/

/*catalogodigital*/
.catalogodigital_fondo{width:100%;height:100%;}

/*fin catalogodigital*/

/*skin flotante*/
.flotante #s_wrap_main{max-width:722px; min-width:722px; width:auto !important; width:722px;}
/*skin flotante*/

/*shortcuts*/
.shorcuts_imgfondo{margin-top:8px; width:880px; height:100%; float:left;}
.shorcuts_colorletra {float:left; padding:12px;}
.shorcuts_tamletra {margin-top:19px; margin:0px;}
/*fin shortcuts*/

/*marcas*/
.logosMarcas_style_ext{width:880px; min-height:50px; height:auto !important; height:50px;}
.logosMarcas_style{padding:8px;float:left;}
.logosMarcas_style a{float:left} 
/*fin marcas*/

/*footer*/
.footer_cambiarcolorletra {float:left; width:880px; min-height:50px; height:auto !important; height:50px;}
.footer_style{ float:left;}
.PieIzquierdo_ext { float:left; width:350px; height:50px; }
.PieCentral_ext { float:left; width:300px; }
.PieDerecho_ext {float:left; width:230px;  }
.footer_formatoletraizquierda { padding-left:10px;  float:left; margin-top:10px; }
.footer_formatoletracentro{ float:left;  width:300px;  margin-top:15px; }
.footer_formatoletraderecha img  { margin-top:15px; margin-right:2px;  }
/* fin footer*/

.content_pad{ padding-top:0px;} /* separacion entre menu recomienda_formulario y monster banner */
.logo_pad_derecha{ /* div que conforma toda la parte derecha (adjunta al logo andrea) */
width:600px;float:right; height:40px; }

/*linksheader*/                 
.zona_links{/* div que agrupa los links home sucursales pais y contactenos */
float:left; width:310px; height:30px; padding-top:12px; padding-left:80px; }
.agrupa_bloques{ /*agrupa el bloque 1 y 2 en un div para alinearlo a la derecha*/
width:310px; height:13px; float:right; }
.margenes_links{ /*  margenes entre cada elemento link superior */
float:left; margin:0px 3px 0px 3px;}
.separador{ width:1px; height:10px; float:left; padding-top:2px;background-image:url(imagenes/separador_andrea.gif)}
/*fin linksheader*/

/*skin general*/ 
.skingeneral{width:100%; height:100%;}
.recipiente_general{padding:8px;}
/* fin skin general*/

/*secundario.html */
.contenidomenorcentral_ex{width:880px; height:140px;}
.skinsecundario_colorlink {float:left; width:880px;text-align:center;}
.skinsecundario_contenidosuperior { width:880px;}
.skinsecundario_recipiente{padding:8px;}
.skinsecundario_colorlink h1{text-align:left;} 
.skinsecundario_colortexto1, .skinsecundario_colortexto2, .skinsecundario_colortexto3{margin:0px; padding:0px;}
/* fin secundario .html */

/* div que agrupa el banner de temporada en header */
.temporada_andrea{float:left; width:100%; height:40px; padding-top:3px;}
.temporada_andrea img{padding:7px;}
/* fin div que agrupa el banner de temporada en header */

/* skin recomienda_formulario */
.ContenidoSuperior { width:880px; height:310px; }
.ContenidoSuperiorMargen{margin-bottom:8px;}
.recipiente_principal{ padding:8px;}
.contenido_inf_separador{ width:8px; height:190px; float:left;}
.ContenidoInferiorIzquierdo_ext{float:left; width:264px; height:190px;}
.ContenidoInferiorCentral_ext{float:left; width:296px; height:190px;}
.ContenidoInferiorDerecho_ext{float:left; width:288px; height:190px;}
.skinprincipal_colorlinkzonaizq, .skinprincipal_colorlinkzonacen, .skinprincipal_colorlinkzonader{ float:left;}
/* fin skin recomienda_formulario*/

/*-----skincatalogos-----*/
.skincatalogos_imgfondo, .MenuListado {float:left; width:154px; /*margin-right:3px;*/   min-height:399px; height:auto !important; height:399px; background-color:#FFF}
.HubBanner { width:543px;  float:left; margin-right:3px; }
.HubBanner{margin-left:3px;} /* empuja el hubbanner ala derecha caso para firefox */
.BannerSmall {  width:177px; height:399px; float:left;}
.skincatalogos_bannersmall1, .skincatalogos_bannersmall2 { width:177px; height:198px; float:left;}
.skincatalogos_bannersmall2 {margin-top:3px;}
.complementatucompra{ float:left; width:178px; height:184px; }
.lineaproductos { width:880px; float:left;} /* si no se requiere info en este panel, aun asi debe existir un modulo html en su interior sin contenido, de lo contrario genera un espacio */
.promocionales_alinearimg1{width:175px; height:184px; float:left;}
.promocionales_alinearimg2{width:175px; height:184px; float:left;}
.promocionales_alinearimg3{width:175px; height:184px; float:left;}
.promocionales_alinearimg4{width:175px; height:184px; float:left;}
.agrupa_producto{width:150px; height:160px; margin-top:10px;}
.producto_andrea{width:136px; height:102px; padding-top:2px; }
.promocionales_colorprecio2{margin-left:3px;}
.promocionales_tamanomodelo{margin-right:2px;}
.promocionales_tamanocolor{float:left;}
.promocionales_tamanomaterial{float:left;}
.promocionales_tamanotipo{float:left}
.promocionales_tamanotipo2{float:left;}
.promocionales_colormodelo2{float:left;}
.promocionales_tamanomodelo{float:left;}
.promocionales_tamanoprecio2{float:right;}
.promocionales_tamanoprecio{float:right;}
.skincatalogos_bannersmall1 img, .skincatalogos_bannersmall2 img {float:left;}

   /* categorias lado izq*/
   .buscador_modelos_ext{ padding-top:4px; width:154px; height:38px; } /* alinea el control de busqueda en categorias */
   .buscador_modelos{ float:left; padding-left:11px;} /* alinea el control de busqueda en categorias */
   /* .categorias_colorcategorias{ padding:8px;}		 se comenta linea por el pading que se mueve */
   .categorias_colorcategorias hr{width:100px;}
   /* fin categorias lado izq*/

/*-----fin skincatalogos-----*/

/* Dos y tres columnas */
.MitadIzquierda {FLOAT:left; WIDTH:50%; }
.MitadDerecha {FLOAT:right; WIDTH:50%; }
.TercioIzquierdo {FLOAT:left; WIDTH:33%;}
.TercioCentral {WIDTH:33%; MARGIN-LEFT:34%;}
.TercioDerecho {FLOAT:right; WIDTH:33%;}
/*fin Dos y tres columnas */

/*skin de productos*/
.navegadorproductos_fondobannerproductos {WIDTH:722px; FLOAT:right;}
.navegadorproductos_fondocontenedorproductos {WIDTH:722px; FLOAT:right;}
.navegadorproductos_fondocontenedorproductos{min-height:399px; height:auto !important; height:399px;} /* evita que se vea el fondo gris elastico*/
/*fin skin de productos*/

/*control de busqueda*/
.zona_buscador { /* div que agrupa el control del buscador */float:left; height:40px;}
.contenedor_buscador{ /* espacio entre la caja de busqueda superior y los links superiores*/margin-top:7px;}
.andrea_buscador{width:100%; height:40px;}
div.SearchContainer{/* agrupa imput text lupa y control de lista */
position:relative; white-space:nowrap; float:left; padding-left:0px; width:203px; height:34px;}
div.SearchBorder{width:180px; height:25px; float:left; white-space:nowrap;  padding-top:8px; position:absolute}
div.SearchContainer a{padding:0px; display:block; float:left; }
div.SearchContainer a img{padding-left:3px; /*div de fondo que contiene al imput text y el control lista */}
div.SearchIcon{float:left; margin-left:5px; width:25px; height:20px; cursor:pointer; z-index:11; background:no-repeat 2px 2px;text-align:right; /*div que contiene las imagenes de dnn y google */ }
div.SearchIcon img{margin-top:3px; float:left;} /* img triangulo de lista*/
input.SearchTextBox{float:left; z-index:10;  width:120px; height:14px; padding-top:3px; margin-left:8px; border-width:1px; padding-left:3px; /* caja de texto */}
#SearchChoices{clear:both;  z-index:2000;  margin:0; padding:0;  position:absolute; top:22px; left:0px;}
#SearchChoices li{margin:0; padding:2px 2px 0 2px; padding-left:25px; height:18px;}
.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}
div.zona_buscador img{ float:left; position:absolute; padding-top:9px; margin-left:178px;
/* imagen que representa la lupa, la imagen se edito y contiene un fragmento de backgroud con efecto contorno  */ }
/*-- fin control de busqueda -- */

/*inicio skin de Navegador*/ 
.navegadorproductos_fondocategorias{float:left; width:154px; /*margin-right:3px;*/   min-height:399px; height:auto !important; height:399px; background-color:#FFF;}
.navegadorproductos_alinearbloqueproductos{ float:left; padding-left:0px;  }
.divTotal {width:1px;position:relative;left:10px;top:79px}
.spanTotal{position:absolute;}
.spanPagina{position:absolute;}
.divImgNuevo{position:absolute;}
.labelLeyendas{position:absolute;}
.loadingImage{position:absolute;}
.navegadorproductos_imagencatalogo{position:absolute;}
.tablaItem{ text-align:center; margin:10px 17px 0px 17px;   /*padding:10px 17px 0px 17px;*/ } /* espacio entre cada producto*/
.divNuevo{ width:1px; position:relative; top:-110px; left:43px;}
.navegadorproductos_cambiaralturainfo{height:37px;}
.navegadorproductos_mensaje{width:1px; position:relative; top:177px;}
.navegadorproductos_alinearnavegacion{position:relative; padding-right:8px;}
.navegadorproductos_colorfiltrosborde{ padding-top:2px; }
.ordenar{ padding-top:2px; }
.navegadorproductos_alinearnumdepagina { float:left; width:100%;}
.divLeyendas{position:relative; top:-5px; left:2px;}
.loading{ width:1px; position:relative; /*left:22px;*/top:95px; z-index:666; margin-left:305px;}
.navegadorproductos_fondobannerproductos{} /* fondo de pleca superior */
.navegadorproductos_fondocontenedorproductos{ } /* fondo del modulo que depliega los productos*/
.navegadorproductos_contenedordinamico{width:880px; float:left;} /* contenedor que se estira dependiendo de los productos mostrados*/
.navegadorproductos_colorsimularespacio{width:726px; float:left; } /* simula un espacio entre el navegador y las categorias*/
/*fin skin de Navegador*/

/*skin de noticias*/
.noticias_areaizquierda {float:left; width:180px; padding:8px 10px 8px 10px;   min-height:399px; height:auto !important; height:399px;}
.noticias_areaderecha{width:660px; float:right; padding: 0px 10px 0px 10px; min-height:419px; height:auto !important; height:419px; }
.noticas_contenedordinamico{width:880px; float:left;} /* contenedor que se estira dependiendo de los productos mostrados*/
/*fin skin de Noticias*/

/*Inicio Detalle de productos*/
.producto_contenedordetalle{float:left;width:722px;}
.producto_titulo{width:99%;padding-left:5px;}
.producto_vistasmini{padding-top:1px;padding-bottom:1px;}
.producto_vistaestilovida{padding-top:1px;padding-bottom:1px;}
.producto_estilovidaalternativas{float:right; width:485px; padding:26px 0px 0px 0px;}
.producto_estilovida{width:100%; padding-right:10px; }
.producto_vistas{float:left; width:68px;}
.producto_info{float:left; padding-left:5px; width:148px; padding-right:5px;}
.producto_info hr{height:1px;}
.producto_detalleproducto{float:left;width:485px; }
.producto_condiciones{padding-top:20px;}
.producto_precio{padding-top:5px;padding-bottom:10px;}
.producto_vistaestilovida img{height:51px;}
.producto_alternativas img{width:68px; height:51px;}
#vistaProductos{position:absolute; float:left;}
#areaImagen{padding:50px 118px 50px 118px;}
/*Fin Detalle de productos*/

/*estilo de las sucursales*/
#ContenedorSucursal{padding-left:8px;}
#sucursal_areaizquierda {width:185px; float:left; padding-left:8px; margin-bottom:8px; margin-right:8px;}
#sucursal_mensaje{padding-bottom:8px; width:250px; }
#AreaFachadasSucursales, #sucursal_datos, #sucursal_areaizquierda{padding:8px;}
#sucursal_areaderecha{width:645px; float:right; padding:0px 8px 0px; margin-bottom:8px;}
#sucursal_datos{float:left; width:200px;}
#imagenFachadaSucursal{ width:400px; float:right;}
#sucursal_adornomensaje{background:url(imagenes/adorno-titulo-sucursales.gif) center repeat-x; margin-right:8px;}
/*estilo de las sucursales*/

/* Skin recomendaciones*/
.recomienda_subtitulo{margin-left:8px;}
.recomienda_ingresardatos{width:400px; height:440px; margin-left:8px;}
.recomienda_titulo{width:403px; margin-left:8px;}
.recomienda_formulario{width:403px;}
.recomienda_areaizquierda{width:195px; float:left; margin-left:8px;}
.recomienda_areaderecha{width:184px; float:left; margin-left:4px;}
/* Fin recomendaciones*/

/* Inicio Skin contacto*/
.contacto_subtitulo{margin-left:8px;}
.contacto_capturadomicilio{position:relative; top:-175px; left:200px;}
/* Fin Skin contacto*/

/*Skin Contacto y Recomendaciones */
.style1{width:89px;}
.CaptchaDNN{position:relative;height:80px;}
.CamposMargen{margin-left:60px;}
.TituloMargen{margin-left:0px;}
.EstrellaDomicilio{position:absolute; width:480px;}
.Principal{width:403px;}
.Principal2{width:800px;}
.RecomendacionApartado{width:403px; margin-left:8px;}
.LadoIzquierdo{width:195px; float:left; margin-left:8px;}
.LadoDerecho{width:184px; float:left; margin-left:4px;}
.IngreseTitulo{width:403px; float:left; margin-left:8px;}
.IngreseTitulo2{width:403px; float:right;margin-right:8px;text-align:right;}
.InformacionAndrea{width:320px; margin-left:0px;}
.InfoAndreaIzq{width:190px; float:left;}
.InfoAndreaDer{width:130px; float:right;}
/*Fin Contacto y Recomendaciones  */

/*skin videos*/
.video_titulo_sup{width:880px; float:left;}
/*.titulo_video_sup_label{ margin:0px; padding-left:5px;}*/
.video_bloqueizq_ext{width:555px; float:left;}
.video_contenedor{width:540px; height:338px; float:left; padding-top:5px;margin-left:8px;}
.video_descripcion_ext{width:545px; float:left;margin-left:8px;}
.descripcion_descargaFlash {padding-top:19px; margin-left:8px;}
.video_descripcion{margin-left:0px; padding-top:19px;}
.video_bloqueder_ext{width:299px; height:460px; float:left;}
.video_bloqueder{width:293px; height:460px;margin-left:6px; }
.video_scroll_div_sup{width:293px; height:30px;}
.video_lista_reproduccion{float:left; padding-left:8px; padding-top:2px;}
.video_lista_reproduccion hr{width:273px; margin-top:4px;}
.video_scroll_div{width:293px; height:420px;}
ul.videos{margin-bottom:1em; padding-left:2px; margin:0px 3px 0px;}
.video_contenedores_thumbnails{width:250px; height:70px; padding-left:12px; padding-bottom:13px;}
.video_imagen_mini{float:left; padding-right:4px;}
.video_info_thumbnails{float:left; width:148px;}
.video_titulo, .video_reproduccion_ant{ margin:0px; padding:0px;}
/*fin skin videos*/

/*base */
.base_boton{width:110px; margin-left:0px;}
/*base*/