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 12pt Verdana; color: #007fc4; }
	h1 img { height: 20px;}
	h1 a  { height: 20px; display: block; padding: 0px 0px 0px 30px; background: url(../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(../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: 640px; 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(../img/markers/li.gif) right bottom no-repeat;}


.content { width: 957px; margin: 20px 15px 15px 15px; }
	.colLeft { width: 957px;  margin: 0px 20px 0px 0px; float: left;  overflow: hidden;}
		.colLeft .left { width: 957px; 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;  ;}

.bottom { height: 75px;}
	.bottom .bottomIn { height: 75px; background: url(../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; }


/** Верхнее меню **/

	.moons_calendar { top: 115px; right: 83px; position: absolute;}
	.readers_club { top: 115px; right: 174px; position: absolute;}
	.games { top: 115px; right: 263px; position: absolute;}
	.dream_book { top: 115px; right: 324px; position: absolute;}
	.prophecys  { top: 115px; right: 398px; position: absolute;}
	.palmistrys  { top: 115px; right: 515px; position: absolute;}
	.horoscope { top: 115px; right: 592px; position: absolute;}

/** Постраничная навигация **/
.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;} 

/** Оформление блоков - блоки **/

.yellowBlock {border:2px solid #FFC327;margin-top: 10px; margin-bottom: 10px; padding-top: 5px}
.whiteBlock {border:2px solid #FFFFFF;margin-top: 10px; margin-bottom: 10px; padding-top: 5px}

.blockBox { width: 100%; margin: 0px 0px 20px 0px;}
	.blockBox .t .l { width: 15px; height: 15px; background: url(../img/bg/block_box_tl.gif) right bottom no-repeat; }
	.blockBox .t .r { width: 15px; height: 15px; background: url(../img/bg/block_box_tr.gif) left bottom no-repeat; }
	.blockBox .t .c { height: 15px; background: url(../img/bg/line_yell.gif) top repeat-x;}
	.blockBox .b .l { width: 15px; height: 15px; background: url(../img/bg/block_box_bl.gif) right top no-repeat; }
	.blockBox .b .r { width: 15px; height: 15px; background: url(../img/bg/block_box_br.gif) left top no-repeat; }
	.blockBox .b .c { height: 15px; background: url(../img/bg/line_yell.gif) bottom repeat-x;  }
	.blockBox .c .l { width: 15px; background: url(../img/bg/line_yell.gif) left repeat-y;}
	.blockBox .c .r { width: 15px; background: url(../img/bg/line_yell.gif) right repeat-y;}
	.blockBox .t .b { height: 15px; background: url(../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 {  }
	.colLeft .right .blockBox .c .c .blockBoxIn {  }
	.colLeft .left .blockBox {  }
	.colLeft .left .blockBox .c .c .blockBoxIn {  }
	.colLeft .blockBox .c .c .blockBoxIn {  }

	
	
.blockRec { width: 100%; margin: 0px 0px 20px 0px;}
	.blockRec .t .l { width: 7px; height: 7px; background: url(../img/bg/block_rec_tl.gif) right bottom no-repeat; }
	.blockRec .t .r { width: 7px; height: 7px; background: url(../img/bg/block_rec_tr.gif) left bottom no-repeat; }
	.blockRec .t .c { height: 7px; background: #fffaef  url(../img/bg/line_yell.gif) top repeat-x;}
	.blockRec .b .l { width: 7px; height: 7px; background: url(../img/bg/block_rec_bl.gif) right top no-repeat; }
	.blockRec .b .r { width: 7px; height: 7px; background: url(../img/bg/block_rec_br.gif) left top no-repeat; }
	.blockRec .b .c { height: 7px; background: #fffaef url(../img/bg/line_yell.gif) bottom repeat-x;  }
	.blockRec .c .l { width: 7px; background: #fffaef url(../img/bg/line_yell.gif) left repeat-y;}
	.blockRec .c .r { width: 7px; background: #fffaef url(../img/bg/line_yell.gif) right repeat-y;}
	.blockRec .t .b { height: 7px; background: #fffaef url(../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 { display: block; float: left; background: url(../img/bg/img_big.gif) top left no-repeat; overflow: hidden; margin: 2px 10px 2px 0px}
	.img img {  margin: 3px 2px 2px 3px}

.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(../img/bg/hr_big.gif) bottom right no-repeat;  }
	.colRight .blockHr { background: url(../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(../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;   height: 65px; 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(../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: 126px; 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 .club  { width: 126px; min-height: 150px; float: left; margin: 0px 15px 0px 0px;  }
	.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: 720px; padding: 10px 0px 0px 0px;}
	.todey .blockMin { width: 219px; height: 95px; float: left; overflow: hidden; margin: 0px 15px 0px 0px;  }

/** Видео **/
.video { padding: 8px 0px 0px 0px; margin: 0px 0px 20px 0px;}

/** Форум **/
.colRight .blockMin .text { padding: 0px 10px 0px 10px; overflow: hidden; height: 35px;}
.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(../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; }


.blockBox .t .lll { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_tlkr.gif) right bottom no-repeat; }
.blockBox .t .rrr { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_trkr.gif) left bottom no-repeat; }
.blockBox .b .lll { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_blkr.gif) right top no-repeat; }
.blockBox .b .rrr { width: 15px; height: 15px; background: url(/bitrix/templates/oracle/img/bg/block_box_brkr.gif) left top no-repeat; }