@charset "utf-8";

/* CSS Document */



/*------------------------ Contenido Banners Tiendas ------------------------*/



#contenidoBannersSC {clear:both; margin:auto; width: 958px; height:126px; background-image: url(/static/site/common/fnd-banner-heme-ZP.gif); background-repeat:repeat-x;}

#contenidoBanner1SC, #contenidoBanner2SC {float:left; width:296px; margin-right:9px; height:110px; padding-top: 16px; padding-left: 16px;}

#contenidoBanner1SC h1, #contenidoBanner2SC h1, #contenidoBanner3SC h1 {color: #333; font-weight: bold; font-size: 18px; margin-bottom: 8px;}

#contenidoBanner3SC {float:left; width:296px; height:126px; padding-left: 16px;}

#contenidoBanner1SC ul, #contenidoBanner2SC ul, #contenidoBanner3SC ul {float:left;}

#contenidoBanner1SC li, #contenidoBanner2SC li, #contenidoBanner3SC li {line-height:18px; list-style-image: url(/static/site/common/bulFlecha.gif); list-style-position:inside;}

#tituloSC {float:left; font-size:24px; font-weight:bold; height:26px;}

#destacado {font-weight:bold;}

#destacado2 {font-weight:bold; color:#999;}

.bannerSCcolumna1 {float:left; width:148px;}

.bannerSCcolumna2 {float:right; padding-left:42px; width:98px; list-style-type:none; list-style:none; list-style-image:none;}

.bannerSCcolumna3 {float:left; width:158px;}

.bannerSCcolumna4 {float:right; vertical-align:middle; padding:12px 10px 0 0; width:118px;}

.bannerSCcolumna6 {float:right; vertical-align:middle; padding:8px 10px 0 0; width:118px;}

.bannerSCcolumna5 {float:left; width:158px; padding-top:16px;}

#contenidoFlashHoyTiendas {border-bottom:1px solid #ececec; height:288px;}



/*------------------------ Contenido catalogos Online ------------------------*/



.contenedorBaseRevistas {padding:20px;}

.contenedorVolverRevistas {margin:auto; width:912px; padding-bottom:10px; text-align:right;}

.contenedorGeneralRevistas {margin:auto; width:912px; padding-bottom:20px;}

#contenedorFencasaCmr {width:918px; height:245px; margin:20px 0 0 0}

#contenedorFencasa {width:683px; float:left; border-right:1px #ececec solid}

#contenedorCmr {float:left; padding: 10px 25px 20px 50px}

.contenedorRevista {width:176px; height:224px; border:1px #CCC solid;}

.contenedorDatosRevista {width:176px; margin-top:5px;}

.infoFencasa {float:left; padding:10px 52px 0 25px}

.revistaFencasaCmr {width:148px; height:202px; border:1px #CCC solid}

.datosFencasaCmr {width:148px; margin-top:5px;}

.contenedorInfoRevista {padding:20px 25px 10px 25px; float:left;}

.contenedorRevista {width:176px; height:224px; border:1px #CCC solid;}

.contenedorDatosRevista {width:176px; margin-top:5px;}

.titCatalogos {float:left; margin: 0 0 2px 2px;}

.titCatalogos a:link, .titCatalogos a:visited {background-image: url(/static/site/common/bulFlecha.gif); background-position:0px -1px; background-repeat:no-repeat; display:block; float:left; padding-left:15px; width:155px;}

.titCatalogos a:hover {background-image: url(/static/site/common/bulFlecha.gif); background-position:0px -1px; background-repeat:no-repeat; display:block; float:left; padding-left:15px; width:155px; text-decoration:none;}

#titFencasaCmr {width:918px; height:20px; margin:auto; padding:25px 0 0 0; clear:both; border-bottom:1px #ececec solid}

#titFencasaCmr div {width:459px}

#titFencasa {float:left; text-align:left}

#titFencasa h2 {margin:0 0 0 30px}

#titCmr {float:right; text-align:right}

#titCmr h2 {margin:0 30px 0 0}

.mesCatalogos {float:left; margin: 0 0 2px 18px; color:#999}

.mesCatalogos a:link, .mesCatalogos a:visited { display:block; float:left; padding-left:15px; text-decoration:none; width:155px;}

.mesCatalogos a:hover {display:block; float:left; padding-left:15px; text-decoration:none; width:155px;}



/*------------------------ Contenido Tiendas ------------------------*/



.contenedorHeadTiendas {width: 677px; margin-bottom:16px;}

.contenedorBordesRedondosImgTienda {padding:5px;}

.contenedorInfoTienda {width: 665px; padding: 0 6px 0 6px;}

.contenedorInfoTiendaColumna1 {float:left; width: 366px; margin-right:20px;}

.subTituloInfoTienda {margin: 16px 0 6px 0; font-size:12px; font-weight:bold;}

.textoInfoTienda {color: #666; line-height:16px; margin-bottom:16px; text-align:justify;}

.contenedorInfoTiendaColumna2 {float: left; width: 264px;}

.contenedorBordesRedondosGerente {-moz-border-radius:2px 2px 2px 2px; border:1px solid #ccc; padding: 4px; width:68px; float:left;}

.contenedorInfoGerente {width:170px; height:81px; padding: 15px 0 0 10px; float:left;}

.contenedorInfoTienda2 {float: left; width: 665px; padding: 20px 6px 0 6px;}

.tituloContactosTienda {margin-bottom: 6px; height: 16px; line-height: 16px; font-size: 12px; font-weight: bold;}

.contenedorCajasInfoContactos {float:left; width: 665px; padding-top:10px; border-top:1px #ececec solid;}

.cajaInfoContactos {width:200px; height:81px; margin: 0 20px 0 0; float:left;}

.tituloContenido{color: #909090; font-size: 20px; font-weight: bold; margin-bottom: 16px;}



/*------------------------ Agregado vitrina HET jquery (Christian Pino) ------------------------*/



/*LAYOUT*/

#HETcontenedor {width:958px; height:290px; float:left}

#HETpestanas {width:228px; height:290px; float:left}

#HETpestanas img {width:228px; height:144px; float:left; cursor:pointer}

#HETpestanas #pestana_1 {border-bottom:#ccc solid 1px}

#HETvitrinas {width:730px; height:290px; float:left}

#HETvitrinas img {position:absolute}

#HETflecha {width:14px; height:290px; position:absolute; background:url(/static/site/common/HET/bg_flecha.png) top left repeat-y}

#HETflecha #flecha {width:14px; height:18px; float:left; margin:66px 0 0 0; background:url(/static/site/common/HET/img_flecha.png) top left no-repeat}