@import url("http://pics.tata.ru/tata_pics/skin/tinyMCE.css");

BODY { margin:0; padding:0; border:none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; background:#16B0D7 url(http://pics.tata.ru/tata_pics/skin/img/bg.png) repeat-x;text-align:center; color:#333;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
TABLE, TD { font-size:100%; padding:0; border-collapse:collapse; vertical-align:top;}
FORM { margin:0; padding:0;}
INPUT, SELECT, TEXTAREA { font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
A { text-decoration:none; color:#000; outline:none;}
A:hover { text-decoration: underline;}
A IMG { border:0;}
P { margin:0 0 20px 0; padding:0; line-height:1.6em;}
UL { margin:0; padding:0 5px 0 0; list-style-image:none; list-style-type:none;}
UL LI { margin:10px 0 0 0; padding:0 0 0 12px; background:url(http://pics.tata.ru/tata_pics/skin/img/bullet.gif) 2px 5px no-repeat;}
.wh1x1 UL { position:relative;}
H2 { font:normal 30px Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; color:#666;}
H2.big { font-size:36px;}
H2 SMALL { font-size:23px;}
H2 A { color:#666;}
H3 { font:normal 23px Arial, Helvetica, sans-serif; padding:0 2px; margin:0; display:inline; color:#fff;}

/* font's fize */
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.line .f12 {font-weight: bold;}
.f18 {font-size:18px;}
.f23 {font-size:23px;}
.f33 {font-size:33px;}

/* paddings */
.width100 {width:100%;}
.top10 {padding-top:10px;}
.mtop10 {margin-top:10px;}
.top20 { padding-top:20px;}
BODY .container .right0 { margin-right:0 !important;}
.right10 {margin-right:10px;}
.right20 {margin-right:20px;}
.left10 {margin-left:10px;}
.bottom5 { margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {padding-bottom:20px;}
.bottom25 {padding-bottom:25px;}
.bottom40 {padding-bottom:40px;}
.height250 { height:250px !important;}
.height508 { height:508px !important; overflow: hidden;}

/* auth block */
.autorizBlock {position:absolute; width:300px; height:250px; background-color:#fff; z-index:20; text-align:left; padding:10px; display:none;}
.autorizBlock FORM {padding:0 10px 10px 10px;}
.autorizBlock A {margin-left:20px;}

/* header */
.topLine {padding:10px 0; color:#fff; font-size:12px;}
.topLine A { color:#fff;}
.buttonForm { background-color:#16B0D7; padding:2px 5px 3px 5px; margin-right:5px; line-height:1.2em;}
.topLine .search { width:168px; border:none; padding:2px 2px 2px 20px; height:1.5em; background:#fff url(http://pics.tata.ru/tata_pics/skin/img/searchBg.gif) 2px 3px no-repeat; margin-left:10px;}
.logo {background: url(http://pics.tata.ru/tata_pics/skin/img/logo.png) 0 0 no-repeat; width:219px; height:64px; margin-left: 20px;}
.logo, {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pics.tata.ru/tata_pics/skin/img/logo.png',sizingMethod='scale')}
.logo IMG, { z-index:1; position:relative;}
.orangeMarker {background-color: #e26824;  padding:2px 5px 3px 5px; margin-right:5px; line-height:1.2em;}

/* menu */
.menu {background: #1086A1 url(http://pics.tata.ru/tata_pics/skin/img/menu/bg.gif) 0 0 repeat-x; font:bold 13px Arial narrow, Arial, Helvetica, sans-serif; vertical-align:middle; height:40px; text-transform:uppercase;}
.menu TD {background: url(http://pics.tata.ru/tata_pics/skin/img/menu/menuseparator.gif) 100% 7px no-repeat; vertical-align:middle; white-space:nowrap; text-align: center;}
.container .menu TD.last { background:none;}
.menu TD.active { background:url(http://pics.tata.ru/tata_pics/skin/img/color05/menu/bg05.gif) 0 100% repeat-x;}
.menu TD.active SPAN, .menu TD.active A { color:#1D5E8A;}
.menu TD A, .menu TD SPAN { color:#fff; padding:0 10px; }

/* navigation */
.nav { margin-bottom:10px;}
.nav DIV { float:left; font: bold 14px Verdana, Arial, Helvetica, sans-serif;}
.nav DIV.navActive { margin-right:2px;}
.nav DIV.navActive DIV { color:#fff; float:none;}
.nav DIV.navActive DIV A { color:#fff;}
.navActiveText {padding:2px 4px;}
.otherSectionSubContainer {position:relative; z-index:100;}
.sectionBlock {display:none; position:absolute; width:300px; background:#fff; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.sectionBlock DIV { display:block; float:none; margin:10px 0; filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
.else, .elseActive { background:url(http://pics.tata.ru/tata_pics/skin/img/color01/nav/arrDown.gif) no-repeat 100% 60%; padding-right:20px; cursor:default;}

/* news */
.newsBlockBg { background:url(http://pics.tata.ru/tata_pics/skin/img/newsBlockBg.gif) 0 100% repeat-x;}
.newsBlockBg .newsBlock {padding:10px 0 0 10px; position:relative;}
.newsBlockBg .newsBlock UL {overflow: hidden; height: 210px;}
.grayBorderBg {border:1px solid #CCC; background-color:#F1F1F1; padding:10px;}

/* photogallery */
.photoBigBlock {background-color:#F1F1F1; padding:20px; position: relative;}
.photoBig {margin:20px 0 10px 0; width:570px; height:450px; background-repeat:no-repeat; background-position:center;}
.photoBig A {position:relative; visibility:hidden; top:205px;}
.photoArrows {position:absolute; float:left; z-index:100; height:0;}
.photoArrows A {position:relative; top:40px; visibility:hidden;}
.photoListBlock {background-color:#F1F1F1; padding:20px 10px; overflow:hidden;}
.photoLine { margin-bottom:20px;}
.photoLine DIV { margin:0 2px 0 0; width:145px; height:119px; float:left; background-repeat:no-repeat; overflow:hidden;}
.photoLine IMG { cursor:pointer; cursor:hand;}
.opacityBg {position:absolute; top:0; left:0; height: 500px; width:100%; background:url(http://pics.tata.ru/tata_pics/skin/img/opacityBg.gif); z-index:10; display:none;}
.photoScaledup { position:absolute; left:25%; top:20%; z-index:30; display:none;}
.photoScaledup .photoBig A {visibility: visible;}
.photoName { font-weight:bold; color:#808080; padding:0 10px;}
.photoSource, .photoSource A { color:#808080; margin-bottom:10px;}

.photogalleryList {display:table; _height:auto; zoom:1; margin-bottom:10px; width:100%;}
.photogalleryList IMG {margin-right:2px; float:left;}
.photogalleryListTitle {float:left; padding:0 0 10px 8px; width:300px;}
.photogalleryList .blockNumber { margin-right:2px;}

/* anonce */
.nounderline A:hover { text-decoration:none !important;}
.wh1x1 A:hover, .wh2x1 A:hover, .wh1x2 A:hover { text-decoration:none;}
.line {position: absolute; bottom: 0%; left: 0%; padding:0 0 10px 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; font: normal 1.2em Arial, Helvetica, sans-serif;}
A:hover .line {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.lineText { color:#fff; cursor:pointer; cursor:hand;}
.lineText SPAN { padding-left:3px;}

.textBlock {margin-top:5px;}
.textBlock IMG { margin-bottom:10px;}
.textBlock B { display:block; margin-bottom:4px;}
.textBlock SPAN, .textBlock SPAN A {color:#666;}

/* blogs */
.blogBlock { background:#fff url(http://pics.tata.ru/tata_pics/skin/img/blogs/bg.gif) 0 100% repeat-x; float:left; width:222px;}
.blogTop, .blogLT, .blogRT, .blogBottom, .blogLB, .blogRB { height:10px; font-size:0;}
.blogTop { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/border.gif) 0 0 repeat-x;}
.blogLT { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/curveLT.gif) 0 0 no-repeat;}
.blogRT { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/curveRT.gif) 100% 0 no-repeat;}
.blogBottom { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/border.gif) 0 100% repeat-x;}
.blogLB { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/curveLB.gif) 0 100% no-repeat;}
.blogRB { background:url(http://pics.tata.ru/tata_pics/skin/img/blogs/curveRB.gif) 100% 100% no-repeat;}
.blogContent { border:solid #16B0D7; border-width:0 1px; height:80px; overflow:hidden; padding:0 10px;}
.blogContent B { padding-bottom:6px; display:block;}
.blogContent SPAN, .blogContent SPAN A { padding-top:6px; display:block; color:#808080;}
.blogImg {float:left; margin:0 10px 0 0;}
.blogArrow {position:relative; top:65px; left:-20px; z-index:20;}

/* general purpose */
.noDisplay {display: none;}
.table {display:table; _height:auto; zoom:1;}
.tableCell {display:table-cell; _height:auto; zoom:1;}
.banner { padding:10px 0 20px 0;}
.flRight { float:right;}
.flLeft { float:left;}
.abs {position:absolute}
.undl A:hover { text-decoration:underline;}
.hand {cursor:pointer; cursor:hand;}
.grayBlockBg { background:url(http://pics.tata.ru/tata_pics/skin/img/grayBlockBg.gif) 0 100% repeat-x !important;}
.grayBlockBg UL {margin:10px 0 10px 10px;}
.grayBlockBg .bgcolor00 { background:#9A9A9A;}
.mainBreakLine, .pageBreakLine { display: none;}

/* material */
.announce { font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:20px 0 25px 0; line-height:1.4em; color:#808080;}
/* \*/
* html .text {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */
.text .imgBlock {float:left; background-color:#F1F1F1; width: 300px; margin-right:10px;}
.loupe {background: url(http://pics.tata.ru/tata_pics/skin/img/loupe.png) 0 0 no-repeat; width:15px; height:15px; position:absolute; bottom:0%; right:0%; display:none;}
.loupe, {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pics.tata.ru/tata_pics/skin/img/loupe.png',sizingMethod='scale')}
.text .videoBlock {float:left; border:1px solid #ccc; width: 300px; margin-right:10px;padding:10px 10px 0 10px; margin-top:10px;}
.pic { margin:0 10px 10px 0; float:left;}
.text .imgBlock .imgSize { width:300px; height:250px; overflow: hidden; margin-bottom:5px; position: relative;}
.text .imgBlock .sig {padding:10px;}
.text P A { background-color:#ccc; padding:4px; color: #fff;}
.subBlocks {float:left; width: 310px; margin:0 0 25px 0;}
.subBlocks .imgBlock, .subBlocks .videoBlock {margin-right:0 !important;}
.text .videoBlock DIV { margin-bottom:10px;}

/* comments */
.commentTop { margin-top:30px;}
.commentTop H2 {float:left; background-color:#ccc; padding:10px; margin:0;}
.commentTopLinks {float:left; padding:26px 0 0 10px;}
.commentList {border:4px solid #ccc; padding:0 10px;}
.commentItem {padding:20px 0; background:url(http://pics.tata.ru/tata_pics/skin/img/dot.gif) 0 100% repeat-x;}
.commentNumber { float:left; width:134px; color:#ccc; font: normal 54px Arial, Helvetica, sans-serif; line-height:42px;}
.commentData { float:left; width:448px; overflow:hidden;}
.nick {margin-bottom:4px; font-weight:bold; color:#808080;}
.nick A {color:#16B0D7;}
.comment {clear:left; padding-top:5px; line-height:1.4em;}
.pager { padding:10px 0 14px;}
.pages { margin:auto 20px;}
.pages A { padding:0 4px; border:1px solid #B7B7B7; position:relative; z-index:1;}
.pages A:hover { background-color:#fff; text-decoration:none;}
.pages SPAN { padding:0 4px; color:#CC3434; font-weight:bold;}
.pages SPAN.lightGray { color:#ccc; font-weight:normal; border:1px solid #B7B7B7;}
.commentBottom {background-color:#ccc; padding:0 10px 20px 10px;margin-bottom:20px;}
.commentBottom TABLE TD { padding:5px;}
.commentBottom, { width:100%;}
.commentBottom DIV {padding:10px 0;}

/* vertical and horisontal blocks */
.blockTitle { margin-bottom:10px; font-weight:bold;}
.blockText, .blockText A { color:#666;}
.blockTitle, .blockTitle A {color:#333;}
.blockNumber, .blockNumber A { color:#808080;}

.hBlockCont {display:table; _height:auto; zoom:1; clear:left;}
.hBlock {width:300px; height:120px; overflow:hidden; float:left;`margin:0 0 0 0;}
.hBlockLast { margin:0 !important;}

.vBlock {width:145px; height:250px; float:left; overflow:hidden; margin:0 10px 10px 0;}
.vBlockLast { margin:0 0 10px 0 !important;}
.vBlock .blockText { padding: 10px 0 0 0; height:130px;}

.containerForvBlock .blockImg { overflow: hidden; width:143px; height:120px;}
.containerForvBlock .blockText {padding: 10px; position:relative;}
.containerForvBlock .blockTitle { margin-bottom:0;}
.containerForvBlock .blockNumber { position:absolute; right:0%; bottom:0%; background-color:#ccc; padding:2px 4px; font-weight:bold;}
.containerForvBlock .blockNumber, .containerForvBlock .blockNumber A { color:#fff;}
.containerForvBlock .vBlock, .containerForvBlock .hBlock {border:1px solid #ccc; background-color:#F1F1F1;}

.containerForvBlock .hBlock .blockImg { float:left; }
.containerForvBlock .hBlock .blockText { width:155px; height:120px; float:right;}

.vBlock2, .vBlock2Last {float:left; width:140px; margin-right:10px;}
.vBlock2Last, .hBlock2Last { margin-right:0 !important;}
.vBlock2 IMG, .vBlock2Last IMG {margin-bottom:10px; clear:right;}
.hBlock2, .hBlock2Last {float:left; width:300px; margin:0 10px 10px 0;}
.hBlock2 IMG, .hBlock2Last IMG {margin-right:10px; float:left;}

.videoAnnounce { float:left; padding-right:5px; margin-bottom:10px; width:50%;}
.videoText { float:left; width:180px;}
.videoText DIV { font-weight:bold; margin-bottom:10px; padding-left:20px; width:180px;}
.videoBody {float:left;}

/* tag's clouds */
.cloud { padding:10px 10px 10px 0;}
.cloud A { margin-right:10px;}


/* users */
.width145 {width:145px;}
.width300 {width:300px;}
.notes { padding:0 0 20px 10px; font-size:0.8em; color:#808080;}
.userProfileBlock .userPhoto {margin:7px 20px 20px 0; float:left;}
.userProfileBlock .statusArrow {position:relative; top:48px; left:75px; z-index:1;}
.userProfileBlock .statusArrow, {left:-13px;}
.userProfileBlock .statusLine {padding:2px 4px; border:1px solid #ccc; background-color:#F1F1F1;}
.userData { table-layout:fixed;}
.userData TD {padding:0 10px 10px 0; line-height:1.4em;}
.userData .leftTd { font-weight:bold; text-align:right;}

.pages .billMonth {position:relative; top:-20px; left:-9px; font-weight:normal; color:#000;}
.pages .billMonth B { color:#16B0D7}
.tooltipFlag {width:18px; height:12px; font-size:0; border:solid #B7B7B7; border-width:0 1px; position:relative; top:32px; left:-11px; background-color:#fff;}

/* поиск */
.subArchivePanel {padding:0 20px 20px 0; }
.archivePanel .grayBg {background:#E5E5E5; }
.archivePanel .flRight, .archivePanel .flLeft { width:42px;}
.searchContainer {margin:0 44px; height:40px; text-align:center;}
.searchContainer, {margin:0 40px;}
.searchContainer FORM {padding-top:0.9em; }
.searchOption {clear:left; padding-left:40px; position:relative; top:9px;}
.searchOption SPAN { cursor:pointer; cursor:hand;}
.searchOption SPAN.active {background:url(http://pics.tata.ru/tata_pics/skin/img/spoint.gif) 50% 0 no-repeat; padding-top:10px; font-weight:bold; font-size:1.2em; text-decoration:none; cursor:default;}
.searchBlock { margin-top:30px;}
.searchBlock H4 { margin:10px 0;}
.searchBlock H4 A{ color:#808080;}

/* подвал */
.pageBottom .container { padding-right:10px !important;}
.pageBottom .container UL { float:left; width:90px; margin:0 10px 0 0; padding:0;}
.pageBottom .container UL LI { background:none; padding:0 0 4px 0; margin:0;}
.pageBottom .container UL LI.title { margin:20px 0 4px 0;}
.pageBottom .container UL LI.title A{padding:1px; color:#fff; font-weight:bold;}
.bottomLogoBlock {float:left; padding: 20px 0;}
.bottomLogoBlock IMG { margin-bottom:10px;}

.footblocks { clear:left; }

/*  гороскопы */
.horoscopeBlockBg { float:left; width:300px; margin-bottom:40px;}
.horoscopeBlock { margin-top:10px;}
.horoscopeBlock DIV { width:100px; height:90px; float:left; text-align:center; margin-bottom:20px; overflow:hidden;}
.horoscopeBlock A .signPic { width:62px; height:64px; overflow:hidden; cursor:pointer; cursor:hand; display:block; margin:0 auto; background-image:url(http://pics.tata.ru/tata_pics/horoscope/signs.gif); background-repeat:no-repeat;}
.horoscopeBlock .aries A .signPic { background-position:0 0;}
.horoscopeBlock .aries A:hover .signPic { background-position: -62px 0;}
.horoscopeBlock .taurus A .signPic {background-position: -124 0; }
.horoscopeBlock .taurus A:hover .signPic { background-position: -186px 0;}
.horoscopeBlock .gemini A .signPic {background-position: -248 0; }
.horoscopeBlock .gemini A:hover .signPic { background-position: -310px 0;}
.horoscopeBlock .cancer A .signPic {background-position: -372 0; }
.horoscopeBlock .cancer A:hover .signPic { background-position: -434px 0;}
.horoscopeBlock .leo A .signPic {background-position: -496 0; }
.horoscopeBlock .leo A:hover .signPic { background-position: -558px 0;}
.horoscopeBlock .vergo A .signPic {background-position: -620 0; }
.horoscopeBlock .vergo A:hover .signPic { background-position: -682px 0;}
.horoscopeBlock .libra A .signPic {background-position: -744 0; }
.horoscopeBlock .libra A:hover .signPic { background-position: -806px 0;}
.horoscopeBlock .scorpio A .signPic {background-position: -868 0; }
.horoscopeBlock .scorpio A:hover .signPic { background-position: -930px 0;}
.horoscopeBlock .sagittarius A .signPic {background-position: -992 0; }
.horoscopeBlock .sagittarius A:hover .signPic { background-position: -1054px 0;}
.horoscopeBlock .capricorn A .signPic {background-position: -1116 0; }
.horoscopeBlock .capricorn A:hover .signPic { background-position: -1178px 0;}
.horoscopeBlock .aquarius A .signPic {background-position: -1240 0; }
.horoscopeBlock .aquarius A:hover .signPic { background-position: -1302px 0;}
.horoscopeBlock .pisces A .signPic {background-position: -1364 0; }
.horoscopeBlock .pisces A:hover .signPic { background-position: -1426px 0;}
.horoscopeBlock A:hover .signText { font-weight:bold;}
.horoscopeBlock A:hover .signDate { font-size:0.9em;}
.horoscopeBlock A:hover SPAN {text-decoration:none;}
.horoscopeBlock .signDate { font-size:0.8em; color:#808080;}
.wh1x1horoscope {width:300px; height:250px; margin:0 10px 10px 0; float:left; overflow:hidden; position:relative;}
.horoscopeArrs {float:right}
.horoscopeArrs IMG { cursor:hand; cursor:pointer;}
.horoscopeSubBlock { width:300px !important; height:250px !important;}

/* /info/advertising/ */
.advertTable {background-color:#F1F1F1;border-collapse:collapse; margin-bottom:10px}
.advertTable td {font-size:11px;padding:5px; border:1px solid #CCC; text-align:center; vertical-align:middle; width:20%}
.advertTable .advertTableTop {background:#16B0D7; color:#FFFFFF; font-size:12px;font-weight:bold; padding:6px 10px}
h4.advert {margin:0 0 5px 0; color:#808080; font-size:12px}
.f14 {font-size:14px}

.icons {margin-top:20px}
.icons a {margin-right:10px}