/* -- Template Settings -- */
body {margin: 0; padding: 0; background-image: url('bg.png'); }
#imSite {width: 1024px; margin: 0px auto; text-align: left; }
#imHeader {height: 127px; background-image: url('top.png'); background-repeat: no-repeat; background-position: left top; }
#imBody {background-image: url('content.png'); background-repeat: repeat-y; background-position: left top; }
#imMenuMain {height: 39px; padding: 1px 0px 0px 22px; background-image: url('menu.png'); background-repeat: no-repeat; background-position: left top; }
#imContent {clear: left; padding: 6px 17px 0 0; margin-left: 15px}
#imFooter {clear: both; top: 10px; height: 66px; background-image: url('bottom.png'); background-repeat: no-repeat; background-position: left top; }


/* -- General Style -- */
#imHeader, #imFooter {position: relative; }
#imHeader div, #imFooter div {position: absolute; cursor: pointer; background: center no-repeat}
body {font-size: 8px; vertical-align: baseline; }
p {margin: 0; padding: 0; } 
.fb {font-weight: bold; } .fi {font-style: italic; } .fu {text-decoration: underline; } 
form, fieldset {margin: 0; padding: 0; border: none; }
.imAlign_left {text-align: left; }
.imAlign_center {text-align: center; }
.imAlign_right {text-align: right; }
.imAlign_justify {text-align: justify; }
img.imImage {border: 0px; vertical-align: baseline; }
img {max-width: 100%; height: auto; }

/* -- Menu Main Settings -- */
#imMnMn {padding-top: 2px; }
#imMnMn ul, #imMnMn ul li {margin: 0; padding: 0; list-style: none; z-index: 1000; cursor: pointer; text-align: center; }
#imMnMn ul li {position: relative; float: left; padding-right: 16px; }
#imMnMn ul a {display: block; text-decoration: none; padding-top: 4px; height: 24px; width: 150px; font: bold 15px Tahoma; background-color: #FF7800; color: #FFFFFF; float: none !important; float: left; }

/* -- Menu Main Hover Settings -- */
#imMnMn ul a:hover, #imMnMn ul li:hover a, #imMnMn ul li.iehover a {background-color: #00B6FF; color: #FFFFFF; }

