/*@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);*/
@import url(reset.css);

/*global*/
html, body { margin: 0; padding: 0; width:100%; min-width: 960px; height:100%; font-family: Tahoma, Arial, sans-serif; font-size: 13px; background: #fff; line-height: 1; color: #000; position:relative; }
#wrapper { position:relative; min-height:100%; height:auto !important; height:100%; width: 100%;  }
.inner { width: 956px; margin: 0 auto; }

img { border: none; }
a { color: #0099ff; text-decoration: underline; }
a:hover { color: #00c6ff; }
*:focus {outline: none;}

.clear { clear: both !important; }
.nomargin { margin: 0 0 0 0 !important; }
.nopadding { padding: 0 0 0 0 !important; }

.v-separator { clear: both; width: 100%; height: 0; font-size: 0; }
.red { color: #ff0000; }


/*header*/
#header { clear: both; padding: 10px 0; margin: 0 0 10px; height: 45px; background: #fdfdfd; border-bottom: 1px solid #e3e3e3; }
#logo { float: left; margin: 0 56px 0 15px; width: 157px; height: 42px; }
#slogan { float: left; margin: 3px 0 0; font-size: 27px; text-transform: uppercase; }
#slogan .add-text { display: block; clear: both; margin: 5px 0 0 2px; font-size: 11px; color: #a4a4a4; }
#phone { float: right; font-size: 27px; margin: 10px 15px 0 0; }


/*content*/
.item { display: block; clear: both; float: left; width: 100%; margin: 20px 0; padding: 0 0 30px; border-bottom: 1px solid #e3e3e3; position: relative; }
.item .pic { float: left; width: 600px; height: 360px; margin: 0 0 0 15px; position: relative; }

.item .pic .icons { position: absolute; top:0; left: 0; width: 600px; height: 75px; }
.item .pic .icons div { float: left; width: 180px; height: 72px; margin: 0 15px 0 0; background: url(img/icons.png) no-repeat; }
.item .pic .icons-inv div { float:right !important; }
.item .pic .icons .deliv { background-position: 0 0;}
.item .pic .icons .hit { background-position: 0 -75px;}
.item .pic .icons .super { background-position: 0 -150px;}

.item .pic .thumb { position: absolute; width: 150px; height: 80px; cursor: pointer; z-index: 10; }
.item .pic .rt-1 { top: 75px; right:0; }
.item .pic .rt-2 { top: 115px; right:-16px; }
.item .pic .rt-3 { top: 195px; right:-16px; }
.item .pic .rt-4 { top: 115px; right:-5px; }
.item .pic .rt-5 { top: 195px; right:-5px; }
.item .pic .rt-6 { top: 105px; right:5px; }
.item .pic .rt-7 { top: 205px; right:5px; }
.item .pic .rb-1 { top: 125px; right:-30px; }
.item .pic .rb-2 { top: 205px; right:-30px; }
.item .pic .lt-1 { top: 95px; left:-50px; }
.item .pic .lt-2 { top: 180px; left:-50px; }
.item .pic .lb-1 { top: 260px; left:-120px; }
.item .pic .lb-2 { top: 110px; left:-23px; z-index: 0; }
.item .pic .lb-3 { top: 190px; left:-23px; z-index: 0; }
.item .pic .lb-4 { top: 100px; left:-23px; z-index: 0; }
.item .pic .lb-5 { top: 180px; left:-23px; z-index: 0; }

.item .pic .add-info { position: absolute; bottom:0; left:0; width:600px; }
.item .pic .add-info .txt { float: left; width: 370px; }
.item .pic .add-info .txt span { display: block; clear: both; margin: 5px 0; }
no-repeat; color: #0099ff; cursor: pointer; }
.item .video:hover { color: #00c6ff !important; }
.item .video span { border-bottom: 1px dashed #0099ff; }
.item .video span:hover { border-bottom: 1px dashed #00c6ff !important; }
.item .pic .inv-info .txt { float:right; text-align: right;}
.item .pic .inv-info .video { float:left; }

.item .desc { float: right; width: 320px;  margin: 0 15px 0 0; }
.item .desc .price { clear: both; font-size: 90px; font-weight: bold; color: #c30000; }
.item .desc .price span { font-size: 29px; }
.item .desc h2 { display: block; clear: both; margin: 5px 0 0; font-size: 42px; text-transform: uppercase; }
.item .desc h2.smaller { font-size: 24px; }
.item .desc h2 a { color: #000; text-decoration: none; }
.item .desc .chars { display: block; clear: both; padding: 12px 15px 9px; border: 5px dotted #66CCFF; width: 270px; margin: 10px 0; }
.item .desc .chars li { margin: 0 0 5px; }
.item .desc .old-price { clear: both; font-size: 21px; }
.item .desc .old-price span { font-weight: bold; text-decoration: line-through; }
.item .desc .add-links { display: block; clear: both; margin: 10px 0; }
.item .desc .add-links li { margin: 0 0 5px; }
.item .desc .buy { display: block; clear: both; float: left; background: url(./nkar/kupit.png) no-repeat; width: 203px; height: 40px; margin: 10px 0 1px; padding: 10px 0 0; color: #fff; text-align: center; text-shadow: 1px 1px 1px #1e69a3; font-size: 29px; text-transform: uppercase; text-decoration: none; position: relative;  }
.item .desc .buy:hover { background-position: 0 -55px; }
.item .desc .buy:active { background-position: 0 -111px; -webkit-box-shadow: inset 0 1px 5px rgba(10,78,132,0.7); -moz-box-shadow: inset 0 1px 5px rgba(10,78,132,0.7); box-shadow: inset 0 1px 5px rgba(10,78,132,0.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.item .desc .buy .hover { display: block; width: 203px; height: 50px; position: absolute; top:0; left:0; display: none; -webkit-box-shadow: 0px 0px 5px rgba(0,180,255,0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

    /*item direction right*/
    .dr .pic { float: right !important; margin: 0 15px 0 0 !important; }
    .dr .add-info { bottom:-3px !important; left:-105px !important; }

    .dr .desc .buy-block { position: absolute; bottom:0; left:0; width: 900px; height: 51px; }
    .dr .desc .buy-block .buy { margin: 0; }
    .dr .desc .buy-block .txt { float: left; width: 370px; margin: 6px 0 0 15px;  }
    .dr .desc .buy-block .txt span { display: block; clear: both; margin: 5px 0; }
    .dr .desc .vidr {position: absolute; right: -620px; bottom: -10px;}

.more-link { clear: both; float: left; margin: 10px 0 40px; text-align: center; width: 100%;}
.more-link a { color: #c30000; font-size: 42px; }
.more-link a:hover { color:#f52323 }

/*modals*/
.modal { display: none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#fff; padding: 10px;}
#simplemodal-container a.modalCloseImg { background:url(img/x.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top:-13px; right:-12px; cursor:pointer; }

/*footer*/
#wrapper .empty { clear: both; height: 132px; }
#footer { clear: both; position:relative; margin:-131px auto 0; height:131px; width:100%; background:#f5f5f5; border-top: 1px solid #e3e3e3; }
#footer .foot-content { width:100%; height: 115px; border-top: 1px solid #fff; padding: 15px 0 0; }
#footer .logo { float: left; width: 157px; height: 42px; margin: 10px 20px 0 0; }
#footer .copy { float: left; width: 720px; font-size: 11px; }
#footer .copy p { margin: 0 0 10px; line-height: 15px;}
#footer .copy p a { color:#7d7d7d; }