/* Midia Queries CSS (max-width : 1024px) */
body { background:#fff;}
#wrap { }
#header { max-width:1024px; margin:0 auto}
#header #mainmenu a.current.mainM { color:#000;}
.sideDiscription { display:none}
#footer { max-width:920px; margin:0 auto; background:url('../img/gray_line2.gif') repeat-y 50% 0}
#content { max-width:1025px; margin:0 auto}
#content.main { width:983px;}
#content.aub { max-width:1024px;}
#subConB { max-width:1024px; margin:0 auto}

.boxWrap { background:url('../img/bg_line.gif') repeat-y 979px 0}

#portfolioAside { width:100%; max-width:1024px; height:49px; border-bottom:1px solid #ebebeb;  border-left:0; border-right:0; position:relative; }
#portfolioAside h1 { display:none; width:100%; font-size:14px; line-height:49px; text-align:center; font-weight:normal; position:absolute; left:0; top:0;}
#portfolioAside .navList { width:244px;}
#portfolioAside .btnBack , #portfolioAside .navPrize li { height:49px; border-bottom:0; float:left}
#portfolioAside .btnPN a, #portfolioAside span, #portfolioAside .navShare li { border-bottom:0; float:left}
#portfolioAside .btnBack { width:144px; position:absolute; left:50px; top:0; border-right:1px solid #ebebeb; background:#fff; display:block; text-align:center; font-size:14px; padding-top:0;  height:49px; line-height:49px;}
#portfolioAside span {font-size:14px; line-height:49px; height:49px; width:113px; display:block; text-align:center; letter-spacing:0;  border-left:1px solid #ebebeb;}
#portfolioAside .btnPN { height:49px; width:49px; display:block; float:none; text-indent:-500px;}
#portfolioAside .navPrev { background:#fff url('../img/nav_prev.gif') no-repeat 50% 50%; border-right:1px solid #ebebeb; width:49px;position:absolute; left:0; top:0;}
#portfolioAside .navPrev.mac-prev { width:49px;}

#portfolioAside .navNext{ background:#fff url('../img/nav_next.gif') no-repeat 50% 50%; border-right:1px solid #ebebeb; width:49px; left:195px; top:0;}
.navShare { float:none; width:265px; position:absolute; right:0; top:0; background:#fff;}
.navShare li a { display:block; width:49px; height:49px; padding:0; text-indent:-5000px}
.navShare li.shareF { background:url('../img/iconF.gif') no-repeat 50% 50%; border-left:1px solid #ebebeb;}
.navShare li.shareT { background:url('../img/iconT.gif') no-repeat 50% 50%; border-left:1px solid #ebebeb;}
.navShare li.shareP { background:url('../img/iconP.gif') no-repeat 50% 50%; border-left:1px solid #ebebeb;}
#portfolioAside .navPrize { display:none} 

/*
#portfolioAside .btnBack:hover .b { width:145px; height:49px;}
#portfolioAside .btnPN:hover .b, #portfolioAside .navPrev:hover .b { width:49px; height:49px;}
#portfolioAside .navShare li a:hover .b { width:49px; height:49px;}
*/

/*#section, #article { border:none;}*/

/* portfolio */
.portfolioWrap { border-left:0; border-right:0; }
#article.portfolio { border-left:0; width:100%; margin-left:0; float:left;  border-left:0; border-right:0;}
#portfolio-filter .fillter-area {max-width:980px; width:980px;}
#portfolio-filter div.fillerWrap { padding:30px 9px 30px 30px;} /* width:142px; 1129:padding-right 10px to 9px */ 

/* sub */
#content.sub {border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; max-width:980px;}
#subcon { max-width:730px; border-left:1px solid #ebebeb}
.subBottom { width:100%; }
.subBottom ul { max-width:980px; margin:0 auto; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-top:0;}

/* df */
.awards_img li { float:left; margin-right:10px;}
.awards_img li.last { float:right; margin-right:0;}