/* -- Texts Style -- */
h1 {margin: 0px 3px 5px 7px; padding: 2px 0 2px 0; font: 16px Tahoma; color: #0000C0; background-color: #E5FEFF; text-align: center; border-top: 1px solid #000080; border-bottom: 1px solid #000080; }
#imPathTitle {margin: 0px 6px 8px 10px; display: none; }
.ff2 {font-family: Tahoma; }
.fc2 {color: #000040; }

/* -- Links Style -- */
a.ImLink  {text-decoration: none; }
a.ImLink:link {color: #0000C0; }
a.ImLink:visited {color: #0000C0; }
a.ImLink:hover {color: #FF0000; text-decoration: underline; }

a.ImRedLink  {text-decoration: underline; }
a.ImRedLink:link {color: #FF0000; }
a.ImRedLink:visited {color: #FF0000; }
a.ImRedLink:hover {color: #00B6FF; text-decoration: underline; }

/* -- Copy Style -- */
#ctrlcopy {height: 1px; overflow: hidden; position: absolute; width: 1px; margin: 5px 0 0 -1px; line-height: 0; opacity: 0; }



/* -- Blocks Style -- */

#imCel_Voice {position: relative; top: 0px; left: 250px; min-height: 100%; height: auto !important; height: 100%; width: 495px; }
#imObj_Voice .fs22 {font-size: 22px; vertical-align: baseline; line-height: 25px; }
#imObj_Voice {padding-bottom: 2px; }
#imCel_Voice_Cont {text-align: center; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; }

#imCel_Grattis {position: relative; top: 0px; left: 216px; min-height: 100%; height: auto !important; height: 100%; width: 564px; background-image: url('../res/frontpage.png'); background-repeat: repeat; background-position: left top; }
#imObj_Grattis {padding: 1px; }
#imCel_Grattis_Cont {text-align: center; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; }

#imCel_Main {position: relative; top: 10px; left: 216px; min-height: 100%; height: auto !important; height: 100%; width: 564px; background-image: url('../res/frontpage.png'); background-repeat: repeat; background-position: left top; }
#imObj_Main .fc3 {color: #C00000; }
#imObj_Main .fc4 {color: #FF0030; }
#imObj_Main .fc6 {color: #00C000; }
#imObj_Main .fs20 {font-size: 27px; vertical-align: baseline; line-height: 30px; }
#imObj_Main .fs18 {font-size: 24px; vertical-align: baseline; line-height: 27px; }
#imObj_Main .fs14 {font-size: 19px; vertical-align: baseline; line-height: 22px; }
#imObj_Main .fs12 {font-size: 17px; vertical-align: baseline; line-height: 20px; }
#imObj_Main .fs11 {font-size: 15px; vertical-align: baseline; line-height: 18px; }
#imObj_Main {padding: 3px; }
#imCel_Main_Cont {text-align: center; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; }

#imCel_SocialLine {position: relative; top: 20px; left: 216px; height: 105px; width: 564px; background-image: url('../res/frontpage.png'); background-repeat: repeat; background-position: left top; }
#imObj_SocialLine .fc1 {color: #aa0000; }
#imObj_SocialLine .fs20 {font-size: 22px; vertical-align: baseline; line-height: 24px ; }
#imObj_SocialLine {padding: 0px; margin-top: 5px; }
#imCel_SocialLine_Cont {text-align: center; white-space: nowrap; height: 105px; overflow: hidden; }

#imCel_YandexDirect {position: relative; top: 10px; left: 216px; min-height: 100%; height: auto !important; height: 100%; width: 564px; }
#imObj_YandexDirect {font-family: Tahoma; }
#imObj_YandexDirect {padding: 0px; font-size: 16px; }
#imCel_YandexDirect_Cont {text-align: center; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; }

#imCel_Info {position: absolute; top: 5px; left: 6px; height: 120px; width: 200px; background-repeat: repeat-x; background-color: #FEEAEA; }
#imCel_Info_Title {padding: 5px; font: 19px Tahoma; background-color: #D40000; color: #FFFFFF; text-align: center; border-top: 1px solid #400000; border-bottom: 1px solid #400000; border-left: 1px solid #400000; border-right: 1px solid #400000; }
#imCel_Info_Cont {border-left: 1px solid #400000; border-right: 1px solid #400000; border-bottom: 1px solid #400000; }
#imObj_Info .fc3 {color: #FF0030; }
#imObj_Info .fs9 {font-size: 12px; vertical-align: baseline; line-height: 19px; }
#imObj_Info .fs10 {font-size: 13px; vertical-align: baseline; line-height: 19px; }
#imObj_Info .fs11 {font-size: 14px; vertical-align: baseline; line-height: 19px; }
#imObj_Info .fs12 {font-size: 15px; vertical-align: baseline; line-height: 19px; }
#imObj_Info {padding: 5px; }
#imCel_Info_Cont {text-align: center; white-space: nowrap; height: 86px; overflow: hidden; }

#imCel_Pozdr {position: absolute; top: 140px; left: 6px; height: 500px; width: 200px; background-repeat: repeat-x; background-color: #EAEAFF; }
#imCel_Pozdr_Title {padding: 5px; font: 19px Tahoma; background-color: #0000FF; color: #FFFFFF; text-align: center; border-top: 1px solid #000080; border-bottom: 1px solid #000080; border-left: 1px solid #000080; border-right: 1px solid #000080; }
#imCel_Pozdr_Cont {border-left: 1px solid #000080; border-right: 1px solid #000080; border-bottom: 1px solid #000080; }
#imObj_Pozdr .fs12 {font-size: 15px; vertical-align: baseline; line-height: 19px; }
#imObj_Pozdr {padding: 5px; }
#imCel_Pozdr_Cont {text-align: center; white-space: nowrap; height: 466px; overflow: hidden; }

#imCel_Toast {position: absolute; top: 655px; left: 6px; height: 196px; width: 200px; background-repeat: repeat-x; background-color: #EAFFEA; }
#imCel_Toast_Title {padding: 5px; font: 19px Tahoma; background-color: #00C000; color: #FFFFFF; text-align: center; border-top: 1px solid #008000; border-bottom: 1px solid #008000; border-left: 1px solid #008000; border-right: 1px solid #008000; }
#imCel_Toast_Cont {border-left: 1px solid #008000; border-right: 1px solid #008000; border-bottom: 1px solid #008000; }
#imObj_Toast .fs12 {font-size: 15px; vertical-align: baseline; line-height: 19px; }
#imObj_Toast {padding: 5px; }
#imCel_Toast_Cont {text-align: center; white-space: nowrap; height: 162px; overflow: hidden; }

#imCel_Scen {position: absolute; top: 866px; left: 6px; height: 158px; width: 200px; background-repeat: repeat-x; background-color: #FFFAEA; }
#imCel_Scen_Title {padding: 5px; font: 19px Tahoma; background-color: #FFC600; color: #FFFFFF; text-align: center; border-top: 1px solid #804000; border-bottom: 1px solid #804000; border-left: 1px solid #804000; border-right: 1px solid #804000; }
#imCel_Scen_Cont {border-left: 1px solid #804000; border-right: 1px solid #804000; border-bottom: 1px solid #804000; }
#imObj_Scen .fs12 {font-size: 15px; vertical-align: baseline; line-height: 19px; }
#imObj_Scen {padding: 5px; }
#imCel_Scen_Cont {text-align: center; white-space: nowrap; height: 124px; overflow: hidden; }

#imCel_Prazd {position: absolute; top: 1039px; left: 6px; height: 120px; width: 200px; background-repeat: repeat-x; background-color: #EAFFFF; }
#imCel_Prazd_Title {padding: 5px; font: 19px Tahoma; background-color: #00C0C0; color: #FFFFFF; text-align: center; border-top: 1px solid #008080; border-bottom: 1px solid #008080; border-left: 1px solid #008080; border-right: 1px solid #008080; }
#imCel_Prazd_Cont {border-left: 1px solid #008080; border-right: 1px solid #008080; border-bottom: 1px solid #008080; }
#imObj_Prazd .fs12 {font-size: 15px; vertical-align: baseline; line-height: 19px; }
#imObj_Prazd {padding: 5px; }
#imCel_Prazd_Cont {text-align: center; white-space: nowrap; height: 86px; overflow: hidden; }

#imCel_Rekl {position: absolute; top: 5px; left: 789px; height: 382px; width: 200px; background-repeat: repeat-x; background-color: #FFFFFF; }
#imCel_Rekl_Title {padding: 5px; font: 19px Tahoma; background-color: #FF0000; color: #FFFFFF; text-align: center; border-top: 1px solid #800000; border-bottom: 1px solid #800000; border-left: 1px solid #800000; border-right: 1px solid #800000; }
#imCel_Rekl_Cont {border-left: 1px solid #800000; border-right: 1px solid #800000; border-bottom: 1px solid #800000; background-color: #FFFF99; }
#imObj_Rekl .fs12 {font-size: 12px; vertical-align: baseline; line-height: 15px; }
#imObj_Rekl {padding: 0px; }
#imCel_Rekl_Cont {text-align: center; height: 348px; overflow: hidden; }

#imCel_SideBar {position: absolute; top: 402px; left: 789px; height: 232px; width: 200px;  }
#imCel_SideBar_Title {padding: 5px; font: 19px Tahoma; background-color: #4444FF; color: #FFFFFF; text-align: center; border-top: 1px solid #5B7FA6; border-bottom: 1px solid #5B7FA6; border-left: 1px solid #5B7FA6; border-right: 1px solid #5B7FA6; }
#imCel_SideBar_Cont {border-left: 1px solid #5B7FA6; border-right: 1px solid #5B7FA6; border-bottom: 1px solid #5B7FA6; }
#imObj_SideBar {padding: 0px; margin: -1px; }
#imCel_SideBar_Cont {text-align: center; height: 198px; overflow: hidden; }

#imCel_Klass {position: absolute; top: 649px; left: 789px; height: 254px; width: 201px; }
#imCel_Klass_Cont {border-top: 0px solid #EB7806; border-left: 0px solid #EB7806; border-right: 0px solid #EB7806; border-bottom: 1px solid #EB7806; }
#imObj_Klass {margin-left: -1px; }
#imCel_Klass_Cont {text-align: center; height: 254px; overflow: hidden; }

#imCel_Vkontakte {position: absolute; top: 918px; left: 789px; height: 241px; width: 200px;  }
#imCel_Vkontakte_Cont {border-top: 1px solid #5B7FA6; border-left: 1px solid #5B7FA6; border-right: 1px solid #5B7FA6; border-bottom: 1px solid #5B7FA6; }
#imObj_Vkontakte {padding: 0px; margin-left: -2px; }
#imCel_Vkontakte_Cont {text-align: center; height: 241px; overflow: hidden; }

#imPage {position: relative; min-height: 1174px; height: auto !important; }



/* -- Media Style -- */

/* -- 768x1024 Style -- */
@media screen and (min-width:100px) and (max-width:959px) {

#imSite {width: 768px; }
#imHeader {background-size: 768px auto; height: 95px; }
#imBody {background-size: 768px; }
#imMenuMain {background-size: 768px; padding: 0 0 0 19px; height: 29px;  }
#imContent {padding: 6px 13px 0 0; margin-left: 11px}
#imFooter {background-size: 768px; height: 49px; }

#imMnMn ul li { padding-right: 6px; }
#imMnMn ul a {padding-top: 6px; height: 20px; width: 117px; font: bold 13px Tahoma; }

#imCel_Voice {left: 235px; width: 495px; }
#imCel_Grattis {width: 530px; }
#imCel_Main {width: 530px; }
#imObj_Main .fs11 {font-size: 13px; line-height: 16px; }
#imCel_SocialLine {width: 530px; }
#imCel_YandexDirect {width: 530px; }

#imCel_Rekl {top: 1174px; left: 6px; }
#imCel_SideBar {top: 1571px; left: 6px; }
#imCel_Klass {top: 1818px; left: 6px; }
#imCel_Vkontakte {top: 2087px; left: 6px; }

#imPage {min-height: 2343px; }

}


/* -- 600x1024 Style -- */
@media screen and (min-width:100px) and (max-width:767px) {

#imSite {width: 600px; }
#imHeader {background-size: 600px auto; height: 74px; }
#imBody {background-size: 600px; }
#imMenuMain {background-size: 600px; padding: 0 0 0 15px; height: 23px; background-image: url('menu_mobile.png'); }
#imContent {padding: 6px 11px 0 0; margin-left: 8px}
#imFooter {background-size: 600px; height: 38px; background-image: url('bottom_mobile.png'); }

img {width: 365px; height: auto; }
#imMnMn ul li { padding-right: 5px; }
#imMnMn ul a {padding-top: 10px; width: 91px; font: bold 10px Tahoma; }

#imCel_Voice {left: 216px; width: 365px; }
#imObj_Voice .fs22 {font-size: 19px; line-height: 22px ; }
#imCel_Grattis {left: 206px; width: 378px; }
#imCel_Main {width: 365px; }
#imObj_Main .fs20 {font-size: 25px; line-height: 28px; }
#imObj_Main .fs18 {font-size: 22px; line-height: 25px; }
#imObj_Main .fs14 {font-size: 17px; line-height: 20px; }
#imObj_Main .fs12 {font-size: 15px; line-height: 18px; }
#imCel_SocialLine {width: 365px; }
#imCel_YandexDirect {width: 365px; }

}


/* -- 480x320 Style -- */
@media screen and (min-width:100px) and (max-width:599px) {

}


/* -- 320x480 Style -- */
@media screen and (min-width:100px) and (max-width:479px) {

#imSite {width: 320px; }
#imHeader {background-size: 320px auto; height: 40px; }
#imBody {background-size: 320px; }
#imMenuMain {background-size: 320px; padding: 0 0 0 10px; height: 12px; }
#imContent {padding: 6px 7px 0 0; margin-left: 3px}
#imFooter {background-size: 320px; height: 24px; }

img {width: 301px; height: auto; }
#imMnMn ul li {padding-right: 6px; padding-bottom: 2px; }
#imMnMn ul a {padding-top: 10px; margin-top: 3px; height: 20px; width: 96px; font: bold 10px Tahoma; }
h1 {padding: 0 0 2px 0; font: 12px Tahoma; }

#imCel_Voice {left: 6px; width: 301px; }
#imCel_Grattis {left: 6px; width: 301px; display: none; }
#imCel_Main {left: 6px; width: 301px; }
#imObj_Main .fs20 {font-size: 24px; line-height: 27px; }
#imObj_Main .fs18 {font-size: 21px; line-height: 24px; }
#imObj_Main .fs14 {font-size: 16px; line-height: 19px; }
#imObj_Main .fs12 {font-size: 14px; line-height: 17px; }
#imObj_Main .fs11 {font-size: 12px; line-height: 15px; }
#imCel_SocialLine {left: 6px; width: 301px; }
#imObj_SocialLine .fs20 {font-size: 20px; line-height: 22px ; }
#imCel_YandexDirect {left: 6px; width: 301px; }

#imCel_Info {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; }
#imCel_Pozdr {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; }
#imCel_Toast {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; }
#imCel_Scen {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; }
#imCel_Prazd {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; }

#imCel_Rekl {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; height: 400px; }
#imObj_Rekl .fs12 {font-size: 15px; }
#imCel_Rekl_Cont {height: 364px; }
#imCel_SideBar {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; height: 282px; }
#imCel_SideBar_Cont {height: 248px; }
#imCel_Klass {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 302px; }
#imCel_Vkontakte {position: relative; top: 0px; margin-top: 15px; left: 6px; width: 301px; margin-bottom: 10px; }

}


/* -- 240x320 Style -- */
@media screen and (min-width:100px) and (max-width:319px) {

#imSite {width: 240px; }
#imHeader {background-size: 240px auto; height: 30px; }
#imBody {background-size: 240px; }
#imMenuMain {background-size: 240px; padding: 0 0 0 9px; height: 9px; }
#imContent {padding: 6px 6px 0 0; margin-left: 2px}
#imFooter {background-size: 240px; height: 19px; }

img {width: 223px; height: auto; }
#imMnMn ul li {padding-right: 8px; padding-bottom: 2px; }
#imMnMn ul a {padding-top: 10px; margin-top: 3px; width: 107px; font: bold 12px Tahoma; }
h1 {padding: 0 0 2px 0; font: 12px Tahoma; }

#imCel_Voice {left: 2px; width: 230px; }
#imObj_Voice .fs22 {font-size: 16px; line-height: 19px ; }
#imCel_Grattis {width: 223px; }
#imCel_Main {width: 223px; }
#imObj_Main .fs20 {font-size: 20px; line-height: 23px; }
#imObj_Main .fs18 {font-size: 18px; line-height: 21px; }
#imObj_Main .fs14 {font-size: 14px; line-height: 17px; }
#imObj_Main .fs12 {font-size: 12px; line-height: 15px; }
#imObj_Main .fs11 {font-size: 11px; line-height: 14px; }
#imCel_SocialLine {width: 223px; }
#imObj_SocialLine .fs20 {font-size: 16px; line-height: 18px ; }
#imCel_YandexDirect {width: 223px; }

#imCel_Info {width: 223px; }
#imCel_Pozdr {width: 223px; }
#imCel_Toast {width: 223px; }
#imCel_Scen {width: 223px; }
#imCel_Prazd {width: 223px; }

#imCel_Rekl {left: 18px; width: 200px; height: 364px; }
#imObj_Rekl .fs12 {font-size: 12px; }
#imCel_Rekl_Cont {height: 330px; }
#imCel_SideBar {left: 18px; width: 200px; height: 232px; }
#imCel_SideBar_Cont {height: 198px; }
#imCel_Klass {left: 18px; width: 201px; }
#imCel_Vkontakte {left: 18px; width: 200px; }

}