/***********Mugikorra Horizontala*****************/
/** Product list *****************/
.mugikorh
{
    padding: 0;
    position: relative;
    max-width: 730px !important;
}
.mugikorh h2
{
    margin: 0;
    padding: 0 .75em;
    color: #ffffff;
    background-color: #2f2f2f;
}
.mugikorh h3
{
    margin-right: 40px !important;
}
.mugikorh ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mugikorh li
{
    padding: 0 0 0 0px;  /*156px*/     /*Honekin Irudia eta izena mugitzen dut*/
    margin-bottom: 24px;
    width: 100%;
    min-height: 120px;
    -webkig-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    float: left;
    display: inline;
    position: relative;
}

/*.mugikorh li:hover
{
	 background: url(../images/thumb-bgr.png);
}*/

.mugikorh li .thumb
{
    margin-bottom: 2px;
    width: 140px;
    height: 140px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    text-align: center;
    float: left;
    overflow: hidden;
}
.mugikorh li .porcentaje
{
    margin-left: -140px;
    margin-top: 100px; 
    padding: 0 0 0 5px;
    height: 2em;
    background-color: #8e6e29;
    float: left;
    position: relative;
    display: inline-block;
    /*background: url('images/etiketa.png');
    background-repeat: no-repeat;*/
}
.mugikorh li .porcentaje:after
{
    content: '';
    border-bottom: 2em solid transparent;
    border-left: 2em solid #8e6e29;
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
}
.mugikorh li .thumb img
{
    /*min-width: 100%;*/
    width:140px;
    /*max-width:140px;
    max-height:140px;*/
}

.mugikorh li .title
{
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
    width:90%;
    font-size:8pt;
    font-weight:normal;
}

.mugikorh li .price-and-buy
{
    margin: 23px 0 0 0;
}
.mugikorh li .price
{
    margin-left: -2em;
    padding: 0 .5em;
    color: #ffffff;
    display: inline-block;
    position: relative;
}
.mugikorh li .price.red-price
{
    background-color: #E51400;
}
.mugikorh li .price.orange-price
{
    background-color: #F09609;
}
.mugikorh li .price.green-price
{
    background-color: #8e6e29;    
}
.mugikorh li .price.brown-price
{
    background-color: #80c141; /*#996600;    */
}

.mugikorh li .price:before
{
    content: "";
    border-top: 24px solid transparent;
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
}
.mugikorh li .price.red-price:before
{
    border-right: 24px solid #E51400;    
}
.mugikorh li .price.orange-price:before
{
    border-right: 24px solid #F09609;    
}
.mugikorh li .price.green-price:before
{
    border-right: 24px solid #8e6e29;    
}
.mugikorh li .price.brown-price:before
{
    border-right: 24px solid #80c141;    
}

.mugikorh li .precioanterior
{
    display: inline-block;
    vertical-align: top;
    text-decoration: line-through;
    margin-left: -2ex;
    /*padding: 0 .5em;*/
    height: 24px;
}

.mugikorh li .buy
{
    display: inline-block;
    vertical-align: top;
}
.mugikorh li .buy .RadButton
{
    padding: 0;
    background: none;
}
.mugikorh li .buy .RadButton input
{
    color: #80c141;
    background: none;
}
.mugikorh li .buy .RadButton:hover
{
    color: #80c141;
    text-decoration: none;
}
.mugikorh li .buy .RadButton:hover input
{
    color: #80c141;
    text-decoration: underline;
}

.mugikorh .paging .RadDataPager
{
    margin: -4px 0 0 0;
    padding: .5em 0;
}

.mugikorh .rlvI
{
    display: inline;
}
/*.mugikorh li:hover
{
    background: #eaeaea;
    
}*/


/***********Markak Mugikorra Horizontala*****************/
/** Product list *****************/
.markmugikorh
{
    padding: 0;
    position: relative;
    max-width: 960px !important;
}
/*.markmugikorh h2
{
    margin: 0;
    padding: 0 .75em;
    color: #ffffff;
    background-color: #2f2f2f;
}
.markmugikorh h3
{
    margin-right: 40px !important;
}*/
.markmugikorh ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.markmugikorh li>div { height:100px; display: table-cell; vertical-align: middle;}
.markmugikorh li img
{
  vertical-align:middle;  
}
/*.markmugikorh li
{
    padding: 0 0 0 0px; 
    margin-bottom: 24px;
    width: 80%;
    height: 80px;
    min-height: 80px;
    -webkig-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    float: left;
    display: inline;
    position: relative;
}*/

