@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,900&display=swap');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, menu, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-family:Poppins,Helvetica,Arial,Sans;margin:0;padding:0;border:0;outline:0;font-size:96%;line-height:1.4;vertical-align:top;background:transparent;color:#000000; }
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
body { margin-top:0px !important;background:white;color:#555555; }
a { color:#000000;text-decoration:none;font-weight:700; }
.row { width: 100%; height: auto; margin: auto; display: flex; flex-wrap: wrap; }
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 { padding:20px; display: flex; flex-wrap: wrap; }
.col1 { width: 8.333%; height: auto; }
.col2 { width: 16.66%; height: auto; }
.col3 { width: 25%; height: auto; }
.col4 { width: 33.333%; height: auto; }
.col5 { width: 41.667%; height: auto; }
.col6 { width: 50%; height: auto; }
.col7 { width: 58.333%; height: auto; }
.col8 { width: 66.667%; height: auto; }
.col9 { width: 75%; height: auto; }
.col10 { width: 83.333%; height: auto; }
.col11 { width: 91.667%; height: auto; }
.col12 { width: 100%; height: auto; }


/* TEXT */
h2 { color:black;text-transform:uppercase;font-size:19px; }
h4 { color:black;text-transform:uppercase;font-size:14px; }
p { display:block;clear:both;width:100%;font-size:14px;margin:10px 0px 2px 0px;font-weight:300;line-height:1.4; }
.intro { font-size:15px;font-weight:300;line-height:1.35;margin-bottom:10px; }
.spacer { display:block;clear:both;width:100%;height:32px; }
.micro-spacer { display:block;clear:both;width:100%;height:1px; }
.mini-spacer { display:block;clear:both;width:100%;height:5px; }
.small-spacer { display:block;clear:both;width:100%;height:10px; }
.medium-spacer { display:block;clear:both;width:100%;height:20px; }
.big-spacer { display:block;clear:both;width:100%;height:150px; }
.super-spacer { display:block;clear:both;width:100%;height:250px; }
.w200 { width:200px;max-width:200px !important; }
.w350 { width:350px;max-width:350px !important; }
.nowrap { flex-wrap:nowrap; }
.inline { display:inline-block; }

.outer-wrapper { display: flex; flex-wrap: wrap; }
#map { display:block; clear:both;width:2252px;height:768px; }

.intro-text { position:absolute;top:24px;left:24px; }
.intro-text h1 { display:block;max-width:300px;line-height:0.78;margin:0px 0px 12px 0px;text-transform:uppercase;font-weight:700;font-size:27px; }
.intro-text h1 span { font-size:20px; }
.intro-text p.intro { display:block;max-width:380px;color:#444444;font-size:13.5px;font-weight:300;margin-top:0px; }
.content { position:relative;display:block;clear:both; }
a.close { display:block;width:21px;height:21px;background:url('https://cdn-pro.elsalvador.com/escom_mobile/images/icons.png');position:absolute;top:0px;right:0px;background-position:-144px -36px; }	
a.close.close_tooltip { top:10px;right:10px;  }
#link1,#link2,#link3,#link4,#link5,#link6,#link7,#link8,#link9,#link10,#link11,#link12,#link13,#link14,#link15 { position:fixed;width:75px;height:75px;background:url('images/mark.gif');background-repeat:no-repeat;z-index:10; }
#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#panel7,#panel8,#panel9,#panel10,#panel11,#panel12,#panel13,#panel14,#panel15 { display:block;clear:both;position:absolute;top:0px;right:-150%;width:100%;max-width:350px;height:100%;background:#fefefe;padding:20px;z-index:10;-webkit-transition: all 0.6s; transition: all 0.6s;box-shadow:0px 0px 12px #333333;  }

.cat-suelos-link { cursor:pointer;padding:5px 15px 10px 0px;border-bottom:1px dotted #cccccc;margin-bottom:0px; }
.cat-suelos-link.last { border-bottom:none;padding-bottom:30px; }
.menu-bar { display:block;clear:both;position:fixed;bottom:0px;left:0px;z-index:10;padding-left:7px;margin-left:10px; }
.menu-bar a { display:inline-block;width:auto;height:64px;padding:8px 6px;margin:4px 1px;background:rgba(255,255,255,1);border-radius:8px;text-align:center;font-weight:400;font-size:10px;text-transform:uppercase;color:black; }
.menu-bar a img { width:32px;height:32px; }
.scroll-content { display:block;clear:both;width:100%;height:calc(100vh - 65px);overflow-y:auto;margin:12px 0px; }
.MenuFirst { margin-left:10px; }

.swiper-container-menu { display:block;clear:both;position:fixed !important;height:64px !important;bottom:0px;left:8px;z-index:10;padding-left:7px;  }

.menu_active { background:rgba(240,256,141,1) !important; }

#SubcatIndicator { display:block;position:absolute;top:10px;left:-400px;-webkit-transition:all 0.6s;transition:all 0.6s; }

@media only screen and (min-width:601px) {
	::-webkit-scrollbar { width:12px; }
	::-webkit-scrollbar-thumb { background:#cccccc;height:90px; }
	::-webkit-scrollbar-track { box-shadow:inset 0 0 2px #444444; }
}

@media screen and (max-width:600px) {
	.menu-bar { display:block;width:100%;z-index:1000;padding-left:7px; }
	.intro-text p.intro { max-width:300px; }
}