/* 
Version: 1.0
Author: Christian Gavilan
Description: Categoria Muebles
Author URI: www.sodimac.com
*/


/* ESTILOS GENERALES */
section.col-md-12 {
	padding: 0;
}
@font-face {
	font-family: MisoFont;
	src: url(/static/pruebas-js/christian/pruebas/font/Miso.otf);
}
@font-face {
	font-family: MisoFont-Bold;
	src: url(/static/pruebas-js/christian/pruebas/font/MisoBold.otf);
}
@font-face {
	font-family: HelveticaNueBd;
	src: url(/static/pruebas-js/christian/pruebas/font/HelveticaNeueBd.ttf);
}
/*h1 { font-size: 36px;}*/
/*h2 { font-size: 58px;}*/
/*p { font-size: 16px; line-height: 24px; }*/

hr {
	border-top: 1px solid #fff;
}
.hrx2 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.no-pad {
	padding: 0;
}
.marg-bottom {
	margin-bottom: 30px;
}
.btn-default {
	border-color: #ccc;
}
.bkgrd-azul {
	background: #0072ce;
}
#contenedor-principal {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
}
#contenedor-principal strong {
	display: initial;
}
#my-header {
}
#contenedor-principal #my-header h1 {
	font-size: 36px;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
}
#contenedor-principal #my-header h2 {
	font-size: 58px;
	font-weight: 100;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
}
/* Iconos SVG */
@font-face {
	font-family: 'fontello';
	src: url('/static/pruebas-js/christian/pruebas/font/fontello.eot?19355445');
	src: url('/static/pruebas-js/christian/pruebas/font/fontello.eot?19355445#iefix') format('embedded-opentype'),  url('/static/pruebas-js/christian/pruebas/font/fontello.woff2?19355445') format('woff2'),  url('/static/pruebas-js/christian/pruebas/font/fontello.woff?19355445') format('woff'),  url('/static/pruebas-js/christian/pruebas/font/fontello.ttf?19355445') format('truetype'),  url('./static/pruebas-js/christian/pruebas/font/fontello.svg?19355445#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
.iconos-categorias {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-size: 50px;
	margin-bottom: 12px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* // Iconos SVG */


/*  Menu Top de Categoría */
ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	min-height: 82px;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: inline-block;
	text-align: center;
	padding: 18px 8px;
	text-decoration: none;
	font-size: 15px;
	color: #999;
}
ul.topnav li a:hover {
	color: #0079d7;
	border-bottom: 2px solid #0079d7;
}
ul.topnav li a.active {
	color: #333;
	border-bottom: 2px solid #dd0022;
}
ul.topnav li.icono {
	display: none;
}
.f-nav {
	z-index: 11;
	position: fixed;
	top: 40px;
	width: 1025px;
	background: #fff;
	-webkit-box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.25);
} /* this make our menu fixed top */
/* PARRILLA */
#parrilla .box-parrilla {
	position: relative;
}
#parrilla .box-parrilla h1 {
	position: absolute;
	top: 35%;
	left: 35%;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
