/**************************************/
/*              GLOBALS               */
/**************************************/

body {
	background: #d1f3ff url(/bitrix/templates/mtt_eng/i/bg.jpg) no-repeat 50% 0;
color: #363636;
	font-family: Arial, Helvetica, sans-serif;
}

.all {	text-align: left; }

.header:after, .content:after, .footer:after { content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0; }
.header, .content, .footer { display:inline-block; }
* html .header, * html .content, * html .footer { height:1%; }
.header, .content, .footer { display:block; }


/**************************************/
/*              HEADER                */
/**************************************/

.header { height: 125px; position: relative; }
.logo { float: left; margin: 70px 0 0 0; width:190px; height:46px; }
.languages {text-transform: uppercase; position: absolute; font-size: 12px; top: 29px; left: 1px;}
.languages * {padding: 1px 4px; margin: 0 2px; position: relative;}
.languages span {background: #a0218c; color: #fff;}
.languages a,
.languages a:visited {text-decoration: underline; color: #000}
.languages a:hover {text-decoration: none;}

.twitter{right:1px;position:absolute;top:29px;}

.soundbutton { width:  52px; height: 24px; position: absolute; right: 0; top: 40px; }
/**************************************/
/*             NAVIGATION             */
/**************************************/

ul.navigation { float: right; list-style: none; margin: 100px 0 0 0; }
ul.navigation li { float: left; margin: 0 15px; font-size: 19px; line-height: 19px; }
ul.navigation a:link, ul.navigation a:visited {
	text-decoration: none; color: #fff; height: 21px; display: block; line-height: 19px;
	overflow: hidden; padding: 0; text-indent: -9999px; background-position: 0 0;
	background-repeat: no-repeat;
}
ul.navigation li a:hover, ul.navigation li a.mOn:link, ul.navigation li a.mOn:visited {
	color: #70B6E6; background-position: 0 -100px; }

p.mOn{
	color: #70B6E6;
	background-position: 0 -100px;
	text-indent:-9999px;
}

#m1 a { background-image: url(/bitrix/templates/mtt_eng/i/m01.gif); width: 48px; }
#m2 a { background-image: url(/bitrix/templates/mtt_eng/i/m02.gif); width: 98px; }
#m3 a { background-image: url(/bitrix/templates/mtt_eng/i/m03.gif); width: 49px; }
#m4 a { background-image: url(/bitrix/templates/mtt_eng/i/m04.gif); width: 88px; }
#m5 a { background-image: url(/bitrix/templates/mtt_eng/i/m05.gif); width: 75px; }

#m1 p { background-image: url(/bitrix/templates/mtt_eng/i/m01.gif); width: 48px; }
#m2 p { background-image: url(/bitrix/templates/mtt_eng/i/m02.gif); width: 98px; }
#m3 p { background-image: url(/bitrix/templates/mtt_eng/i/m03.gif); width: 49px; }
#m4 p { background-image: url(/bitrix/templates/mtt_eng/i/m04.gif); width: 88px; }
#m5 p { background-image: url(/bitrix/templates/mtt_eng/i/m05.gif); width: 75px; }

ul.subnavigation {position: absolute; right: 0; top: 34px; z-index: 1;}

.m1 a { background-image: url(/bitrix/templates/mtt_eng/i/ms01.gif); width: 124px; }
.m2 a { background-image: url(/bitrix/templates/mtt_eng/i/ms02.gif); width: 101px; }
.m10 a { background-image: url(/bitrix/templates/mtt_eng/i/mtt_softphone.gif); width: 120px; }
.m11 a { background-image: url(/bitrix/templates/mtt_eng/i/mttalk_mobile.gif); width: 104px; }

.m1 p { background-image: url(/bitrix/templates/mtt_eng/i/ms01.gif); width: 124px; }
.m2 p { background-image: url(/bitrix/templates/mtt_eng/i/ms02.gif); width: 101px; }
.m10 p { background-image: url(/bitrix/templates/mtt_eng/i/mtt_softphone.gif); width: 120px; }
.m11 p { background-image: url(/bitrix/templates/mtt_eng/i/mttalk_mobile.gif); width: 104px; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.content {
	font-size: 1.2em;
}
.layout1col .leftcol { width: 960px; padding: 62px 0 0 0; }
.layout2col .leftcol { width: 560px; padding: 62px 0 0 0; }
.layout1col .rightcol { display: none; }
.layout2col .rightcol { width: 400px; padding: 62px 0 0 0; }

.leftcol { float: left; }
.rightcol { float: right; }


.content h1.title { line-height: 98px; text-indent: -9999px; }
.content h2 { margin: 0 0 0.875em 0; font: 1.7em/1.3em Arial, sans-serif; color: #FC8322; }
.text p { }
.text ul { list-style: none; margin-left: 0; }
.text ul li { background: url(/bitrix/templates/mtt_eng/i/dot.png) no-repeat 0 0.45em; padding: 0 0 0 15px; margin: 10px 0; }
.text table, .text th, .text td { border: 0; }
.text th, .text td { line-height: 1.2em; padding: 8px; background: transparent url(/bitrix/templates/mtt_eng/i/wd.gif) repeat-y 100% 0;  }

.text th { color: #fff; font-weight: normal; background: #FE9800 url(/bitrix/templates/mtt_eng/i/wd.gif) repeat-y 100% 0; }
.text tr td { background: #AADCFF url(/bitrix/templates/mtt_eng/i/wd.gif) repeat-y 100% 0; }
.text tr.odd td { background: #c7e7fe url(/bitrix/templates/mtt_eng/i/wd.gif) repeat-y 100% 0; }
/*.text tr.odd td { background: #6DB2E2 url(/bitrix/templates/mtt_eng/i/wd.gif) repeat-y 100% 0; }*/

.news h1.title { background: url(/bitrix/templates/mtt_eng/i/t_news.gif) no-repeat 0 0; margin: 0; }
.news .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_news.png) no-repeat 0 0; }

.howto h1.title { background: url(/bitrix/templates/mtt_eng/i/t_howto.gif) no-repeat 0 0; margin: 0; }
.howto .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }

.friends h1.title { background: url(/bitrix/templates/mtt_eng/i/t_friends.gif) no-repeat 0 0; margin: 0; }
.friends .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }

.family h1.title { background: url(/bitrix/templates/mtt_eng/i/t_family.gif) no-repeat 0 0; margin: 0; }
.family .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }

.rest h1.title { background: url(/bitrix/templates/mtt_eng/i/t_rest.gif) no-repeat 0 0; margin: 0; }
.rest .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }

.work h1.title { background: url(/bitrix/templates/mtt_eng/i/t_work.gif) no-repeat 0 0; margin: 0; }
.work .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }


.pril-softon h1.title { background: url(/bitrix/templates/mtt_eng/i/t_howto1.gif) no-repeat 0 0; margin: 0; }
.pril h1.title { background: url(/bitrix/templates/mtt_eng/i/t_howto.gif) no-repeat 0 0; margin: 0; }
.pril .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_howto.png) no-repeat 0 0; }


