html, body{
margin: 0px;
padding: 0px;
background:#bfbdbe;
font-size: 11px;
font-family: Verdana, Tahoma, helvetica, sans-serif;
color: #000;	/* цвет текста задается для загрузчика, чтобы не вносить изменений в главный index.php */
line-height: 1.5;}

a, img{border:0;}
a:hover{text-decoration:none;}

li.active {padding-left:15px;}

.clearfloat{
clear: both;}

/*фон всей страницы*/
#bg{
margin:0 auto;
height:769px;
background:url(../images/bg.png);
background-repeat: repeat-x;}

/*фон основной части*/
#platform{
width:937px;
min-height: 740px;
margin:0 auto;
background:url(../images/platform.png) repeat-y;}

/*нижнее закругление фона основной части*/
.bg_bottom{
width:935px;
height:14px;
margin:0 auto;
background:url(../images/bg_bottom.png) no-repeat;}

/*шапка*/
#heder{
width:907px;
height:77px;
margin:0 auto;
background:url(../images/heder.png) no-repeat;}

/*зона логотипа*/
#platformlogo{
width:173px;
height:165px;
background:url(../images/platformlogo.png) no-repeat;
float:left;
margin-left:5px;}

/*логотип непосредственно*/
#logo{
width:89px;
height:109px;
margin-left:42px;
margin-top:16px;
/*position:relative; -----------------------------------------------------*/
background:url(http://mediatarget.in/images/logo.png) no-repeat;}

/*текст на шапке*/
#textlogo{
width:900px;
position:relative;
top:29px;
left:8px;
font-size:16px;
color:#eef;
text-shadow: 0px 0px 1px #fff;}

* HTML #textlogo{
position:relative;
top:-135px;
left: 200px;}
*:first-child+html #textlogo{position: absolute; z-index: 99; text-align: right; margin-left: 120px;}

/*контактные данные*/
#contact{
width:721px;
height:48px;
margin-left: 195px;
border-bottom:solid 1px #c4c3c3;
font-weight: bold;}

* HTML #contact img{margin-top: 25px;}

#contact a{text-decoration: none;}

*:first-child+html #contact{height: 55px; margin-top: -15px;}
* HTML #contact{margin-top:-107px;}

/*телефонный кода*/
.telef_kod{color: #888888;}

/*контент*/
#content{
position: relative;
width:900px;
min-height:600px;
margin-left:20px;
overflow: hidden;
top: -40px;}

* HTML #content{ top: -20px;}

/*фоновая картинка меню*/
#platformlink{
width:493px;
height:490px;
background:url(http://mediatarget.in/images/platform-link.png) no-repeat;
margin-top:38px;
margin-left:205px;}

/** HTML #platformlink{ margin-top: 65px; margin-bottom: -50px;}*/
*:first-child+html #platformlink{ margin-top: 75px; margin-bottom: 45px;}

/*левая часть меню*/
#blockleft{
width:200px;
height:560px;
float:left;
font-size: 13px;
font-family: Trebuchet MS, Verdana, Tahoma, helvetica, sans-serif;
font-style: normal;
font-weight: bolder;}

#blockleft a{text-decoration:none;}

/*правая часть меню*/
#blockright{
width:280px;
height:560px;
float:left;
font-size: 13px;
font-family: Trebuchet MS, Verdana, Tahoma, helvetica, sans-serif;
font-style: normal;
font-weight: bolder;}

#blockright a{text-decoration:none;}

* HTML #blockright{ margin-top: -550px; margin-left: 90px;}

/*Продвижение в социальных сетях*/
#blocksmo{
width:288px;
height:115px;
position:relative;
top:71px;
left:-122px;}

/*рисунок Продвижение в социальных сетях*/
/*.smo*/
#blockleft img{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст Продвижение в социальных сетях*/
.blocksmo_text{
top: 42px;
left:18px;
position: absolute;}

/*Контекстная реклама */
#blockplama{
width:266px;
height:121px;
position:relative;
top:127px;
left:-126px;}

/*рисунок Контекстная реклама */
.plama{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст Контекстная реклама */
.blockplama_text{
display: block;
top: 50px;
left: 17px;
position: absolute;}

/*Другие услуги*/
#blockother{
width:230px;
height:104px;
position:relative;
top:148px;
left:-12px;}