#parrilla .etiqueta {
	position: absolute;
	bottom: 0;
	right: 15px;
	background-color: #f4f4f4;
	padding: 20px 30px 13px 30px;
	width: 48.6%;
}
#parrilla .etiqueta h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	line-height: 40px;
	display: initial;
}
#parrilla .etiqueta p {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	line-height: 40px;
	font-weight: 100;
}
#parrilla .etiqueta .btn-default {
	border-color: #0072ce;
	color: #0072ce;
	background-color: transparent;
	padding: 8px 30px;
}
#parrilla .etiqueta .btn-default:hover {
	color: #fff;
	background-color: #0072ce;
}
#parrilla .box-parrilla img {
	float: left;
}
#parrilla .box-parrilla img.w50 {
	width: 50%
}
/* CATEGORIAS */
.box-categoria {
	position: relative;
}
.box-categoria h2 {
	position: absolute;
	right: 5%;
	font-family: HelveticaNueBd;
}
.box-categoria-menu {
	position: absolute;
	top: 0;
	left: 15px;
	height: 100%;
	background-color: #fff;
	padding: 20px;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.box-categoria-menu h5 {
	font-size: 15px;
}
.box-categoria-menu ul li a {
	line-height: 26px;
	color: #333;
	font-size: 14px !important;
}
.box-categoria-menu ul li a:hover {
	color: #0072ce;
}
/* SERVICIOS */
.servicios h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	line-height: 34px;
}
.servicios .servicios-descripcion {
	padding: 30px 40px;
}
.servicios .caja-izq {
	background-color: #f3f3f3;
	border: 1px solid #f3f3f3;
	min-height: 300px;
}
.servicios .caja-izq h3.titulo-armado {
	color: #0072ce;
	border-top: 1px solid;
	display: initial;
	padding-top: 10px;
}
.servicios .caja-izq img {
	margin-top: 20px;
}
.servicios .caja-der { /*border: 1px dashed #ccc;*/
	min-height: 300px;
}
/* CALIDAD SODIMAC */
#calidad-sodimac h2 {
	font-size: 30px;
}
.vertical-tabs {
	border: 1px solid #ccc;
	overflow: hidden;
}
.pad-contenido {
	padding: 25px;
	padding-right: 50px;
}
#calidad-sodimac .nav-pills>li>a {
	color: #ccc;
}
#calidad-sodimac .nav-pills>li>a:hover {
	color: #999;
	background-color: #f3f3f3;
}
#calidad-sodimac .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color: #666;
	background-color: #f3f3f3;
}
#calidad-sodimac .nav-pills>li>a {
	border-radius: 0;
}
#calidad-sodimac .nav>li>a {
	padding: 25px 50px;
}
#calidad-sodimac img {
	height: 100%
}
/* ========== ESTILOS N2 ========== */
.border-bottom-1 {
	border-bottom: 1px solid #fff !important;
}
.border-top-1 {
	border-top: 1px solid #fff !important;
}
.border-left-1 {
	border-left: 1px solid #fff !important;
}
.border-right-1 {
	border-right: 1px solid #fff !important;
}
.pd-left-0 {
	padding-left: 0 !important;
}
.pd-right-0 {
	padding-right: 0 !important;
}
/*Menú Lateral*/
#menu-categoria-muebles ul.nom-categorias, #menu-cat-relacionadas ul.nom-categorias, ul.menu-box-subcategorias {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;
}
#menu-categoria-muebles ul.nom-categorias li a, #menu-cat-relacionadas ul.nom-categorias li a, ul.menu-box-subcategorias li a {
	display: block;
	color: #666;
	padding: 6px 4px;
	text-decoration: none;
}
#menu-categoria-muebles ul.nom-categorias li a:hover, #menu-cat-relacionadas ul.nom-categorias li a:hover {
	text-decoration: underline;
	color: #0072ce;
}
#menu-categoria-muebles ul.nom-subcategorias li a, #menu-cat-relacionadas ul.nom-categorias li a, ul.menu-box-subcategorias li a {
	color: #999;
	padding: 8px 12px;
}
ul.menu-box-subcategorias li a {
	padding: 4px;
	padding-left: 0;
}
ul.menu-box-subcategorias li a:hover {
	text-decoration: underline;
	color: #0072ce
}
.box-descrip-cat {
	padding: 50px;
}
.box-descrip-cat-menu {
	padding: 52px;
	width: 48% !important;
	background-color: #f3f3f3;
	margin-left: 15px;
	min-height: 295px;
}
.box-descrip-cat p {
	color: #666;
	font-family: 'Roboto', sans-serif;
}
/* Fotorama */
.fotorama {
	position: relative;
}
.fotorama a {
	border: 1px solid #666;
	float: left;
	margin-top: 5px;
}
.caja-descripcion {
	background: rgba(255, 255, 255, 0.8); /* blanco background con 80% opacidad */
	padding: 35px 50px;
	height: 70%;
	position: absolute;
	top: 55px;
	right: 60px;
	width: 250px;
	color: #6e6e6e;
	line-height: 28px;
}
.caja-descripcion span {
	display: block;
}
.tit-prod {
	font-size: 24px;
	display: block;
}
.precio-prod {
	font-size: 28px;
	font-weight: bold;
}
.precio-prod small {
	font-size: 65% !important;
}
.descrip-prod-novedoso {
	display: block;
	margin-top: 8%;
	font-size: 18px;
}
.descrip-prod-novedoso-sku, .descrip-prod-novedoso-small {
	display: block;
	margin: 3% 0 0 0;
	font-size: 14px;
	line-height: 20px;
	padding-left: 100px;
}
.descrip-prod-novedoso-sku {
	padding: 0;
	margin: 0;
}
.tit-prod-novedoso {
	font-size: 32px;
	display: block;
}
.caja-descripcion-novedoso {
	padding: 35px 50px;
	height: 70%;
	position: absolute;
	top: 0;
	right: 85px;
	color: #333;
	line-height: 28px;
}
.caja-descripcion-novedoso .btn-default {
	margin-left: 100px;
}
.fotorama__nav {
	text-align: right !important;
	margin-top: -30px !important;
	padding-right: 25px !important;
}
/* Cajas Subcategoria */
.mrg-right {
	margin-right: 15px;
}
.mrg-left {
	margin-left: 15px;
}
.box-50 {
	width: 50%;
	float: left;
}
.box-100 {
	width: 100%;
	float: left;
}
.box-subcategoria {
	position: relative;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-subcategoria a img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box-subcategoria a img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
}
.box-subcategoria h3 {
	position: absolute;
	right: 30px;
	top: 15px;
	color: #000;
	text-align: right;
	font-family: HelveticaNueBd;
	max-width: 60%;
}
.box-servicios {
	background-color: #fcfcfc;
	padding: 45px;
}
.box-servicios h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
}
.armado-muebles {
	margin-right: 15px;
}
.armado-especial {
	margin-right: 0;
	padding: 83px 45px;
}
.armado-muebles h4.titulo-armado {
	color: #0072ce;
	border-top: 1px solid;
	display: initial;
	padding-top: 10px;
}
.guia-compras {
	background: url('http://placehold.it/650x650/999999/fff') no-repeat center center;
	margin-left: 15px;
}
.box-video {
	position: relative;
	padding: 0;
}
.box-video p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
	font-size: 14px;
}
.vive-casa {
	position: relative;
}
.vive-casa .vive-casa-info {
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px 80px;
	color: #fff;
	height: 100%;
	width: 50%;
	background: rgba(0, 0, 0, 0.5);
}
.vive-casa .vive-casa-info h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
	margin-left: -20px;
}
/*-- CONTENIDO ARTICULOS --*/
#contenedor-principal .contenido {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin-bottom: 60px;
	position: relative;
}
#contenedor-principal .contenido .letrachica {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #333;
}
#contenedor-principal .contenido .bajadatitulo {
	font-size: 22px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
}
#contenedor-principal .contenido p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 100;
	color: #666;
}
#contenedor-principal .contenido h3 {
	font-size: 28px;
	font-weight: 700;
	color: #666;
}
#contenedor-principal .contenido h2 {
	font-size: 32px;
	font-weight: 700;
}
#contenedor-principal .contenido h1 {
	font-size: 40px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 600 !important;
	line-height: 60px !important;
	color: #333;
	text-align: center;
}
#contenedor-principal .contenido > span {
	text-align: right;
	display: block;
	font-size: 13px;
}

