 /*
D E S I G N  I N F O 

Дизайн: PureDesign Studio
CSS стили и верстка: Robo://FLeXX
Описание: Дизайн для сайта BCC
URL: http://www.bcc.uz
Version: 1.0
Автор: Мирсалихов Руслан
URL Автора: http://roboflexx.net
*/

/* LAYERS: =тело и шапка сайта
----------------------------------------------- */
body						{ text-align: center; color: #424242; font-size: 12px; font-family: Arial; margin: 0; padding: 0; background: #004276 url('/images/bg.gif'); }
div.body					{ width: 100%; text-align: left; margin: 0 auto; background: url('/images/body-bg.gif') right repeat-y; }
div.body-a					{ float: left; width: 209px; }
div.body-a1					{ float: left; width: 193px; padding: 0 0 0 16px; }
div.body-b					{ float: right; margin: 4px 0 0 -209px; width: 100%;  }
div.body-c					{ float: right; margin: 0 0 0 -290px; width: 100%; background: #FFFFFF url('/images/bg-e.gif') repeat-y; }

div.ie-sucks				{ margin: 0 0 0 209px; background: #FFFFFF url('/images/sh-b.gif') no-repeat left top; height: 172px; padding: 4px 0 0 4px;}
div.iexp-sucks				{ margin: 0 0 0 209px; padding: 0 17px 0 4px; //margin: 0 1px 0 209px; background: url('/images/bg-e.gif') repeat-y right; }
div.iexp-sucks code			{ position: absolute; right: 0; z-index: 1; margin: 0; height: 154px; width: 16px; background: url('/images/body-a-1.gif') no-repeat; display: block; }
div.iexp-sucks pre			{ position: absolute; right: 0; margin: 0; padding: 0; height: 5px; width: 16px; background: url('/images/body-rnd-a.gif') no-repeat; display: block; }
#suck						{ padding: 0 28px 0 14px; //height: 850px; min-height: 850px; }


div.head-block-a			{ height: 19px; margin: 0; padding: 6px 5px 6px 5px; font-size: 11px; }
div.head-block-b			{ background: #02508E url('/images/bg-head-a.gif') repeat-x; height: 131px; margin: 0; padding: 10px 10px 0 10px; color: #FFFFFF;}
div.head-block-b b			{ position: absolute; background: url('/images/bg-head-a-sh.gif') no-repeat; margin: -10px -10px 0 -10px; height: 179px; }
div.head-block-b h3			{ margin: 0 0 10px 0; padding: 10px 0 0 0 }
div.head-block-b p			{ height: 62px; margin: 0; padding: 0; }
div.main-links				{ padding: 12px 0 0 0; //padding: 7px 0 0 0; }
div.quote-body				{ background: #ECECEC url('/images/bg-d.gif'); padding: 15px; margin: 10px 10px 10px 0; }
div.cabinet-box				{ padding: 8px; width: 177px; line-height: 23px; }

div.foot					{ width: 100%; height: 105px; background: #ECECEC url('/images/foot-logo.gif') right no-repeat; font-size: 11px; }
div.foot-a					{ width: 280px; height: 85px; padding: 10px; background: #004276 url('/images/bg.gif'); color: #FFFFFF; float: left; }
div.foot-b					{ width: 275px; height: 105px; background: #ECBD00 url('/images/bg-a.gif'); color: #414141; float: left; }
div.foot-b a,
div.foot-b a:visited		{ color: #414141; } 
div.foot-b a:hover			{ text-decoration: none;  }
div.foot-b b				{ position: absolute; right: 0; margin: -21px 0 0 0; padding: 0; height: 5px; width: 16px; background: url('/images/body-rnd-b.gif') no-repeat; display: block; }
div.foot-b div				{ height: 85px; padding: 10px; background: url('/images/puredes.gif') no-repeat; }

/* FORMS: =стилистика отображения форм и элементов форм
----------------------------------------------- */
form						{ margin: 0; }
.mail-in					{ width: 165px; margin: 2px 0px 2px 0px; color: #004276 }
.mail-in1					{ width: 95px; margin: 2px 0px 2px 0px; color: #004276 }
.mail-bt					{ margin: 2px 0px 2px 0px; color: #004276 }
.search-b					{ border: 1px solid #004276; background: #004276; color: #FFFFFF; font-size: 10px; }
.search-in					{ border: 1px solid #004276; font-size: 10px; width: 175px;}
form.h-search				{ margin: 0; padding: 0; float: right }

/* HEADERS: =стилистика отображения ссылок
----------------------------------------------- */


h2							{ margin-top: 0; padding-top: 7px; font-family: Arial; color: #004277; width: 0 auto; font-size: 21px; border-bottom: 3px solid #F1F1F1; }
h4.h-news					{ width: 200px; height: 31px; clear: both; background: #F9DB0B url('//images/head-news.gif') no-repeat; margin: 0;}
h4.h-abilities				{ width: 200px; height: 31px; clear: both; background: #82CC2D url('//images/head-abilities.gif') no-repeat; margin: 0;}
h4.h-links					{ width: 200px; height: 31px; clear: both; background: #82CC2D url('//images/head-links.gif') no-repeat; margin: 0;}


/* MISC: =остальные элементы
----------------------------------------------- */

img							{ border: 0; }
img.logo					{ margin: 17px 0 10px 0; } 

p.logo						{ margin: 0; padding: 5px; display: block; height: 170px; font-size: 11px; color: #FFFFFF; background: url('/images/sh-a.gif') no-repeat right bottom; }
p.logo span					{ display: block; text-align: center; }

p.news-block				{ font-size: 11px; overflow: hidden; padding: 8px; width: 193px; height: 138px; margin: 0; background: #ECBD00 url('/images/bg-a.gif') }
p.news-block b				{ position: absolute; left: 204px; height: 154px; margin: -8px 0 0 0; width: 5px; background: url('/images/news-block-rnd.gif') no-repeat; display: block; }
p.news-block a				{ color: #3E3E3E; }
p.news-block a:visited		{ color: #3E3E3E; }

div.mail-block				{ width: 183px; height: 122px; margin: 0;  padding: 5px; background: #ECECEC url('/images/bg-d.gif') }
div.mail-block b			{ position: absolute; margin: -5px 0 0 0; left: 203px; height: 132px; width: 6px; background: url('/images/mail-block-rnd.gif') no-repeat; display: block; }

div.doc-box					{ width: 193px; background: url('/images/doc-box-bg.gif') bottom right no-repeat; margin: 0; }
div.doc-box b				{ width: 193px; height: 7px; background: url('/images/doc-box-t.gif') no-repeat right; margin: 0; padding: 0; font-size: 1px; display: block; }
div.doc-box pre				{ width: 193px; height: 7px; background: url('/images/doc-box-b.gif') no-repeat right; margin: 0; padding: 0; font-size: 1px; display: block; }
p.doc-box-cont				{ padding: 8px; width: 177px; border-right: 1px solid #ECECEC; margin: 0; }
p.doc-box-cont a,
p.doc-box-cont a:visited	{ text-decoration: underline }


.quote-col					{ float: left; background: url('/images/bg.gif') }
.q-stock					{ float: right; background: url('/images/bg.gif') top right}
.hide						{ display: none; font-size: 1px; }
.clear						{ width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 1px; }
.hide						{ display: none; font-size: 1px; }
.divider					{ width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 5px; background: #FFFFFF; display: block; }

span.lang-cur				{ margin: 0 5px 0 0; background: #0165B3 url('/images/bg-lang.gif') no-repeat; float: left; line-height: 16px; font-weight: bold; width: 26px; display: block; text-align: center; }
span.quotes					{ text-align: left; display: block; height: 15px; background: url('/images/bg-quote.gif') top repeat-x; clear: both; }


ol.head-nav-ol				{ margin: 0; padding: 0; list-style: none; }
ul							{ margin: 5px 0 0 18px; padding: 0; list-style: url('/images/bullet.gif'); }
li.main						{ margin: 4px 0 6px 0; }
ol.head-nav-ol li			{ float: left; display: block; border-left: 1px solid #333333; padding: 2px 6px 2px 6px; }

/* LINKS: =стилистика отображения ссылок
----------------------------------------------- */
a, a:visited				{ color: #1264AD; background: url('//images/link-bg.gif') bottom repeat-x; text-decoration: underline }
a:hover						{ color: #434334; background: none }

a.link, a.link:visited		{ color: #FFFFFF; text-transform: uppercase; width: 91px; height: 15px; text-align: center; font-size: 12px; padding: 3px; display: block; background: url('//images/link-bg.gif') bottom repeat-x; text-decoration: none }
a.link:hover				{ color: #434334; background: url('/images/bg-link.gif') no-repeat; font-weight: bold }

a.lang, a.lang:visited		{ color: #FFFFFF; text-decoration: none; line-height: 16px; width: 26px; display: block; text-align: center; float: left; }		
a.lang:hover				{ color: #FFFFFF; background: #0165B3 url('/images/bg-lang.gif') no-repeat; line-height: 16px; width: 26px; display: block; text-align: center; }

li.dd-menu 					{ width: 142px; line-height: 18px; font-size: 11px; background: #FFFFFF url('/images/line.gif') right repeat-y;  }
li.dd-menu a,
li.dd-menu a:visited		{ color: #1264AD; display: block; width: 132px; padding: 1px 2px 1px 8px; text-decoration: none; }
li.dd-menu a:hover			{ color: #333333; background: #F1F1F1; display: block; width: 131px; margin: 0 1px 0 0; padding: 1px 2px 1px 8px; text-decoration: none; }
li.mn-t						{ margin: 0; padding: 0; font-size: 1px; width: 142px; height: 8px; background: url('/images/mn-up-t.gif') repeat-x; }
li.mn-b						{ margin: 0; padding: 0; font-size: 1px; width: 142px; height: 8px; background: url('/images/mn-up-b.gif') no-repeat; }

ul.dd-menu					{ margin: 0; padding: 0; width: 142px; clear: both; }
ul#primary-nav				{ margin: 0; padding: 0; width: 100%; clear: both; color: #FFFFFF; /* IE6 Bug */ font-size: 100%; text-align: left}
ul#primary-nav li 			{ position: relative; list-style: none; float: left;  }
ul#primary-nav ul 			{ position: absolute; display: none; top: 21px; }

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { visibility: hidden } 
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; }

.contacts-area              { border: solid 1px #000000; padding: 2px; margin: 3px 0 3px 20px; }
.contacts-text              { border: solid 1px #000000; padding: 2px; margin: 3px 0 3px 20px; width: 230px; }
.contacts-btn	            { border: 1px solid #1D8EAA; background: #E6E8DB; width: 120px; margin: 2px; color: #1D8EAA; font-weight: bold; margin: 3px 0 3px 20px; }