/*рисунок Другие услуги*/
.other{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст  Другие услуги*/
.blockother_text{
display: block;
top: 45px;
left: 15px;
position: absolute;
color: #484848;}

/*Медийная (баннерная) реклама*/
#blockmedia{
width:199px;
height:151px;
position:relative;
top:0px;
left:20px;}

/*рисунок Медийная (баннерная) реклама*/
.media{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст Медийная (баннерная) реклама*/
.blockmedia_text{
display: block;
width: 300px;
top: 45px;
left: 143px;
position: absolute;}

/*Аудит сайта*/
#blockaudit{
width:199px;
height:105px;
position:relative;
top:-52px;
left:169px;}

/*рисунок Аудит сайта*/
.audit{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст Аудит сайта*/
.blockaudit_text{
display: block;
top: 52px;
left: 105px;
position: absolute;
color: #484848;}

/*SEO*/
#blockseo{
width:189px;
height:151px;
position:relative;
top:-48px;
left:-14px;}

/*рисунок SEO*/
.seo{
position:relative;
cursor:pointer;
left:0;
top:0;}

/*текст SEO*/
.blockseo_text{
display: block;
top: 105px;
left: 18px;
position: absolute;}

/*текст на головной под меню*/
#main_table{
text-align: justify;
margin-top: -20px;
font-weight:normal;}

/*стили для таблиц*/
table{ border:0px; border-collapse:collapse;}
table td{ padding:4px;}
table a{text-decoration: none;}
#main_table a{text-decoration: underline;}
#main_table a:hover{text-decoration: none;}
#table_bottom{font-weight: bold;}

/*навигация*/
#navigation{
width:235px;
height:570px;
float:left;
margin-top:50px;
margin-left:-40px;}/*--------------------------------*/

* HTML #navigation{margin-top: 80px;}
*:first-child+html #navigation{ margin-top: 95px;}

#navigation a{
text-decoration:none;
color:#000;
font-weight:bold;}

/*контент на внутренних страницах*/
#contekst{
width:613px;
float:left;
padding:5px;
margin-top:30px;
margin-left: 80px;}/*--------------------------40*/

* HTML #contekst{
margin-top: -580px;
margin-left: 135px;}

*:first-child+html #contekst{margin-top: 65px;}

/*стиль тексту (SEO , SMO , Медийная) меню на внутренних страницах*/
.textline1{
width:150px;
margin-left:77px;
position:relative;
top:-50px;
text-align:center;
font-weight:bold;
margin-bottom:-27px;}

/*стиль тексту для однострочных записей в меню на внутренних страницах*/
.textline2{
width:150px;
margin-left:80px;
position:relative;
top:-40px;
text-align:center;
font-weight:bold;
margin-bottom:-17px;}

/*боковое меню*/
ul.gallery li {
float: left;
text-align: center;
margin-bottom:10px;
-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
display: inline;} /*--Gimp Fix aka IE6 Fix--*/

ul.gallery li a.thumb {
width: 234px;
height: 70px;
cursor: pointer;}

ul.gallery li span { /*--Used to crop image--*/
width: 234px;
height: 70px;
overflow: hidden;
display: block;}

ul.gallery li a {display: block; /*text-decoration: none; color: #777; */}

