@charset "utf-8";
body  {
	font: 11px Tahoma, "Geneva CY", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #777777;
	background-color: #f0f0f0;
	background-image: url(/layouts/stihoplet2/_img/back.png);
	background-repeat: repeat-y;
	background-position: center;
}
div, input, button, a, script, object, textarea, form {outline:0}
a {color:#229abd; text-decoration:underline; font-weight:bold}
a:hover {color:#75b10b; text-decoration:none}
a.outpagelink {color:#229abd; text-decoration:underline; font-weight:bold; background: url(/layouts/stihoplet2/_img/bullet.gif) no-repeat left center; padding-left: 12px;}
a.outpagelink:hover{color:#75b10b; text-decoration:none}
p.clear {margin:0; padding:0 }
p {margin:0 0 22px 0 }


/* BLOCK CSS */
#container {width: 989px; margin: 0 auto; text-align: left; background-image: url(/layouts/stihoplet2/_img/main_content_bg.jpg); background-repeat: no-repeat; background-position: left 328px;} 
#menu {height:327px;}
#header {height:327px; position:relative;}
#gifts {left: 456px; position: absolute; top: 165px; z-index: 2;}
#sidebar1 { float: right; width: 330px; padding: 100px 10px 15px 10px;}
#mainContent {margin: 0 385px 0 0; padding: 0; } 
#footer {background: url(/layouts/stihoplet2/_img/footer_bg.jpg) no-repeat center bottom; height:232px; margin-top:-20px; padding:20px 25px 0 25px;} 


/* MENU */
#menu div.MenuItem {line-height: 43px; margin: 0px; float: left; height: 43px; padding-right: 10px; padding-left: 10px; background:none}
#menu div.MenuItem:hover {background: url(/layouts/stihoplet2/_img/menu_bg_hover.gif) repeat-x;}
#menu a.MenuItem {color:#8b8b8b; text-decoration:none; font:18px "Myriad Pro Cond", "Arial Narrow", "Geneva CY", sans-serif;}
#menu a.MenuItem:hover {color:#fff;}
#menu .MenuDivider {background: url(/layouts/stihoplet2/_img/menu_divider.gif) no-repeat center center; float: left; height: 43px; width: 7px;}

/* HEADER */
#header .ClickableDiv {position:absolute;width:386px; height:182px; left: 54px; top: 32px; border:none}
#header .OrderButton {position:absolute; background-image: url(/layouts/stihoplet2/_img/order_button.png); margin: 0px; padding: 0px; height: 50px; width: 217px; left: 132px; top: 196px;}

/* CONTENT */
.BlockMain { padding:0; height:75px; background-repeat:no-repeat; background-position:left top}
.BlockContent {padding-left: 87px;}

.Welcome {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_1_welcome.jpg);}
.SpecOffer {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_2_offer.jpg);}
.News {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_3_news.jpg);}
.Articles {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_4_articles.jpg);}
.Forum {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_5_forum.jpg);}
.Categories {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_6_categories.jpg);}
.DefContacts {background-image: url(/layouts/stihoplet2/_img/blocks_names/TEXT_7_contacts.jpg);}

.newsDate {background-color:#843939; width:90px; text-align:center; color:#FFF; font-weight:bold}
a.news {color:#843939; text-decoration:none;}
a.news:hover {color:#bc7676}
.ArticleItem {background: url(/layouts/stihoplet2/_img/article_icon.png) no-repeat left top; padding-left: 35px; margin-bottom:20px;}
.NameArticle { font-size:20px; font-weight:normal; text-decoration:none;}
.CategoryItem {background: url(../_img/folder.gif) no-repeat left top;	padding-left: 35px; margin-bottom:15px;}
.CategoryName {padding:4px 0;} 


/* SIDEBAR */
.SideBlock { padding:0; height:78px; background-repeat:no-repeat; background-position:left top}
.SideBlockContent {padding-left:75px; margin-bottom:30px;}

.Contacts {background-image:url(/layouts/stihoplet2/_img/right_panel/right_Contacts.jpg)}
.ContactNumber {font-size:20px;}

.Who {background-image: url(/layouts/stihoplet2/_img/right_panel/right_Who.jpg);}
.CalendarDate {font-size:45px; font-family:Georgia, "Times New Roman", Times, serif; color:#75b10b}
.CalendarMonth {padding-top:7px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; color:#75b10b}

.Holidays {background-image: url(/layouts/stihoplet2/_img/right_panel/right_Holydays.jpg);}
.Joke {background-image: url(/layouts/stihoplet2/_img/right_panel/right_Joke.jpg);}
.OZ_by {background-image: url(/layouts/stihoplet2/_img/right_panel/right_Oz.by.jpg);}

.ForumViewPostContent td p {margin:0}


/* FOOTER */
#footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 10px 0; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
}
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}