@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;}
#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 2px;}
.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:underline; width:155px;}

/*------------------------ Contenido Tiendas ------------------------*/
.headerTituloHET {color: #cccccc;font-size: 20px;font-weight: bold;margin-bottom: 16px;}
.headerContenidoTMP {width: auto;margin:0;padding:10px;font-size:18px;font-weight: bold;color:#999;}
/*.contenedorHeadTiendas {width: 677px; margin-bottom:16px;}*/
.imgTiendas {-moz-border-radius:2px 2px 2px 2px; border:1px solid #ccc; padding:4px; width: 100%;margin: 0 0 20px 0;}
.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; display: none !important;}
.tituloContactosTienda {display:inline-block; 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;}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.headerTituloHET {
		padding: 10px;
    	font-size: 18px;
    	color: #999;
    	margin: 0;
	}
	.imgTiendas {
		margin: 0;
	}
	.contenedorInfoTienda {
    	width: auto;
		padding:0 10px;
		margin:0;
	}
	.contenedorInfoTienda img.responsive{
		max-width: 100%;
		height: auto;
		display:block
	}
	.textoInfoTienda {
		line-height: 18px;
		font-size: 13px;
	}
	.subTituloInfoTienda {
		font-size: 13px;
	}
	.contenedorInfoTiendaColumna1 {
		margin:0;
	}
	.contenedorBordesRedondosGerente {
		width: auto;
	}
	.contenedorInfoGerente {
		width: auto;
		height: auto;
		float: left !important;
	}
	.p12gris6alignL {
		color: #666;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		margin-bottom: 10px;
	}
	.grisC12b {
		color: #999999;
		font-size: 12px;
		font-weight: bold;
	}
	.grisM11b {
		color: #666666;
		font-size: 11px;
		font-weight: bold;
	}
	.contenedorInfoTienda1, .contenedorInfoTienda2 {
		clear:both;
		padding:0 10px;
	}
	.cajaInfoContactos a {
		font-size:12px;
		color:#999;
		text-decoration:underline;
	}
	a.linkgris9, a.linkgris9:link, a.linkgris9:visited, a.linkgris9:active {
    color: #999;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}


/*------------------------ 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}

.contenedorInfoTienda2{
	display: none !important;
}