*/ /**/
);
}
* html*.g-png png
{
font-size: 0;
position: absolute;
/* одноразовые expression'ы, выставляем ширину / высоту как у родителя */ /**/
width: expression(runtimeStyle.width = parentNode.offsetWidth + "px");
height: expression(runtimeStyle.height = parentNode.offsetHeight + "px");
}
* html a.g-png, * html a .g-png, * html .g-png a
{
/* Bug MSIE6: pointer только на непрозрачных областях png-24 */
cursor: hand;
}
/* Поддержка PNG-24 (end) */
/*END of f/pictures/png24/png24.css*/
/*END of f/pictures/pictures.css*/
/*BEGIN of f/portfolio/portfolio.css*/
.portfolio{
text-align:left;
}
table.portfolio td{
vertical-align:top;
}
.portfolio tr.big td div{
margin:10px 0;
}
.small img{
padding:3px;
border:solid 1px #a8a8a8;
}
.small img.select{
border:solid 2px #800000;
}
.vertical div.project{
float:left;
}
.vertical img{
margin:0 30px 10px 0;
display:block;
}
.horizontal div.project {
display:block;
}
.horizontal img{
margin:0 10px 20px 0;
display:inline;
}
.portfolio tr.desc td h2{
margin:0 0 0.3em 0;
}
.portfolio tr.desc td p{
margin:0.3em 0 0.3em 0;
font-style:italic;
font-size:1.1em;
}
/*END of f/portfolio/portfolio.css*/
/*BEGIN of f/qoute/qoute.css*/
/* top left */
.qoute {
background: url(f/qoute/images/t-l.gif) top left no-repeat;
/* background-color:#f5f1cd;*/
text-align:left;
margin:20px auto;
}
/* top right */
.qoute div{
background: url(f/qoute/images/t-r.gif) top right no-repeat;
}
/* bottom right */
.qoute div div{
background: url(f/qoute/images/b-r.gif) bottom right no-repeat;
}
/* top left */
.qoute div div div {
background: url(f/qoute/images/b-l.gif) bottom left no-repeat;
padding:10px 20px 15px 20px;
}
.qoute hr{
margin:0;
bottom:0;
border-style:dashed;
border-color:#999966;
padding-bottom:5px;
}
/*END of f/qoute/qoute.css*/
/*BEGIN of f/round-corner/round-corner.css*/
/* ROUNDED CORNERS */
/* top left */
.corners {
background: url(f/round-corner/images/t-l.gif) top left no-repeat;
background-color:white;
}
/* top right */
.corners div{
background: url(f/round-corner/images/t-r.gif) top right no-repeat;
}
/* bottom right */
.corners div div{
background: url(f/round-corner/images/b-r.gif) bottom right no-repeat;
}
/* top left */
.corners div div div {
background: url(f/round-corner/images/b-l.gif) bottom left no-repeat;
}
/*END of f/round-corner/round-corner.css*/
/*BEGIN of f/table/table.css*/
table
{
text-align:left;
border-collapse:collapse;
/* border:solid thin #999;*/
}
.content table td,
.content table th
{
padding:10px;
}
.content table.border{
border:solid thin #999;
}
.content table th{
/* font-family:"Times new Roman", Times sans-serif;*/
text-align:left;
vertical-align:bottom;
border-bottom:solid thin #ddd;
}
.content table td b{
/* font-family:"Tahoma", Times sans-serif;*/
font-size:0.9em;
}
.content .width_5{width:5%;}
.content .width_10{width:10%;}
.content .width_15{width:15%;}
.content .width_20{width:20%;}
.content .width_25{width:25%;}
.content .width_30{width:30%;}
.content .width_35{width:35%;}
.content .width_40{width:40%;}
.content .width_50{width:50%;}
.content .width_60{width:60%;}
.content .width_70{width:70%;}
.content .width_80{width:80%;}
.content .width_90{width:90%;}
.content .width_100{width:100%;}
/* Определяем стили для подсвечивания строк */
.content table.hover tr:hover {
background-color:#eee;
} /* FF/OPERA/IE7 */
.content table.hover tr{
behavior:url(f/table/hover.htc);
} /* IE6 */
.trhover {
background-color:#eee;
} /* IE6 */
/*END of f/table/table.css*/
/*BEGIN of f/text/text.css*/
/*BEGIN of f/text/header/header.css*/
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1{
/*font-family:"Times new Roman", Times sans-serif;*/
font-family:Tahoma;
line-height:1.2em;
font-weight: normal;
font-size: 1.8em;
padding: 0 0 0.3em 0;
margin:0;
color:#333;
/*color: #c0573e;*/
}
h2{
font-family:Tahoma;
margin:0;
font-weight: normal;
padding: 1em 0 0.3em 0;
font-size: 1.4em;
}
h3 {
font-family:Tahoma;
margin:0;
font-weight: normal;
padding: 1em 0 0.2em 0;
font-style:italic;
font-size: 1em;
/*color: #c0a93e;*/
}
h1.in{
padding:1em 0 0.3em 0;
}
h2.first,
h3.first {
padding:0 0 0.3em 0;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/*END of f/text/header/header.css*/
/*BEGIN of f/text/link/link.css*/
/* LINKS */
a,
a:link,
a:active {
color: #2487b0;
}
a:visited {
}
a:focus {
/* outline: 1px dotted invert #ffffff*/
color: red;
border:none;
outline:none;
}
a img{
border:0;
}
a:hover {
text-decoration:none;
color: #34C2FC;
}
a#select-region-link, a#select-city-link {
font-size: 1.4em;
border-bottom:1px dashed #222222;
text-decoration:none;
}
/* END LINKS */
/*END of f/text/link/link.css*/
/*BEGIN of f/text/list/list.css*/
.before_list{
margin-bottom:0.3em;
}
ol {
padding:0;
list-style: decimal;
}
ul{
margin:0;
}
.content ul {
list-style:none;
padding:0;
margin-bottom:1.2em;
}
ul.outline li {
margin-left: 0;
}
.content li {
margin-left: 2em;
}
.content ul.mdash li:before{
content:"— ";
}
.content ul.mdash li{
text-indent:-1.3em;
behavior: expression(!this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '— ' + this.innerHTML : '' );
/* text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1.3em' : 0 );*/
}
/*END of f/text/list/list.css*/
/*BEGIN of f/text/other/other.css*/
/* `Basic HTML
------------------------------------------------------------------------------------------*/
.file {
padding:0 0 0 30px;
position:relative;
}
/* Desc*/
.filedesc{
color: #9F9F9F;
font-size: 0.7em;
font-family: Arial,sans-serif;
}
.doc i{
background:transparent url(f/text/other/images/doc.ico) no-repeat scroll 0 0;
}
.pdf i{
background:transparent url(f/text/other/images/pdf.ico) no-repeat scroll 0 0;
}
.rtf i{
background:transparent url(f/text/other/images/rtf.ico) no-repeat scroll 0 0;
}
.file i {
height:24px;
left:0;
position:absolute;
width:24px;
z-index:1;
}
.filedate {
color:#CF9F9F;
font-family:Arial,sans-serif;
/* font-size:0.7em;*/
}
/*END of f/text/other/other.css*/
/*BEGIN of f/text/paragraph/paragraph.css*/
#members span.hide {
border: 0;
padding-top: 0px;
margin-top: 0px;
display: none;
}
#members span {
border-top: 1px solid #d0d0d0;
display: block;
padding-top: 0px;
margin-top: 15px;
}
span.hide {
display: none;
}
span.accent {
background-color: #F8FFBF;
padding: 10px 0 10px 0;
}
span.accent select{
margin-top: 15px;
}
p {
margin-bottom: 1em;
}
/*END of f/text/paragraph/paragraph.css*/
/*BEGIN of f/text/tipography/tipography.css*/
body {
/*font: 18px/1.5 "Times New Roman", Times, sans-serif;*/
/*font: 14px/1.5 Tahoma;*/
/*font:16px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font:16px/1.5 "Arial", Arial, Helvetica, sans-serif;
color:#444;
background: white;
height: 100%;
}
abbr,acronym{ /*abbr - не поддерживается ie6*/
border-bottom: 1px dashed;
}
strong {
/* color:#808000;*/
text-decoration: none;
font-weight: normal;
}
i{
font-style:italic;
}
b{
font-weight:bold;
}
u{
text-decoration:underline;
}
strike{
text-decoration:line-through;
}
big {
font-size:larger;
}
small{
font-size:smaller;
}
sup {
position:relative;
top:0px;
font-size:0.6em;
}
sub {
position:relative;
top:2px;
font-size:0.6em;
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0;
margin-bottom: 2em;
margin-top: 0.5em;
clear: both;
height: 0;
}
/* Цитаты */
/*blockquote.ru:before,q.ru:before{
content:'\00AB';
}
blockquote.ru:after,q.ru:after{
content:'\00BB';
}
blockquote:before,q:before{
content:'\201C';
}
blockquote:after,q:after{
content:'\201D';
}
q.ru,blockquote.ru{
behavior: expression(!this.before ? this.before = this.innerHTML = '\00AB' + this.innerHTML + '\00BB': '');
}
blockquote,q{
behavior: expression(!this.before ? this.before = this.innerHTML = '\201C' + this.innerHTML + '\201D': '');
}*/
blockquote{
color:#666;
margin:0.6em 2em 1em;
text-align:left;
}
/* конец цитаты */
/* оформление кода */
code{ /*Блочное оформление кода (много строк)
Рекомендуется использование внутри для удобства форматирования*/
display:block;
margin:0.4em 0 1em 1em;
}
code pre{
margin:0.4em 0 1em 0;
}
xmp{
margin:0.4em 0 1em 1em;
}
/* конец оформление кода */
/*END of f/text/tipography/tipography.css*/
/*END of f/text/text.css*/
/*BEGIN of f/lightbox/lightbox.css*/
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#container {
position: absolute;
top: 0;
left: 0;
overflow: auto;
}
/* ---------------------------------------------------------- */
/* LIGHTBOXES */
/* ---------------------------------------------------------- */
#lightboxes {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
overflow: hidden;
}
#lightboxes li {
width: 100%;
height: 9999px;
position: relative;
background: rgba(0,0,0,.6);
}
#lightboxes .box {
position: absolute;
width: 400px;
left: 50%;
top: 50px;
border: 10px solid;
margin-left: -230px;
background-color: #fff;
padding: 20px;
}
#lightboxes h3 {
font-weight: normal;
margin: 0 0 0.5em 0;
}
#lightboxes a.close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
}
#lightboxes a.close:hover {
background-color: #000;
color: #fff;
}
#lightboxes #close {
background-color: transparent;
z-index: -1;
}
/*END of f/lightbox/lightbox.css*/
/*BEGIN of f/sys_icons/sys_icons.css*/
.sys_icons_h img,
.sys_icons_v img{
border:none;
padding:8px;
}
.sys_icons_v img{
display:block;
}
.sys_icons_h{
margin-left:-13px;
}
.sys_icons_v{
margin-top:-13px;
}
/*END of f/sys_icons/sys_icons.css*/
/*BEGIN of f/grids/grids.css*/
/*BEGIN of f/grids/proto3/proto3.css*/
body{
}
.container{
}
.container div{
}
.container .col{
float:left;
display:inline;
}
.container .left{
}
.container .center{
}
.container .right{
}
.container .clear{
clear:both;
}
/*END of f/grids/proto3/proto3.css*/
/*END of f/grids/grids.css*/
div.clear{
clear:both;
}
body{
/* background:url(../images/bg.jpg) repeat;*/
background:#eee;
}
.top{
background-color:white;
height:80px;
vertical-align:middle;
}
.top .corners{
background-color:#ff6600;
}
.top .corners div div div {
padding:1px 20px;
}
.logo{
margin-top:25px;
margin-left:40px;
}
ul.menu {
font-size:1.2em;
margin-top:10px;
}
ul.menu li{
margin-right:60px;
}
.top .left{
width:20%;
margin-right:-100%;
}
.top .center{
position:relative;
left:30%;
width:70%;
max-width:1000px;
}
.content .left{
width:20%;
margin-right:-100%;
}
.content .center{
width:78%;
position:relative;
left:22%;
max-width:1000px;
}
.content{
/*max-width:1400px;*/
overflow:hidden;
}
.light{
margin-top:100px;
}
.sys_icons_h{
margin:20px 0 0 40px;
}
.tags-list{
list-style:none;
margin:15px 0 0 70px;
}
ul.tags-list li a{
text-decoration:none;
border-bottom: 1px dashed;
}
ul.tags-list li{
float:left;
padding:0;
margin:0;
margin-right:30px;
font-size:0.9em;
}
ul.tags-list li.selected{
color:#666;
font-weight:bolder;
}
ul.tags-list li.showall{
margin-right:60px;
}
.group{
margin:20px 0 0 30px;
}
.content .corners {
/* background: url(../images/bot.gif) bottom left no-repeat;*/
}
.content .corners div{
}
.element{
background: url(../images/bg_elem.gif) top left no-repeat;
padding:40px 160px 0 40px;
margin-top:3px;
min-width:700px;
height:240px;
}
.project{
background:white url(../images/top.gif) no-repeat top left;
padding:40px 160px 10px 40px;
margin-top:30px;
min-width:700px;
/*min-height:415px;*/
}
.project p.col{
margin-right:40px;
}
.project q{
font-style:italic;
quotes:none;
color:#999;
line-height:
text-indent:-1.2em;
display:block;
position:relative;
padding-top:5px;
padding-left:1.2em;
font-size:0.9em;
}
div.bot{
background:white url(../images/bot.gif) no-repeat bottom left;
height:33px;
}
/*
.project .top-corner{
background:transparent url(../images/top-corner.gif) no-repeat top left;
}
.project .bottom-corner{
margin:0;
padding:10px 0 25px 0;
z-index:1;
background:transparent url(../images/bottom-corner.gif) no-repeat bottom left;
}
*/
div.project > a img:first-child{
margin-right:40px;
float:left;
}
.project .tags,
.element .tags{
font-size:smaller;
}
.software{
margin-top:80px;
text-align:right;
}
.bottom{
position:relative;
background-color:white;
line-height:2em;
padding:40px 0 0 40px;
overflow:hidden;
}
.bottom address{
font-size:0.9em;
font-style:normal;
line-height:1.5em;
}
.bottom address.copy{
color:#979797;
text-align:center;
}
.bottom div.topruki{
font-size:0.9em;
}
.bottom div.topruki img{
margin:0 6px -3px 0;
}
.bottom div.topruki a{
color:#21AE00;
}
.bottom .phone{
color:#94d172;
font-size:1.8em;
}
.bottom .phone strong{
color:#4ea000;
/* font-weight:bolder;*/
}
.bottom .broba img{
float:right;
/* margin-bottom:-14px;*/
margin-right:30px;
}
.bottom .broba p{
float:right;
background:url(../images/cloud.png) no-repeat;
font-size:1.1em;
width:180px;
height:100px;
margin: 0;
padding-top:10px;
padding-left:26px;
line-height:1.3em;
}
.bottom .broba p a{
font-size:0.9em;
}
/*Форма обратной связи*/
/*form dl.required dt
{
color: #cc6666;
}*/
form#mailer dt{
float:left;
width:6em;
}
form#mailer dd{
padding-left:6em;
}
form#mailer #r_mail{
margin-bottom:60px;
}
form#mailer #r_name input,
form#mailer #r_mail input{
width:50%;
}
form#mailer dd textarea{
width:90%;
height:11em;
}
#rekvizit{
cursor:hand;
border-bottom:1px dashed;
}
/*
form#mailer #r_mail input{
color:red;
}
form#mailer .required-ok #r_mail input{
color:green;
}*/
/*form #r_name.required,
form #r_message.required,
form #r_mail.required{
color:#cc6666;
}
form #r_name.required-ok,
form #r_message.required-ok,
form #r_mail.required-ok{
color:green;
}
*/
form #r_mail.invalid input{
color:#cc6666;
}
form #r_mail input{
color:green;
}
.content p.success{
color:green;
font-weight:600;
}
.content p.fail{
color:#cc6666;
font-weight:600;
}
.content #search_form input{
color:#666;
font-size:1.2em;
}
.content #search_form #q{
width:70%;
}
.content .searchresult p{
width:85%;
margin:0;
}
.content .searchresult p strong.highlight{
color:#333;
font-weight:bolder;
}
/*END of mstyle.css*/