@media screen
{
body
{
min-width:1018px;
color:#333;
background-color:#fff;
font-family:Arial,sans-serif;
font-size:80%;
}
h1,
.h1
{
font-size:2.5em;
font-weight:bold;
margin-bottom:15px;
}
h2
{
font-size:1.5em;
font-weight:normal;
padding-bottom:3px;
}
h3,
.h3
{
font-size:2em;
font-weight:normal;
}
#content h3
{
margin:20px 0 10px 0;
}
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
.h3 a,
.h3 a:visited
{
color:#1d3872;
}
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
.h3 a:hover,
.h3 a:active
{
color:#f00;
}
a,
a:link
{
color:#1d3872;
text-decoration:underline;
}
a:visited
{
color:#4a1d73;
}
a:hover,
a:active
{
color:#f00;
}
a.ext
{
padding-right:10px;
background:url(/_data/resources/img/ext.png) no-repeat right 5px;
padding-bottom:2px;
}
a.ext:hover
{
background:url(/_data/resources/img/ext.png) no-repeat right -27px;
}
a.bext
{
padding-right:13px;
background:url(/_data/resources/img/bext.png) no-repeat right 7px;
}
a.bext:hover
{
background:url(/_data/resources/img/bext.png) no-repeat right -22px;
}

a.pprev, a.pprev:visited
{
display:block;
margin-top:52px;
float:left;
text-align:left;
font-size:1.0em;
width:99px;
height:20px;
color:#1d3872;
}
a.pprev:hover, a.pprev:active,
a.pnext:hover, a.pnext:active
{
color:#f00;
}
a.pnext, a.pnext:visited
{
display:block;
margin-top:52px;
float:right;
text-align:right;
font-size:1.0em;
width:99px;
height:20px;
color:#1d3872;
}
img.cl
{
margin-top:7px;
clear:both;
}
img.l
{
margin:7px 7px 7px 0;
float:left;
}
img.r
{
margin:7px 0 7px 7px;
float:right;
}
img.rss
{
margin-left:10px;
}
br.cl
{
clear:both;
}
.bd
{
border:1px solid #e4eaf5;
}
.hidden,
#logo,
#homelink span,
#search fieldset legend,
#social span
{
display:none;
visibility:hidden;
width:0;
height:0;
overflow:hidden;
}
.list
{
margin-top:10px;
}
.down5
{
padding-top:5px;
}
.down30
{
padding-top:30px;
}
.down40
{
padding-top:40px;
}
.h300
{
height:300px
}
div.dscr
{
margin:5px 0;
padding:5px 0;
}
label.prl
{
display:block;
width:90px;
font-weight:bold;
float:left;
}
div.prl
{
margin-left:90px;
}
div.price
{
background:url(/_data/resources/img/price.png) no-repeat left top;
width:183px;
height:61px;
text-align:center;
font-size:2.5em;
float:right;
margin:0 -10px 10px 10px;
padding-top:27px;
padding-right:17px;
}
div.price span
{
background:url(/_data/resources/img/rub.png) no-repeat 0 4px;
position:absolute;
width:19px;
text-indent:-10000px;
}
#txttot span
{
background:url(/_data/resources/img/rubbold.png) no-repeat 0 11px;
position:absolute;
width:20px;
text-indent:-10000px;
}
div.price p
{
margin:-6px 0 0 17px;
font-size:0.5em;
}
#content ul
{
margin:-10px 0 10px 20px;
list-style:disc;
list-style-position:outside;
line-height:140%;
}
#content ul ul
{
margin-top:0;
list-style:circle;
}
#content ol
{
margin:0 0 10px 20px;
list-style-position:outside;
line-height:140%;
}
p,label
{
margin-bottom:10px;
line-height:140%;
}
#page
{
width:100%;
overflow:hidden;
}
.main
{
background:url(/_data/resources/img/ladybird.jpg) no-repeat right bottom;
}
.system
{
background:url(/_data/resources/img/apple.jpg) no-repeat right bottom;
}
.projects
{
background:url(/_data/resources/img/bearing.jpg) no-repeat right bottom;
}
.news
{
background:url(/_data/resources/img/mic.jpg) no-repeat right bottom;
}
.contacts
{
background:url(/_data/resources/img/phone.jpg) no-repeat right bottom;
}
.adm
{
background:url(/_data/resources/img/enema.jpg) no-repeat right bottom;
}
#mtop
{
margin:0 0 30px 50px;
padding:40px 0 0 0;
height:146px;
background:url(/_data/resources/img/itari-logo-400.png) no-repeat left top;
background-position:0 40px;
}
#vinfo
{
float:right;
margin-top:-20px;
width:90px;
height:114px;
background:url(/_data/resources/img/star.png) no-repeat left top;
color:#fff;
text-align:center;
font-size:1.2em;
padding:35px 40px 0 30px;
text-transform:lowercase;
}
#vinfo a
{
color:#fff !important;
font-size:2.5em;
}
#about
{
margin:0 160px 0 450px;
}
#main
{
margin:20px 50px 0 50px;
overflow:hidden;
}
#cmain
{
overflow:hidden;
}
#top
{
margin:50px 50px 30px 50px;
padding:0;
height:73px;
}
a#homelink
{
display:block;
float:left;
width:210px;
height:77px;
margin-right:42px;
background:url(/_data/resources/img/itari-logo-200.png) no-repeat left top;
}
#left
{
margin:0 30px 50px 50px;
width:208px;
padding:30px 0 0 0;
float:left;
display:inline;
}
#mleft
{
clear:both;
float:left;
width:400px;
margin:40px 50px 0 0;
padding:0 0 50px 50px;

}
#mright
{
margin:40px 50px 0 500px;
padding-bottom:50px;
}
#content
{
padding:10px 50px 60px 25px;
margin:0 0 0 275px;
}
#search
{
display:block;
width:228px;
padding:0 0 26px 50px;
float:left;
clear:both;
}
#search fieldset,
#fs fieldset
{
margin:0;
padding:0;
border:0;
}
#search fieldset input
{
width:176px;
margin:0 4px 5px 0;
padding:2px;
border:1px solid #c1cee5;
border-radius:2px;
height:16px;
float:left;
}
#ssub
{
padding:0 !important;
border:0 !important;
font-size:0 !important;
background:url(/_data/resources/img/enter.png) no-repeat left top;
width:22px !important;
height:22px !important;
color:transparent !important;
}
form.m
{
clear:none !important;
float:left;
margin-bottom:0 !important;
}
#copy
{
display:block;
padding:0 50px 50px 25px;
margin-left:275px;
height:22px;
}
#copy p
{
margin:0 0 5px 0;
padding:0;
line-height:22px;
}
#copy a,
#search fieldset a,
#copy a:visited,
#search fieldset a:visited
{
font-size:0.9em;
color:#1d3872;
}
#copy a:hover, #copy a:active,
#search fieldset a:hover, #search fieldset a:active
{
color:#f00;
}
div.m
{
clear:both;
float:left;
width:350px;
margin:0 0 0 50px !important;
padding-left:0 !important;
display:inline !important;
}
#navl
{
margin-left:252px;
height:50px;
background:#000 url(/_data/resources/img/navbg.png) repeat-x left -50px;
}
#navr
{
height:50px;
background:url(/_data/resources/img/navbg.png) no-repeat right -100px;
}
#navul
{
background:url(/_data/resources/img/navbg.png) no-repeat left top;
margin:0 !important;
list-style:none;
overflow:hidden;
padding:16px 30px 0;
height:34px;
}
#navul li
{
font-size:1.5em;
text-align:center;
display:block;
width:24%;
float:left;
color:#fff;
}
#navul li span.sel, 
#navul li a.sel
{
color:#fff;
font-weight:bold;
}
#navul li a
{
color:#fff;
}
#path
{
margin-top:3px;
}
#path li
{
display:inline;
color:#1d3872;
font-size:0.75em;
}
#path li a:visited
{
color:#1d3872;
}
ul#news
{
margin:0;
list-style-position:outside;
}
#news li
{
list-style:none;
padding-bottom:10px;
}
#share
{
padding-top:50px;
}
ul.ilist
{
margin:10px 0 0 0 !important;
list-style-position:outside !important;
list-style:none;
}
ul.ilist li
{
list-style:none;
display:block;
overflow:hidden;
height:1%;
border-bottom:1px solid #e4eaf5;
padding-bottom:5px;
margin-bottom:25px;
}
ul.ilist li.last
{
border:0;
}
ul.ilist h2
{
padding:15px 0 5px 0;
}
ul.ilist img
{
float:left;
margin:0 50px 20px 0;
}
span.sel
{
color:#f00;
}
br.f
{
clear:both;
}
label.f
{
width:150px;
padding:2px 0;
display:block;
float:left;
}
input.ftext
{
width:296px;
padding:0 2px;
margin-top:2px;
border:1px solid #c1cee5;
border-radius:2px;
height:20px;
}
input.submit,
#osub,
#csub
{
margin:10px 0 0 150px!important;
display:block;
border:1px solid #c1cee5;
border-radius:2px;
background:#fff;
padding:5px;
width:auto !important;
}
a.button
{
display:inline;
text-decoration:none;
border:1px solid #c1cee5;
border-radius:2px;
background:#fff;
padding:5px;
}
textarea.farea
{
width:296px;
max-width:296px;
min-width:296px;
padding:0 2px;
margin-top:2px;
border:1px solid #c1cee5;
border-radius:2px;
height:150px;
max-height:300px;
min-height:150px;
font-family:Arial,sans-serif;
}
ul.lc
{
margin:40px 0 0 0;
list-style-position:outside;
list-style:none;
}
ul.lc li
{
display:block;
width:216px;
height:30px;
}
ul.lc li.selected
{
background:#1f3d7d url(/_data/resources/img/cur.png) no-repeat left top;
color:#fff;
font-weight:bold;
font-size:1.1em;
padding-top:4px;
height:19px;
margin-bottom:7px;
}
ul.lc li a
{
display:block;
width:208px;
height:22px;
text-decoration:none;
border-bottom:1px dotted #1d3872;
color:#1d3872;
font-size:1.1em;
padding-top:2px;
}
ul.lc li a:hover
{
border-bottom:1px solid #1d3872;
}
div.note
{
background:#e4eaf5;
border:1px solid #d3ddef;
border-radius:3px;
font-style:italic;
margin:0 -5px;
padding:5px;
}
p.note
{
background:#e4eaf5;
border:1px solid #d3ddef;
border-radius:3px;
font-style:italic;
margin:10px -5px;
padding:5px;
clear:right;
}
.date,
span.vcard,
.comma
{
font-size:0.8em;
color:#888;
margin:0 0 3px 0 !important;
padding:0 !important;
}
.vcard p.note
{
background:none!important;
border:none!important;
margin:5px 0!important;
padding:0!important;
clear:none!important;
}
.plus
{
font-size:0.9em!important;
}
p.about
{
height:87px;
margin-bottom:5px;
}
p.sign
{
color:#888;
font-size:0.9em;
margin:20px 0 0 0 !important;
}
p.sign span
{
background:#e4eaf5;
padding:0 2px;
}
ul#projects
{
margin:10px 0 0 0 !important;
padding:0 !important;
list-style:none;
display:block;
height:265px;
overflow:hidden;
}
ul#projects li
{
margin:0 !important;
padding:0 0 50px 39px !important;
float:left;
width:200px;
text-align:center;
}
ul#projects li.first
{
padding:0 0 50px 0 !important;
}
ul#projects li p
{
padding:10px 0 0 0;
}
ul#projects li p.date
{
width:200px;
text-align:left;
margin:0 auto !important;
}
ul#projects li p.date span
{
background:#e4eaf5;
padding:2px 0;
display:block;
width:80px;
text-align:center;
border:1px solid #e4eaf5;
border-radius:3px;
}
ul#projects img
{
width:130px;
height:130px;
padding:35px;
}
ul.pricelist
{
list-style:none;
margin:10px 0 0 0 !important;
}
ul.pricelist li
{
display:block;
margin-top:10px;
padding-left:55px;
height:50px;
background:url(/_data/resources/img/pdf.png) no-repeat left top;
}
ul.pricelist h2
{
padding-bottom:5px;
}
ul.events
{
list-style:none;
margin:0 !important;
padding:0 !important;
}
ul.events li
{
display:block;
padding:5px 0;
}
ul.events li.last
{
border:0;
}
ul.events li p.date
{
margin-bottom:5px !important;
}
ul.plist,
ul.plist li
{
display:block;
padding:0;
list-style:none;
font-size:1.2em;
}
ul.plist
{
margin:20px 0 0 0 !important;
clear:left;
}
ul.plist li
{
margin:0;
float:left;
width:25px;
font-weight:bold;
color:#333;
text-align:center;
}
ul.plist li a
{
color:#1d3872 !important;
}
ul.plist li.prev
{
width:30px;
text-align:left;
}
ul.plist li.next
{
width:30px;
text-align:right;
}
ul.plist li.cur
{
background:#e4eaf5;
border:1px solid #e4eaf5;
border-radius:3px;
}
a#erss
{
display:block;
margin-top:60px;
padding-left:20px;
background:url(//cdn.itari.ru/img/rss16.png) no-repeat left center;
font-size:1.5em;
color:#1d3872;
}
a.ev
{
display:block;
float:left;
padding:10px 10px 10px 0;
color:#1d3872;
}
ul#sitemap
{
margin:10px 0 0 0 !important;
list-style:none;
}
ul#sitemap li ul
{
list-style:none;
margin:0 !important;
}
ul#sitemap li ul li
{
position:static;
display:block;
border-left:1px dotted #ddd;
margin:0 0 0 20px !important;
}
ul#sitemap p
{
position:relative;
margin:0 !important;
padding:0 0 0 10px!important;
border-bottom:1px dotted #ddd;
height:20px;
}
ul#sitemap p span
{
position:absolute;
z-index:1;
top:10px;
display:block;
background:#fff;
padding:0;
width:100%;
}
ul#plblock
{
margin:50px 0 0 0 !important;
padding:0 !important;
list-style:none;
}
ul#plblock li
{
display:block;
background:url(/_data/resources/img/pdf2.png) no-repeat left top;
padding-left:35px;
font-size:0.95em;
height:38px;
}
ul#plblock span
{
display:block;
padding-top:3px;
}
ul#mclients
{
margin:0 !important;
padding:0 !important;
list-style:none;
}
ul#mclients li
{
padding:5px 0;
display:block;
float:left;
height:100px;
margin:20px 27px 0 0;
}
ul#clients
{
margin:0 !important;
padding:0 !important;
list-style:none;
overflow:hidden;
}
ul#clients li
{
padding:10px 0 40px 0;
display:block;
float:left;
height:120px;
width:300px;
text-align:center;
font-size:0.9em;
}
ul#clients li img
{
float:none;
padding-bottom:5px;
}
#fs
{
margin:20px 0;
}
#fs fieldset br
{
clear:left;
}
#fs fieldset div
{
margin-left:130px;
}
#fs fieldset label
{
display:block;
width:130px;
height:20px;
float:left;
}
#fs fieldset input
{
width:296px;
margin:0 0 5px 0px;
padding:2px;
border:1px solid #c1cee5;
border-radius:2px;
height:16px;
}
#fs fieldset input.sw
{
display:block;
width:20px;
float:left;
border:none;
}
#fs fieldset input#gs
{
margin:10px 0 0 130px;
width:50px;
background:#fff;
height:auto;
}
#error
{
margin:20px 0;
font-size:1.5em;
padding:20px;
text-align:center;
border:1px solid red;
background-color:#fcc;
}
#sr li
{
font-size:1.3em;
padding-bottom:10px;
}
#sr li a
{
color:#1d3872;
}
#orderform fieldset
{
margin:0;
padding:0;
border:0;
}
#orderform fieldset input.cb
{
float:left;
width:20px;
height:20px;
}
#orderform fieldset label.opt
{
margin:0 100px 0 22px;
clear:none;
display:block;
font-size:1.1em;
padding-top:2px;
border-bottom:1px dotted #eee;
margin-bottom:5px;
}
#orderform fieldset br
{
clear:left;
}
#orderform fieldset div.pr
{
float:right;
width:80px;
height:20px;
font-size:1.2em;
font-weight:bold;
padding-right:15px;
margin-top:-22px;
}
#orderform fieldset div.pr span
{
background:url(/_data/resources/img/rubboldsmall.png) no-repeat left top;
background-position:0 1px;
position:absolute;
width:15px;
text-indent:-10000px;
}
dl.bt
{
border-top:1px solid #ddd;
margin:10px 0 0 0;
padding:10px 0 0 0;
}
dl.bt dt
{
float:left;
width:20px;
}
dl.bt dt a
{
text-decoration:none;
}
dl.bt dd
{
font-size:0.8em;
margin:0 0 5px 25px;
}
#orderform fieldset p
{
margin:11px 0 20px 0;
font-weight:bold;
font-size:2em;
float:left;
width:85px;
height:25px;
}
#txttot
{
margin:0 0 20px 90px;
padding-top:5px;
font-size:2.5em;
font-weight:bold;
line-height:140%;
}
#error
{
margin:50px;
font-size:1.5em;
padding: 20px;
text-align:center;
border:1px solid red;
background-color:#fcc;
}
#ok
{
font-size:1.5em;
padding: 20px;
text-align:center;
border:1px solid #ccc;
background-color:#eee;
position:absolute;
width:30%;
top:0;
left:35%;
}
.big
{
font-size:1.4em;
}
#mphone
{
width:220px;
padding-left:50px;
font-size:0.9em;
position:absolute;
left:720px;
}
#ophone
{
width:220px;
font-size:0.9em;
float:left;
margin:0 50px 0 0;
}
#mphone p,
#ophone p
{
font-size:2.65em;
}
#mphone p
{
margin:-4px 0 -2px 0 !important;
}
#ophone p
{
margin:0 0 7px 0 !important;
}
#line
{
height:40px;
background:#eee;
background:url(/_data/resources/img/linebg.png) repeat-x left top;
padding:0 50px 8px 50px;
margin-top:50px;
}
#social
{
padding-top:8px;
list-style:none;
overflow:hidden;
float:left;
width:400px;
}
#social li
{
display:block;
width:32px;
height:32px;
margin-right:17px;
float:left;
}
#social li a
{
display:block;
width:32px;
height:32px;
}
#social li a.facebook
{
background:url(/_data/resources/img/facebook.png) no-repeat left top;
}
#social li a.twitter
{
background:url(/_data/resources/img/twitter.png) no-repeat left top;
}
#social li a.linkedin
{
background:url(/_data/resources/img/linkedin.png) no-repeat left top;
}
#social li a.googleplus
{
background:url(/_data/resources/img/googleplus.png) no-repeat left top;
}
#social li a.rss
{
background:url(/_data/resources/img/rss.png) no-repeat left top;
}
#social li a.email
{
background:url(/_data/resources/img/email.png) no-repeat left top;
}
#quote
{
padding:13px 50px 0 50px;
font-size:1.6em;
margin-left:400px;
white-space:nowrap;
color:#555;
text-shadow:#eee 1px 1px;
}
.addthis_toolbox
{
display:inline-block;
}
#itari-error
{
margin:50px;
background:url(/_data/resources/img/itari-error.png) no-repeat center top;
padding-top:200px;
}
#err
{
width:450px;
margin:0 auto;
font-size:1.3em;
padding-top:25px;
}
#itari-error h1, 
#itari-error h2
{
font-size:2em;
width:520px;
margin:0 auto;
font-weight:normal;
}
#err span.alert
{
font-size:1.2em;
}
.team
{
list-style:none;
overflow:hidden;
margin:0!important;
}
.author
{
overflow:hidden;
margin-bottom:15px;
}
.team li
{
display:block;
overflow:hidden;
width:50%;
float:left;
height:85px;
}
.team h2
{
margin-left:85px;
}
.team h2,
.author h2
{
font-size:1.5em;
padding-top:15px;
}
.team p
{
color:#888;
font-size:1.2em;
margin:5px 0 0 85px;
font-style:italic;
padding-right:25px;
}
.author p
{
color:#888;
font-size:1.2em;
margin-top:10px;
font-style:italic;
}
.version
{
font-size:1.2em;
font-weight:bold;
}
.version span
{
font-weight:normal;
}
div.offer
{
overflow:hidden;
border-bottom:1px solid #e4eaf5;
margin-bottom:20px;
padding-right:10px;
}
div.offer div.short
{
margin:10px 0 20px 0;
}
}