body{
    background-color: #535353;
    color: #e7e7e7;
}

h5{
    font: "Source Sans Pro",helvetica,arial,sans-serif;
    color: #e7e7e7;
}

h6{
    font: "Source Sans Pro",helvetica,arial,sans-serif;
    color: #e7e7e7;
}

.heading{
    background: #424444;
    border-bottom: 1px solid #303030;
    box-shadow: inset 0px 1px 0px 0px rgb(90, 90, 90);
}

.tab{
    background: #343434;
    border: 1px solid #303030;
}

#footer{
    background: #525252;
    border-top: 1px solid #282828;
    box-shadow:         inset 0px 1px 0px 0px #727373;
}


.templateButton{
    background: #595B5B;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #727373;
}

.templateButton:hover{
    background: #646666;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #7B7D7D;
}

.templateButton:active{
    background: #404141;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #343535;
}


.btn_add{
    background: #3F3F3F;
    border: 1px solid #242424;
    box-shadow:         inset 0px 1px 0px 0px rgba(113,115,115,0.60);
}

.btn_add:hover{
    background: #333333;
    border: 1px solid #242424;
    box-shadow:         inset 0px 1px 0px 0px rgba(123,125,125,0.60);
}

.btn_add:active{
    background: #333333;
    border: 1px solid #242424;
    box-shadow:         inset 0px 1px 0px 0px #252626;
}


.categoryButton{
    background: #595B5B;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #727373;
}

.categoryButton:hover{
    background:# 646666;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #7B7D7D;
}

.categoryButton:active, .categoryButton:active:hover, .current, .current:hover{
    background: #404141;
    border: 1px solid #2E3031;
    box-shadow:         inset 0px 1px 0px 0px #343535;
}








#footer{
    background-size: 6px 13px;
    background-image: url(../images/dark/logo-up@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#footer:hover{
    background-size: 6px 13px;
    background-image: url(../images/dark/logo-over@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#footer:active{
    background-size: 6px 13px;
    background-image: url(../images/dark/logo-down@2x.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


#btn_newTemplate{
    background-size: 17px 18px;
    background-image: url(../images/dark/newd-up@2x.png);
    background-repeat: no-repeat;
    background-position: 52px 50%;
}

#btn_newTemplate:hover{
    background-image: url(../images/dark/newd-over@2x.png);
    background-repeat: no-repeat;
}

#btn_mapicon{
    background-size: 15px 20px;
    background-image: url(../images/dark/newm-up@2x.png);
    background-repeat: no-repeat;
    background-position: 7px 50%;
}

#btn_mapicon:hover{
    background-image: url(../images/dark/newm-over@2x.png);
    background-repeat: no-repeat;
}

#btn_favicon{
    background-size: 17px 18px;
    background-image: url(../images/dark/newf-up@2x.png);
    background-repeat: no-repeat;
    background-position: 6px 50%;
}

#btn_favicon:hover{
    background-image: url(../images/dark/newf-over@2x.png);
    background-repeat: no-repeat;
}

/*
Categories
*/



