/*css test*/

/* estaba pa cuando esperaba a cargar galeria en app/code/Televes/ProductComplexAttributes/view/frontend/templates/product/view/details.phtml 
.product.info.detailed.col-sm-12{
	opacity: 0;
}
/**/

.page-layout-2columns-left .column.main {
    width: calc(100% - 280px);
}
.page-layout-2columns-left .column.main.menu-collapsed {
    width: calc(100% - 40px);
}


.menuLateral.menu-collapsed {
    width: 40px;
	overflow: hidden;
}
.menuLateral.menu-collapsed .level2.active.open ul,	
.menuLateral.menu-collapsed .list3.open {
	display:none!important;
}

.page-layout-2columns-left .sidebar-main {
    width:280px;
}
.sidebar.sidebar-main.sidebar-menu.menu-collapsed {
    width: 40px;
	padding: 0;
}

/* Elimina <p> en slider de nivel 1 */
 .catalog-category-view div.col-md-6.col-sm-6.text-left.padding-80 > p:nth-child(n+5){
    display:none;
}




@media (min-width: 1770px){
	
	
	
	
	.catalog-product-view .columns .container,
	.catalog-category-view .columns .container{
		width: 1170px;
		margin-left: calc(((100% - 280px) - 1170px ) / 2);
		
	}
	
	.catalog-product-view .columns .page-title-wrapper.container.product{
		
		margin-left: auto;
	}
	.catalog-category-view .columns section.callout-dark.heading-title.heading-arrow-bottom.menu-nivel-2:after{
	    left: calc(50% - 137px);
	}
	
	
	
	.catalog-product-view  .columns .menu-collapsed  .container,
	.catalog-category-view .columns .menu-collapsed  .container{
		margin-left: calc(((100% - 40px) - 1170px ) / 2);
	}
	
	.catalog-category-view .columns .menu-collapsed section.callout-dark.heading-title.heading-arrow-bottom.menu-nivel-2:after{
	    left: calc(50% - 18px);
	}
	
}
	
				