.text-center {
	text-aling: center;
}
/*-- DETALLE VIDEO --*/

#contenedor-principal .contenido .info-video, #contenedor-principal .contenido .tiempo-duracion {
	width: 100%;
	padding: 10px 0;
}
#contenedor-principal .contenido .tiempo-duracion {
	/*border-bottom: 1px solid #ccc;*/
	padding-top: 0;
}
#contenedor-principal .contenido .dificultad-alta, #contenedor-principal .contenido .dificultad-media, #contenedor-principal .contenido .dificultad-baja, #contenedor-principal .contenido .tiempo-duracion {
	color: #747484;
	font-size: 14px;
	text-align: left;/*padding-left: 15px;*/
}
#contenedor-principal .contenido .dificultad-alta {
	background: url('../como-hacer-una-huerta-de-riego-por-goteo-con-botellas-recicladas/dificultad.png') no-repeat 0 -35px;
}
#contenedor-principal .contenido .dificultad-media {
	background: url('../como-hacer-una-huerta-de-riego-por-goteo-con-botellas-recicladas/dificultad.png') no-repeat 0 -17px;
}
#contenedor-principal .contenido .dificultad-baja {
	background: url('../como-hacer-una-huerta-de-riego-por-goteo-con-botellas-recicladas/dificultad.png') no-repeat 0 4px;
}
#contenedor-principal .contenido .tiempo-duracion {
	background: url('../como-hacer-una-huerta-de-riego-por-goteo-con-botellas-recicladas/icon-tiempo.png') no-repeat 0 3px;
}
#contenedor-principal .contenido .info-tiempo {
	color: #fff;
	background-color: #7A7A7A;
	padding: 2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}
    
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}

