@charset "UTF-8";
/* CSS SODIMAC CHILE. SANTIAGO 2015
// "VIVE TU CASA". 
// Guía de estilos y tendenecias de Sodimac.com
// BASE VERSIÓN 3.0. Diciembre de 2015
// Integración Sodimac Chile.                 
// ;)
======================================================================================*/

/* Carga de fuentes especiales: Miso y Hand of Sean 
// Probar en hoja externa y versión única para todas las guias.
// Usar medidas en rem de preferencia para tamaños de tipografía a diferencia de em
// que hace referencia a la caja contenedora, rem hace referencia al body y por lo 
// tanto es más estable. Ojo con versiones de "Explorer" que necesitan fuente en px
// guiarse segun la tabla de conversión y usar seudo clases (-ms-font-size:18px;)
// o el hack correspondiente (*font-size:18px;)

Tabla de conversión de px a rem con base tipo 14px
-------------------------------------------------- 
11px = 0.7857rem
12px = 0.8571rem
13px = 0.9286rem
14px = 1rem (base)
15px = 1.071rem
16px = 1.143rem
18px = 1.286rem
20px = 1.429rem
22px = 1.571rem
24px = 1.714rem
26px = 1.857rem
28px = 2rem
30px = 2.143rem
32px = 2.286rem
34px = 2.429rem
36px = 2.571rem
38px = 2.714rem
40px = 2.857rem
======================================================================================*/
@font-face {
    font-family: 'misoregular';
    src: url('../fonts/miso/miso-webfont.eot');
    src: url('../fonts/miso/miso-regular-webfont.eot?#iefix')  format('embedded-opentype'),
         url('../fonts/miso/miso-regular-webfont.woff2') format('woff2'),
         url('../fonts/miso/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso/miso-regular-webfont.svg#misoregular') format('svg');
		font-weight: normal;
        font-style: normal;
}

@font-face {
    font-family:'hand_of_seanregular';
    src: url('../fonts/sean/handsean-webfont.eot');
    src: url('../fonts/sean/handsean-webfont.eot?#iefix')  format('embedded-opentype'),
         url('../fonts/sean/handsean-webfont.woff2') format('woff2'),
         url('../fonts/sean/handsean-webfont.woff') format('woff'),
         url('../fonts/sean/handsean-webfont.ttf') format('truetype'),
         url('../fonts/sean/handsean-webfont.svg#hand_of_seanregular') format('svg');
		font-weight: normal;
        font-style: normal;
}

#containervtc { font-size:15px; line-height:21px;}

/* ========== mod bootstrap ========== */
#containervtc .container { max-width:960px;}
.no-pad { padding:0 !important;}

#containervtc p{font-family: 'Roboto', sans-serif;font-size: 18px;line-height: 26px;font-weight: 100;}
#containervtc h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight: 300;}
#containervtc h1 { font-size:50px; text-align:center; }
#containervtc h1 small { display:block; margin:5px 0 10px;}
#containervtc h2 { padding-top: 0px; line-height: 90%; padding-bottom:10px;}