/*.markmugikorh li:hover
{
	 background: url(../images/thumb-bgr.png);
}*/


/*.markmugikorh li .rlvDrag
{
    line-height:100px;
    position:relative;
    float: left;
	text-align:center;
}*/

 /*.markmugikorh li .thumb
{
    margin-bottom: 2px;
    width: 100px;
   height: 100px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    text-align: center;
    float: left;
    overflow: hidden;
}*/

/***********Mugikorra Bertikala*****************/
/** Product list *****************/
.mugikorv
{
    padding: 0 2em;
    position: relative;
}
.mugikorv h2
{
    margin: 0;
    padding: 0 .75em;
    color: #ffffff;
    background-color: #2f2f2f;
}
.mugikorv h3
{
    /*margin-right: 40px !important;*/
    text-align:left;
    padding-left: 15px;
}

.mugikorv ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mugikorv li
{
    padding: 0 0 0 0px;  /*156px*/     /*Honekin Irudia eta izena mugitzen dut*/
    margin-bottom: 24px;
    width: 100%;
    min-height: 120px;
    -webkig-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    float: left;
    display: inline;
    position: relative;
}

/*.mugikorv li:hover
{
	 background: url(../images/thumb-bgr.png);
}*/

.mugikorv li .thumb
{
    margin-bottom: 2px;
    width: 140px;
    height: 140px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    text-align: center;
    float: left;
    overflow: hidden;
}
.mugikorv li .porcentaje
{
    /*margin-left: -156px;*/
    margin-left:-142px;
    margin-top: 100px; 
    padding: 0 0 0 5px;
    height: 2em;
    background-color: #8e6e29;
    float: left;
    position: relative;
    display: inline-block;
    /*background: url('images/etiketa.png');
    background-repeat: no-repeat;*/
}
.mugikorv li .porcentaje:after
{
    content: '';
    border-bottom: 2em solid transparent;
    border-left: 2em solid #8e6e29;
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
}
.mugikorv li .thumb img
{
    /*min-width: 100%;*/
    width:140px;
    /*max-width:140px;
    max-height:140px;*/
}

.mugikorv li .title
{
    margin: 0;
    height: 72px; /*72px*/
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
}

.mugikorv li .price-and-buy
{
    margin: 23px 120px 0px; /*23px 0 0; /* 40px 0 0;*/
}
.mugikorv li .price
{
    margin-left: -2em;
    padding: 0 .5em;
    color: #ffffff;
    display: inline-block;
    position: relative;
}
.mugikorv li .price.red-price
{
    background-color: #E51400;
}
.mugikorv li .price.orange-price
{
    background-color: #F09609;
}
.mugikorv li .price.green-price
{
    background-color: #8e6e29;    
}
.mugikorv li .price.brown-price
{
    background-color: #80c141; /*#996600;    */
}

.mugikorv li .price:before
{
    content: "";
    border-top: 24px solid transparent;
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
}
.mugikorv li .price.red-price:before
{
    border-right: 24px solid #E51400;    
}
.mugikorv li .price.orange-price:before
{
    border-right: 24px solid #F09609;    
}
.mugikorv li .price.green-price:before
{
    border-right: 24px solid #8e6e29;    
}
.mugikorv li .price.brown-price:before
{
    border-right: 24px solid #80c141;    
}

.mugikorv li .precioanterior
{
    display: inline-block;
    vertical-align: top;
    text-decoration: line-through;
    margin-left: -1.5ex;
    /*padding: 0 .5em;*/
    height: 24px;
}

.mugikorv li .buy
{
    display: inline-block;
    vertical-align: top;
}
.mugikorv li .buy .RadButton
{
    padding: 0;
    background: none;
}
.mugikorv li .buy .RadButton input
{
    color: #80c141;
    background: none;
}
.mugikorv li .buy .RadButton:hover
{
    color: #80c141;
    text-decoration: none;
}
.mugikorv li .buy .RadButton:hover input
{
    color: #80c141;
    text-decoration: underline;
}

.mugikorv .paging .RadDataPager
{
    margin: -4px 0 0 0;
    padding: .5em 0;
}
.mugikorv .rlvI
{
    display: inline;
}
/*.mugikorv li:hover
{
    background: #eaeaea;
    
}*/