body { padding: 0px; margin: 0px; vertical-align: top; font-family: Verdana; font-size: 8pt; color: #4f4f4f; background: #f6fafd;} /** Общая информация **/ table, form, div { padding: 0px; margin: 0px; border: none; font-family: Verdana; font-size: 8pt; color: inherit;} td, th { padding: 0px; vertical-align: top; font-family: Verdana; font-size: 8pt; text-align: left; } img {border: none; padding: 0px; margin: 0px; font-size: 8pt; font-family: Verdana; color: #4f4f4f; } h1, h2, h3, h4 {padding: 0px; margin: 0px; font-family: Verdana; font-size: 10pt; color: #4f4f4f; } a { font-family: inherit; text-decoration: underline; color: #e01b27;} a:hover { text-decoration: none; } div, p, td, ul, li { font-family: Verdana; } table{border-collapse:collapse} /** Основные элементы - частные свойства**/ h1{ font: bold 11pt Verdana; color: #007fc4; } h1 img { height: 20px;} h1 a { height: 20px; display: block; padding: 0px 0px 0px 30px; background: url(/bitrix/templates/oracle/img/markers/yell.gif) 4px 1px no-repeat; } h2 { margin: 0px 0px 10px 0px; color: #e01b27; font-weight: normal; font-size: 11pt;} h3 { margin: 0px 0px 7px 0px; color: #e01b27; font-weight: normal; font-size: 9pt; } p { padding: 0px; margin: 0px 0px 10px 0px;} img {behavior: url("/htc/png.htc");} /** Основная таблица и ее содержимое **/ .box { width: 987px; height: 100%; background: url(/bitrix/templates/oracle/img/bg/box.gif) left repeat-y; } .box td { vertical-align: top; text-align: left;} .top { z-index: 101; height: 177px; position: relative; background: url(/bitrix/templates/oracle/img/bg/top.jpg) left top no-repeat;} .top .welcome {position: absolute; top: 152px; left: 0px; width: 987px; height: 25px; background: url(/bitrix/templates/oracle/img/bg/welcome.gif) bottom repeat-x; overflow: hidden; } .top .welcome .greeting {color: #007fc4; text-align: right; padding: 5px 15px 0px 15px;} .top .ring { width: 156px; height: 164px; top: 13px; left: 0px;} .top .ring img { width: 180px; height: 177px; } .top .logo { width: 282px; height: 90px; position: absolute; top: 87px; left: 2px;} .top .logo img {width: 282px; height: 90px; } .top .reklama { position: absolute; top: 20px; right: 20px; width: 540px; height: 90px; overflow: hidden; text-align: right; } .talisman {top: 115px; right: 0px; position: absolute; } .data { padding: 10px 15px 0px 15px; color: #007fc4;} .nav { padding: 5px 15px 0px 15px; font-size: 7pt;} .nav a { padding: 0px 10px 0px 0px; margin: 0px 8px 0px 0px; background: url(/bitrix/templates/oracle/img/markers/li.gif) right bottom no-repeat;} .content { width: 957px; margin: 20px 15px 15px 15px; } .colLeft { width: 719px; margin: 0px 20px 0px 0px; float: left; overflow: hidden;} .colLeft .left { width: 423px; margin: 0px 20px 0px 0px; float: left; clear: both; overflow: hidden; } .colLeft .right { width: 276px; float: left; margin: 0px 0px 0px 0px; } .colLeft .leftTopMain { width: 317px; margin: 0px 20px 0px 0px; float: left; clear: both; } .colLeft .rightTopMain { width: 381px; float: left; margin: 0px 0px 0px 0px; ;} .colRight { width: 218px; float: left; } .bottom { height: 75px;} .bottom .bottomIn { height: 75px; background: url(/bitrix/templates/oracle/img/bg/bottom.gif) bottom repeat-x; margin: 0px 1px 0px 1px;} .bottomIn .menu { color: #007fc4; font-size: 7pt; width: 730px; text-align: center; padding: 10px 0px 10px 0px; float: left;} .bottomIn .menu a { margin: 0px 10px 0px 10px;} .bottomIn .count { width: 715px; float: left; } .bottomIn .count img { margin: 0px 10px 0px 10px; } .bottomIn .copy { color: #007fc4; width: 218px; float: right; padding: 10px 0px 0px 0px; } /** Постраничная навигация **/ .navigationByPages { padding: 20px 0px 20px 0px; clear: both;} .navigationByPages div { font-size: 9pt;} .navigationByPages img { width: 14px; height: 11px; margin: 0px 10px 0px 10px;} .navigationByPages a {color: #007fc4; text-decoration: none; margin: 0px 3px 0px 3px;} .navigationByPages b {margin: 0px 3px 0px 3px;} .navigationByPages a:hover {color: #007fc4;} /** Оформление блоков - блоки **/ .blockBox { width: 100%; margin: 0px 0px 20px 0px;} .blockBox .t .l { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_tl.gif) right bottom no-repeat; } .blockBox .t .r { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_tr.gif) left bottom no-repeat; } .blockBox .t .c { height: 15px; background: url(/bitrix/templates/oracle/img/bg/line_yell.gif) top repeat-x;} .blockBox .b .l { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_bl.gif) right top no-repeat; } .blockBox .b .r { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_br.gif) left top no-repeat; } .blockBox .b .c { height: 15px; background: url(/bitrix/templates/oracle/img/bg/line_yell.gif) bottom repeat-x; } .blockBox .c .l { width: 15px; background: url(/bitrix/templates/oracle/img/bg/line_yell.gif) left repeat-y;} .blockBox .c .r { width: 15px; background: url(/bitrix/templates/oracle/img/bg/line_yell.gif) right repeat-y;} .blockBox .t .b { height: 15px; background: url(/bitrix/templates/oracle/img/bg/line_yell.gif) bottom repeat-x;} .blockBox .t .l img , .blockBox .t .r img , .blockBox .b .l img , .blockBox .b .r img { width: 15px; height: 15px; } .blockBox .c .c .blockBoxIn { overflow: hidden;} .colLeft .leftTopMain .blockBox .c .c .blockBoxIn { width: 287px; } .colLeft .right .blockBox .c .c .blockBoxIn { width: 245px; } .colLeft .left .blockBox { width: 423px; } .colLeft .left .blockBox .c .c .blockBoxIn { width: 393px; } .colLeft .blockBox .c .c .blockBoxIn { width: 689px; } .blockRec { width: 100%; margin: 0px 0px 20px 0px;} .blockRec .t .l { width: 7px; height: 7px; background: url(/bitrix/templates/oracle/img/bg/block_rec_tl.gif) right bottom no-repeat; } .blockRec .t .r { width: 7px; height: 7px; background: url(/bitrix/templates/oracle/img/bg/block_rec_tr.gif) left bottom no-repeat; } .blockRec .t .c { height: 7px; background: #fffaef url(/bitrix/templates/oracle/img/bg/line_yell.gif) top repeat-x;} .blockRec .b .l { width: 7px; height: 7px; background: url(/bitrix/templates/oracle/img/bg/block_rec_bl.gif) right top no-repeat; } .blockRec .b .r { width: 7px; height: 7px; background: url(/bitrix/templates/oracle/img/bg/block_rec_br.gif) left top no-repeat; } .blockRec .b .c { height: 7px; background: #fffaef url(/bitrix/templates/oracle/img/bg/line_yell.gif) bottom repeat-x; } .blockRec .c .l { width: 7px; background: #fffaef url(/bitrix/templates/oracle/img/bg/line_yell.gif) left repeat-y;} .blockRec .c .r { width: 7px; background: #fffaef url(/bitrix/templates/oracle/img/bg/line_yell.gif) right repeat-y;} .blockRec .t .b { height: 7px; background: #fffaef url(/bitrix/templates/oracle/img/bg/line_yell.gif) bottom repeat-x;} .blockRec .t .l img , .blockRec .t .r img , .blockRec .b .l img , .blockRec .b .r img { width: 7px; height: 7px; } .blockRec .c .c { background: #fffaef; text-align: center;} .blockRec .c .c img { display: block;} .colRight .blockRec .c .c img { margin: 10px 0px 15px 0px; } /** Оформление блоков - текстовые **/ .img { width: 99px; height: 99px; display: block; float: left; /*background: url(/bitrix/templates/oracle/img/bg/img_big.gif) top left no-repeat;*/ overflow: hidden; margin: 2px 10px 2px 0px;} .img img { margin: 2px 2px 2px 2px;} .text { height: 101px; display: block; overflow: hidden; margin: 0px 0px 10px 0px; text-align: justify; } .more { clear: both; text-align: right; } .more img { width: 78px; height: 11px;} .all { clear: both; text-align: right; margin: 0px 0px 20px 0px; } .all img { width: 115px; height: 11px;} .blockSimp {} .blockHr { padding: 6px 2px 10px 0px; display: block; margin: 0px 0px 10px 0px;} .colLeft .left .blockHr { background: url(/bitrix/templates/oracle/img/bg/hr_big.gif) bottom right no-repeat; } .colRight .blockHr { background: url(/bitrix/templates/oracle/img/bg/hr_min.gif) bottom right no-repeat; } .blockHr p { text-align: justify; } .blockMin { margin: 0px 0px 10px 0px; } .blockMin .img { width: 54px; height: 54px; display: block; float: left; background: url(/bitrix/templates/oracle/img/bg/img_min.gif) top left no-repeat; overflow: hidden; margin: 2px 10px 2px 0px;} .blockMin .img img { width: 50px; height: 50px; margin: 2px 2px 2px 2px;} .blockMin .text { display: block; margin: 0px 0px 5px 0px; text-align: justify; font-size: 7pt; overflow: hidden; } .blockMin h3 { margin: 0px 0px 3px 0px; font-size: 7pt; text-align: left; } .blockMin .more { clear: both; text-align: right; font-size: 7pt; } .blockMin .more a { color: #007fc4; padding: 0px 10px 0px 0px; background: url(/bitrix/templates/oracle/img/markers/red.gif) right top no-repeat; text-transform: lowercase; text-decoration: none; } .blockMin .more a:hover { color: #e01b27; } /** Информеры **/ .leftTopMain .informers { width: 380px; } .left .informers { width: 480px; } .informer { font-size: 7pt; line-height: 11px;} /*.informer img { width: 126px; height: 66px; }*/ .informer h3 { font-size: 7pt; margin: 0px 0px 3px 0px;} .informer p { text-align: justify; } .leftTopMain .informer { float: left; width: 80px; height: 66px; margin: 8px 16px 8px 6px; */margin: 0px 16px 20px 6px; } .right .informer { height: 68px; margin: 10px 0px 20px 0px; overflow: hidden; } .right .informer img { float: left; margin: 0px 10px 0px 0px; } .left .informers .informer { float: left; width: 126px; height: 130px; overflow: hidden; margin: 0px 21px 24px 0px;} .left .informers .informer img { float: none; display: block; margin: 0px 0px 5px 0px; } .informer_active {} .informer_active img { width: 126px; height: 66px; float: left; margin: 0px 15px 0px 0px; } .informer_active .text { float: left; display: block; height: auto; width: 252px;} /** Зодиак **/ .right .blockBox .c .c .blockBoxIn .icons { width: 300px; padding: 0px 0px 0px 0px; */padding: 3px 0px 5px 0px;} .icon { width: 52px; height: 52x; float: left; margin: 8px 21px 8px 11px; */margin: 0px 25px 20px 10px; } .icon img { width: 52px; height: 52x; } /** Сегодня на портале **/ .colLeft .todey { width: 740px; padding: 10px 0px 0px 0px;} .todey .blockMin { width: 219px; float: left; overflow: hidden; margin: 0px 15px 10px 0px; } /** Видео **/ .video { padding: 8px 0px 0px 0px; margin: 0px 0px 20px 0px;} /** Форум **/ .colRight .blockMin .text { padding: 0px 10px 0px 10px; overflow: hidden; height: 100px;} .colRight .blockMin h3 { padding: 0px 10px 0px 10px; } .colRight .blockMin .authot { font-size: 7pt; font-weight: bold; margin: 0px 0px 3px 0px; padding: 0px 10px 0px 10px; } .blockMin .authot a { font-weight: normal; color: #007fc4;} .colRight .blockMin .more { padding: 0px 10px 0px 10px; } /** Гадания **/ .palmistrysBox { padding: 10px 0px 20px 0px; width: 480px;} .palmistry { width: 124px; height: 207px; overflow: hidden; margin: 0px 24px 24px 0px; float: left; font-size: 7pt; text-align: justify; } .palmistry .img { width: 124px; height: 124px; overflow: hidden; margin: 0px 0px 5px 0px; display: block; background: url(/bitrix/templates/oracle/img/bg/palmistry_img.gif) no-repeat left top; } .palmistry .img img { width: 120px; height: 120px; display: block; margin: 2px 2px 2px 2px;} .palmistry h3 { font-size: 8pt; margin: 0px 0px 3px 0px; text-align: left; } /* Служебные классы */ .red { color: #e01b27;} .blue { color: #007fc4;} .norm { font-weight: normal;} .under { text-decoration: underline;} .imgLeft { float: left; border: solid 2px #fbdf85; margin: 0px 10px 10px 0px;} .imgRight { float: right; border: solid 2px #fbdf85; margin: 0px 0px 10px 10px;} .nobr {white-space:nowrap} .vc { vertical-align: middle;} .vt { vertical-align: top;} .vb { vertical-align: bottom;} .el { text-align: left;} .er { text-align: right;} .ec { text-align: center;} .fl { float:left;} .fr { float: right; text-align: right; } .fn { clear: both;} .pr { position: relative; } .pa { position: absolute; }