.btn-big-red { width:100%; height:40px; line-height:40px; color:#fff; background-color:#dd0021; display:block; text-align:center; font-family:'misoregular', Arial; font-size:23px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.btn-big-red:hover { text-decoration:none; height:40px; border-bottom:solid 5px #990000; color:#fff;}

.h3upp30px { font-size:30px; text-transform:uppercase; text-align:center; margin-top:50px; margin-bottom:6px;}

.azul { color:#0072ce;}
 .rojo { color:#dd0021;}
/* ========== // ========== */

/* ========== propios pagina ========== */
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

.floati { float:left !important;}
.floati a { margin:3px;}
.floatr { float:right !important;}

.centrado { float:none; margin:0 auto;}
.imgbajada { background:url(../img/bottom-bajada-leterales.jpg) repeat-x; float:none; margin:0 auto 30px;}

/* ========== ========== ========== ========== ========== ========== HOME TEMA ========== ========== ========== ========== ========== ========== */
.vtc-top { height:80px; border-bottom:dashed 1px #ccc; margin-bottom:5px;}
.vtc-logo { width:100px; height:80px; margin-top:10px; float:left;}

.xlarge { width:10% !important; height:70px; text-align:center; float:left;}
.large { width:8% !important; height:70px; text-align:center; float:left;}
.small { width:10% !important; height:70px; text-align:center; float:left;}
.vtc-nav { margin:15px 0 0; padding:0; list-style:none; float:right;}
.vtc-nav li { width:11%; height:70px; text-align:center; float:left;}
.vtc-nav li a { width:100%; height:100%; color:#333; display:block; font-family:'misoregular', Arial; font-size:17px;}
.vtc-nav li a:hover, .vtc-nav li a:active, .vtc-nav li.active a, .flot-vtc-nav li.active a { color:#0072ce; text-decoration:none;}
.vtc-nav li a:link, .flot-vtc-nav li a:link {   text-decoration:none;}
.vtc-nav li a i { width:56px; height:56px; display:block; margin:0 auto; background-color:#fff;}

.vtc-nav li ul li{  display:block; clear:both; float:left;  width:100%; height:30px; text-align:center; }
.vtc-nav li ul li a {}

.vtc-nav-mob { margin:15px 0 0; padding:0; list-style:none; float:right; margin-right:-10px;}
.vtc-nav-mob li { width:10%; text-align:center; float:left;}
.vtc-nav-mob li a { width:100%; height:100%; color:#666; font-size:13px;}

.vtc-bajada { font-family: 'Roboto', sans-serif; font-size:22px; text-align:center;     line-height: 130%;}
.vtc-slider { height:auto; /*overflow:hidden;*/ display:block; border-bottom:dashed 1px #ccc;}

.vtc-mobile { display:none;}

.vtc-art-desta { height:auto; overflow:hidden;}
.vtc-art-desta h2 { font-size:40px; padding:10px 0;}
.vtc-art-desta h2 small { display:block; margin-bottom:-5px;}
.vtc-art-desta figure { height:400px; display:block; margin:0; padding:0;}
.vtc-art-desta figure img { position:absolute;}
.vtc-art-desta figure figcaption { height:auto; background-color:#fff; float:right; top:50%; margin-top:-125px; margin-right:0px; padding:20px 30px;}
.vtc-art-desta figure figcaption h2 { border:none; margin:0;}
.vtc-art-desta figure figcaption p::after { content:"..."}
.vtc-art-desta figure figcaption a { display:block; color:#0072ce; font-style:italic; font-size:15px; margin-top:8px;}

.articulo { background-color:#fff; margin:30px 0;}
.articulo art-img { position:relative; z-index:0;}
.articulo art-img img { width:100%; height:100%;}
.articulo .art-detalle { width:85%; min-height:223px; position:relative; margin:-70px auto 0; z-index:1; border:solid 1px #ccc; background-color:#fff; padding:15px;}
.articulo .art-detalle a { text-decoration:none; color:#000;}
.articulo h3 { width:200px; text-align:center; padding:8px 0; margin:-35px auto 15px; background-color:#0072ce; color:#fff; font-size:20px; font-weight:normal; text-transform:uppercase;}


#titu-fijo { border-left: solid 4px #0072ce;}
/* ========== // ========== */

/* ========== grid element ========== */
.grid { max-width:960px;}
.grid:after { content: ''; display: block; clear: both;}

.button-group { margin-bottom:15px; padding:10px; border:solid 1px #ececec; text-align:center;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.button-group span { float:left; text-align:left; line-height:20px; border-right:solid 1px #ccc; padding:2px 20px 2px 0; font-family:'misoregular', Arial; font-size:20px;}
.button-group .button { background-color:#fff; border:none; margin:0; padding:0 8px; color:#000; font-family:'misoregular', Arial; font-size:18px; font-weight:normal;}
.button-group .button:hover { color:#0072ce;}
.button-group .button:focus { border:0; background-color:transparent;}

.element-item { margin:15px 0;}
.element-item > * { margin:0; padding:0;}
/* ========== // ========== */

/* ========== menu flotante ========== */
#caja-flotante { width:960px; height:auto; background-color:#fff; position:fixed; display:none; z-index:11; top:0; padding:10px;
-webkit-box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
        box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
}
#caja-flotante .dropdown-menu { top:105%;}
#caja-flotante .flot-vtc-nav li { width:11%;}
#caja-flotante .flot-vtc-nav li a { font-size:14px;}

.vtc-logo-flot { width:60px; float:left; margin-right:20px;}
.vtc-logo-flot img { width:100%; height:100%;}
 
.flot-vtc-nav { margin:0; padding:0; list-style:none; float:right;}
.flot-vtc-nav li { width:14%; height:auto; text-align:center; float:left;}
.flot-vtc-nav li li{ width:100%; height:auto; text-align:left; float:none;}
.flot-vtc-nav li a { width:100%; height:100%; color:#333; display:block; font-family:'misoregular'; font-size:16px; text-align:center;}
.flot-vtc-nav li a:hover { color:#0072ce; text-decoration:none;}
.flot-vtc-nav li a i { width:48px; height:48px; display:block; margin:0 auto; background-color:#fff;}

.flot-titu { float:left; color:#000; border-left:solid 2px #ccc; padding-left:20px; height:48px; line-height:48px; margin-top:5px; font-size:30px; font-family:'misoregular';}
/* ========== // ========== */

/* ========== otros articulos ========== */
.otros-articulos {}
.otros-articulos h3 { border-bottom:dashed 1px #ccc; font-size:30px; margin-bottom:30px;}
.otros-articulos h4 { font-size:24px;}
.otros-articulos i { width:24px; height:24px; float:left; background-color:#fff; display:block; margin-right:10px;}
.otros-articulos ul { margin:10px 0; padding:0; list-style-position:inside;}
.otros-articulos ul li { line-height:24px;}
.otros-articulos ul li a { color:#000;}
.otros-articulos ul li a:hover { color:#0072ce;}
.otros-articulos .item-otros { border-bottom:dashed 1px #ccc; margin-bottom:30px;     padding-bottom: 30px;}
.art-index a:hover .art-txt p { color:#dd0021;}
.box-menuArt {float: left; color: #000; font-family: Arial, Helvetica, sans-serif;}
.box-menuArt .art-detalle {width: 90%; min-height: 300px !important; position: relative; margin: -30px 5% 0; z-index: 1; background-color: #fff; padding: 15px; font-family: Arial, Helvetica, sans-serif;}
.box-menuArt .art-detalle small {color: #999; font-family: Arial, Helvetica, sans-serif;}
.box-menuArt .art-detalle p {color: #000; font-family: Arial, Helvetica, sans-serif;}
.box-menuArt .verMas {display: block; float: right; font-family: Arial, Helvetica, sans-serif; color: #0072ce !important;}
/* ========== // ========== */

/* ========== destacados bottom ========== */
.desta-bottom { width:100%; height:auto; overflow:hidden; text-align:left;}
.desta-bottom img { width:100%; height:100%;}

.text-desta-bottom { width:100%; height:170px; margin:0 auto; padding:10px 10px 15px 10px; border:solid 1px #CECECE; display:block; position:relative; z-index:1; margin-top:-30px; background-color:#fff;}
.text-desta-bottom h4 { width:180px; height:30px; background-color:#0072ce; color:#fff; font-family:'misoregular', Arial; text-transform:uppercase; text-align:center; 
line-height:30px; margin:-25px auto 10px;}
.text-desta-bottom a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size:15px;}
.text-desta-bottom h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; padding: 5px 0 10px 0;}
/* ========== // ========== */

/* ========== ========== ========== ========== ========== ========== ARTICULO ========== ========== ========== ========== ========== ========== */
.nav-lat { height:25px; line-height:20px; border-bottom:solid 1px #ccc; padding-bottom:10px; }
.nav-lat a {   font-size:13px; color:#0072ce;}
.nav-lat a:hover { text-decoration:underline; }
.borde { border:dashed 1px #ccc;}
.caja-tip { padding:15px; text-align:center; border-radius:4px;  
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.caja-tip  img{ margin:5px;
}
.caja-tip h3 { font-family:'misoregular', Arial; font-size:26px; margin-bottom:10px;}
.caja-tip p { font-size:13px; line-height:19px;}
.caja-tip::before { content:"DICA"; width:50px; height:30px; margin:-30px auto 10px; text-align:center; background-color:#0072ce; color:#fff; line-height:30px; display:block;
font-family:'misoregular', Arial; font-size:20px;}

.aside {}
.aside h2 { text-align:center;}
.vtc-art-prod { margin-bottom:30px;}
.vtc-art-prod figcaption { text-align:center;}
.vtc-art-prod figcaption p { width:160px; margin:0 auto; font-size:13px; font-style:italic; margin-bottom:5px;}
.vtc-art-prod figcaption a { width:160px; margin:0 auto; display:block; background-color:#dd0021; color:#fff; padding:8px; border-radius:0px; border-radius:3px;}
.vtc-art-prod figcaption a:hover { background-color:#000; text-decoration:none;}

.caption { font-style:italic; font-size:12px; color:#666; margin-top:3px;}
.titu-tip { text-align:center; margin:50px 0 50px;}


.otro-proyecto { position:relative; display:block; overflow:hidden; margin-bottom:10px;}
.otro-proyecto img { float:left; margin-right:10px;}
.otro-proyecto h4 { margin:0; padding:0;}
.otro-proyecto p { font-size:13px;}

.mantencion {}
.mantencion img { float:left; margin-right:10px;}
.mantencion h4 { margin:0; padding:0;}
.mantencion p { font-size:13px;}

.vtc-top span.icon{ display:block; font-size:30px; line-height:100%; background:#fff;}
.vtc-mobile span.icon{ padding-right: 10px; }
.vtc-mobile .navbar-header .i-vtc-logo { width:80px; height:80px; display:block; padding-top:5px;}

@media (max-width: 992px) {
.vtc-mobile { display: none; background:#fff !important;}
.vtc-top { display:block;}
#titu-fijo { display:none;}
.vtc-logo-flot { display:none;}
.vtc-art-desta h2{ padding: 0 15px 0px 15px!important; font-size:34px;}
.vtc-art-desta figcaption h2{ padding: 0 0 10px 0px!important; font-size: 30px;}
.articulo img{ margin: 0 auto; }
.destacados .item{ margin-bottom: 20px; }
.vtc-art-desta figure figcaption{padding: 20px 15px; top:58%;}
#containervtc h2, .otros-articulos h3 { padding: 0px 15px;  }
#containervtc .art-detalle h2 { padding: 0px;  }
.otros-articulos .item-otros{ padding-left: 15px; padding-right: 15px;}
.rg-thumbs{ display: none; } 
#containervtc .row-complementos h2{ padding: 0px!important;}
.rg-image-wrapper{ padding: 0px!important;}
#rg-gallery{ min-height: 220px; }
.caja-tip img {
    margin: 5px;
    margin: 0 auto;
}
.rg-image-nav a{ left: 10px!important; }
.rg-image-nav a.rg-image-nav-next{
  right:10px!important;
  left:auto!important;
}
}
.miga { background:#FFF;}
.vtcbrand{padding: 3px 10px;}
.active-vtc {color: #0072ce;}
.activevtc a{color: #fff !important;}
.active-vtc a:hover{color:#0072ce !important;}
.vtcmobilebot { background-:none !important; border: 0px; margin: 0px; padding: 0px;}
.vtcmobilebot i{ font-size: 30px; color: #0072ce; margin: 10px;}
.vtcmobilebot .fa-plus-circle{ display: none; }
.vtcmobilebot.collapsed .fa-plus-circle{ display: block; }
.vtcmobilebot.collapsed .fa-minus-circle{ display: none; }
.navbar-header{ border: 1px solid #ccc; border-left: 0px; border-right: 0px; margin-top: 10px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-collapse{ background: #fff; }
.navbar-collapse li{border-bottom: 1px dotted #d2cdc9; }
.navbar-nav {margin-top: 0px; margin-bottom: 0px;}
.vtc-mobile { border: 0px;}
.vtc-mobile .navbar-nav>li>a { font-family:'misoregular'; font-size:18px;}
.vtc-mobile .navbar-nav>li>a:hover { color:#0072ce;}
.vtc-mobile .navbar-nav>li>a .fa-caret-down { margin-left:4px;}
.vtc-mobile .navbar-nav>li>a .icon { font-size:20px;}
.dropdown-menu { top:90%; border-radius:0; margin:0; padding:0; /*margin-left:50%;*/ left:-80px;}
.interior h2{ padding: 10px 0 15px 0px!important; }

@media (max-width: 768px) {
.vtc-mobile { display: block; background:#fff !important;}
.vtc-top { display:none;}
.img-index { margin-top:-30px !important;}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 47px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a::before { content:"+"; margin-right:4px; font-size:12px;}
.art-index .art-txt { margin-top:0; height:105px !important;}
.vtc-art-desta figure figcaption { top:67%; border-bottom:dashed 1px #ccc;}
}	

.index { display:block; height:auto; overflow:hidden;}
.txt-index { background-color:#fff; display:block; padding:20px; text-align:center; position:relative; z-index:1;}
.txt-index h1 { font-family:'misoregular', Arial;}
.txt-index p { font-family:'misoregular'; font-size:21px; line-height:26px; margin:10px 0 0; font-weight:lighter;}
.icon-inicio { width:46px; height:48px; display:block; float:none; margin:0 auto; padding:0;}
.img-index { margin:0; padding:2px 0 0; width:100%; border-top:solid 4px #dd0021; position:relative; margin-top:-65px;}
.img-index img { width:100%; height:100%;}
/*-------------------------------------------------------------------------------------------------------------------*/

.art-index { margin:10px 0;}
.art-index a { color:#000; width:100%; height:100%; display:block;}
.art-index a:hover { text-decoration:none;}
.art-index figure { max-height:181px; overflow:hidden; display:block;}
.art-index figure img { width:100%; height:100%;}
.art-index .art-txt { height:130px; border:solid 1px #cccccc; padding:10px; float:none; margin:0 auto; background-color:#fff; margin-top:-20px;}
.art-index .art-txt h3 { width:80%; font-size:18px; height:30px; line-height:30px; background-color:#0072CE; color:#fff; margin:0 auto 10px; text-align:center;
font-weight:lighter; margin-top:-25px; text-transform:uppercase;}
.art-index .art-txt p { font-size:13px;}
.icon-tema { width:50px; height:50px; position:absolute; top:0; right:15px;}
.icon-tema img { width:100%; height:100%;}

/* -- SLIDER -- */
.vtc-slider .owl-theme .owl-controls .owl-buttons { position:absolute; top:50%; margin-top:-25px; width:102%; left:-1%;}
.vtc-slider .owl-theme .owl-controls .owl-buttons div { width:33px; height:49px; background-color:#fff; background-image:url('/static/contenido/ViveTuCasa/owl/btns.png'); border-radius:0; text-indent:-5000px; opacity:1;}
.vtc-slider .owl-theme .owl-controls .owl-buttons div.owl-next { background-position:-41px 0;}
.vtc-slider .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background-position:-41px -51px;}
.vtc-slider .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background-position:0 -51px;}

/* -- NUEVO CSS-- */

.ahorro-icon,.bosque-icon,.bundle-icon,.cart-icon.big,.cartcyber-txt,.casa-icon,.cmr-icon,.cmr-icon.small,.cmr-only-icon,.combo-icon,.cyber-icon,.cyber-mon-icon.small,.cyberDay-icon,.cyberMonday-icon,.cyberday-icon,.cybermonday,.devoluciones-icon,.disponibilidad-icon,.domicilio-icon,.energia-icon,.homy-icon,.icon,.icon24Hour-icon,.m-icon,.opu-icon,.pickupInStoreOnly-icon,.preciobajo-icon,.preco-icon,.puntos-icon,.reciclados-icon,.retirosodimac-icon,.sodimac-icon{ background:#FFF;no-repeat;display:inline-block}