.tarif h1.title { background: url(/bitrix/templates/mtt_eng/i/t_tarif.gif) no-repeat 0 0; margin: 0; }
.tarif .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_tarif.png) no-repeat 0 0; width: 104px; }

.contacts h1.title { background: url(/bitrix/templates/mtt_eng/i/t_contacts.gif) no-repeat 0 0; margin: 0; }
.contacts .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_contacts.png) no-repeat 0 0; }
.contacts .leftcol .text h2 { margin: 0 0 0.875em 0; font: 1.5em/1.3em Arial, sans-serif; color: #363636; letter-spacing: -0.6px;  }
.contacts .leftcol .text p { letter-spacing: 0px; margin-bottom: 3em; }

.softon h1.title { background: url(/bitrix/templates/mtt_eng/i/t_softon.png) no-repeat 0 0; margin: 0; }
.mobile h1.title { background: url(/bitrix/templates/mtt_eng/i/t_mobile.png) no-repeat 0 0; margin: 0; }

/* 28.05.2009 */
.download h1.title { background: url(/bitrix/templates/mtt_eng/i/t_download.gif) no-repeat 0 0; margin: 0; }
.download .sectionsign { background: url(/bitrix/templates/mtt_eng/i/ss_download.png) no-repeat 0 0; }

.error404 { min-height: 450px; }
.error404 h1.title { background: url(/bitrix/templates/mtt_eng/i/t_error404.gif) no-repeat 0 0; margin: 0; }
/* /28.05.2009 */

.layout2col .leftcol .text { width: 400px; margin: 0 0 0 120px; font: 1.1em/1.25em Arial, sans-serif; letter-spacing: -0.3px; }

/* 28.05.2009 */
.layout1col .leftcol .text { width: 100%; }
/* /28.05.2009 */


dl {}
dt { font-weight: normal; }
dd { margin: 0 0 25px 0; line-height: 1.3em; }




/* rightcol */
.downloadblock {
	padding-top: 33px;
	position: relative;
	width: 400px;
}
div.downloadblock ul {
	list-style: none;
	margin: 0; z-index: 20;
	position: absolute; display: block;
	background: url(/bitrix/templates/mtt_eng/i/bg_download.gif) no-repeat 50% 0;
	width: 361px; height: 121px;
	top: 360px; right: 0;

}
.downloadblock ul li { margin-left: 100px;
	font: 12px Tahoma, Arial, sans-serif;
}
.downloadblock a:link, .downloadblock a:visited { color:#fff; text-decoration: none; }
.downloadblock a:hover { color:#fff; text-decoration: underline; }

.downloadblock li:first-child { margin-top: 27px; color:#fff; font-size: 30px; height: 33px; overflow: hidden;}
.downloadblock li:first-child a { display: block; text-decoration: underline;  height: 33px;
	background: url(/bitrix/templates/mtt_eng/i/download.gif) no-repeat 0 0; text-indent: -9999px;
}
.downloadblock li:first-child a:hover { background: url(/bitrix/templates/mtt_eng/i/download.gif) no-repeat 0 -100px;
}

.sectionsign { width: 99px; height: 99px; position: absolute; z-index: 30; top: 170px; left: 50%; margin-left: -30px; }
.bigphone { width: 238px; height: 557px; margin: 0 60px 0 0; }


/* main page */

.index .leftcol { padding: 42px 0 0 0; }
.index .downloadblock { margin: 0 auto;width: 481px; padding: 0; }
.index div.downloadblock ul { background: url(/bitrix/templates/mtt_eng/i/bg_download_main.gif) no-repeat 50% 0; width: 481px; top: 327px; }
.index .sectionsign { background: url(/bitrix/templates/mtt_eng/i/scr.gif) no-repeat 0 0; width: 182px; height: 266px; top: 46px; left: 50%; margin-left: -94px;}
.index .bigphone { width: 238px; height: 557px; margin: 0 0 0 120px; }
.index .text ul li { background: none; padding: 0 0 0 0; margin: 0 0 0 141px; }
.index .text ul li:first-child { margin-top: 27px; }
.index .doit { position: absolute; width: 309px; left: -230px;
font: 2.5em Arial, sans-serif; margin: 0; top: 73px; height: 141px; text-indent: -99999px;
background: url(/bitrix/templates/mtt_eng/i/doit.gif) no-repeat 0 0; }

.index .text .sectionsign ul, .index .text .sectionsign ul li,
.index .text .sectionsign ul li:first-child, .index .text .sectionsign ul li a  {
	background: none; padding: 0 0 0 0; margin: 0 0 0 0; text-indent: 0px; height: auto; }
.index .text .sectionsign ul { top: 57px; left: 22px; width: 140px; }
.index .text .sectionsign ul li { height: 102px; width: 69px; text-align: right; margin-left: 70px; }
.index .text .sectionsign ul li.left {  height: 102px; text-align: left; margin-left: 0; }

.index .mnews { position: absolute; width: 309px; left: 407px; top: 73px;
font: 1.48em Arial, sans-serif; }
.index .mndate { display: block; margin: 0 0 .8em 0; }
.index a.mndetails:link, .index a.mndetails:visited { display: inline-block; margin: .8em 0 0 0;
color:#FF9100; text-decoration: underline; }
.index a.mndetails:hover {text-decoration: none;}

/**************************************/
/*               FOOTER               */
/**************************************/

.footer { color: #74B5E2; padding: 35px 0 0 0;  }
/* 28.05.2009 */
.adv { color: #74B5E2; float: right;  padding-top: 43px; line-height: 1.3em; font-size: 1.1em; text-align:right; }
.adv a:link, .adv a:visited { color: #74B5E2; text-decoration: none; }
.adv a:hover { text-decoration: underline; }
/* /28.05.2009 */
.copy { float: left;  padding-top: 43px; line-height: 1.3em; font-size: 1.1em; }
.cablink {
	margin: 0 0 0 405px; font-size: 2.1em;
}
.cablink a { display: block; padding-top: 35px; background: url(/bitrix/templates/mtt_eng/i/key.png) no-repeat 50% 0; float: left; }



/* 02.07.09 download page */
.downloadblock ul.gray-download {
	background-image: url('/bitrix/templates/mtt_eng/i/bg_download_gray.gif') !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.downloadblock ul.gray-download li {
	color: #ffb854 !important;
}

.downloadblock ul.gray-download .dwn {
	text-indent: -999px;
	
}

.download-ver {
	margin-top: 4px !important;
}

.soundbutton {
	display: none !important;
}

.nw {
white-space:nowrap;
}


.softon_monitor {
	background:transparent url(i/softon_monitor.png) no-repeat top center;
	width:402px;
	padding:420px 0 0 80px;
}
.softon_monitor div {
	font-weight:bold;
	font-size:14px;
	margin:10px 0 5px;
}
.softon_monitor ul {
	list-style:disc;
	color:#fc8221;
	text-decoration:underline;
	font-weight:normal;
	line-height:20px;
	margin:0;
	padding:0;
}