/*Localizacion de Tiendas*/

@media all and (min-width: 801px) {
    .gm-style-iw {     
        left:12px; top:9px; min-width:330px; max-width:100%; height: auto; overflow:hidden !important; position:absolute; 
    }
}
@media all and (max-width: 800px) {
    .gm-style-iw {     
        left:12px; top:9px; min-width:230px; max-width:100%; height: auto; overflow:hidden !important; position:absolute; 
    }
}

.LocalizaTienda .formularioLoc { padding-left: 7px; }
.LocalizaTienda .formularioLoc h3 { font-size: .812em; }
.LocalizaTienda .formularioLoc h4 { font-size: 11px; }
.formularioLoc .locTB { margin: 20px auto 15px auto; width: 50%; }
.formularioLoc .locTB td { white-space: nowrap; font-size: .75em; }
.formularioLoc .locTB .push { width: 50px; }
.formularioLoc .entrada { border: solid 1px #999999; width: 200px; margin: 0 5px; }
#visiblelistOfBusiness { min-height:45px; }
#hiddenlistOfBusiness { margin-top:30px; }
.businessElement, .hiddenbusinessElement { width: 110px; margin-right: 10px; display:inline-block; float:left; }
.rdbttnbusinessElement { width: 20px; margin-right: 10px; vertical-align: 20px; display: inline-block; float:left; padding-top:5px; }
.imgbusinessElement { width:75px; height:44px; display:inline-block; background-size:contain; background-repeat:no-repeat; }
.imgbusinessElementContainer { width:60px; height:40px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position-x:50%; background-position-y:50%; }
.dv_imgMainByz { height:44px; background-size:contain; background-repeat:no-repeat; display:block; width:35px; }
.dv_BranchName { height:30px; display:inline-block; vertical-align:18px; margin-left:5px; }
.a_TakeMeThere { color:#069; text-decoration:underline }
.a_TakeMeThere:hover {background-color:#FFFDE4;}
.dv_latitude { visibility:hidden; position:absolute; }
.dv_length { visibility:hidden; position:absolute; }

.tblstoreLocator { width: 100%; }   
.tdinputStoreLocator { text-align: left; padding-left: 15px; padding-top:25px; vertical-align: top; width: 30%; }             
.txtsrcStoreLocator { background-color: #ffffff; border: 1px solid #BDBDBD; font-family: 'Trebuchet MS'; font-size: 15px; font-weight: 500; color: #BDBDBD; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;  width: 325px; }         
.Search{ height:38px; background-color: #C6001F;  border: 0px; font-family: 'Trebuchet MS'; font-weight: 500; font-size: 16px; color: #ffffff; padding-left: 23px; padding-right: 23px; padding-top: 8px; padding-bottom: 8px; }
.dv_ListOfBranches { float:left; min-height:500px; width:49%; display:inline-block; vertical-align:top; border: solid 1px #bdbdbd;}
.dv_ListOfBranches h3 { color:#C6001F; margin-bottom:15px; }
.dv_ListOfBranches .dv_TableOfBranches { height:550px; overflow-y:scroll; border:solid 1px #bdbdbd; height:400px; }
.ul_ListOfBranches { padding-left: 10px; list-style-type: none; overflow:hidden; position:relative; }
.ul_ListOfBranches .tbl_Branch { border-top-color: rgb(189, 189, 189); border-top-width: 1px; border-top-style: solid; }
.ul_ListOfBranches .tbl_Branch .td_LeftBranchColumn { width: 49%; font-size: 16px; padding-left:5px; }
.ul_ListOfBranches .tbl_Branch .td_RightBranchColumn { width: 49%; text-align: center; vertical-align: text-top; font-family:'Trebuchet MS'; font-size:12px;}
.ul_ListOfBranches .tbl_Branch .td_RightBranchColumn p .a_AddressIndications { color: rgb(0, 102, 153); padding-left: 0px; background-color: transparent; }
#li_branchInfoMarker { font-size: 10px;}
.selectedStore { background-color:#FFFDE4; border:solid #C6001F 2px; border:solid #C6001F 2px;  }
.areaMapa #small-map-canvas { width: 49%; height: 500px; display:inline-block;border:solid 1px #bdbdbd; }
#sctn_BusinessItems #bttnVerMas { text-align:right; margin-top:20px; }
#sctn_BusinessItems #bttnVerMas { cursor:pointer; }

.btnStoreLocator { text-align: left; width: 10%; padding-top:25px;}        
.spcStoreLocator { width: 60%; }
#dvinfoNotFounded {color:#C6001F; text-align:center; padding:10px; display:block; font-weight:bold; margin:10px;}
#spn_infoNotFounded { color:#C6001F; text-align:center; font-weight:bold; }

html > body .areaMapa { overflow: auto; width:100%; height:100%; height:62%; margin-bottom:10px;}
.areaMapa .mapa { width: 500px; min-height: 380px; margin: auto; position: relative; right: -130px; }
.areaMapa a { cursor: pointer; }
.areaMapa .listado { position: absolute; z-index: 3; border: solid 1px #000000; min-height: 350px; width: 200px; padding: 10px; background-color: #FFFFFF; background-image: url('degradadoLoc.png'); background-repeat: repeat-y; background-position: right; display: none; }
.areaMapa .listado h2 { text-align: right; color: #990000; font-size: 14px; }
.areaMapa .listado .interior { border-top: solid 1px #000000; padding: 10px; }
.areaMapa .listado .interior ul,
.areaMapa .listado .interior li { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }
.areaMapa .listado .interior { height: 275px; overflow: auto; }
.areaMapa #locDepartamentos { display: block; left: 50%; margin-left: -440px; z-index: 5; }
.areaMapa #locDepartamentos .interior ul[style] span { width: 90px; }
.areaMapa #locDepartamentos .interior { padding: 5px 0px; height: 285px; }
.areaMapa #locMunicipios { left: 50%; margin-left: -153px; z-index: 4; }
.areaMapa #locEstablecimientos { left: 50%; margin-left: 50px; z-index: 3; }
.areaMapa #resultados { display: block; left: 50%; margin-left: -440px; *margin-left: -450px; z-index: 5; }
.areaMapa #resultados .interior { height: 225px; }
.areaMapa li a,
.areaMapa li span { display: block; text-decoration: none; color: #000000; padding: 1px 5px; cursor: pointer; }
.areaMapa li a:hover,
.areaMapa .actual,
#segundoPasoMapa { /* position:absolute; */ z-index: 6; background-color: #ffffff; }
#segundoPasoMapa .listado { display: block; z-index: 7; }
#hrefVerMapaPaso1 { }
#hrefVerMapaPaso2,
#hrefSeleccionarTienda,
#hrefRegresar { }
#hrefSeleccionarTienda { margin-top: -20px; }
#contenidoMapa,
#contenidoMapa { width: 90%; margin: auto; }
.notasSucursales table { border-top: solid 2px #CCC; }
.notasSucursales table table { border-top: none; }
.notasSucursales td { vertical-align: top;  width: 55%; }
.notasSucursales td td { border-left: solid 1px #EAEAEA; }
.notasSucursales p { font-size: 16px; color:#333; font-weight:bold; }
.notasSucursales ul { font-size: 1em; color:#333; text-align:left;}
.notasSucursales ul li{margin-bottom:5px;color:#333;}

.notasSucursales p.resaltadoClaro { font-size: .75em; }
.formularioLoc .botonBGGris input { font-size: 1em!important; }
.productoChico { display: inline-block; border: solid 1px #CCC; padding: 10px; margin: 0 0 0 -85px; position: relative; left: 50%; width: 170px; text-align: center; /* sombra externa */ /* Esq. redondeadas 5px */ }
.productoChico .productoChico { display: none; }

/*estilos banderas paises*/
.selPais { float: right; }
.selPais table { text-align: center; padding: 0; margin: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.selPais td { padding: 0; margin: 0; height: 21px; width: 60px; background: #fff; border: #ccc thin solid; }
.selPais tr:first-child td:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: #ccc thin solid; border-left-color: #ccc; border-right: none; }
.selPais tr:first-child td:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: #ccc thin solid; border-right-color: #ccc; border-left: none; }
.selPais tr:first-child td { border-left: none; border-right: none; }
.selPais tr:last-child td { border: none; }
#activo { background: #e9e9e9; padding: 11px 15px 0 15px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .5); }
.selPais img { padding: 0; margin: 0; }
/*fin estilos banderas paises*/

@media only screen and (max-width:320px) { /*celular*/
	.formularioLoc .locTB td { white-space: normal; }
	#contenidoMapa,
	#contenidoMapa .colEntera { width: 100%; }
	html > body .areaMapa { overflow: visible; position: relative; }
	#segundoPasoMapa .gmap { overflow: visible !important; width: auto !important; margin-left: 50%; }
	.areaMapa .mapa { width: 500px; min-height: 380px; margin: auto; position: relative; right: -12%; }
	.areaMapa .listado { width: 30%; padding: 1%; }
	.areaMapa #locDepartamentos,
	.areaMapa #locMunicipios,
	.areaMapa #locEstablecimientos { width: 31%!important; margin-left: 0; }
	.areaMapa #locDepartamentos { left: 0; }
	.areaMapa #locMunicipios { left: 33%; }
	.areaMapa #locEstablecimientos { left: 66%; }
	.areaMapa .listado .interior ul { margin-left: 0!important; }
	.areaMapa #resultados { left: 0; margin-left: 0px; *margin-left: 0px;
	width: 50%; }
	.formularioLoc .entrada { width: auto; }
}
@media only screen and (min-width:321px) and (max-width:625px) { /*tabletaChica*/
	.formularioLoc .locTB td { white-space: normal; }
	#contenidoMapa,
	#contenidoMapa .colEntera { width: 100%; }
	html > body .areaMapa { overflow: visible; position: relative; }
	#segundoPasoMapa .gmap { overflow: visible !important; width: auto !important; margin-left: 50%; }
	.areaMapa .mapa { width: 500px; min-height: 380px; margin: auto; position: relative; right: -12%; }
	.areaMapa .listado { width: 30%; padding: 1%; }
	.areaMapa #locDepartamentos,
	.areaMapa #locMunicipios,
	.areaMapa #locEstablecimientos { width: 31%!important; margin-left: 0; }
	.areaMapa #locDepartamentos { left: 0; }
	.areaMapa #locMunicipios { left: 33%; }
	.areaMapa #locEstablecimientos { left: 66%; }
	.areaMapa .listado .interior ul { margin-left: 0!important; }
	.areaMapa #resultados { left: 0; margin-left: 0px; *margin-left: 0px; width: 50%; }
	.formularioLoc .entrada { width: auto; }
}
@media only screen and (min-width:626px) and (max-width:768px) { /*tableta*/
	.formularioLoc .locTB td { white-space: normal; }
	#contenidoMapa,
	#contenidoMapa .colEntera { width: 100%; }
	html > body .areaMapa { overflow: visible; position: relative; }
	#segundoPasoMapa .gmap { overflow: visible !important; width: auto !important; margin-left: 50%; }
	.areaMapa .mapa { width: 500px; min-height: 380px; margin: auto; position: relative; right: -12%; }
	.areaMapa .listado { width: 30%; padding: 1%; }
	.areaMapa #locDepartamentos,
	.areaMapa #locMunicipios,
	.areaMapa #locEstablecimientos { width: 31%!important; margin-left: 0; }
	.areaMapa #locDepartamentos { left: 0; }
	.areaMapa #locMunicipios { left: 33%; }
	.areaMapa #locEstablecimientos { left: 66%; }
	.areaMapa .listado .interior ul { margin-left: 0!important; }
	.areaMapa #resultados { left: 0; margin-left: 0px; *margin-left: 0px; width: 48%; }
	.formularioLoc .entrada { width: auto; }
}
@media only screen and (min-width:769px) and (max-width:1000px) { /*escritorio*/
	#contenidoMapa,
	#contenidoMapa .colEntera { width: 100%; }
	.areaMapa .mapa { width: 500px; min-height: 380px; margin: auto; position: relative; right: -12%; }
	.areaMapa #locDepartamentos { margin-left: -45%; }
	.areaMapa #resultados { left: 20px; margin-left: 0px; *margin-left: 0px; }
	.formularioLoc .entrada { width: auto; }
}