@media screen
{
body
{
min-width:1018px;
color:#000;
background-color:#fff;
font-family:"Trebuchet MS",sans-serif;
font-size:80%;
}
h1
{
font-size:1.8em;
font-weight:normal;
background:url(../img/hr.gif) no-repeat left bottom;
margin-bottom:5px;
padding-bottom:2px;
}
h2
{
font-size:1.5em;
font-weight:normal;
}
h3,
.h3
{
font-size:2em;
font-weight:normal;
height:35px;
}
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
.h3 a,
.h3 a:visited
{
color:#000;
}
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
.h3 a:hover,
.h3 a:active
{
color:#f00;
}
a
{
color:#f00;
}
a:visited
{
color:#d00;
}
a:hover,
a:active
{
color:#000;
}
a.ext
{
padding-right:10px;
background:url(../img/ext.gif) no-repeat right center;
padding-bottom:2px;
}
a.ext:hover
{
background:url(../img/exth.gif) no-repeat right center;
}
a.pprev, a.pprev:visited, a.pprev:hover, a.pprev:active
{
display:block;
margin-top:24px;
float:left;
text-align:left;
font-size:1.0em;
width:99px;
height:20px;
color:#000;
}
a.pnext, a.pnext:visited, a.pnext:hover, a.pnext:active
{
display:block;
margin-top:24px;
float:right;
text-align:right;
font-size:1.0em;
width:99px;
height:20px;
color:#000;
}
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;
}
#projects li img,
.bd
{
border:1px solid #ddd;
}
.hidden,
#logo,
#homelink span,
#search fieldset legend
{
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.hrt 
{
margin-top:5px;
padding-top:5px;
clear:right;
background:url(../img/hr.gif) no-repeat left top;
}
label.prl
{
display:block;
width:80px;
font-weight:bold;
float:left;
}
div.prl
{
margin-left:80px;
}
div.price
{
background:url(../img/price.gif) no-repeat left top;
width:179px;
height:64px;
text-align:center;
font-size:2.5em;
float:right;
margin:0 -10px 10px 10px;
padding-top:20px;
padding-right:17px;
}
div.price span,
#txttot span
{
background:url(../img/rub.gif) no-repeat left top;
background-position:0 9px;
position:absolute;
width:17px;
text-indent:-10000px;
}
div.price p
{
margin:-10px 0 0 17px;
font-size:0.5em;
}
#content ul
{
margin:-10px 0 10px 20px;
list-style-position:outside;
}
#content ul ul
{
margin-top:0;
list-style:circle;
}
p
{
margin-bottom:10px;
}
#page
{
width:100%;
overflow:hidden;
}
.main
{
background:url(../img/ladybird.jpg) no-repeat right bottom;
}
.system
{
background:url(../img/apple.jpg) no-repeat right bottom;
}
.projects
{
background:url(../img/bearing.jpg) no-repeat right bottom;
}
.news
{
background:url(../img/mic.jpg) no-repeat right bottom;
}
.contacts
{
background:url(../img/phone.jpg) no-repeat right bottom;
}
.adm
{
background:url(../img/enema.jpg) no-repeat right bottom;
}
#mtop
{
margin:0 0 30px 50px;
padding:40px 0 0 0;
height:139px;
background:url(../img/itari_logo_400.gif) no-repeat left top;
background-position:0 48px;
}
#vinfo
{
float:right;
margin-top:-20px;
width:90px;
height:119px;
background:url(../img/star.gif) no-repeat left top;
color:#fff;
text-align:center;
font-size:1.2em;
padding:30px 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:200px;
height:73px;
margin-right:50px;
background:url(../img/itari_logo_200.gif) no-repeat left top;
}
#left
{
margin:0 30px 50px 50px;
width:208px;
padding: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:220px;
padding:0 0 26px 50px;
float:left;
clear:both;
}
#search fieldset,
#fs fieldset
{
margin:0;
padding:0;
border:0;
}
#search fieldset input
{
width:196px;
margin:0 0 5px 0;
padding:2px;
border:1px solid #ddd;
height:16px;
float:left;
}
#ssub
{
padding:0 !important;
border:0 !important;
background:none;
width:14px !important;
height:22px !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
{
font-size:0.9em;
color:#000 !important;
}
div.m
{
clear:both;
float:left;
width:350px;
margin:0 0 0 50px !important;
padding-left:0 !important;
display:inline !important;
}
#navl
{
overflow:hidden;
height:45px;
background:#000 url(../img/navlbg.gif) no-repeat left top;
}
#navr
{
height:45px;
background:url(../img/navrbg.gif) no-repeat right top;
}
#navul
{
margin:0 !important;
list-style-position:outside;
padding:12px 30px 0;
height:33px;
}
#navul li
{
font-size:1.2em;
text-align:center;
display:block;
width:25%;
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
{
background:url(../img/arrow.gif) no-repeat left center;
padding:0 5px 0 15px;
display:block;
float:left;
}
#path li.first
{
padding:0 5px 0 0;
background:none;
}
#path li a
{
color:#000;
font-size:0.75em;
}
ul#news
{
margin:0;
list-style-position:outside;
}
#news li
{
list-style:none;
padding-bottom:10px;
}
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 #eee;
padding-bottom:5px;
margin-bottom:10px;
}
ul.ilist li.last
{
border: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 #ddd;
height:20px;
}
input.submit,
#osub,
#csub
{
margin:10px 0 0 150px!important;
display:block;
border:1px solid #ddd;
background:#fff;
padding:2px;
width:71px;
}
textarea.farea
{
width:296px;
max-width:296px;
padding:0 2px;
margin-top:2px;
border:1px solid #ddd;
height:150px;
max-height:150px;
font-family:"Trebuchet MS",sans-serif;
}
ul.lc
{
margin:40px 0 0 0;
list-style-position:outside;
list-style:none;
}
ul.lc li
{
display:block;
width:208px;
height:30px;
}
ul.lc li.selected
{
background:url(../img/cur.gif) no-repeat left top;
color:#fff;
font-weight:bold;
font-size:1.1em;
padding-top:2px;
}
ul.lc li a
{
display:block;
width:200px;
height:22px;
text-decoration:none;
border-bottom:1px dotted #000;
color:#000;
font-size:1.1em;
padding-top:2px;
}
ul.lc li a:hover
{
border-bottom:1px solid #000;
}
div.note
{
background:#eee;
border:1px solid #ccc;
font-style:italic;
margin:0 -5px;
padding:5px;
}
p.note
{
background:#eee;
border:1px solid #ccc;
font-style:italic;
margin:10px -5px;
padding:5px;
clear:right;
}
p.date
{
font-size:0.8em;
color:#999;
margin:0 0 3px 0 !important;
padding:0 !important;
}
p.about
{
height:87px;
margin-bottom:5px;
}
ul#projects
{
margin:0 !important;
padding:0 !important;
list-style:none;
display:block;
}
ul#projects li
{
margin:0 !important;
padding:0 !important;
float:left;
width:24%;
text-align:center;
}
ul#projects li p
{
padding:10px 0 0 0;
}
ul#projects li p.date
{
width:200px;
text-align:left;
margin:0 auto !important;
}
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(../img/pdf.gif) no-repeat left top;
}
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:0 !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:#000;
text-align:center;
}
ul.plist li a
{
color:#000 !important;
}
ul.plist li.prev
{
width:30px;
text-align:left;
}
ul.plist li.next
{
width:30px;
text-align:right;
}
ul.plist li.cur
{
background:#ddd;
}
a#erss
{
display:block;
margin-top:60px;
padding-left:20px;
background:url(../icons/rss.gif) no-repeat left center;
font-size:1.5em;
color:#000;
}
a.ev
{
display:block;
float:left;
padding:10px 10px 10px 0;
color:#000;
}
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 a
{
color:#000;
}
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
{
background:url(../img/pdf2.gif) no-repeat left top;
background-position:0 4px;
padding-left:35px;
font-size:0.95em
}
ul#plblock li a
{
color:#000;
}
ul#mclients
{
margin:0 !important;
padding:0 !important;
list-style:none;
}
ul#mclients li
{
padding:5px 0;
display:block;
float:left;
height:100px;
}
ul#clients
{
margin:0 !important;
padding:0 !important;
list-style:none;
}
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:120px;
}
#fs fieldset label
{
display:block;
width:120px;
height:20px;
float:left;
}
#fs fieldset input
{
width:296px;
margin:0 0 5px 0px;
padding:2px;
border:1px solid #ddd;
height:16px;
}
#fs fieldset input.sw
{
display:block;
width:20px;
float:left;
border:none;
}
#fs fieldset input#gs
{
margin:10px 0 0 120px;
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:#000;
}
#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(../img/rubsmall.gif) no-repeat left top;
background-position:0 5px;
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;
}
#error
{
margin:50px;
font-size:1.5em;
padding: 20px;
text-align:center;
border:1px solid red;
background-color:#fcc;
}
#ok
{
margin:50px;
font-size:1.5em;
padding: 20px;
text-align:center;
border:1px solid #ccc;
background-color:#eee;
}
.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;
}
}