/* border: solid 1px #000; */

* {margin:0; padding:0;}

html, body {position:absolute; width:100%; height:auto; top:0; margin: 0 auto; color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:center; background: #f0f7fd url(/i/bg/head.png) top repeat-x;}

#counter {display:none;}
a {color:#3B73B9; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}
acronym {border-bottom: dotted 1px #666;}
ul ul {padding-top:10px;}
marquee {margin-bottom:10px; height:120px;}
img {border:none;}

.b {font-weight:bold;}
.n {font-weight:normal; font-style:normal;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.up {text-transform:uppercase;}
.t {text-transform:uppercase;}
.ls {letter-spacing:1px;}
hr {border: 0 none; display:block; color:#b8e0fa; background-color:#b8e0fa; width:90%; height:1px; font-size:0; text-align:center; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; /*border-width:0; */$margin:0;/*for all ie*/}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
/*.f12 {font-size:12px;} по умолчанию*/
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}

.source {font-style:italic; color:#666; text-align:right;}
.bf, .gf, .rf {font-weight:bold;}
.bf {color:#39c;}
.gf {color: #390;}
.rf {color:#c30;}
#sh, #sh1, #sh2, #sh3 {display:none;}
.black {color:#333;}
.blue {color:#3B73B9;}
.grey {color:#666;}
.red {color:#c00;}
.signature {margin-top:10px; margin-bottom:5px; line-height:120%; text-align:right; font-style:italic;}
.clearer {height:0; line-height:0; font-size:0; clear:both;}
.green-box {width:auto; display:block; padding: 0 10px 5px 10px; background: url(/i/bg/200_green.gif) repeat-y;}
.ls{letter-spacing:0.3em;}

.pdf-link, .doc-link {vertical-align:top; padding: 0 5px 10px 19px; text-decoration:none;}
.pdf-link {background: url(/i/ico/pdf.gif) top left no-repeat;}
.doc-link {background: url(/i/ico/doc.gif) top left no-repeat;}

.alt {position:absolute; width:180px; margin:50px 0 0 -150px; padding:5px; background:#fff; border: solid 1px #CCC; display:none;}
/*.blockquote {padding-left:30px; background: url(images/open-quote.gif) no-repeat left 5px; font-style:italic;}
.blockquote span {padding-right:30px; background: url(images/close-quote.gif) no-repeat right bottom; display:block;}*/

*.leftquote, *.rightquote {width:200px; margin: 10px 20px; padding:10px; text-align:center; font: italic normal 12px/22px Arial, Helvetica, sans-serif; border-top: #01bb8e 2px solid;  border-bottom: #01bb8e 2px solid;}
*.leftquote {float:left;}
*.rightquote {float:right;}

/* IMG CENTR TEXT */
.outer {position:relative;}
.middle {display:table-cell; vertical-align:middle;}

.full {float:left; width:100%; margin-bottom:10px;}

#main {width:955px; height:100%; text-align:left; margin:0 auto;}

/* HEADER */
#header {width:100%; height:120px; /*background: url(/i/head.png) no-repeat top;*/}
#header p {width:365px; color:#656565; text-align:right;}
#header a {color:#439BE3;}
 
/* MENUTOP */
#menutop {width:100%; height:32px; text-align:right;}
#menutop a {color:#439BE3; text-decoration:underline;}
#menutop a:hover {text-decoration:none;}
#menutop span {color:#439BE3;}

/* NAV */
#nav {position:relative; z-index:5; width:100%; height:56px; margin: 0 0 15px 0; list-style:none; background: /*#017F60*/ url(/i/bg/menu.gif) repeat-x left top;}
#nav li {float:left; font-size:13px; line-height:155%; text-align:center;}
.sp {float:left; width:3px; height:51px; background: #fff url(/i/bg/sp.gif) no-repeat left bottom;} 
#nav a {padding-top:16px; color:#fff; display:block; text-decoration:none; letter-spacing:1px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; outline:none; margin:0 40px;}
#nav a:hover {color:#cff;}
#nav-companys a {margin-left:75px;}

#sub1, #sub2, #sub3, #sub4 {display:block;}

body#companys #nav-companys a,
body#services #nav-services a, 
body#pharm #nav-pharm a,
body#coop #nav-coop a,
body#adr #nav-adr a
{color:#cff; cursor:pointer;}


/* MENU */
#menu_v {width:auto; display:block; color:#555; background: #defde9 url(/i/bg/200_green.gif) repeat-y; list-style:none;}
#menu_v li {padding: 0 15px 10px 31px; text-indent:-16px; font-weight:bold; clear:both;}
#menu_v a {color:#606060;}
#menu_v a:hover {color:#606060; text-decoration:underline;}
#menu_v p {text-align:center; color:#555; font-weight:bold; font-size:13px; padding-bottom:15px;}
ul.submenu {float:left; margin:0 0 0 7px; padding: 0 0 10px 0; list-style:none;}
.submenu li {font-weight:normal; background: url(/i/ico/2.gif) left top no-repeat; padding: 0 0 5px 12px; /*cursor:pointer;*/ clear:both;}

/*#nav a {width:auto; padding-top:9px; padding-bottom:8px; color:#fff; display:block; text-decoration:none; letter-spacing:1px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav a:hover {color:#cff;}*/


/* CONTENT */
#content {float:left; width:955px; margin-bottom:15px;}
#cont-left {float:left; width:200px; height:auto;}

.title {width:auto; margin-bottom:4px; margin-left:auto; margin-right:auto; padding: 6px 0; font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #F0F7FD url(/i/bg/title.gif) no-repeat; text-transform:uppercase; text-align:center; clear:both;}
.title a {color:fff;}
.title a:hover {color:#cff;}

#cities {width:auto; height:20px; background: #F0F7FD url(/i/bg/h11.gif) top left no-repeat; color:#439BE3;}
p#cities {padding:15px 0 0 35px;}
#cities a {color:#999;}
#cities a.b {color:#439BE3;}
#cities a:hover {text-decoration:none; color:#439BE3;}
#cities .space {padding: 0 25px;}

/* BLOCKS */
#authorization {width:auto; display:block; background: url(/i/bg/200_green.gif) repeat-y; color:#555;}
#authorization p {padding:0 10px 5px 10px; font-size:13px; clear:both;}
#authorization img {float:left; margin:0 15px 10px 0;}
#authorization p span {float:left;}
#authorization .text {float:right; display:block; width:120px; margin-bottom:5px;}
#authorization #submit {width:50px;}


.alphabet {font-size:14px; font-weight: bold; text-transform:uppercase;}
.alphabet a {padding-right:3px;}

/* NEWS */
.NewsContent {margin-bottom:10px;}

/* CALENDAR */ 
table.bCalendartable {float:left; width:100%; border: #ccc 1px solid; border-collapse:separate; margin-bottom:4px;}
.bCalendartable a {color:#333; cursor:pointer;}
.bCalendartable a:hover {text-decoration:none;}

table.bCalendartable td {width:25px; height:23px;}
table.bCalendartable td img {border:0;}

table.bCalendartable caption {border:#ccc 1px solid; border-bottom: #ccc 0px solid; background-color:#DCDCDC; color:#c00; font-size:13px; font-weight:bold; padding: 5px 0;}
tr.bCalendarRow {text-align:center;}
th.bCalendarHeaderCell, th.bCalendarHeaderRed {color:#666; font-size:10px; padding:4px; border-bottom: #ccc 1px solid;}
th.bCalendarHeaderRed {color:#c30;}

table.bCalendartable tfoot td {border-top: #ccc 1px solid; background-color: #DCDCDC; font-size:15px; color:#999;}
td#prev, td#next {white-space:nowrap;}
table.bCalendartable td#prev {text-align:left;}
table.bCalendartable td#next {text-align:right;}

#cont-cent {float:left; width:543px; margin-left:6px; background: #fff url(/i/bg/cont.gif) repeat-y;}
#cont-cent p, #cont-cent form {padding: 5px 20px;}
.indent {text-indent:20px;}

#cont-cent h1, h2, h3, h4 {padding: 10px 20px; font-weight:bolder;}
#cont-cent h1 {font-size:22px; color:#83BDED; background: #F0F7FD url(/i/bg/h1.gif) top no-repeat;}
.h1 {height:16px; background: #F0F7FD url(/i/bg/h1.gif) bottom;}
#cont-cent h2 {font-size:16px; color:#439BE3;}
#cont-cent h3 {font-size:14px; color:#09487D;}
#cont-cent h4 {font-size:12px; color:#09487D;}
#cont-cent ul, #cont-cent ol {padding: 5px 20px 0 50px; line-height:16px;}
ul.compact li {line-height:10px;}
#cont-cent li {padding: 0 0 5px 0;}
/*#cont-cent li {padding-left:15px;}*/ /* отступ от маркера */
#content fieldset {margin: 0 20px;}

#cont-cent dt {padding: 0 20px; font-weight:bold;}
#cont-cent dd {padding: 0 20px 0 40px; text-align:justify;}

table {table-layout:fixed;} /* отображение таблицы еще до того, как будет получена вся информация о ней # Затем явно определить объекты col для каждого столбца. # И установить для каждого элемента col атрибут width. */
/*table, table td {border: 1px solid blue;  border-collapse:collapse;}*/ /* отображение всех рамок таблицы */
#cont-cent table {width:auto; margin: 10px 20px;}

table#price, table#price th, table#price td {padding:2px; border: solid 1px #666; border-collapse:collapse;}
table#price {width:500px;}
.row {background:#fffaca;} /* черезстрочный фон в таблице */
.hover {background-color:#E4F6E5;}/* OnMouseOver работает в IE6+ */
table#price tr:hover {background-color:#E4F6E5;} /* стандарт CSS2, OnMouseOver работает в NN6/Mozilla */
#price {text-align:center;}
#price .latname {text-align: left;}
#price tr {scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#000', onmouseover = function() {this.className += ' hover'}, onmouseout = function() {this.className = this.className.replace(/ hover/g, '')});}
#price td {vertical-align:middle;}
#price form {padding:0;}
#price input {width:45px; /*height:16px;*/ margin:0 1px 1px 0;}
#price select {width:50px; height:20px; margin:0 1px 1px 0;}

#cont-cent caption {padding:10px 0; font-weight:bold;}
#cont-cent th {text-align:center;}
/*#cont-cent td {vertical-align:top;}
.grayrow {background-color:#E4E4E4;}*/

#cont-cent .img-left {float:left; margin: 0px 15px 5px 0;}
#cont-cent .img-right {float:right; margin: 0px 0 5px 15px;}

#cont-right {float:right; width:200px; height:auto; margin: 0 0 20px 0;}

/* SPECIAL PRICE*/
.special {float:left; width:240px; height:180px; background: url(/i/bg/products.gif) left top no-repeat; margin-top:15px;}
.special img {float:left; margin:5px 10px 0 10px;}
#cont-cent .special p {padding:5px 10px;}
.products {font-size:16px; font-weight:bold; color:#3b73b9;}
.products a {text-decoration:none;}
.products a:hover {text-decoration: underline;}
.price {font-family: Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#c00; padding-right:12px; background:url(/i/ico/rub.gif) right center no-repeat;}


/* FORM ORDER */
#regions, #mailform {width:auto; height:auto; display:block; text-align:left; color:#333; /*background-color:#DCDCDC;*/}
#mailform {/*background: #ccc url(/i/bg/200_grey.gif) repeat-y;*/}
#regions {border-left: solid 2px #999; border-right: solid 2px #999;}
#regions h2, #mailform h2 {padding: 15px 0 5px 0; color:#666; font: bolder Arial, Helvetica, sans-serif; text-align:center;}
#regions h3 {color:#444; margin:0; padding: 15px 0 0 0; font-size:13px;}
#mailform h4 {padding: 10px 0px; color:#666; font: bolder 20px Arial, Helvetica, sans-serif; text-align:center; background: #F0F7FD url(/i/bg/h4_grey.gif) top no-repeat;}
#mailform .h4 {height:16px; background: #F0F7FD url(/i/bg/h4_grey.gif) bottom;}
#mailform input, #mailform textarea {margin: 0 0 3px 0; /*padding-left:8px;*/ padding:0; border: solid 1px #999;}
#mailform p {margin: 0 0 3px 0; padding-left:8px;}
.submit {padding: 0 10px; background-color:#fff; border: solid 1px #999; color:#333; cursor:pointer;}
#sub {color: #999;}

#nova, #apteki, #company {width:auto; height:auto; display:block; color:#333; background: #ccc url(/i/bg/200_yellow.gif) repeat-y; margin-bottom:5px;}
#nova h4, #apteki h4, #company h4 {padding: 10px 0px; color:#000; font: bold 12px Arial, Helvetica, sans-serif; text-align:center; background: #F0F7FD url(/i/bg/h4_yellow.gif) top no-repeat; text-transform:uppercase;}
#nova p, #apteki p, #company p {margin: 5px 10px 10px 10px;}
#nova .h4, #apteki .h4, #company .h4 {height:12px; background: #F0F7FD url(/i/bg/h4_yellow.gif) bottom;}
#nova hr {background: none; border-bottom: #999 dashed 1px;}
#nova .block, #apteki .block, #company .block {width:100%; margin-bottom:4px; padding-bottom:5px;}
.block #text1, .block #text2, .block #text3, .block #text4, .block #text5, .block #text6, .block #text7, .block #poster1, .block #poster2 {display:none; margin-bottom:10px; text-align:center;}
.text {margin-bottom:10px; text-align:left;}
.text ul li {margin-left:25px;}
	#company {background: #ccc url(/i/bg/200_blue.gif) repeat-y;}
	#company h4 {background: #F0F7FD url(/i/bg/h4_blue.gif) top no-repeat;}
	#company .h4 {background: #F0F7FD url(/i/bg/h4_blue.gif) bottom;}

/* SEARCH */
#search {margin-bottom:5px; padding: 15px 0; background: url(/i/bg/h4_blue.gif) no-repeat; text-align:center;}

/* SEARCH FORM */
#searchform div input {float:left; width:410px; margin-top:6px; /*margin-right:10px;*/ color:#999;}
#suggestions {position:absolute; clear:both; width:410px; display:none;}


/* FOOTER */
#footer {float:left; width:100%; color:#909090; border-top: solid 2px #01bb8e; font-size:12px; clear:both;}
#footer a {color:#469de2; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer img {border:none;}
.space {padding: 0 5px;}

#address {float:left; width:77%;}
#address p {padding: 13px 15px;}

#copyrights {float:right; width:200px;}
#copyrights p {width:200px;  padding: 10px 0; text-align:center;}
#copyrights img {padding-top:10px;}


/* border-collpase:collapse; border:none; // что бы у картинок не было отступа снизу или удалить из HTML-кода все пробелы, отступы и переносы строк */

/*
017F60 (болотный цвет)
заменить на 
009774 (берюзово темный)
01bb8e (берюзово светлый)
366 (темные линии в 1px;)
*/

/*
 border: solid 1px #000;
*/