@charset "utf-8";
#topWrap{background:url(/images/topBg.png) no-repeat center top; position:relative; overflow:hidden; min-width:990px;}
#topWrap:before{content:''; background:url(/images/topBg_cloud.png) left top no-repeat; width:1150px; height:626px; position:absolute; left:50%; top:430px; margin-left:-575px; z-index:0;}
#siteHeader{z-index:100; position:relative; margin-bottom:-15px;}


/* spMenu */
.spTopGlobalNav{display:none; height:51px; -webkit-border-radius:4px/4px 4px 3px 3px; -moz-border-radius:4px/4px 4px 3px 3px; border-radius:4px/4px 4px 3px 3px; background-color:#fff; margin:0 5px 0; min-width:310px;}
.spTopGlobalNav ul {display:table;/* table-layout:fixed;*/ width:100%;}
.spTopGlobalNav ul li {display:table-cell; font-size:0;}
.spTopGlobalNav ul li:nth-child(1){width:23%;}
.spTopGlobalNav ul li:nth-child(2){width:18%;}
.spTopGlobalNav ul li:nth-child(3){width:18%;}
.spTopGlobalNav ul li:nth-child(4){width:16%;}
.spTopGlobalNav ul li:nth-child(5){width:auto;}
.spTopGlobalNav ul li a{display:block; height:51px; position:relative; text-indent:100%; overflow:hidden; white-space:nowrap;}
.spTopGlobalNav ul li a:before{content:''; display:block; width:2px; height:34px; position:absolute; right:-1px; top:50%; background:url(/common/images/sprite.png) no-repeat -350px -20px; background-size:500px auto; margin-top:-17px; z-index:30;}
.spTopGlobalNav ul li:last-child a:before{display:none;}
.spTopGlobalNav ul li a:after {content:''; display:block; width:70px; height:51px; position:absolute; left:50%; top:50%; background:url(/images/spMainMenu.jpg) no-repeat 0px 0px; background-size:312px auto; margin-top:-25px; margin-left:-36px; z-index:20;}
.spTopGlobalNav ul li:nth-child(2) a:after {content:''; display:block; width:56px; height:51px; position:absolute; left:50%; top:50%; background:url(/images/spMainMenu.jpg) no-repeat -72px 0px; background-size:312px auto; margin-top:-25px; margin-left:-28px;}
.spTopGlobalNav ul li:nth-child(3) a:after {content:''; display:block; width:56px; height:51px; position:absolute; left:50%; top:50%; background:url(/images/spMainMenu.jpg) no-repeat -131px 0px; background-size:312px auto; margin-top:-25px; margin-left:-28px;}
.spTopGlobalNav ul li:nth-child(4) a:after {content:''; display:block; width:51px; height:51px; position:absolute; left:50%; top:50%; background:url(/images/spMainMenu.jpg) no-repeat -189px 0px; background-size:312px auto; margin-top:-25px; margin-left:-26px;}
.spTopGlobalNav ul li:nth-child(5) a:after {content:''; display:block; width:69px; height:51px; position:absolute; left:50%; top:50%; background:url(/images/spMainMenu.jpg) no-repeat -242px 0px; background-size:312px auto; margin-top:-25px; margin-left:-35px;}

header.topHeader{background:url(/common/images/ptnGray.png); line-height:30px; padding:0 10px; position:relative; clear:both; zoom:1;}
header.topHeader:after{content:''; clear:both; display:block;}
header.topHeader h1{font-size:1.2em; font-weight:bold; float:left;}
header.topHeader p{float:right;}
header.topHeader p a{font-size:1em; font-weight:bold; text-decoration:none; display:inline-block; padding-left:18px; position:relative;}
header.topHeader p a:before{content:''; background:url(/common/images/sprite.png) -950px top no-repeat; position:absolute; left:0; top:50%; margin-top:-6px; width:14px; height:12px;}


/* news
====================================== */
.newsBlock {float:left; width:386px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 0 5px 3px rgba(186,235,253,.33); -moz-box-shadow:0 0 5px 3px rgba(186,235,253,.33); box-shadow:0 0 5px 3px rgba(186,235,253,.33); padding:14px 14px 4px; }


#topics {position:relative; margin-bottom:11px;}
#topics:before{content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; z-index:10;}
#topics .item {border-bottom:2px dashed #ccc; min-height:55px; position:relative; padding:9px 0 9px 50px;}
#topics .item h2{font-size:0.85em; line-height:1.4em;}
#topics .item h2 a span span {display:inline-block; background:url(/common/images/pdf.png) 2px top no-repeat; padding:0 0 4px 24px;}
#topics .item p.icon {position:absolute; left:5px; top:10px; font-size:0;}
#topics .item a {text-decoration:none;}
#topics .item h2 a span.blank{ background:url(/common/images/sprite.png) -800px -100px no-repeat; width:14px; height:13px; overflow:hidden; display:inline-block; text-indent:100%; overflow:hidden; white-space:nowrap; margin-left:0.4em; position:relative; top:0.2em;}
#topics .item h2 a.pdf {position:relative; display:inline-block; padding-right:23px;}
#topics .item h2 a.pdf:before {content:''; background:url(/common/images/pdf.png); width:20px; height:1em; min-height:20px; position:absolute; right:0; bottom:0.15em;}
#topics .item h2 a.pdf span.blank{display:none;}
#news dl{position:relative;}
#news dl:before{content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0; z-index:10;}
#news dl dt{display:none;}
#news dl dd{border-top:2px dashed #ccc; font-size:0.85em; line-height:1.4em; padding:8px 0;}
#news dl dd a{text-decoration:none;}
#news dl dd span {white-space:nowrap;}
#news dl dd span span {display:inline-block; background:url(/common/images/pdf.png) 2px top no-repeat; padding:0 0 4px 24px;}
#newsSp{display: none;}


/* campaign
====================================== */
.newsBlock + #campaign {display:none;}
#pcSlide #campaign {display:block; position:absolute; right:0; top:24px; width:238px; max-height:371px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background-color:#fff; -webkit-box-shadow:0 0 5px rgba(255,255,255,.44), 2px 2px 5px rgba(197,197,197,.47), inset 0 0 0 4px rgba(226,248,255,.75); -moz-box-shadow:0 0 5px rgba(255,255,255,.44), 2px 2px 5px rgba(197,197,197,.47), inset 0 0 0 4px rgba(226,248,255,.75); box-shadow:0 0 5px rgba(255,255,255,.44), 2px 2px 5px rgba(197,197,197,.47), inset 0 0 0 4px rgba(226,248,255,.75); border:solid 1px #fff;padding:3px; }

#pcSlide #campaign header.topHeader{background:#fff; border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; }
#pcSlide #campaign ul.pcList {display:block; position:static;}
#pcSlide #campaign ul.pcList li{display:inline; width:auto; height:auto; border-bottom:1px solid #efefef;}
#pcSlide #campaign ul.pcList li:last-child{border-radius:0 0 15px 15px; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border:none; }
#pcSlide #campaign ul.pcList li img{position:static;}


/* quality
====================================== */
#quality{float:right; width:584px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 0 5px 3px rgba(186,235,253,.33); -moz-box-shadow:0 0 5px 3px rgba(186,235,253,.33); box-shadow:0 0 5px 3px rgba(186,235,253,.33); overflow:hidden; }

#quality header{display:none;}
#quality .pc{position:relative;}
#quality .pc p a{position:relative; display:block;}
#quality .pc p a span {display:block; position:absolute; right:36px; bottom:29px; font-size:0.8em; padding-left:1em;}
#quality .pc p a span:before{content:'>'; position:absolute; left:0; top:0;}
#quality .pc ul {font-size:0; padding:0 0 14px 10px;}
#quality .pc ul li {font-size:0; display:inline; padding:0 9px 0 0;}

#quality .sp{display:none;}

/* topProducts
====================================== */
#topProducts {clear:both; zoom:1;}

/* #pcSlide */
#pcSlide {position:relative; /*background:url(/sports/vaam/common/images/loading.gif) center 38% no-repeat;*/}
#pcSlide .slideArea{height:405px; overflow:hidden; position:relative; z-index:0; -webkit-box-shadow:0 0 8px rgba(158,229,255,.56); -moz-box-shadow:0 0 8px rgba(158,229,255,.56); box-shadow:0 0 8px rgba(158,229,255,.56); margin-bottom:10px; background:#fff; }
#pcSlide .area{position:relative; min-width:990px;}
#pcSlide ul {position:absolute; left:0; top:0; display:none;}
#pcSlide ul li{float:left; position:relative; background:#fff; width:1300px; height:405px; font-size:0; list-style:none;}
#pcSlide ul li img{position:absolute; bottom:0; left:0;/* filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
#pcSlide p.next{position:absolute; top:50%; right:0px; display:none; z-index:100;}
#pcSlide p.next a{display:block; height:64px; width:40px; overflow:hidden; background:url(/common/images/sprite.png) -900px 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; margin-top:-37px; position:relative; right:64px;}
#pcSlide p.prev{position:absolute; top:50%; left:0px; display:none; z-index:100;}
#pcSlide p.prev a{display:block; height:64px; width:40px; overflow:hidden; background:url(/common/images/sprite.png) -850px 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; margin-top:-37px; position:relative; left:67px;}
#pcSlide .pagenate {padding:0; z-index:100; text-align:center;}
#pcSlide .pagenate a {background:#ccc; text-indent:-9999px; display:inline-block; width:14px; height:14px; margin:0 5px; outline:0; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:3px #fff solid; }
#pcSlide .pagenate a:hover,
#pcSlide .pagenate a.active {background:#fcadd6;}
#spSlide{display:none;}
#spSlide{position:relative; z-index:0; width:100%; clear:both; -webkit-box-shadow:0 0 8px rgba(158,229,255,.56); -moz-box-shadow:0 0 8px rgba(158,229,255,.56); box-shadow:0 0 8px rgba(158,229,255,.56); margin-bottom:10px;}
#spSlide ul{margin:0 auto;}

/* topProducts */
#topProducts{width:auto; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; background-color:#fff; -webkit-box-shadow:0 0 2px rgba(255,255,255,.99), 0 0 5px 3px rgba(186,235,253,.42), inset 0 0 0 8px rgba(255,172,203,.75); -moz-box-shadow:0 0 2px rgba(255,255,255,.99), 0 0 5px 3px rgba(186,235,253,.42), inset 0 0 0 8px rgba(255,172,203,.75); clear:both; zoom:1; margin:0 0 86px; position:relative; top:56px;}
#topProducts{width:auto; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; background-color:#fff; -webkit-box-shadow:0 0 2px rgba(255,255,255,.99), 0 0 5px 3px rgba(186,235,253,.42), inset 0 0 0 8px rgba(255,172,203,.75); -moz-box-shadow:0 0 2px rgba(255,255,255,.99), 0 0 5px 3px rgba(186,235,253,.42), inset 0 0 0 8px rgba(255,172,203,.75); box-shadow:0 0 2px rgba(255,255,255,.99), 0 0 5px 3px rgba(186,235,253,.42), inset 0 0 0 8px rgba(255,172,203,.75); clear:both; zoom:1; margin:0 0 86px; position:relative; top:56px; }
.ie8 #topProducts {border:8px solid #ffd3e3;}

#topProducts ul{display:table; table-layout:fixed; width:100%;}
#topProducts ul li {list-style:none; display:table-cell;}
#topProducts ul li a{position:relative; display:block; padding:96px 0 18px; line-height:1; text-align:center; text-decoration:none; font-size:1.2em; font-weight:bold;}
/*
#topProducts ul li a:after{content:''; background:url(/common/images/sprite.png) -950px -150px; height:67px; width:4px; position:absolute; right:0; top:50%; margin-top:-34px;}
#topProducts ul li:last-child a:after{display:none;}
.ie8 #topProducts ul > *:first-child + * + * a:after{display:none;}
*/
#topProducts ul li:nth-child(1) a:after{content:''; background:url(/common/images/sprite.png) -950px -150px; height:67px; width:4px; position:absolute; right:0; top:50%; margin-top:-34px; z-index:0;}
#topProducts ul li:nth-child(2) a:after{content:''; background:url(/common/images/sprite.png) -950px -150px; height:67px; width:4px; position:absolute; right:0; top:50%; margin-top:-34px; z-index:0;}

#topProducts ul li:nth-child(1) a:before{content:''; background:url(/images/pcTopProducts01.png) left top no-repeat; width:284px; height:110px; position:absolute; left:50%; bottom:47px; margin-left:-137px;}
#topProducts ul li:nth-child(2) a:before{content:''; background:url(/images/pcTopProducts02.png) left top no-repeat; width:291px; height:152px; position:absolute; left:50%; bottom:5px; margin-left:-185px;}
#topProducts ul li:nth-child(3) a:before{content:''; background:url(/images/pcTopProducts03.png) left top no-repeat; width:287px; height:115px; position:absolute; left:41%; bottom:35px; margin-left:-118px;}
#topProducts ul li:nth-child(2) {padding-left:90px;}
#topProducts ul li:nth-child(3) br{display:none;}
#topProducts ul li img{display:none;}

@media screen and (min-width:768px) and (max-width:990px){
#topWrap{min-width:320px;}
#topWrap:before{display:none;}
#pcSlide{display:none;}
#spSlide{display:block;}

header.topHeader{line-height:34px; padding:0 5px 0 10px;}
header.topHeader p a{font-size:1em; font-weight:bold; text-decoration:none; display:inline-block; padding-left:18px; position:relative; background:#fff; padding:0 12px 0 25px; line-height:24px; border-radius:4px;}
header.topHeader p a:before{left:8px;}

/* news
====================================== */
.newsBlock {float:none; width:auto; padding:14px 14px 4px; margin:0 10px 15px;}

/* campaign
====================================== */
#pcSlide #campaign {display:none;}
.newsBlock + #campaign {display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 0 5px 3px rgba(186,235,253,.33); -moz-box-shadow:0 0 5px 3px rgba(186,235,253,.33); box-shadow:0 0 5px 3px rgba(186,235,253,.33); padding:14px 14px 4px; margin:0 10px 15px;}
.newsBlock + #campaign ul.pcList{display:none;}
.newsBlock + #campaign ul {font-size:0; padding:15px 0 10px; display:table; table-layout:fixed; width:100%;}
.newsBlock + #campaign ul li{list-style:none; display:table-cell;}
.newsBlock + #campaign ul li img{width:100%; height:auto;}

/* quality
====================================== */
#quality{float:none; width:auto; padding:14px; margin:0 10px 15px;}
#quality header{display:block;}
#quality .pc{display:none;}
#quality .sp{display:block; text-align:center;}
#quality .sp p a{position:relative; display:block;}
#quality .sp p a span {display:block; position:absolute; right:36px; bottom:29px; font-size:0.8em; padding-left:1em;}
#quality .sp p a span:before{content:'>'; position:absolute; left:0; top:0;}
#quality .sp ul {font-size:0; padding:0 0 14px 10px;}
#quality .sp ul li {font-size:0; display:inline; padding:0 9px 0 0;}
#quality .sp ul li a{display:inline-block; border:1px solid #d7d7d7; border-radius:5px; overflow:hidden;}

/* topProducts */
#topProducts{width:auto; border-radius: 12px/13px; -webkit-box-shadow: 0 0 2px rgba(255,255,255,.99), 0 0 4px 3px rgba(186,235,253,.42), inset 0 0 0 7px rgba(255,172,203,.75); -moz-box-shadow: 0 0 2px rgba(255,255,255,.99), 0 0 4px 3px rgba(186,235,253,.42), inset 0 0 0 7px rgba(255,172,203,.75); box-shadow: 0 0 2px rgba(255,255,255,.99), 0 0 4px 3px rgba(186,235,253,.42), inset 0 0 0 7px rgba(255,172,203,.75); margin:0 10px 50px; position:relative; top:20px;}
#topProducts ul{display:table; table-layout:fixed; width:100%;}
#topProducts ul li {list-style:none; display:table-cell; padding:40px 0;}
#topProducts ul li a{position:relative; display:block; padding:0; line-height:1.3em; text-align:center; text-decoration:none; font-size:1.2em; font-weight:bold;}

/*
#topProducts ul li a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}
#topProducts ul li:last-child a:after{display:none;}
*/

#topProducts ul li:nth-child(1) a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}
#topProducts ul li:nth-child(2) a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}

#topProducts ul li a:before{display:none;}
#topProducts ul li:nth-child(2) {padding-left:0;}
#topProducts ul li:nth-child(3) span{display:none;}
#topProducts ul li:nth-child(3) br{display:block;}
#topProducts ul li img{display:block; margin:0 auto 10px; width:100%; height:auto; max-width:188px;}
#topProducts ul li img.cp {max-width:138px; margin-bottom:0;}

}
@media screen and (max-width:767px){
#topWrap{min-width:320px;}
#container {min-width:320px;}
.spTopGlobalNav{display:block;}
#container {margin-top:10px;}
#topWrap:before{display:none;}
#siteHeader {margin-bottom:-10px;}
#siteHeader:before{content:''; background:#fff; position:absolute; left:0; bottom:20px; height:100%; width:100%; margin:0; z-index:-1}
#pcSlide{display:none;}
#spSlide{display:block;}

header.topHeader{line-height:34px; padding:0 5px 0 10px;}
header.topHeader p a{font-size:1em; font-weight:bold; text-decoration:none; display:inline-block; padding-left:18px; position:relative; background:#fff; padding:0 12px 0 25px; line-height:24px; border-radius:4px;}
header.topHeader p a:before{left:8px;}

/* news
====================================== */
.newsBlock {float:none; width:auto; padding:7px 5px 7px; margin:0 5px 10px;}
#topics{margin-bottom: 0;}
#topics .spnone{display: none;}
#topics .item h2{font-size:1em; line-height:1.4em;}
#news{display: none;}
#newsSp{display: block; padding: padding:7px 5px 7px; margin:0 5px 30px; background-color:#fff;}
#newsSp header{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#newsSp dl{position:relative;}
#newsSp dl:before{content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0; z-index:10;}
#newsSp dl dt{display:none;}
#newsSp dl dd{border-bottom:2px dashed #ccc; font-size:1em; line-height:1.4em; padding:8px 5px;}
#newsSp dl dd a{text-decoration:none;}
#newsSp dl dd span {white-space:nowrap;}
#newsSp dl dd span span {display:inline-block; background:url(/common/images/pdf.png) 2px top no-repeat; padding:0 0 0 24px;}
#newsSp dl dd br{display:none;}

/* campaign
====================================== */
#pcSlide #campaign {display:none;}
.newsBlock + #campaign {display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 0 5px 3px rgba(186,235,253,.33); -moz-box-shadow:0 0 5px 3px rgba(186,235,253,.33); box-shadow:0 0 5px 3px rgba(186,235,253,.33); padding:7px 5px 7px; margin:0 5px 10px;}
.newsBlock + #campaign ul.pcList{display:none;}
.newsBlock + #campaign ul {font-size:0; padding:8px 0 5px; display:table; table-layout:fixed; width:100%;}
.newsBlock + #campaign ul li{list-style:none; display:table-cell;}
.newsBlock + #campaign ul li img{width:100%; height:auto;}

/* quality
====================================== */
#quality{float:none; width:auto; padding:7px 5px 7px; margin:0 5px 10px;}
#quality header{display:block;}
#quality .pc{display:none;}
#quality .sp{display:block; text-align:center; margin:0 -2px;}
#quality .sp p a{position:relative; display:block; text-decoration:none;}
#quality .sp p a img{width:100%; height:auto;}
#quality .sp p a span {display:block; position:absolute; right:6%; bottom:12%; font-size:0.8em; padding-left:1em;}
#quality .sp p a span:before{content:'>'; position:absolute; left:0; top:0;}
#quality .sp ul {font-size:0; padding:0 0 0 0; display:table; table-layout:fixed; width:100%;}
#quality .sp ul li {font-size:0; display:table-cell; padding:0 4px 0 4px; border-radius:5px; overflow:hidden;}
#quality .sp ul li a{display:inline-block; border:1px solid #d7d7d7; border-radius:5px; overflow:hidden;}
#quality .sp ul li a img{width:100%; height:auto;}

/* topProducts */
#topProducts{width:auto; border-radius: 6px; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.99), 0 0 2px 2px rgba(186,235,253,.42), inset 0 0 0 4px rgba(255,172,203,.75); -moz-box-shadow: 0 0 1px rgba(255,255,255,.99), 0 0 4px 3px rgba(186,235,253,.42), inset 0 0 0 4px rgba(255,172,203,.75); box-shadow: 0 0 1px rgba(255,255,255,.99), 0 0 2px 2px rgba(186,235,253,.42), inset 0 0 0 4px rgba(255,172,203,.75); margin:0 5px 45px; position:relative; top:20px;}
#topProducts ul{display:table; table-layout:fixed; width:100%; padding:0 6px;}
#topProducts ul li {list-style:none; display:table-cell; padding:20px 0;}
#topProducts ul li a{position:relative; display:block; padding:0 10px; line-height:1.3em; text-align:center; text-decoration:none; font-size:0.8em; font-weight:bold;}
/*
#topProducts ul li a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}
#topProducts ul li:last-child a:after{display:none;}
*/
#topProducts ul li:nth-child(1) a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}
#topProducts ul li:nth-child(2) a:after{content:''; background:none; height:100%; width:1px; position:absolute; right:0; top:0; margin-top:0; border-left:2px dotted #ff8cb5;}

#topProducts ul li a:before{display:none;}
#topProducts ul li:nth-child(2) {padding-left:0;}
#topProducts ul li:nth-child(3) span{display:none;}
#topProducts ul li:nth-child(3) br{display:block;}
#topProducts ul li img{display:block; margin:0 auto 10px; width:100%; height:auto; max-width:188px;}
#topProducts ul li img.cp {max-width:69px; margin-bottom:0;}

}

@media print{
	#topWrap {width:1100px;}
	#pcSlide {width:1100px}
	#pcSlide ul {left:0 !important;}
	#pcSlide .area {left:-100px !important;}
	#pcSlide #campaign {right:55px !important;}
	* {box-shadow:none !important;}
	#pcSlide #campaign {border:1px solid #ccc; overflow:hidden;}
	#pcSlide #campaign ul.pcList {overflow:hidden;}
	#quality,
	.newsBlock ,
	#topProducts {border:1px solid #ccc;}
	#quality .pc ul {width:600px;}
	.ie #siteFooter{page-break-before:always;}
}