/* ——————————————————————————————————————————
File: styles.css
Site: Cichliden Areal [www.cichlidenareal.ru]
Coder: Max P.
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 26 May 2009
# Browsers: IE 6, IE 7, FF 2.0, Opera 9, Safari 3
————————————————————————————————————————— */

img { vertical-align: baseline; }
a img { border: none; }
table { border-collapse: collapse; }
td, th { padding: 0; vertical-align: top; }
ul, ul li { margin: 0; padding: 0; list-style: none; }
ol, ol li { margin: 0; padding: 0; }

.clear { clear: both; }

html { overflow-y: scroll; }
html, body { height: 100%; margin: 0; padding: 0; background: #fdf0d2; color: #222; background-attachment: fixed; font: 12px/15px Tahoma, Verdana, Arial; }

/* Outer */
#outer { min-height: 100%; }

/* Header */
#header { height: 346px; }
#header table { width: 100%; }
#header_right { background: url(../i/header_right.gif) 0 0 no-repeat; }
#header_content { position: relative; z-index: 2; width: 1000px; height: 346px; background: url(../i/header.jpg) 0 0 no-repeat; }
#header_logo, #header_phone, #header_navigation { position: absolute; z-index: 2; overflow: hidden; }
#header_logo { top: 16px; left: 237px; width: 208px; height: 142px; background: url(../i/logo.png) 0 0 no-repeat; }
#header_phone { top: 32px; left: 691px; width: 220px; height: 30px; }
#header_phone img { width: 220px; height: 30px; }
#header_navigation { top: 257px; left: 93px; width: 125px; height: 11px; }
#header_navigation a { display: block; float: left; height: 11px; margin-right: 30px; }
#header_navigation a#home { width: 11px; background: url(../i/navigation/home.gif) 0 0 no-repeat; }
#header_navigation a#sitemap { width: 11px; background: url(../i/navigation/sitemap.gif) 0 0 no-repeat; }
#header_navigation a#email { width: 13px; background: url(../i/navigation/email.gif) 0 0 no-repeat; }
#header_navigation a:hover { background-position: 0 -11px !important; }
/* X. Header */

/* Inner */
#inner { width: 980px; margin: 0 auto; padding-left: 20px; }

/* Left Column */
#left_column { position: relative; z-index: 3; float: left; width: 247px; padding-top: 33px; overflow: visible; }
#left_column_top { position: absolute; top: -70px; z-index: 3; width: 247px; height: 45px; background:url(../i/left_column_top.gif) 0 0 no-repeat; }
#left_column_top2 { position: absolute; top: 0; z-index: 3; width: 247px; height: 45px; background:url(../i/left_column_top2.gif) 0 0 no-repeat; }
#search { position: absolute; top: -25px; z-index: 3; width: 207px; height: 25px; padding: 0 20px; background: #83c0d2; }
#search input { display: block; float: left; width: 160px; margin: 0; border: 1px solid #359dd0; border-right-width: 0; padding: 4px 10px; color: #222; background: #fef0d3; font: 12px/12px Tahoma, Verdana, Arial; }
#search a { display: block; float: left; width: 22px; height: 20px; border: 1px solid #359dd0; border-left-width: 0; padding: 1px; background: url(../i/search.gif) 0 0 no-repeat; }
#search a:hover { background-position: 0 -22px; }
#left_menu { padding: 10px 40px 0 40px; background: #b2d2d2; }
#left_menu ul li { padding: 0 0 10px 25px; background: url(../i/left_menu_bullet.gif) 0 4px no-repeat; }
#left_menu ul li a { color: #1d75a0; text-decoration: none; }
#left_menu ul li a:hover { color: #3c9b2a; text-decoration: underline; }
#left_menu ul li ul li { padding: 4px 0 0 20px; background: url(../i/bottom_menu_divider.gif) 8px 10px no-repeat; font-size: 10px; line-height: 13px; }
#left_column_bottom { width: 247px; height: 56px; background: url(../i/left_column_bottom.gif) 0 0 no-repeat; }
/* X. Left Column */

/* Left Column Banners */
#left_column_banners { margin-top: 60px; padding-left: 40px; }
#left_column_banners a { display: block; float: left; width: 88px; height: 31px; margin: 0 3px 3px 0; overflow: hidden; }
#left_column_banners a img { display: block; float: left; width: 88px; height: 31px; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
#left_column_banners a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
/* X. Left Column Banners */

/* Center Column */
#center_column { position: relative; z-index: 3; padding: 30px 20px 0 40px; overflow: hidden; }
h1 { display: block; margin: 0; padding: 0; color: #1d75a0; font: 22px/28px Tahoma, Verdana, Arial; }
textarea.code { width: 95%; height: 60px; margin: 0; border: 1px solid #eaeaea; padding: 0 0 0 4px; background: white; font: 11px Tahoma, Verdana, Arial; overflow: auto; }

/* Content */
#content { padding-top: 20px; }
#content p { margin: 0; padding: 0 0 15px 0; }
#content a { color: #1d75a0; text-decoration: underline; }
#content a:hover { color: #3c9b2a; text-decoration: none; }
#content h1 { display: none; }
#content h2, #content h3, #content h4, #content h5, #content h6 { display: block; margin: 0; padding: 0; }
#content h2 { margin-bottom: 12px; font: 20px/25px Tahoma, Verdana, Arial; }
#content h3 { margin-bottom: 10px; font: 18px/23px Tahoma, Verdana, Arial; }
#content h4 { margin-bottom: 8px; font: bold 16px/20px Tahoma, Verdana, Arial; }
#content h5 { margin-bottom: 6px; font: bold 14px/18px Tahoma, Verdana, Arial; }
#content h6 { margin-bottom: 4px; font: bold 12px/16px Tahoma, Verdana, Arial; }
#content ul, #content ol { margin-bottom: 15px; line-height: 18px; }
#content ul { margin-left: 22px; clear: both; }
#content ul li { padding-left: 17px; background: url(../i/bottom_menu_divider.gif) 0 9px no-repeat; }
#content ol { margin-left: 40px; clear: both; }
#content .comment { margin-bottom: 15px; padding: 6px 20px 6px 40px; background: #efdeb7; }
#content table { margin-bottom: 15px; }
#content table td { border: 1px solid #1d75a0; padding: 3px 10px; }
#content table tr.thead td { background: #359ed1; color: white; font-weight: bold; text-align: center; }
#content table td.number { text-align: right; }
#content table td.nowrap { white-space: nowrap; }
#content table td.icon { text-align: center; vertical-align: middle; }
#content table td.haszoom { padding: 0; }
#content table td.for_img { width: 1px; padding: 0; }
#content table tr.zebra td { background: #efdeb7; }
#content table.layout { margin-bottom: 0; }
#content table.layout td { border: 0; padding: 0; }
#content table.layout td.img_title { padding-top: 6px; color: #666; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

#content .zoom { position: relative; z-index: 1; }
#content .zoom img { display: block; cursor: pointer; }
#content .zoom img.full { position: absolute; z-index: 2; bottom: 0; left: 113px; display: none; border: 3px solid #3c9b2a; }

#content .floatleft, #content .floatright { position: relative; top: 3px; z-index: 3; display: block; }
#content .floatleft { float: left; margin: 0 15px 5px 0; }
#content .floatright { float: right; margin: 0 0 5px 15px; }

#content a.title { color: #222; font: 20px/25px Tahoma, Verdana, Arial; }
#content a.title:hover { color: #3c9b2a; }

#content .ok, #content .error { margin-bottom: 15px; padding: 6px 20px 6px 20px; background: #efdeb7; }
#content .ok { color: #3c9b2a; }
#content .error { color: #9b3c2a; }
/* X. Content */

/* Pager */
#content .pager { color: #3c9b2a; }
#content .pager a, #content .pager span { padding: 0 3px; }
#content .pager span { color: #222; }
#content .pager a { color: #1d75a0; text-decoration: none; }
#content .pager a:hover { background: #1d75a0; color: white; text-decoration: none; }

#content .title_pager { position: relative; z-index: 1; zoom: 1; margin-bottom: 15px; padding: 6px 10px 6px 20px; background: #efdeb7; text-transform: uppercase; line-height: 20px; overflow: hidden; }
#content .title_pager span, #content .title_pager a { display: block; float: left; width: 60px; margin-right: 10px; text-decoration: none; white-space: nowrap; }
#content .title_pager a:hover { text-decoration: underline; }
/* X. Pager */

/* Form */
#content form { margin: 0; padding: 8px 5px; background: #efdeb7; }
#content table.form { width: 100%; margin-bottom: 0; }
#content table.form td { border: none; padding: 2px 5px; }
#content table.form td.star { color: red; padding: 4px 3px 4px 5px; }
#content table.form td.label { padding: 4px 5px; white-space: nowrap; }
#content table.form .buttons { margin: 10px 0 0 0; }
#content table.form textarea { width: 400px; height: 120px; margin: 0; border: 1px solid #eaeaea; padding: 0 0 0 4px; background: white; font: 11px Tahoma, Verdana, Arial; overflow: auto; }
#content table.form input.text { width: 200px; margin: 0; border: 1px solid #fdf0d2; padding: 2px 4px; background: white; font: 11px Tahoma, Verdana, Arial; }
#content table.form a.button { display: block; float: left; height: 17px; border: 1px solid #3c9b2a; padding: 0 10px; background: url(../i/button.gif) 0 0 repeat-x; color: #efdeb7; text-decoration: none; font-size: 11px; line-height: 17px; }
#content table.form a.button:hover { color: white; text-decoration: none; }
/* X. Form */

/* Trail */
#trail { margin-bottom: 10px; color: #222; font-size: 11px; }
#trail img { position: relative; z-index: 1; top: -1px; margin: 0 5px; }
#trail a { color: #3c9b2a; text-decoration: none; }
#trail a:hover { color: #3c9b2a; text-decoration: underline; }
/* X. Trail */

/* X. Center Column */

/* Right Column */
#right_column { position: relative; z-index: 3; float: right; width: 247px; padding: 0 20px; overflow: visible; }
#news_header { position: absolute; top: -142px; z-index: 3; width: 247px; height: 142px; background:url(../i/news.gif) 0 0 no-repeat; }
#right_column_inner { padding: 20px; background: #b2d2d2; }

/* News Block */
.news_block { margin-bottom: 15px; }
.news_date { padding-bottom: 3px; color: #3c9b2a; font-weight: bold; }
a.news_image { display: block; width: 207px; padding-bottom: 3px; overflow: hidden; }
a.news_image img { width: 207px; }
a.news_short { color: #1d75a0; text-decoration: none; }
a.news_short:hover { color: #359ed1; text-decoration: none; }
a.news_archive { color: #1d75a0; text-decoration: underline; font-size: 11px; font-weight: bold; }
a.news_archive:hover { color: #1d75a0; text-decoration: none; }
/* X. News Block */

/* X. Right Column */

#for_footer { height: 121px; }
/* X. Inner */

/* X. Outer */

/* Footer */
#footer { width: 960px; height: 111px; margin: -111px auto 0 auto; padding: 0 20px; }
#bottom_menu { height: 16px; padding: 17px 0 18px 0; color: #1d75a0; text-align: center; text-transform: uppercase; font-size: 13px; line-height: normal; }
#bottom_menu a { color: #3c9b2a; text-decoration: none; }
#bottom_menu a:hover { color: #3c9b2a; text-decoration: underline; }
#bottom_menu img { position: relative; z-index: 1; top: -3px; margin: 0 5px; }
#footer_content { height: 60px; }
#footer_content_left { float: left; height: 60px; padding: 0 50px 0 24px; background: #359ed1; color: white; font-size: 13px; line-height: 60px; white-space: nowrap; }
#footer_content_right { float: right; padding: 14px 0 0 50px; }
#footer_content_right a { position: relative; z-index: 1; top: -11px; color: #359ed1; text-decoration: none; }
#footer_content_right a:hover { color: #359ed1; text-decoration: underline; }
#footer_content_right img { margin-left: 10px; }
/* X. Footer */

.price_table_info { margin-top: 6px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
.price_table_info .green { color: #3c9b2a; }
.price_table_info .red { color: #9b3c2a; }

#content table td.light_green { background: #e7f0be; }
#content table td.dark_green { background: #c3ca9d; }
#content table td.red { background: #fec2ab; }
#content table td.blue { background: #cbdadd; }
#content table td.brown { background: #efdeb7; }
#content table td.yellow { background: #fef493; }