:root { --c0: #fff; --cp: #2980b9 /* radial-gradient(circle at 10% 20%, rgb(75, 108, 183) 0%, rgb(55, 82, 141) 90%) linear-gradient(to right, #093028, #237a57)  linear-gradient(to right, #00b4db, #0083b0)*/; --cs: #093; --fsize: 0.7rem }
#featured_products ul li span.price, .titulo { font-size: 15px }
* { font: var(--fsize) "Segoe UI","Lucida Sans",Helvetica,sans-serif; color: #888 }
#one ol li h3 a:hover, .titulo { color: var(--cs) }
#tmslider1, #wrapper3, body#index #center_column { width: 930px }
#one, #one ol li > h2, #tmslider2, .clearblock { overflow: hidden }
  #header, #one, #one ol li > div > div, #tmc, #tmslider2 ul li, .content, .menu, .secundario { position: relative }
a.button_small, h1 { text-transform: uppercase }
#header_account a:hover, #one ol li a, #tmc > li > a, #tmfooterlinks ul li a, #tmfooterlinks > p a, #tmheaderlinks li a, #tmslider2 ul li a.tmslider2_btn, .center_column a:hover, img { text-decoration: none }
a, b, body, div, h1, h2, h3, h4, html, img, li, ol, p, span, ul { background: 0 0; border: 0; font-size: 12px; font-weight: 400; margin: 0; outline: 0; padding: 0; vertical-align: top }
ol, ul { list-style: none }
a, span { vertical-align: baseline }
img { vertical-align: top }
#currencies_block_top { background-image: url(ecuador.png); background-position: center; background-repeat: no-repeat; float: right; height: 26px; padding: 4px 11px 0 0; width: 26px }
#header_account { padding: 0 10px 0 0; border-right: 1px solid var(--c0); float: right; height: 15px; margin: 5px 10px 0 0 }
#featured_products h4 { color: #474747; font-size: 22px; margin: 0; padding: 22px 0 0; text-transform: none }
#featured_products ul { overflow: hidden; width: 960px }
  #featured_products ul li { float: left; margin: 9px 30px 0 0; width: 210px }
    #featured_products ul li .button_small { margin: 17px 0 0 }
    #featured_products ul li p { line-height: 17px; margin: 0; padding: 9px 0 1px }
#footer { background: url(bg_footer.png) no-repeat; clear: both; height: 247px }
#header_logo, .logo { background: url(logo.png) 0 0/65% no-repeat }
#one ol li > h2, #wrapper2, h1 { background: var(--cp) }
#header { z-index: 100 }
#header_logo { display: block; height: 100px; left: 10px; position: absolute; top: 5px; width: 230px }
#header_user_info { color: var(--c0); left: 12px; position: absolute; top: 5px }
#one ol li > div { height: 291px; position: absolute; top: 0 }
  #one ol li > div > div > div { left: 0; padding: 0 0 0 35px; position: absolute; top: 0 }
#one ol li > h2 { border: 1px solid var(--c0); border-radius: 1px; cursor: pointer; height: 291px !important; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 41px !important; z-index: 10 }
  #one ol li > h2:hover { background: #474747 }
#one ol li p, #tmfooterlinks ul li { padding: 5px 0 0 }
#one ol li > h2 > span { -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; color: var(--c0); display: block; font-size: 16px; padding: 12px 0 0 14px; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; width: 277px }
#one ol li > h2.selected { background: #474747; height: 291px; width: 41px }
#one ol li a.tmslider1_btn, a.button_small { background: var(--cp); display: block; text-align: center }
#one ol li a.tmslider1_btn { color: var(--c0); font-size: 14px; height: 25px; margin: 19px 0 0; padding: 5px 0 0; width: 122px; border-radius: 5px }
#one ol li div h2 { margin: 0 0 0 -3px; padding: 18px 0 0; text-transform: none }
  #one ol li div h2 a { color: #4f4f4f; font-weight: 200; font-size: 2rem }
#one ol li h3 { margin: -6px 0 0 -2px; padding: 0 }
  #one ol li h3 a { color: var(--cp); font: 22px "Segoe UI","Lucida Sans" }
#one ol li a.tmslider1_btn:hover { color: #b6ff00 }
#one ol li p { line-height: 15px; margin: 0; width: 310px }
  #one ol li p a { color: #878787 }
#header_account a { color: var(--c0) }
#tmslider2 ul li > a { display: block }
#tmc > li + li > a { background: url(tmc_sep.png) no-repeat }
#tmc > li > a { color: #5c5c5c; display: block; font-size: .98rem; font-weight: 700; height: 27px; padding: 11px 10px 0 11px }
#tmcategories { background: url(tmc_bg.png) no-repeat; height: 38px }
#tmfooterlinks > div + div { border-left: 1px solid #c5c5c5 }
#tmfooterlinks > p { clear: both; color: #000; padding: 25px 0 0 }
  #tmfooterlinks > p a { color: #000 }
#tmfooterlinks div { float: left; height: 176px; padding: 0 0 0 20px; width: 211px }
  #tmfooterlinks div > p { color: #6e6e6e; line-height: 18px; padding: 11px 10px 0 0 }
#tmfooterlinks h2 { color: #474747; font-weight: 600; font-size: 17px; padding: 15px 0 7px }
#tmfooterlinks h3 { color: #474747; font-weight: 600; font-size: 20px; padding: 14px 0 0 }
#tmfooterlinks h4 { color: var(--cp); font-size: 28px; margin: -9px 0 0 }
#tmfooterlinks ul li a { color: #6e6e6e }
  #center_column span.price, #tmfooterlinks ul li a:hover { color: var(--cp); font-weight: 700 }
#tmheaderlinks { float: right; height: 41px; padding: 17px 0 }
  #tmheaderlinks li + li { padding: 0 0 0 17px }
  #tmheaderlinks li a { text-transform: capitalize; color: #484848; font: 600 1rem "Segoe UI","Lucida Sans" }
    #one ol li div h2 a:hover, #one ol li p a:hover, #tmc > li:hover > a, #tmfooterlinks > p a:hover, #tmheaderlinks li a.active, #tmheaderlinks li a:hover, .menu a:hover { color: var(--cp) }
  #tmc > li, #tmheaderlinks li { float: left }
#tmslider1 { background: url(tmslider1_bg.jpg) 0 bottom no-repeat; height: 331px; margin: 0 0 0 -10px; padding: 0 10px }
  #tmslider1 p { font-size: 14px }
#tmslider2 ul li { float: left; height: 143px; width: 310px }
  #tmslider2 ul li > div { height: 143px; left: 0; padding: 0 0 0 20px; position: absolute; top: 0; width: 185px }
  #tmslider2 ul li a.tmslider2_btn { background: url(tmslider2_btn.png) no-repeat; color: var(--c0); display: block; font: .85rem "Segoe UI","Lucida Sans"; height: 21px; margin: 6px 0 0; padding: 3px 0 0; text-align: center; text-transform: uppercase; width: 87px }
    #tmslider2 ul li a.tmslider2_btn:hover { color: #5cd0e3 }
  #tmslider2 ul li h2 { color: var(--cp); font: 18px "Segoe UI","Lucida Sans"; margin: 0; padding: 10px 0 0; text-transform: none }
  #tmslider2 ul li p.tmslider2_descr { font-family: "Segoe UI","Lucida Sans"; font-size: 12px; margin: 0; padding: 3px 0 0 }
#wrapper1 { border-top: 2px solid var(--cp); min-height: 100%; min-width: 980px }
#wrapper2 { height: 25px; border-radius: 0 0 20px 20px }
#wrapper3 { margin: 0 auto; text-align: left }
.content { margin: 0 auto; width: 100% }
.titulo { vertical-align: 5px }
a.product_descr:hover { text-decoration: underline }
body#index #columns1 { background: url(bg_columns.png) 0 bottom repeat-x; margin: 0 0 30px; padding: 20px 0 31px }
body#index #columns2, body#index #columns3 { background: 0; padding: 0 }
.clearblock { clear: both; font-size: 0; height: 0; line-height: 0 }
.logo { height: 58px; width: 180px; margin-left: 20px }
#empresas h2 { color: #474747; font-size: 22px }
a.button_small { line-height: 18px !important; border: 0; border-radius: 5px; color: var(--c0) !important; cursor: pointer; font: 10px "Segoe UI","Lucida Sans" !important; height: 19px !important; text-decoration: none !important; background-position: 0 -19px; width: 90px }
  a.button_small:hover { text-decoration: none !important; background-position: 0 -95px }
.deshabilitado { color: #ccc }
a.deshabilitado:hover { color: #ccc; text-decoration: none }
.publicidad { height: 200px }
.menu, .secundario { background: #f1f1f1; border: 1px solid #e0e0e0; color: var(--cp); float: left; margin: 5px 2px; padding: 5px; width: 210px }
a { color: var(--cp); font-size: 1rem; text-decoration: none }
  a:hover { font-weight: bold }
h1 { color: var(--c0); font-size: .85rem; margin: 10px 0; padding: 4px }
.principal { margin: 0 auto; padding: 10px 0 0 20px; width: 900px }
  .principal li { background: #f3f3f3; border-bottom: 1px solid #999; border-right: 1px solid #999; display: inline; float: left; height: 218px; margin: 10px 0 0 10px; padding: 5px 5px 20px; text-align: center; width: 300px }
  .principal p { color: #004f6c; font-size: 8pt; padding: 10px; text-align: justify }
  .principal span { color: #093; font-weight: 700; font-size: 1rem }
.secundario { float: right; min-height: 95%; position: fixed; right: 0; top: 25px; width: 200px }
.noticias { position: relative; top: 1px }
#empresas li { display: inline-block; float: left; list-style-type: none; margin: 2px }
.accordion-button.collapsed { background: var(--cp); color: var(--c0) }

@media print {
  * { background: var(--c0) !important }
  div#center_column { width: 100% }
  #currencies_block_top, div#footer { display: none }
}