#cms ul#chrt {list-style:none; margin-left:0px; margin-top:1.5em;}

.pix {margin-bottom:1em;}
.pix img {display: block; margin-bottom:4px; border:1px solid #f1f1f1;}
.pix span {display:block; font-size:.8em;}
.pix span a {display:block; font-style:italic;}

.dir2 {margin-bottom: 1.5em;}



.btnvwpix {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 30px;
    border: 1px solid #a12727;
    border-radius: 30px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 23px arial;
    color: #ffffff;
    text-decoration: none;
}
.btnvwpix:hover,
.btnvwpix:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.btnvwpix:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}
.btnvwpix:before{
    content:  "\0000a0";
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("../_img/ele/icnbtn-vwpix.png") no-repeat left top transparent;
    background-size: 100% 100%;
}



@media (max-width:480px) {  
.pix {width:100%; max-width:250px; text-align:left;}
.pix img {margin-left:0px; margin-right:auto;}
.pix span {width:100%; text-align:left; margin-left:auto; margin-right:auto;}
.pix span a {display:block; background:url(../_img/ele/icn-vw.png) no-repeat left top;padding-left:20px; margin-left:0px; text-align:left;}
} 

@media (min-width:481px) {  
.pix {width:40%; float:right; clear:right; margin-left:25px; margin-right:0px; text-align:right;}
.pix img {margin-right:0px; margin-left:auto;}
.pix span {margin-left:auto; margin-right:0px;}
.pix span a {background:url(../_img/ele/icn-vw.png) no-repeat right top; padding-right:20px; margin-right:0px; text-align:right;}
} 

@media (min-width:600px) {  
.pix {width:45%;}
} 

@media (min-width:800px) {  
.pix {width:50%; max-width:340px;}
}