.sidebar.sidebar-main.sidebar-menu.menu-collapsed i.icon.fa-chevron-left {
   transform: rotate(-180deg);

  /* Safari */
  -webkit-transform: rotate(-180deg);

  /* Firefox */
  -moz-transform: rotate(-180deg);

  /* IE */
  -ms-transform: rotate(-180deg);

  /* Opera */
  -o-transform: rotate(-180deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.sidebar.sidebar-main.sidebar-menu.menu-collapsed i.icon.fa-times:before {
    content: "\f0c9";
}

.menuLateral ul,
.menuLateral ul > li,
.menuLateral ol > li

{
	
	margin-bottom: 0;	
}
	/* sidebar */

	.sidebar.sidebar-main.sidebar-menu {
		background-color: #f8f8f8;
		position: absolute;
		border-right: 1px solid lightgray;
		z-index: 9999;
		-webkit-box-shadow: 6px 0px 11px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 6px 0px 11px -6px rgba(0,0,0,0.75);
		box-shadow: 6px 0px 11px -6px rgba(0,0,0,0.75);
		transition: none;

	}


	

	
.menuLateral{

	
	background-color: #f8f8f8;
    position: relative;
    width: 280px;
    border-right: 1px solid lightgray;
    display: inline-block;
	z-index: 999;

	/*transition: width 0.5s ease 0.2s;*/
	
}

.menuLateral #menu-collapse{
	float:left;
	width: 10%;
	cursor:pointer;
	margin-right: 0;
}

.menu-collapsed li.level2.active {
    width: 39px;
}

.menuLateral ul li a:hover{
    color:gray;
    text-decoration: underline;
}


.menuLateral.menu-collapsed .level2.open ul.list3 {
    display: none!important;
}

i.btn-more:before {
    content: "\f196";
    font-family: FontAwesome;
}

.level2.active i.btn-more.open:before,
.level2.open i.btn-more.open:before {
    content: "\f147";
    font-family: FontAwesome;
}

i.btn-more:hover,
i.btn-more.open:hover{
	cursor:pointer!important;	
	
}


/*-----------------------*/
/*---------Level 1 ------*/
/*-----------------------*/

.menuLateral .list1 a.arbol-de{
	text-transform: uppercase;
    font-size: 12px;
    padding-top: 5px;
}

.menuLateral .level1 {
	float: left;
	
}

.menuLateral ul li .btn-more{
    padding-left: 2px;
    font-size: 14px;
    padding-right: 3px;
	font-style: normal;
}



li.level1 > i { /*boton menu*/
    font-size: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 40px!important;
    text-align: center;
}

.menuLateral .level1 > span {
    float: left;
    cursor: pointer;
    padding-left: 5px;
    font-weight: 600;
    font-size: 16px;
    border-left: 1px solid lightgray;
    padding-bottom: 5px;
    padding-top: 5px;
}



.menuLateral .level1 > span:hover{
	
	color:#f6a400;
	
}

.menuLateral ul,
.menuLateral li{
	list-style: none;
}

.menuLateral .list1{
	/*float:left;
	width: 100%;*/
	padding-left:0;
}



/*-----------------------*/
/*---------Level2 ------*/
/*-----------------------*/

.menuLateral .list2 > .level2.active{
	background-color: #e8e8e8;
	border-bottom: 1px dotted lightgray;
}



.menuLateral .list2 > li > span:hover {
    background-color: #e8e8e8;
	border-left: 3px solid #f6a400;
	
}

.menuLateral .list2 > li a:hover {
	text-decoration:none;
	color: #212121;
}

.menuLateral .list2 > .level2.active.open{
	
	border-bottom: none;
}


.menuLateral .level2.open ul.list3 {
    background-color: #E8E8E8;
    display: flex;
    flex-direction: column;
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid lightgray;
	
	
}


.menuLateral .list2{
	float:left;
	width: 100%;
	padding-left:0px;
	border-top: 1px dotted lightgrey;
}

.menuLateral .list2 > .level2 > span{
	float:left;
	width: 100%;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px dotted lightgray;
	padding-left:5px;
	border-left: 3px solid transparent;
	
}

.menuLateral .list2 > .level2.open > span {
    border-bottom: 1px solid #f8f8f8;
}


.menuLateral .list2 > .level2.active > span{
	border-left: 3px solid #f6a400;
	font-weight: 600;
	color: #212121;

}
.menuLateral .list2 > .level2.active > span > a{
	
	color: #212121;
}

.menuLateral .level2 span a > i{
	float: left;
    width: 33px;
    font-size: 20px;
    display: flex;
    justify-content: center;
	margin-left: -4px;
    margin-right: 2px;
	
}


.menuLateral .level2.active .btn-more {
    padding-right: 0;
	padding-left: 3px;
}

.menuLateral .level2 > span > a.elemento{
	width:82%;
}

.menuLateral ul.list2 li.level2:last-child {
    margin-bottom: 0;
}

/*-----------------------*/
/*---------Level 3 ------*/
/*-----------------------*/

.menuLateral .list3.open{
	display:inherit!important;
}

.menuLateral ul li a{
	float:left;
	color: gray;
}


.menuLateral .level2 {
	float: left;
	width: 100%;
}



.menuLateral .list3 .level3.active > span > a,
.menuLateral .list4 .level4.active > span > a{
    color: #333333;
}

.menuLateral .list3 .level3 > span > a {
    font-weight: 600;
}


.menuLateral .list3{
    display:none;
}
/*-----------------------*/
/*---------Level 4------*/
/*-----------------------*/

.menuLateral ul.list4 {
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 8px;
}
.menuLateral ul.list4 li:after {
	content: "";
	display: block;
	position: absolute;
	margin-left: -20px;
	border-left: #808080 1px dotted;
	z-index: 0;
	height: 20px;
	margin-top: -1px;
}

.menuLateral li.level4:before {
	content: "";
	display: block;
	position: absolute;
	width: 12px;
	left: 42px;
	margin-top: 11px;
	border-top: #808080 1px dotted;
}

.menuLateral li.level4.active {
	font-weight: 600;
}


/* medias */
	@media (max-width: 768px) {
		
			.page-layout-2columns-left .column.main {
	   
				margin-left: 40px;
			}
	}
	@media only screen and (max-width: 639px){
			.menuLateral ul li .btn-more {
				font-size: 16px;
			}
	
		
		}


/* solo para ios en movil */
@media not all and (min-resolution:.001dpcm) { 
	@media only screen and (max-width: 767px){
		.catalog-product-view .sidebar.sidebar-main.sidebar-menu {
		
			top: 70px;
		
		}
	}

}