#btn_headers{
    width: 42px;
    height: 29px;
    background-image: url(../images/dark/bnav1-up@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

#btn_headers:hover, #btn_headers.hover, #btn_headers.current{
    background-image: url(../images/dark/bnav1-down@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#btn_sliders{
    width: 42px;
    height: 29px;
    background-image: url(../images/dark/bnav2-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#btn_sliders:hover, #btn_sliders.hover, #btn_sliders.current{
    background-image: url(../images/dark/bnav2-down@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#btn_content{
    width: 42px;
    height: 29px;
    background-image: url(../images/dark/bnav3-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#btn_content:hover, #btn_content.hover, #btn_content.current{
    background-image: url(../images/dark/bnav3-down@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#btn_modules{
    width: 42px;
    height: 29px;
    background-image: url(../images/dark/bnav5-up@2x.png); 
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#btn_modules:hover, #btn_modules.hover, #btn_modules.current{
    background-image: url(../images/dark/bnav5-down@2x.png);
    background-size: 10px auto;
    background-repeat: no-repeat;
}

#btn_footers{
    width: 42px;
    height: 29px;
    background-image: url(../images/dark/bnav4-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius:3px; 
    border-bottom-right-radius:3px;
}

#btn_footers:hover, #btn_footers.hover, #btn_footers.current{
    background-image: url(../images/dark/bnav4-down@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

/*
Header Modules
*/
#head1{
    background-image: url(../images/dark/head1-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head1:hover{
    background-image: url(../images/dark/head1-over@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#head2{
    background-image: url(../images/dark/head2-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head2:hover{
    background-image: url(../images/dark/head2-over@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#head3{
    background-image: url(../images/dark/head3-up@2x.png); 
    background-size: 33px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head3:hover{
    background-image: url(../images/dark/head3-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#head4{
    background-image: url(../images/dark/head4-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head4:hover{
    background-image: url(../images/dark/head4-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#head5{
    background-image: url(../images/dark/head5-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head5:hover{
    background-image: url(../images/dark/head5-over@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#head6{
    background-image: url(../images/dark/head6-up@2x.png); 
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head6:hover{
    background-image: url(../images/dark/head6-over@2x.png);
    background-size: 32px auto;
    background-repeat: no-repeat;
}

#head7{
    background-image: url(../images/dark/head7-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head7:hover{
    background-image: url(../images/dark/head7-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#head8{
    background-image: url(../images/dark/head8-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head8:hover{
    background-image: url(../images/dark/head8-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#head9{
    background-image: url(../images/dark/head9-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head9:hover{
    background-image: url(../images/dark/head9-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#head10{
    background-image: url(../images/dark/head10-up@2x.png); 
    background-size: 30px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head10:hover{
    background-image: url(../images/dark/head10-over@2x.png);
    background-size: 30px  auto;
    background-repeat: no-repeat;
}

#head11{
    background-image: url(../images/dark/head11-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head11:hover{
    background-image: url(../images/dark/head11-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#head12{
    background-image: url(../images/dark/head12-up@2x.png); 
    background-size: 18px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#head12:hover{
    background-image: url(../images/dark/head12-over@2x.png);
    background-size: 18px  auto;
    background-repeat: no-repeat;
}

/*
sliders Modules
*/
#slid1{
    background-image: url(../images/dark/slid1-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid1:hover{
    background-image: url(../images/dark/slid1-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#slid2{
    background-image: url(../images/dark/slid2-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid2:hover{
    background-image: url(../images/dark/slid2-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#slid3{
    background-image: url(../images/dark/slid3-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid3:hover{
    background-image: url(../images/dark/slid3-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#slid4{
    background-image: url(../images/dark/slid4-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid4:hover{
    background-image: url(../images/dark/slid4-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#slid5{
    background-image: url(../images/dark/slid5-up@2x.png); 
    background-size: 52px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid5:hover{
    background-image: url(../images/dark/slid5-over@2x.png);
    background-size: 52px  auto;
    background-repeat: no-repeat;
}

#slid6{
    background-image: url(../images/dark/slid6-up@2x.png); 
    background-size: 52px auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid6:hover{
    background-image: url(../images/dark/slid6-over@2x.png);
    background-size: 52px auto;
    background-repeat: no-repeat;
}

#slid7{
    background-image: url(../images/dark/slid7-up@2x.png); 
    background-size: 52px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid7:hover{
    background-image: url(../images/dark/slid7-over@2x.png);
    background-size: 52px  auto;
    background-repeat: no-repeat;
}

#slid8{
    background-image: url(../images/dark/slid8-up@2x.png); 
    background-size: 50px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid8:hover{
    background-image: url(../images/dark/slid8-over@2x.png);
    background-size: 50px  auto;
    background-repeat: no-repeat;
}

#slid9{
    background-image: url(../images/dark/slid9-up@2x.png); 
    background-size: 50px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid9:hover{
    background-image: url(../images/dark/slid9-over@2x.png);
    background-size: 50px  auto;
    background-repeat: no-repeat;
}

#slid10{
    background-image: url(../images/dark/slid10-up@2x.png); 
    background-size: 50px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid10:hover{
    background-image: url(../images/dark/slid10-over@2x.png);
    background-size: 50px  auto;
    background-repeat: no-repeat;
}

#slid11{
    background-image: url(../images/dark/slid11-up@2x.png); 
    background-size: 50px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid11:hover{
    background-image: url(../images/dark/slid11-over@2x.png);
    background-size: 50px  auto;
    background-repeat: no-repeat;
}

#slid12{
    background-image: url(../images/dark/slid12-up@2x.png); 
    background-size: 50px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#slid12:hover{
    background-image: url(../images/dark/slid12-over@2x.png);
    background-size: 50px  auto;
    background-repeat: no-repeat;
}

/*
Content
*/

#cont1{
    background-image: url(../images/dark/cont1-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont1:hover{
    background-image: url(../images/dark/cont1-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#cont2{
    background-image: url(../images/dark/cont2-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont2:hover{
    background-image: url(../images/dark/cont2-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#cont3{
    background-image: url(../images/dark/cont3-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont3:hover{
    background-image: url(../images/dark/cont3-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#cont4{
    background-image: url(../images/dark/cont4-up@2x.png); 
    background-size: 31px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont4:hover{
    background-image: url(../images/dark/cont4-over@2x.png);
    background-size: 31px  auto;
    background-repeat: no-repeat;
}

#cont5{
    background-image: url(../images/dark/cont5-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont5:hover{
    background-image: url(../images/dark/cont5-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#cont6{
    background-image: url(../images/dark/cont6-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont6:hover{
    background-image: url(../images/dark/cont6-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#cont7{
    background-image: url(../images/dark/cont7-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont7:hover{
    background-image: url(../images/dark/cont7-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#cont8{
    background-image: url(../images/dark/cont8-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont8:hover{
    background-image: url(../images/dark/cont8-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#cont9{
    background-image: url(../images/dark/cont9-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont9:hover{
    background-image: url(../images/dark/cont9-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#cont10{
    background-image: url(../images/dark/cont10-up@2x.png); 
    background-size: 31px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont10:hover{
    background-image: url(../images/dark/cont10-over@2x.png);
    background-size: 31px  auto;
    background-repeat: no-repeat;
}

#cont11{
    background-image: url(../images/dark/cont11-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont11:hover{
    background-image: url(../images/dark/cont11-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#cont12{
    background-image: url(../images/dark/cont12-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#cont12:hover{
    background-image: url(../images/dark/cont12-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

/*
Modules
*/

#modu1{
    background-image: url(../images/dark/modu1-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu1:hover{
    background-image: url(../images/dark/modu1-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#modu2{
    background-image: url(../images/dark/modu2-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu2:hover{
    background-image: url(../images/dark/modu2-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#modu3{
    background-image: url(../images/dark/modu3-up@2x.png); 
    background-size: 16px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu3:hover{
    background-image: url(../images/dark/modu3-over@2x.png);
    background-size: 16px  auto;
    background-repeat: no-repeat;
}

#modu4{
    background-image: url(../images/dark/modu4-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu4:hover{
    background-image: url(../images/dark/modu4-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#modu5{
    background-image: url(../images/dark/modu5-up@2x.png); 
    background-size: 10px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu5:hover{
    background-image: url(../images/dark/modu5-over@2x.png);
    background-size: 10px  auto;
    background-repeat: no-repeat;
}

#modu6{
    background-image: url(../images/dark/modu6-up@2x.png); 
    background-size: 21px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu6:hover{
    background-image: url(../images/dark/modu6-over@2x.png);
    background-size: 21px  auto;
    background-repeat: no-repeat;
}

#modu7{
    background-image: url(../images/dark/modu7-up@2x.png); 
    background-size: 7px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu7:hover{
    background-image: url(../images/dark/modu7-over@2x.png);
    background-size: 7px  auto;
    background-repeat: no-repeat;
}

#modu8{
    background-image: url(../images/dark/modu8-up@2x.png); 
    background-size: 15px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu8:hover{
    background-image: url(../images/dark/modu8-over@2x.png);
    background-size: 15px  auto;
    background-repeat: no-repeat;
}

#modu9{
    background-image: url(../images/dark/modu9-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu9:hover{
    background-image: url(../images/dark/modu9-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#modu10{
    background-image: url(../images/dark/modu10-up@2x.png); 
    background-size: 16px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu10:hover{
    background-image: url(../images/dark/modu10-over@2x.png);
    background-size: 16px  auto;
    background-repeat: no-repeat;
}

#modu11{
    background-image: url(../images/dark/modu11-up@2x.png); 
    background-size: 10px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu11:hover{
    background-image: url(../images/dark/modu11-over@2x.png);
    background-size: 10px  auto;
    background-repeat: no-repeat;
}

#modu12{
    background-image: url(../images/dark/modu12-up@2x.png); 
    background-size: 7px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#modu12:hover{
    background-image: url(../images/dark/modu12-over@2x.png);
    background-size: 7px  auto;
    background-repeat: no-repeat;
}

/*
Footers
*/

#foot1{
    background-image: url(../images/dark/foot1-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot1:hover{
    background-image: url(../images/dark/foot1-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot2{
    background-image: url(../images/dark/foot2-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot2:hover{
    background-image: url(../images/dark/foot2-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot3{
    background-image: url(../images/dark/foot3-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot3:hover{
    background-image: url(../images/dark/foot3-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot4{
    background-image: url(../images/dark/foot4-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot4:hover{
    background-image: url(../images/dark/foot4-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot5{
    background-image: url(../images/dark/foot5-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot5:hover{
    background-image: url(../images/dark/foot5-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot6{
    background-image: url(../images/dark/foot6-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot6:hover{
    background-image: url(../images/dark/foot6-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot7{
    background-image: url(../images/dark/foot7-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot7:hover{
    background-image: url(../images/dark/foot7-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot8{
    background-image: url(../images/dark/foot8-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot8:hover{
    background-image: url(../images/dark/foot8-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot9{
    background-image: url(../images/dark/foot9-up@2x.png); 
    background-size: 32px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot9:hover{
    background-image: url(../images/dark/foot9-over@2x.png);
    background-size: 32px  auto;
    background-repeat: no-repeat;
}

#foot10{
    background-image: url(../images/dark/foot10-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot10:hover{
    background-image: url(../images/dark/foot10-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#foot11{
    background-image: url(../images/dark/foot11-up@2x.png); 
    background-size: 33px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot11:hover{
    background-image: url(../images/dark/foot11-over@2x.png);
    background-size: 33px  auto;
    background-repeat: no-repeat;
}

#foot12{
    background-image: url(../images/dark/foot12-up@2x.png); 
    background-size: 31px  auto;
    background-repeat: no-repeat;
    background-position: center;
}

#foot12:hover{
    background-image: url(../images/dark/foot12-over@2x.png);
    background-size: 31px  auto;
    background-repeat: no-repeat;
}