div,p,ul,ol, body,h1,h2,h3,h4,h5,li,à,dl,dd,dt,th,td,form {margin:0; padding:0}
body {font-family: verdana, arial, sans-serif; font-size: 83%; line-height: 140%; background: #FFF; color: #3E3E3E}
a {color: #446ec3; text-decoration: underline; outline: none}
a:hover {color: #fb0000; text-decoration: none}
img {border: 0}

h1 {font-weight: normal; font-size: 24px; color: #fb0000; margin: 0.3em 0 0.8em 0; line-height: 130%}
h2 {font-weight: normal; font-size: 20px; color: #a70000; margin: 0.3em 0 0.8em 0;  line-height: 130%}
h3 {font-size: 130%; font-weight: normal; color: #3373d0; margin: 0.5em 0 }
h4 {color:  #a70000; font-size: 110%; font-weight: bold;  margin: 0.5em 0}
h5 {font-size: 100%; font-weight: bold;  margin-bottom: 3px}

p, ul, ol {margin-bottom: 1em}
small {font-size: 90%}
big {font-size: 120%}
input {}
ul {list-style-type: none}
.clr {clear: left}

div {zoom: 1}
table {border: 0; border-collapse: collapse; width: auto;}
table td {padding: 0}

#all {min-width: 1003px; max-width: 1200px;  margin-left: auto; margin-right: auto; width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 1024 ? '1003px' : 'auto' && (documentElement.offsetWidth || document.body.offsetWidth) > 1280 ? '1200px' : 'auto');}
#sub12 {background: url(c11.gif) 0 187px no-repeat;}
#sub14 {margin: 0 2% 0 2%;  background: url(c1h.gif) -5px 0 repeat-y}
#sub23  {background: url(c1r.gif) 100% 0 repeat-y}
#sub3  {clear: both; background: url(c1.gif) 0px -14px no-repeat; padding-left: 14px}
#sub4  {background: url(c1.gif) 100% -14px no-repeat; padding-right: 14px}

#logo {height:242px; margin-bottom: 1.5em; padding-left: 10%; background: url(logo_b.gif) no-repeat}
#topspec {background: #FFF; padding: 20px 3px 22px 3px}
#topspec div {width: 213px; height: 107px}
#topspec div p {text-align: right; margin-bottom:0; color: #FFF; padding: 5px 10px 0 0; line-height: 160%; font-size: 120%}

#spec3{float: right; background: url(spec3.jpg) no-repeat}
#spec2 {  margin-left: auto;margin-right: auto;  background: url(spec2.jpg) no-repeat}
#spec1 {float: left; background: url(spec1.jpg) no-repeat}

#show {margin-bottom: 10px; background: url(banner_b.gif) no-repeat; padding-left: 10px}
#subshow {background: url(banner_b.gif) 100% 0 no-repeat; padding: 8px 0}

#midspec {padding: 0 0 20px 0; margin-bottom: 1em; border-bottom: 1px solid #DBDBDB}
#midspec div {width: 215px; height: 109px; background: url(spec4.jpg) no-repeat; text-align: center}
#midspec div p {padding: 10px 10px; line-height: 160%; font-size: 120%;  color: #a70000}
#midspec div p b {color: #fb0000}
#spec4 {float: left}
#spec5 {margin-left: auto; margin-right: auto}
#spec6 {float: right}
#spec1 b, #spec2 b, #spec3 b, #spec4 b, #spec5 b, #spec6 b {font-size: 120%; font-weight: normal}
#spec1 a, #spec2 a, #spec3 a {color: #FFF; text-decoration: none; border-bottom: 1px dashed #FFF}
#spec4 a, #spec5 a, #spec6 a {color: #446ec3; text-decoration: none; border-bottom: 1px dashed  #446ec3;}
#spec1 a:hover, #spec2 a:hover, #spec3 a:hover, #spec4 a:hover, #spec5 a:hover, #spec6 a:hover {border:0}

#subm1 {background: url(m1b.gif) no-repeat; padding-left: 19px}
#subm2 {background: url(m1b.gif) top right no-repeat;  padding-right: 19px; height: 40px; overflow: hidden}
#subm12 {background: #FFF;}
#mainmenu {padding-top: 7px}

#m1 {width: 100%; height: 31px;}
#m1 td {text-align: center;  white-space: nowrap}
#m1 td.dvr {min-width: 4px; width: 2%}
#m1 td.active {background: url(m12.gif) repeat-x}
#m1 td.active div {background: url(m1.gif) no-repeat}
#m1 td.active div a{display: block; background: url(m2.gif) right top no-repeat; line-height: 31px; color: #FFF; font-weight: bold; text-decoration: none}
#m1 td.active div a span {display: block; background: url(m12a.gif) 50% 0 no-repeat;  line-height: 31px; }

#centre {width: 100%; float: right; margin-left: -27%}
#subcentre {margin-left: 27%}
#left {width: 23%;  float: left}
#subleft {padding-left: 10%; margin-left: 10px}

#menu2 {padding-right: 20px; margin-left: 5%; height: 265px}
#menu2 ul li {display: block; margin-bottom: 1em}
#menu2 ul li a {display:block;  background: url(lim.gif) 0 0.35em no-repeat; padding-left: 25px; font-size: 110%; color: #a70000; overflow: hidden; zoom:1}
#menu2 ul li a.active {background-image: url(lima.gif); color: #fb0000; text-decoration: none; font-weight: bold}

#priem {width: 205px; height: 207px; background: url(priem.jpg) no-repeat; margin-bottom: 3em}
#priem p {padding: 15px 100px 0 13px; }

#discont {width: 205px; height: 208px; background: url(discont.jpg) no-repeat; margin-bottom: 3em}
#discont p {padding: 135px 13px 0 13px; font-size: 90%}
#discont big {color: #a70000; display: block; margin: 3px 0}

#cards {width: 205px; height: 209px; background: url(cards.jpg) no-repeat; margin-bottom: 3em}
#cards p {padding: 75px 13px 0 13px; line-height: 15px; font-size: 90%}
#cards big {color: #a70000; display: block; margin: 3px 0}

#bottom {height: 120px; clear: both; background: #FFF}
#bleft {float: left; width: 23%}
#bcentre{margin-left: 27%}

#bmenu {background: url(bm12.gif) repeat-x; width: 205px; margin-left: 15%; position: relative; top: -9px}
#bmenu div {background: url(bm1.gif) no-repeat}
#bmenu div div  {background: url(bm2.gif) top right no-repeat;  height: 35px}
#bmenu img {margin: 8px 0 0 35px}

#copy {padding: 15px 4%; font-size: 90%; line-height: 130%}
#copy p {margin-bottom: 0.5em}

#counter {float: right; margin: 18px 30px 0 0; width: 100px}
#counter img {margin: 0 5px 5px 0}
.imgblock img {margin-right: 10px; border: 1px solid #DBDBDB;}

#phones {float: right; text-align: right; padding: 15px 4% 0 0}
#phones big {color: #a70000}
a.creation {background: url(logo_elart.gif) 100% 0 no-repeat; padding-right: 45px; line-height: 19px; display: block; float: left}

.content {padding: 20px 2% 1em 2%}
#filial {padding: 0 2% 30px 2%}
.content ul, .content ol {margin: 0 0 1em 2em}
.content ul li {display: block; background: url(li.gif) 0 0.5em no-repeat; padding-left: 10px; line-height: 130%; margin-bottom:3px }

.content table {margin: 1em 0}
.content table, .content td, .content th {border: 1px solid #DBDBDB;  border-collapse: collapse;  padding: 3px 8px}
.content table th, .content table tr:first-child {background: #E11B1C; text-align: center; color: #FFF; font-weight: bold}
.content table tr{background-color: expression(this.previousSibling==null?'#E11B1C':''); font-weight: expression(this.previousSibling==null?'bold':''); color: expression(this.previousSibling==null?'#FFF':''); }
.content table td div, .content table td p {margin-bottom:0}
.content div {margin-bottom: 1em}


 #filial {clear: both}
 #filial table {width: 100%}
 #filial table td {width: 25%; padding-left: 15px; vertical-align: top}
 
.licence {float: left; margin: 0 10px 10px 0}
 
div.c2l {background: url(c2l.gif) repeat-y; margin:0; padding-left: 15px}
div.c2r {background: url(c2r.gif) 100% 0 repeat-y; margin:0; padding-right: 15px;}
div.c21 {background: url(c1.gif) no-repeat; padding-left: 15px; margin:0}
div.c22 {background: url(c1.gif) 100% 0 no-repeat; padding-right: 15px; height: 15px; margin:0}
div.c23 {background: url(c1.gif) 100% -15px no-repeat; padding-right: 15px; height: 15px; margin:0}
div.c24 {background: url(c1.gif) 0 -15px no-repeat; padding-left: 15px;margin:0}

.r_path {font-size: 90%; line-height: 130%}
.r_name {font-size: 130%; line-height: 130%; color: #A70000; background: url(li.gif) 0 0.5em no-repeat; padding-left: 0.7em; margin-bottom: 3px}
.r_adr {font-size: 110%; line-height: 130%; color: #3373d0; margin-bottom: 5px}
.r_phone {font-size: 100%; line-height: 130%; color: #A70000; margin-bottom: 3px}
.r_phone big {color: #FB0000}
.r_path {margin-bottom: 5px}

.nc_item {margin-bottom: 1em}
.warnText {margin-bottom: 1em; color: #fb0000}

.fck_right {text-align: right; margin-left: 10px}
.fck_center {text-align: center}
.fck_left {float: left; margin-right: 10px}
.fck_red {color: #a70000}
.fck_blue {color:  #3373d0}

.content div.toggle {text-align: right; margin-bottom: 0}
.schema {clear: left; margin-bottom: 1em}
.toggle a, .schema a {text-decoration: none; border-bottom: 1px dashed #446ec3}
.toggle a:hover, .schema a:hover {color: #446ec3}

.contact {overflow: hidden; margin-bottom: 1em}
.cbig {float: left; margin: 5px 15px 0 0}

table.personal {margin-bottom: 2em}
table.personal td {background: #FFF; color: #3E3E3E; text-align: left; font-size: 100%; font-weight: normal; vertical-align: top; border-right:0; border-left:0}
table.personal td.name {color: #A70000; background: #FAFAFA; padding: 10px 20px; }
table.personal td.photo {padding: 20px}
table.personal td.info {padding: 16px 10px 20px 0}
table.personal td.name big {color: #FB0000}
table.personal td p, table.personal td ul, table.personal td div {margin-bottom: 1em}
table.personal td img {border: 1px solid #DBDBDB}

.nav {text-align: center}
.pages a {border: 1px solid #DBDBDB; padding: 2px 4px; text-decoration: none; color: #3E3E3E; font-size: 90%}
.pages a:hover {color: #FB0000}
.pages a.active {background: #FB0000; color: #FFF; border: 1px solid #FB0000}

.img_left {float: left; padding: 10px; border: 1px solid #DBDBDB; margin: 4px 20px 0.5em 0}
.img_right {float: right; padding: 10px; border: 1px solid #DBDBDB; margin: 4px 0 0.5em 20px}
.img_left img,  .img_right img {margin-bottom: 5px; border: 1px solid #DBDBDB}
.img_left div, .img_right div {font-size: 80%; line-height: 130%; margin-bottom:0}

dl.item {overflow: hidden; border-bottom: 1px solid #DBDBDB; padding-bottom: 0.5em; margin-bottom: 1.5em; zoom: 1}
dl.item dt  {margin-bottom: 1em}
dl.item dt b {color: #3373d0}
span.date {display: block; float: left; margin-right: 12px;}
strong.author {color: #A70000;}
.answer {background: #FAFAFA; border: 1px solid #DBDBDB; padding: 15px 15px 0 15px}
.atit {float: left; font-weight: bold}
.atext {margin-left: 80px; font-style: italic}
.aadm {margin-bottom:0; text-align: right}

form dl {overflow: hidden; margin-bottom: 1em}
form dl dt {float: left; width: 25%; text-align: right; color: #A70000;}
form dl dd {margin-left: 28%}
div.vt {float: left; margin-right: 20px}

#tooltip {position: absolute; z-index: 3000;	border: 1px solid #93b8e4; background-color: #3e65bf ; padding: 7px; max-width: 300px}
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; color: #ffffff;}
sup {border: 1px solid #93b8e4; color: #6793cf; margin-left: 2px; padding: 0 2px; font-size: 100%; cursor: help}


/* BBcodes bar & in text BBcodes */

img.nc_bbcode_icon {border:100px; width:20px; height:20px;}
input.nc_bbcode_helpbox   {margin:0   0   3px;   padding:2px   0;   width:100%; font-size:10px; font-family:Verdana,Arial; background:none; border:0;}

