/* CSS Document */
html {
height: 100%;
}
body {
	height: 90%;
	background-color: #43474A;
	text-align:left;
	margin:0 auto;
	z-index:0;
}	
#header { /*Contiene banner imagen verde y todos sus menus*/
	margin:0 auto;
	top:0px;
	z-index:1;
	width: 769px;
}
#MenuSD {/*contiene todo el menu superior derecho*/
	position:absolute;
	margin:0 auto;
	left:0 auto;
	top:46px;
	width:769px;
	height:27px;
	z-index:5;
}
#divDate {
	position:absolute;
	left:516px;
	top:-44px;
	width:251px;
	height:30px;
	z-index:5;
	visibility: hidden;
}
.Fecha {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}
#divContador {
	position:absolute;
	left:613px;
	top:-29px;
	width:125px;
	height:14px;
	z-index:4;
}
#divPromo {
	position:absolute;
	left:4px;
	top:-145px;
	width:125px;
	height:14px;
	z-index:4;
}
.Visit {
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}
#MenuHome {/*Imagen Home, menu superior derecho*/
	position:absolute;
	left:398px;
	top:5px;
	width:52px;
	height:21px;
	z-index:4;
}
#menuMapa {/*Imagen Mapa de sitio, menu superior derecho*/
	position:absolute;
	left:458px;
	top:13px;
	width:52px;
	height:13px;
	z-index:4;
}
#menuBusqueda {/*Imagen Búsqueda, menu superior derecho*/
	position:absolute;
	left:532px;
	top:12px;
	width:52px;
	height:21px;
	z-index:4;
}
#menuCatalogo {/*Imagen Catálogo en línea, menu superior derecho*/
	position:absolute;
	left:590px;
	top:12px;
	width:52px;
	height:21px;
	z-index:4;
}
#menuPrincipal {/*Contiene todo el menu principal*/
	position:absolute;
	margin:0 auto;
	top:70px;
	z-index:20;
	width:769px;
	left:0 auto;
	height: 26px;
}
#Layer2 {/* Opción Nuestra Empresa*/
	position:absolute;
	left:0px;
	top:4px;
	width:123px;
	height:7px;
	z-index:20;
}
#Layer3 {/* Opción Sucursales*/
	position:absolute;
	left:123px;
	top:4px;
	width:89px;
	height:11px;
	z-index:20;
}
#LayerProd {/*Opción productos*/
	position:absolute;
	left:212px;
	top:4px;
	width:88px;
	height:29px;
	z-index:20;
	visibility: visible;
}
#Promociones {/*Opción promociones*/
	position:absolute;
	left:298px;
	top:4px;
	width:97px;
	height:33px;
	z-index:20;
}
#Noticias y tendencias{/*Opción Noticias y tendencias*/
	visibility:visible;
	overflow: visible; 
	width: 136px; 
	position: absolute; 
	height: 29px; 
	left: 395px; 
	top: 4px; 
	z-index: 20;
}
#Layer13 {/*opción Innovación*/
	position:absolute;
	left:545px;
	top:4px;
	width:88px;
	height:28px;
	z-index:20;
}
#Menu3 {/*opciones dentro de Innovación*/
	position:absolute;
	width:103px;
	height:40px;
	overflow: hidden;
	left: -1px;
	top: 22px;
	z-index: 19;
	visibility: hidden;
}
#Layer14 {/*opción Zona Verde*/
	position:absolute;
	left:634px;
	top:4px;
	width:132px;
	height:13px;
	z-index:26;
}
#blanco {/* recuadro blanco que esta entre header y footer*/
	margin:0 auto;
	top:107;
	z-index:3;
	background-color:#FFFFFF;
	width: 769px;
	height: 460px;
	text-align:left;
	left:0 auto;
}
#divCentral {/*Contenidos centrales dentro del espacio blanco*/
	position:absolute;
	margin:0 auto;
	left:0 auto;
	top:0 auto;
	width:769px;
	height:460px;
	z-index:2;
}
#CapaBannerC {/*Imagen 'banner' descriptivo de cada sección*/
	position:absolute;
	left:0 auto;
	top:0 auto;
	width:460px;
	height:46px;
	z-index:0;
	visibility: visible;
}
#CapaTextoB {/*Imagen 'banner' descriptivo de cada sección*/
	position:absolute;
	left:4px;
	top:80px;
	width:721px;
	height:46px;
	z-index:1;
}
#CapaTextoBv {/*Imagen 'banner' descriptivo de cada sección*/
	position:absolute;
	left:4px;
	top:5px;
	
	width:721px;
	height:46px;
	z-index:1;
}
#BannerLateral {
	position:absolute;
	left:609px;
	top:0px;
	width:117px;
	height:459px;
	z-index:0;
	border:none;
	/*border:hidden;*/
}
#ImgHome {/*Imagen central del home*/
	position:absolute;
	left:104px;
	top:108px;
	width:769px;
	height:460px;
	z-index:3;
}
#footer {/*Contiene todo el pie de página*/
	margin:0 auto;
	top:552px;
	z-index:5;
	width: 769px;
}
#FooterHome {/*Contiene imagen del pie de página del Home*/
	position:absolute;
	left:445px;
	top:-6px;
	width:323px;
	height:4px;
	z-index:5;
}
#menuFooter {/*contiene las opciones de contacto y hogar ubicadas en el footer*/
	position:absolute;
	margin:0 auto;
	left:0 auto;
	top:573px;
	width:769px;
	height:37px;
	z-index:4;
}
#LayerFlashHome {/*animación flash del home*/
	position:absolute;
	left:0px;
	top:-6px;
	width:439px;
	height:51px;
	z-index:2;
}
#Marquee{/*Contiene Marquee*/
	position:absolute;
	left:10px;
	top:11px;
	width:429px;
	height:20px;
	z-index:5;
}
Marquee {/*estilo de marquee*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	z-index:7;
	width:425; 
	height:20;
	cursor:default;
}
.MarqueeV {/*estilo de marquee*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 11px;
	color: #71BF44;
	z-index:7;
	width:425; 
	height:20;
	cursor:default;
}
#MarqueeHome{/*Contiene Marquee del home*/
	position:absolute;
	left:-441px;
	top:10px;
	width:360px;
	height:20px;
	z-index:2;
}
#miContacto {/*imagen opcion Contacto de Menu Inferior*/
	position:absolute;
	left:538px;
	top:11px;
	width:49px;
	height:9px;
	z-index:6;
}
#miContactoHome {/*imagen opcion Contacto de Menu Inferior en el Home*/
	position:absolute;
	left:540px;
	top:11px;
	width:49px;
	height:9px;
	z-index:6;
}
#miHogar {/*imagen opcion Hogar de Menu Inferior*/
	position:absolute;
	left:608px;
	top:-6px;
	height:11px;
	z-index:6;
}
#miHogarHome {/*imagen opcion Hogar de Menu Inferior en el Home*/
	position:absolute;
	left:608px;
	top:-6px;
	z-index:6;
}
#CapaHogar {/*imagen para la sección de Hogar*/
	position:absolute;
	left:609px;
	top:-6px;
	width:157px;
	height:36px;
	z-index:21;
}
a{/*estilo css para eliminar subrayado en los links*/
	text-decoration:none;
	outline: 0;
	-moz-outline-style:none;
}
.EstiloPos1 {/*Estilo para primer texto dentro del texto de ubicación, se complementa con EstiloPos2*/
	font-family: "Trebuchet MS";
	color: #808284;
	font-size: 8pt;
	font-weight: bold;
}
.EstiloPos2 {/*Estilo para textos como subtitulos, COLOR NEGRO*/
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #1b1b1f;
	font-weight: bold;
}
/*-----------------Estilos y Capas Sección Nuestra Empresa---------------------*/
#Layer28 {/*Texto quienes somos*/
	position:absolute;
	left:146px;
	top:220px;
	width:482px;
	height:203px;
	z-index:27;
	background-color: #FFFFFF;
}
#Layer28.F {/* texto filosofia*/
	position:absolute;
	left:146px;
	top:216px;
	width:471px;
	height:203px;
	z-index:27;
	background-color: #FFFFFF;
}
#Layer28.H {/*texto Historia*/
	position:absolute;
	left:95px;
	top:237px;
	width:566px;
	height:224px;
	z-index:26;
	background-color: #FFFFFF;
}
#LayerT {/*Titulo Hitoria Cerrajes*/
	position:absolute;
	left:100px;
	top:217px;
	width:190px;
	height:19px;
	z-index:27;
	background-color: #FFFFFF;
}
#Layer29 {/*Quienes somos*/
	position:absolute;
	left:18px;
	top:197px;
	width:94px;
	height:6px;
	z-index:28;
}
#Layer30 {/*Filosofía*/
	position:absolute;
	left:110px;
	top:197px;
	width:64px;
	height:12px;
	z-index:29;
}
#Layer31 {/*Nuestra Historia*/
	position:absolute;
	left:171px;
	top:197px;
	width:114px;
	height:17px;
	z-index:30;
}
.Estilo5 {	/*Texto gris*/
	font-family: "Trebuchet MS";
	font-size: 8pt;
	font-weight: bold;
	line-height:1.5;
	color:#808284;
}
.Estilo6 {/*Verde texto Cerrajes®*/
	color: #71bf44;
	font-size: 9pt;
	line-height:1.5;
}
.Estilo17 {/*gris no tiene link, indica pagina actual*/
	font-family: "Trebuchet MS";
	font-size: 10pt;
	color: #808284;
	font-weight: bold;
}
a.ne { 
text-decoration:none;
font-size: 10pt;
color: #1b1b1f; 
font-family: "Trebuchet MS";
font-weight: bold; 
} 
a.ne:hover { 
font-family: "Trebuchet MS";
font-size: 10pt;
font-weight: bold; 
color: #71bf44;
} 
/*----------------------------------------------Estilos y Capas Sección Búsqueda---------------------*/
#Capa001 {/*contiene formulario y resultado de búsqueda*/
	position:absolute;
	left:70px;
	top:139px;
	width:633px;
	height:321px;
	z-index:0;
	overflow:auto;
}
#LayerOtra {/*texto 'otra búsqueda'*/
	position:absolute;
	left:70px;
	top:109px;
	width:632px;
	height:18px;
	z-index:1;
}
a.Bus{/*estilo vinculos*/
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #808284;
	text-decoration:none;
}	
a.Bus:hover{/*estilos vinculos, al tener el puntero encima*/
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #808284;
	text-decoration:underline;
}
.Estilo1 {/*estilo para list box*/
	font-family: "trebuchet MS";	
	color: #616A74;
	font-size: 8pt;	
	width:198px;
}
.Estilo1S {/*estilo para list box*/
	font-family: "trebuchet MS";	
	color: #616A74;
	font-size: 8pt;	
	width:203px;
}
.Estilo3 {/*estilo para botones*/
	color: #616A74;
	font-weight: bold;
	font-family: "trebuchet MS";
	font-size: 10px;
}
.Estilo4 {/*texto gris 9pts*/
	color: #616A74; 
	font-weight: bold; 
	font-family: "trebuchet MS"; 
	font-size: 9pt;
	line-height:110%; 
}
.estilo5{/*texto 'otra búsqueda*/
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #808284;
	}