.pdd1 { padding: 0 1px;}
.pdd3 { padding: 0 3px;}
.pdd5 { padding: 0 5px;}
.pdd7 { padding: 0 7px;}
.pdd9 { padding: 0 9px;}
.pdd11 { padding: 0 11px;}
.pdd13 { padding: 0 13px;}

#containervtc p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
}	
	
    
.dificultad { display: block; position: relative; border-bottom: solid 1px #ccc; padding-bottom:20px;}
.dificultad .info-video {}
.dificultad .info-video .dificultad-baja {}
.dificultad .info-video .info-tiempo {}
.dificultad {}

.bajadavideo {
    height: 50px;	
}


	
/* MOSAICO */

#categorias-mosaico h4, #categorias-relacionadas h4  {
   	font-size: 18px;
    font-weight: 700;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
	text-transform:none;
   
   /* font-family: 'Roboto', sans-serif;
    color: #666;*/
}

#categorias-mosaico p {
    color: #666;
}

#categorias-mosaico a:hover { 
    text-decoration: none; 
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.mosaico-cat-relacionadas {
    width: 100%;  
    height: 314px;
    padding: 64px 50px;
    border: 1px dashed #cccccc;
    box-sizing: border-box;
}

.mosaico-cat-relacionadas ul{
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
}
/* // MOSAICO */	
	
	

/* MEDIA QUERIES */
/* Small devices (tablets, 768px and up) */
@media screen and (max-width:767px) {
.box-categoria h2 {
	font-size: 42px;
	text-align: right;
}
.box-categoria-menu {
	display: none;
}
#parrilla .box-parrilla img {
	width: 100%
}
#parrilla .etiqueta .btn-default {
	margin-top: -10px;
}
.caja-descripcion {
	padding: 15px 30px;
	height: 40%;
	top: 0;
	bottom: 20px;
	right: 0;
	width: 200px;
	line-height: 24px;
	background: rgba(255, 255, 255, 1);
}
.descrip-prod-novedoso-small {
	padding-left: 0;
}
.f-nav {
	width: 95.5%;
}
.box-50, .box-descrip-cat-menu {
	width: 100% !important;
}
.mrg-left, .mrg-right, .armado-muebles {
	margin: 0 15px;
}
.pd-left-0, .pd-left-0 {
	padding: initial;
}
.box-subcategoria {
	padding: 10px 0;
	border: none;
}
.armado-muebles {
	padding: 80px 50px !important;
}
.armado-especial {
	padding: 80px 50px !important;
}
.vive-casa .vive-casa-info {
	padding: 80px;
	width: 100%;
}
ul.topnav {
	min-height: 54px;
}
ul.topnav li:not(:first-child) {
	display: none;
}
ul.topnav li.icono {
	float: right;
	display: inline-block;
}
ul.topnav.responsive {
	position: relative;
}
ul.topnav.responsive li.icono {
	position: absolute;
	right: 0;
	top: 0;
}
ul.topnav.responsive li {
	float: none;
	display: inline;
}
ul.topnav.responsive li a {
	display: block;
	text-align: left;
	padding: 11px 10px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iconos-categorias {
	display: inline;
	margin-right: 8px;
	float: left;
	margin-bottom: 0;
}
#parrilla .etiqueta {
	position: initial;
	width: 100%;
	padding: 10px 15px;
	text-align: center;
}
#parrilla .etiqueta p {
	font-size: 38px;
	line-height: 58px;
	display: block;
}
}