/*заголовок первого уровня*/
.full h1{
font: normal 210%/100% Verdana, Tahoma, helvetica, sans-serif;
/*position: relative;----------------------------------------------------------*/
margin: 20px 0;
color:#575784;}

.full h1 a{color:#575784;}

/*фон заголовка
.full h1 span {
background: url(../images/gradient1.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 36px;}*/

/*заголовок второго уровня*/
.full h2 {
font: normal 180%/100% Verdana, Tahoma, helvetica, sans-serif;
/*position: relative;----------------------------------------------------------*/
margin: 20px 0;
color:#575784;}

/*фон заголовка
.full h2 span {
background: url(../images/gradient1.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 36px;}*/

/*заголовок третьего уровня*/
.full h3 {
font: normal 150%/100%  Verdana, Tahoma, helvetica, sans-serif;
/*position: relative;----------------------------------------------------------*/
margin: 20px 0;
color:#575784;}

* HTML h3 a{font-size: 12px;}
*:first-child+html  h3 a{font-size: 12px;}

/*фон заголовка
.full h3 span {
background: url(../images/gradient1.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 36px;}*/

/*Cтраница Kлиент*/
.box-inner{
padding: 0 20px;
background: #FFFFFF;}

/*стили зон под логотипы клиентов*/
.w60{
width: 90%;
margin: 0 auto;}

.box-c{
height:20px;
margin: 0 20px;
position: relative;
background: #FFFFFF;}

.box-c span b{
position:absolute;
font:150px Arial;
line-height:40px;
font-weight:normal;}

.ctl, .cbl, .ctr, .cbr {
z-index:11;
width:20px;
height:20px;
color:#FFFFFF;
overflow:hidden;
position:absolute;
background:transparent;}

.ctl {top:0; left:-20px;}
.cbl {bottom:0; left:-20px;}
.ctr {top:0; right:-20px;}
.cbr {bottom:0; right:-20px;}
.ctl b {left:-8px;}
.ctr b {left:-25px;}
.cbl b {left:-8px; top:-17px;}
.cbr b {left:-25px; top:-17px;}

/*Список на страницах*/
.spis_context{
border: medium none;
margin-left: 10px;
padding: 0 40px;}
.spis_context li{ margin-top: 14px;}

/*общие стили*/
.table_text{border: 0;}
.table_text td{width: 300px; vertical-align: top;}

.ital{font-style: italic;}
.just{text-align: justify;}

/*таблица для вебмани*/
.table_webmoney{
border: 0;
width:100%;}

/*таблица для SEO*/
.table_seo{
border: 0;
background: #fff;}

/*для стрелок на странице sitemap*/
.probel{
padding-left: 25px;
padding-right: 10px;}

/*для отступа на странице sitemap*/
.space{
margin-bottom: 150px;}

/*таблица на странице smo*/
#table_smo a{text-decoration: underline;}
#table_smo a:hover{text-decoration: none;}

/*таблица стоимость на страницa vkontakte_design*/
.price_vk{background: #d8d8df;}
.price_vk td{width: 290px;}

/*непосредственно для таблицы*/
.table_networks{
text-align: center;
font-weight: bold;
border:1px solid #000;
background: #fff;
border: 0;}

/*для фона галок и минусов*/
.table_networks_cells{background:#f5f5f5;border-bottom:1px solid #ccc;}
.table_networks td{padding:7px 3px;border-right:1px solid #ccc;}
.table_networks_title{text-align: left;border-bottom:1px solid #ccc;}
.table_networks tr:hover, .table_networks tr:hover .table_networks_cells{background: #e2eafe;border-bottom:1px solid #999;}
/*таблица страницы аниме*/
.table_anime{
border-collapse: collapse;
width: 600px;
text-align: left;
margin: 0 auto;}

.table_zagol_anime{background:#999;}
.seriy{background:#EEE;}
.blu{background:#DBE5F1;}

/*стиль для картинок(отступ)*/
.pictur{margin: 15px 0; display: block;}

/* -------------------------------страница social_networks-----------------------*/
/*блок с таббами*/
#tabbs{
position:relative;
margin:0 auto;
background: #F6F5F5;
width: 600px;
min-width:600px;}

#tabbs a{text-decoration: underline;}
#tabbs a:hover{text-decoration: none;}

/*блоки с контентом вкладок*/
.content div{
padding:20px;
color:black;}

/*блоки с названиями вкладок*/
.name a{
float:left;
height: 23px;
padding: 7px 25px 0px 25px;
margin-right:2px;
display: block;}

/* скрытая вкладка*/
.hide{ display:none;}

/* показать вкладку */
.show{
display:block;
color:red;
}

/* вкладка неактивна*/
.nonactive{
background: url('../images/background_nactive1.png') no-repeat;
cursor:pointer;
color:#3794DA;}

/*смена иконки для вкладки если на нее наводим мышью*/
.nonactive:hover {background:  url('/images/background_active.png') no-repeat;}

/* активная вкладка */
.active{
cursor:default;
color:#000;
font: bold 12px Verdana, Tahoma, helvetica, sans-serif;
}

/* положение вкладкок */
#tabnames{padding: 0;margin-left: 10px;}
#tabcontent_1{padding: 0; margin-left: -45px;background: #F6F5F5;}
#tabcontent_2, #tabcontent_3, #tabcontent_4, #tabcontent_5, #tabcontent_6, #tabcontent_7{margin-left: -20px;}

.MsoNormal{
text-align:justify;
line-height:115%;}

#tabname_1, #tabname_2,#tabname_3, #tabname_4,
#tabname_5, #tabname_6,#tabname_7{
margin:0px;
padding:0px;
border:0px red solid;
width:81px;
height: 70px;
border-bottom:2px #8078c2 solid;

}

#tabnames img{margin:10px 16px;}
#tabnames img:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);}

/*вкладка 1 - active активная, nonactive неактивная и nonactive:hover неактивная, на которой наведен мышь */
#tabname_1.active {background: url('../images/i/in_hover.png') no-repeat;}
#tabname_1 {background:  url('../images/i/../images/i/in.png') no-repeat; cursor:pointer;

}
#tabname_1:hover{background:  url('../images/i/in_hover.png') no-repeat; border-bottom:2px #f00 solid;}

/*вкладка 2 аналогично*/
#tabname_2.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_2 {background:  url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_2:hover{background:  url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*вкладка 3 аналогично*/
#tabname_3.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_3 {background:  url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_3:hover{background:  url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*вкладка 4 аналогично*/
#tabname_4.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_4 {background:  url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_4:hover{background:  url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*вкладка 5 аналогично*/
#tabname_5.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_5 {background:  url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_5:hover{background:  url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*вкладка 6 аналогично*/
#tabname_6.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_6 {background:  url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_6:hover{background:  url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*вкладка 7 аналогично*/
#tabname_7.active {background:  url('../images/i/in_hover.png') no-repeat; }
#tabname_7 {background: url('../images/i/in.png') no-repeat;  cursor:pointer;}
#tabname_7:hover{background: url('../images/i/in_hover.png') no-repeat;  border-bottom:2px #f00 solid;}

/*таблица с прайсами и тд, которая с сиреневой шапкой*/
.adv {text-align: center; font-size:11px;}
* HTML .adv{background: #9B97BF;}
*:first-child+html .adv{background: #9B97BF;}

.adv_color{background: #f4effc;}
.adv_background{background: #e1d9f4;}

.adv_header_left {
background: url('../images/table_header_left.png') no-repeat;
width:200px;
height:23px;
padding:0px;
padding-left:8px;}
* HTML .adv_header_left{ background:none; padding-left: 30px;}
*:first-child+html .adv_header_left{ background:none; padding-left: 30px;}

.adv_header_mid {
background: url('../images/table_header_mid.png') repeat-x;
margin:0px;
height:24px;
text-align:center;}
* HTML .adv_header_mid{ background:none; padding-left: 30px;}
*:first-child+html .adv_header_mid{ background:none; padding-left: 30px;}

.adv_header_right {
background: url('../images/table_header_right.png') no-repeat top right;
width:190px;
height:23px;
padding:0px;
padding-right:8px;}
* HTML .adv_header_right{ background:none; padding-left: 30px;}
*:first-child+html .adv_header_right{ background:none; padding-left: 30px;}


/*отступы для розкривающихся ссилок*/
#adv_1{padding: 0;}
#adv_1_1{padding: 0;}
#adv_2{padding: 0;}
#adv_2_1{padding: 0;}
#adv_3{padding: 0;}
#adv_3_1{padding: 0;}
#adv_4{padding: 0;}
#adv_4_1{padding: 0;}
#adv_5{padding: 0;}
#adv_5_1{padding: 0;}

/*twitter*/
#blok_spis{
float:left;
padding:0px;}

*:first-child+html #blok_spis{ width: 350px; margin-left: -15px}
* HTML #blok_spis{ width: 350px; margin-top: -20px; margin-left: -5px}

#blok_link{
width:240px;
padding: 0;
margin-top: 0;
margin-left: 320px;}

*:first-child+html #blok_link{ margin-top: -460px; margin-left: 350px;}
* HTML #blok_link{ margin-top: -460px; margin-left: 350px;}

.hidden { visibility: hidden; display: none; } /*класс для скрытого блока*/
.showed { visibility: visible;  display: block; }/*класс для открытого блока*/

/*для блока с аккаунтами знаменитостей в твиттер - средний, шапка и низ*/
#accs_mid {background: url('../images/twitter_accs_mid.png') repeat-y;margin:0px;width:231px;}
#accs_top {background: url('../images/twitter_accs_top.png') no-repeat;margin:0px;width:231px;height:11px;padding:0px;}
#accs_bot {background: url('../images/twitter_accs_bot.png') no-repeat;width:231px;height:16px;}



/*     Новые стили таблиц   */
.content .round {
-moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari, Chrome */
 -khtml-border-radius: 10px; /* KHTML */
 -o-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  behavior: url(border-radius.htc);
  padding:0;
  overflow:hidden;
  margin-top:15px;
  }

.table-social{width:100%; border:1px solid #ccc;}
.table-social td{padding:6px 3px;border-right:1px solid #ccc;}

.table_title{color: white; font-weight: bold; background:#bfbbe0 url('../images/i/table_header_mid.png') repeat-x;}
.table_bottom{background:#bfbbe0 url('../images/i/table_header_mid.png') repeat-x;}