/*---------------------------------------Estilos y Capas Sección Catálogo en línea---------------------*/
#LayerAlfa {/*Contiene toda la Lista de líneas*/
	position:absolute;
	left:610px;
	top:42px;
	width:161px;
	height:250px;
	z-index:10;
}
#LayerL1 {/*estilo para cada texto con el nombre de las líneas, LayerL1-LayerL12*/
	position:absolute;
	left:3px;
	top:11px;
	width:145px;
	height:15px;
	z-index:30;
}
#LayerL2 {
	position:absolute;
	left:3px;
	top:27px;
	width:150px;
	height:21px;
	z-index:24;
}
#LayerL3 {
	position:absolute;
	left:3px;
	top:43px;
	width:144px;
	height:12px;
	z-index:32;
}
#LayerL4 {
	position:absolute;
	left:3px;
	top:61px;
	width:68px;
	height:3px;
	z-index:22;
}
#LayerL5 {
	position:absolute;
	left:3px;
	top:79px;
	width:77px;
	height:7px;
	z-index:21;
}
#LayerL6 {
	position:absolute;
	left:3px;
	top:97px;
	width:81px;
	height:14px;
	z-index:33;
}
#LayerL7 {
	position:absolute;
	left:3px;
	top:115px;
	width:139px;
	height:16px;
	z-index:29;
}
#LayerL8 {
	position:absolute;
	left:3px;
	top:134px;
	width:154px;
	height:14px;
	z-index:31;
}
#LayerL9 {
	position:absolute;
	left:3px;
	top:188px;
	width:112px;
	height:11px;
	z-index:25;
}
#LayerL10 {
	position:absolute;
	left:3px;
	top:153px;
	width:154px;
	height:14px;
	z-index:27;
}
#LayerL11 {
	position:absolute;
	left:3px;
	top:207px;
	width:119px;
	height:17px;
	z-index:26;
}
#LayerL12 {
	position:absolute;
	left:3px;
	top:224px;
	width:144px;
	height:8px;
	z-index:23;
}
#LayerFrame.CatL {/*Contiene los nombres y vinculos a los flyers asi como imagenes de cada línea*/
	position:absolute;
	left:8px;
	top:43px;
	overflow:auto;
	/*width:600px;*/
	height:417px;
	z-index:4;
	width: 600px;
}
a.cat { /*vinculos de la derecha*/
text-decoration:none;
font-size: 9pt;
color: #808284; 
font-family: "Trebuchet MS";
font-weight: bold;
line-height:148%;
} 
a.cat:hover { /*vinculos de la derecha*/
font-family: "Trebuchet MS";
font-size: 9pt;
font-weight: bold; 
color: #1b1b1f;
line-height:148%;
} 
a.Estilo2 {/*vinculos a los flyers*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 8pt;
	line-height:14pt;
	color:#616A74;
}
a:hover.Estilo2 {/*vinculos a los flyers*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 8pt;
	line-height:14pt;
	color:#71bf44;
}

a:visited.Estilo2 {/*vinculos a los flyers*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 8pt;
	line-height:14pt;
	color:#CACACA;
}
.Estilo2 {/*Estilo para vinculos a los flyers*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 8pt;
	line-height:14pt;
	color:#616A74;
}
#Posicion {/*Texto informativo de ubicación actual dentro del sitio*/
	position:absolute;
	left:11px;
	top:3px;
	width:446px;
	height:15px;
	z-index:20;
}
.Estilo9 {
	font-family: "Trebuchet MS";
	font-weight: bold;
}
.Estilo12 {color: #1b1b1f}
/* ------------------------------Capas y Estilos sección Contacto--------------------------------------------- */
#CapaContacto {
	position:absolute;
	left:56px;
	top:136px;
	width:656px;
	height:310px;
	z-index:19;
}
select { width:188px; }
/* ------------------------------Capas y Estilos sección Hogar--------------------------------------------- */
#Layer18.hogar {
	position:absolute;
	left:0px;
	top:46px;
	width:165px;
	height:76px;
	z-index:5;
}
#LayerFrame.hogar {
	position:absolute;
	left:319px;
	top:46px;
	width:290px;
	height:414px;
	z-index:15;
	background-color: #652743;
}
a.hogar {
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold;
	color: #C75D35;
	text-decoration:none;
}
a.hogar:hover {
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#CapaPromo00 {
	position:absolute;
	left:14px;
	top:270px;
	width:80px;
	height:13px;
	z-index:23;
	visibility: hidden;
}
#Promo022 {
	position:absolute;
	left:14px;
	top:251px;
	width:32px;
	height:14px;
	z-index:23;
}
#Promo018 {
	position:absolute;
	left:14px;
	top:232px;
	width:72px;
	height:12px;
	z-index:22;
}
#Layer23.HogarPromo {/*Contiene la promoción de HogarPromociones*/
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:215px;
	z-index:1;
}
#Layer22.HogarTips {/*Contiene los tips de HogarTips*/
	position:absolute;
	left:0px;
	top:0px;
	width:269px;
	height:203px;
	z-index:5;
}
/* ------------------------------Capas y Estilos sección Zona Verde--------------------------------------------- */
#Layer22.ZV {
	position:absolute;
	left:368px;
	top:277px;
	width:265px;
	z-index:21;
	visibility: visible;
}
#Layer23.ZV {
	position:absolute;
	left:359px;
	top:362px;
	width:185px;
	z-index:21;
	visibility: visible;
}
#Layer24.ZV {
	position:absolute;
	z-index:21;
	visibility: visible;
}
#CapaForm {/*Formulario Zona Verde*/
	position:absolute;
	left:69px;
	top:134px;
	width:267px;
	height:160px;
	z-index:1;
}
/* ------------------------------Capas y Estilos sección Mapa de sitio--------------------------------------------- */
a:hover.EstiloG_ {/*vinculos grises*/
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #71bf44;
line-height:8pt;
text-decoration:none;
}
.EstiloG
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #58595B;
line-height:8pt;
cursor:default;
}
.EstiloV/*Estilo fuente Verde*/
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #71bf44;
text-decoration:underline;
line-height:15pt;
}
.EstiloV:hover
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color:#666;
text-decoration:underline;
line-height:15pt;
}
.EstiloV:visited/*Estilo fuente Verde*/
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color:#666;
text-decoration:underline;
line-height:15pt;
}
a.EstiloVe/*vinculos verdes*/
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #71bf44;
text-decoration:underline;
line-height:15pt;
}
a:hover.EstiloVe/*vinculos verdes*/
{
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #58595B;
text-decoration:underline;
line-height:15pt;
}
a.EstiloG_{/*vinculos grises*/
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #58595B;
text-decoration:none
}
a.M:hover{/*vinculos grises*/
font-family:"Trebuchet MS";
font-weight: bold;
font-size:7.5pt;
color: #58595B;
}
#Layer22.M {/*primer columna*/
	position:absolute;
	left:28px;
	top:26px;
	width:198px;
	height:417px;
	z-index:21;
}
#Layer23.M {/*segunda columna*/
	position:absolute;
	left:230px;
	top:43px;
	width:189px;
	height:447px;
	z-index:15;
}
#Layer24.M {/*tercer columna*/
	position:absolute;
	left:422px;
	top:43px;
	width:155px;
	height:396px;
	z-index:21;
}
#Layer25.M {/*cuarta columna*/
	position:absolute;
	left:588px;
	top:26px;
	width:176px;
	height:280px;
	z-index:21;
}
/* ------------------------------Capas y Estilos sección Innovación--------------------------------------------- */
#LayerFrame.Inn {
	position:absolute;
	left:0px;
	top:0px;
	width:609px;
	height:461px;
	z-index:6;
}
a.Inn { 
	text-decoration:none;
	font-size: 9pt;
	color: #808284; /*808284*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height:100%;
} 
a.Inn:hover { 
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold; 
	color: #1b1b1f;
	line-height:100%;
} 
a.Inn:active { 
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold; 
	color: #1b1b1f;
	line-height:100%;
} 
a.New { 
	text-decoration:none;
	font-size: 9pt;
	color: #ffffff; /*808284*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height:100%;
} 
a.New:hover { 
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold; 
	color: #1b1b1f;
	line-height:100%;
} 
a.New:active { 
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold; 
	color: #1b1b1f;
	line-height:100%;
} 
#LayerL11.Inn {
	position:absolute;
	left:10px;
	top:230px;
	width:144px;
	height:17px;
	z-index:26;
	font-size: 9pt;
	color: #1b1b1f; /*808284*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height:100%;
}
#LayerL12.Inn {
	position:absolute;
	left:8px;
	top:235px;
	width:144px;
	height:8px;
	z-index:23;
}
#LayerL6.Inn {
	position:absolute;
	left:8px;
	top:226px;
	width:81px;
	height:14px;
	z-index:33;
}
/* ------------------------------Capas y Estilos sección Noticias y Tendencias--------------------------------------------- */
.Estilo1NT {/*estilo para list box*/
	font-family: "trebuchet MS";	
	color: #616A74;
	font-size: 8pt;	
}
#Layer18.Expo {/*menu lateral -arriba-*/
	position:absolute;
	left:14px;
	top:225px;
	width:23px;
	height:8px;
	z-index:21;
}
#Layer23 {/*menu lateral -abajo-*/
	position:absolute;
	left:14px;
	top:247px;
	width:73px;
	height:13px;
	z-index:22;
}
.nounderline { 
	text-decoration:none;
	font-size: 7pt;
	color: #636A73; 
	font-family: "Trebuchet MS";
	font-weight: bold; 
} 
.nounderline:hover { 
	font-family: "Trebuchet MS";
	font-size: 7pt;
	font-weight: bold; 
	color: #F1880B;
} 
#LayerExpos {	/*menu expos, debajo de la posición en el sitio*/
	position:absolute;
	left:17px;
	top:34px;
	width:563px;
	height:6px;
	z-index:15;
}
#Layer33.Expo {	/*frame*/
	position:absolute;
	left:0px;
	top:56px;
	width:548px;
	height:402px;
	z-index:15;
}
a.Expo {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #0D2E39;
	text-decoration:none;
}
a.Expo:hover {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration:none;	
}
#LayerFrame.Ten {/*frame incluye texto*/
	position:absolute;
	left:132px;
	top:250px;
	width:477px;
	height:210px;
	z-index:1;
	overflow:auto;
}
#Flash.Ten {/*Animación en flash*/
	position:absolute;
	left:0px;
	top:32px;
	width:527px;
	height:219px;
	z-index:7;
}
#LayerTendencia {/*imagen recuadro azul con tipografia especial*/
	position:absolute;
	left:1px;
	top:248px;
	width:133px;
	height:214px;
	z-index:0;
}
/* ------------------------------Capas y Estilos sección Promociones--------------------------------------------- */
#Layer18.saldos {
	position:absolute;
	left:617px;
	top:282px;
	width:117px;
	height:20px;
	z-index:20;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
}
#Layer018.saldos {
	position:absolute;
	left:617px;
	top:299px;
	width:134px;
	height:20px;
	z-index:21;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
}
#Layer33.saldos {
	position:absolute;
	left:0px;
	top:28px;
	width:609px;
	height:432px;
	z-index:7;
	visibility: visible;
}
a.saldos {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #0D2E39;
	text-decoration:none;
	line-height:100%;
}
a.saldos:hover {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration:none;	
}
.Estilo4 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 8pt;
	color: #1B1B1F;
}
.Estilo4A {
	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #1B1B1F;
}
a.Mes {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #0D2E39;
	text-decoration:none;
}
a.Mes:hover {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration:none;	
}
#Layer22.MesL {
	position:absolute;
	overflow:auto;
	left:0px;
	top:38px;
	width:611px;
	height:422px;
	z-index:18;
}
#Layer18.mes {
	position:absolute;
	left:617px;
	top:279px;
	width:117px;
	height:20px;
	z-index:21;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
}
#Layer018.mes {
	position:absolute;
	left:617px;
	top:299px;
	width:134px;
	height:20px;
	z-index:21;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
}
/* ------------------------------Capas y Estilos sección Sucursales--------------------------------------------- */
#Layer24ZV {/*Mapa base*/
	position:absolute;
	left:575px;
	top:357px;
	width:56px;
	z-index:10;
	height: 337;
	visibility: visible;
}
#LayerInteres {/*capa contiene texto "selecciona la zona de tu interes"*/
	position:absolute;
	left:37px;
	top:144px;
	width:83px;
	height:52px;
	z-index:33;
	line-height:100%;
}
#LayerMapa00 {/*mapa con zona interactiva*/
	position:absolute;
	left:106px;
	top:53px;
	width:456px;
	height:337px;
	z-index:11;
}

#CapaQro {
	position:absolute;
	left:101px;
	top:413px;
	width:44px;
	height:1px;
	z-index:19;
}
#CapaMex {
	position:absolute;
	left:153px;
	top:413px;
	width:42px;
	height:10px;
	z-index:19;
}
#CapaGdl {
	position:absolute;
	left:193px;
	top:413px;
	width:67px;
	height:9px;
	z-index:19;
}
#CapaMty {
	position:absolute;
	left:262px;
	top:413px;
	width:59px;
	height:6px;
	z-index:19;
}
#CapaMore {
	position:absolute;
	left:322px;
	top:413px;
	width:46px;
	height:4px;
	z-index:19;
}
#CapaLeon {
	position:absolute;
	left:367px;
	top:413px;
	width:32px;
	height:5px;
	z-index:19;
}
#CapaSLP {
	position:absolute;
	left:398px;
	top:413px;
	width:31px;
	height:3px;
	z-index:19;
}
#CapaCen {
	position:absolute;
	left:431px;
	top:413px;
	width:81px;
	height:5px;
	z-index:19;
}
#RMty {
	position:absolute;
	left:-227px;
	top:-174px;
	z-index:32;
	background-color: #115382;
}
#RQro {
	position:absolute;
	width:181px;
	/*height:144px;*/
	z-index:32;
	background-color: #399D12;
	left: -67px;
	top: -160px;
}
#ZMty {
	position:absolute;
	left:172px;
	top:-350px;
	width:130px;
	height:124px;
	z-index:32;
}
#ZQro {
	position:absolute;
	left:332px;
	top:-363px;
	width:136px;
	height:120px;
	z-index:32;
}
a.qro:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #399D12;
text-decoration:none;
}
a.mex:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #6D0962;
text-decoration:none;
}
a.gdl:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #127E85;
text-decoration:none;
}
a.mor:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #9C0D68;
text-decoration:none;
}
a.leo:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #0E6FC1;
text-decoration:none;
}
a.slp:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #FF8503;
text-decoration:none;
}
a.cam:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #4B5953;
text-decoration:none;
}
a.mty:hover{
font-family:"Trebuchet MS";
font-size:7pt;
color: #115382;
text-decoration:none;
}
/* ------------------------------Capas y Estilos sección Productos html--------------------------------------------- */
.EstiloPRT {/*Estilo para textos junto a cada imagen*/
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-weight: bold;
	color: #58595b;
	line-height:85%;
}
#TextoLateral {/*texto lateral descriptivo de cada línea*/
	position:absolute;
	left:8px;
	top:149px;
	width:149px;
	height:180px;
	z-index:2;
}
.Estilo5P{
	color: #808284;
	line-height:100%;
}
#LayerGris {
	position:absolute;
	left:0px;
	top:144px;
	width:160px;
	height:313px;
	z-index:1;
	background-color: #E5E6E8;
}
/* ------------------------------Capas y Estilos sección Productos php--------------------------------------------- */
#InfoLayer {/*texto informativo*/
	position:absolute;
	left:16px;
	top:18px;
	width:567px;
	height:30px;
	z-index:1;
}
.Estilo7 {/*estilo para texto informativo*/
	font-family: "Trebuchet MS";
	font-size: 7.5pt;
	color: #808284;
}
#LayerFrame {
	position:absolute;
	left:0px;
	top:65px;
	width:609px;
	height:395px;
	z-index:6;
}
#LayerFrameZV {
	position:absolute;
	left:0px;
	top:0px;
	width:769px;
	height:460px;
	z-index:10;
}
#LayerFrame.salice {
	position:absolute;
	left:0px;
	top:30px;
	width:609px;
	height:431px;
	z-index:6;
}
#LayerCodigoS {/*contiene frame que muestra las caracteristicas del producto seleccionado*/
	position:absolute;
	left:0px;
	top:147px;
	width:159px;
	height:254px;
	z-index:22;
}
a.EstiloPos1 {
	font-family: "Trebuchet MS";
	color: #808284;
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}
a.EstiloPos1:hover {
	font-family: "Trebuchet MS";
	color: #71bf44;
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}
.EstiloDer {/*estilo de marquee*/
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 11px;
	color: #929496;
}
#derecho {
	position:absolute;
	left:0px;
	top:44px;
	width:770px;
	height:17px;
	z-index:7;
}
