/* - pr.folio.motion/GA.css - */
@media screen {
/* http://www.studio-web.ru/portal_css/pr.folio.motion/GA.css?original=1 */
#motion_table img {border: 10px solid #777; /* */}
#motion_table td {vertical-align: top;}
#motioncontainer {
position: relative;
padding : 0px;
width: 210px;
}
#motioncontainer a img {
/* */
}
#motioncontainer a:hover img {
/* */
}
#motiongallery {
position: absolute;
left: 10px;
width: 190px;
}
#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 0px solid gray;
visibility: hidden;
}
#trueContainer {
padding: 33px 0px;
}
.thumbLink {
display:block;
margin-bottom: 10px;
margin-left: 10px;
}
.thumbImg {
}
#motion_arrow_up , #motion_arrow_down {
position: absolute;
width: 210px;
height: 47px;
/* */
}
#motion_arrow_up { top:0px; background-image: url(pr.folio.motion/arrow_up.png); }
#motion_arrow_down { top:344px; background-image: url(pr.folio.motion/arrow_down.png); }

}


/* - pr.folio.motion/jq_fade.css - */
@media screen {
/* http://www.studio-web.ru/portal_css/pr.folio.motion/jq_fade.css?original=1 */
img {
border:none;
}
.fade {
width:339px;
margin:0px 0 0px 0;
}
}


/* - pr.folio.style.css - */
@media screen {
/* http://www.studio-web.ru/portal_css/pr.folio.style.css?original=1 */
table.pr_folio_port { border-collapse: collapse; }
table.pr_folio_port td.text { vertical-align: top; padding: 0px 10px 0px 30px; background-image: none; }
table.pr_folio_port td.text h3.Subheading { font-size: 15px; }
table.pr_folio_port td.text p { text-indent: 0px; }
table.pr_folio_images td {padding: 13px 15px 16px 15px !important; height:189px;}
table.pr_folio_images img { border: 0px solid #000; }
table.pr_folio_images a { display: block; width:200px; height:auto; background-color: #e73c88; }
table.pr_folio_port td { background-repeat: no-repeat; padding: 6px 16px 22px 14px; }
table.pr_folio_port td.pr_folio_one { background-image: url(pfimgs/pr_folio_one.gif); }
table.pr_folio_port td.pr_folio_top { background-image: url(pfimgs/pr_folio_top.gif); }
table.pr_folio_port td.pr_folio_mid { background-image: url(pfimgs/pr_folio_mid.gif); }
table.pr_folio_port td.pr_folio_bot { background-image: url(pfimgs/pr_folio_bot.gif); }
.documentType {color:#555555; font-weight:normal; padding-top:9px;}
.pf-site { margin-bottom: 10px; }
.pf-site td { padding: 0px 23px 0px 0px; }
.pf-heading-table { width:100%; }
.pf-heading-table td { padding-right: 12px; vertical-align: top;}
.pf-heading-table a , .pf-heading-table span { display: block; padding: 15px 0px 0px 0px; }
.pf-heading-table a {/**/}
.pf-heading-table h1 b {font-size : 120%; color: #000; text-transform:uppercase;}
.pf-heading { margin:0px; padding:20px 0px 0px 0px; font-size: 12pt; /**/ font-weight: bold; }
.pf-site .documentDescription { margin-bottom: 20px; }
.pf-site h5 { white-space: normal; margin-bottom: 20px; }
.pf-type { color: #676767; margin-bottom: 20px; font-size : 100%; padding-left: 30px;}
.pf-url { color: #676767; margin-bottom: 0px; font-size : 100%; padding: 30px 0px 0px 20px;}
.pf-url a { font-size : 200%;}
.pf-screenshot-header { position: absolute; left: 0px; top: 0px; bottom: auto; width: 435px; height: 50px; background: url(pfimgs/pf-screenshot.gif) 0px 0px no-repeat; }
.pf-screenshot-middle { position: relative; left: 0px; top: 0px; bottom: auto; margin: 0px; padding: 13px 21px 22px 14px; vertical-align: baseline;}
.pf-screenshot-bottom { position: absolute; left: 0px; top: auto; bottom: 0px; width: 435px; height: 50px; background: url(pfimgs/pf-screenshot.gif) -870px 0px repeat-y; }
.pf-screenshot-image { display: block; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; cursor: pointer;}
.pf-screenshot { position: relative; width: 435px; margin-bottom: 20px; background: url(pfimgs/pf-screenshot.gif) -435px 0px repeat-y; }
.pf-screenshot .pf-screenshot-header { width: 435px; height: 50px; background: url(pfimgs/pf-screenshot.gif) 0px 0px no-repeat; }
.pf-screenshot .pf-screenshot-middle { padding: 13px 21px 22px 14px; display: block;}
.pf-screenshot .pf-screenshot-bottom { width: 435px; height: 50px; background: url(pfimgs/pf-screenshot.gif) -870px 0px repeat-y; }
.pf-screenshot-cd { position: relative; width: 218px; margin-bottom: 20px; background: url(pfimgs/pf-screenshot-cd.gif) -218px 0px repeat-y; }
.pf-screenshot-cd .pf-screenshot-header { width: 218px; height: 25px; background: url(pfimgs/pf-screenshot-cd.gif) 0px 0px no-repeat; }
.pf-screenshot-cd .pf-screenshot-middle { padding: 7px 5px 11px 7px;}
.pf-screenshot-cd .pf-screenshot-bottom { width: 218px; height: 25px; background: url(pfimgs/pf-screenshot-cd.gif) -436px 0px repeat-y; }
.pf-icon { display: block; width: 70px; height: 70px; background-image: url(primg/pf-icon.gif); padding: 6px; }
.pf-screenshot-heading { border-bottom: 1px solid #c2e085; background-image: url(primg/screenshot-heading.gif); color:#6E6E6E; font-size:12pt; font-weight:bold; padding:0px 0px 5px 38px; margin-bottom:10px; }
.pf-date { color: #676767; margin-bottom: 30px; text-align: right; }
.pf-year-table {}
.pf-year-image { border: 1px solid #DDD;}
.pf-year-table td {margin: 0px; padding: 10px; vertical-align: bottom;}
.pf-year-item {}
.pf-year-item a { display: block; padding: 10px 17px 18px 11px; width: 167px; height: 124px; background-image: url(pfimgs/pf-thumb.gif); }
.pf-year-item h5 { width: 180px; margin-bottom: 5px; white-space: normal; }
.pf-year-item h6 { font-size:8pt; font-weight:normal; line-height:1em; margin:0; overflow:hidden; padding:0 30px 1px 9px; white-space:nowrap; width:140px; }
.pf-column-item {margin-bottom: 45px;}
.pf-column-item td {padding: 2px 5px 0px 0px; vertical-align: top;}
.pf-column-item a {color: #48759e; display:block; padding-top: 6px;}
.pf-column-item div {color: #333;}
h3.pf-who { font-size: 10pt; color: #777; font-weight: normal; margin: 0px; padding: 0px; }
h3.pf-who span { display:block; font-size: 8pt; color: #000; padding-left: 20px }
#portfolio-fullscreen {
display: none;
}
#portfolio-fullscreen-black {
position:absolute;
left: 0px;
top:0px;
width: 100% !important;
height: 100%;
background-color: #000;
opacity: 0.70;
FILTER: alpha(opacity=70);
}
#portfolio-fullscreen-content {
position: absolute;
left: 0px;
top: 600px;
width: 100%;
height: 100%;
}
#portfolio-fullscreen-wrapper {
text-align: center;
vertical-align: middle;
}
#portfolio-fullscreen-img {
display: block;
/* */
/* */
margin: 0px auto;
border: 7px solid #777;
}

}


/* - studio02.css - */
@media screen {
/* http://www.studio-web.ru/portal_css/studio02.css?original=1 */
body {font-size:8pt; margin:0px; padding:0px; background-image:url(primg/slide_bg.gif); background-position:top; background-repeat:repeat-x;}
body {
font-family:arial,sans-serif;
color:#444;
color:#333;
font-size: 8pt;
}
td.content {background-image : url(primg/hr_v.gif); background-repeat : repeat-y;}
div.content {padding : 0px 11px 7px 11px; margin-bottom : 20px; font-size : 1em;}
.content * {line-height:1.35em;}
h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS";}
h1 {margin:0px; padding:10px 0px 0px 0px; font-size: 14pt; color:#99CC33;}
h2 {margin:0px; padding:17px 0px 0px 0px; font-size: 12pt; font-weight:bold; color:#99CC33;}
h3 {margin:0px; padding:12px 0px 11px 0px; color:#2C7DD9; font-weight:bold; font-size:13.5pt;}
h4 {margin:-1px 0px 0px 0px; padding:0px 0px 16px 0px; color:#99CC33; font-weight:bold; line-height:1em; font-size:12pt; white-space:nowrap;}
h4 a {color:#2C7DD9;}
h5 {display:block; margin:0px; padding:0px 0px 1px 0px; color:#404040; font-weight:normal; font-size:9pt; white-space:nowrap;}
h5.documentDescription {white-space: normal;}
h5 a {color:#4674A3;}
a {color:#4674A3;}
p {line-height:1.2em; margin:0px; padding:13px 0px 1px 0px;}
ul {margin:0px; padding:15px 20px 5px 0px;}
li {display:block;list-style:none;margin:0px;padding:1px 0px 1px 20px;background-image:url(primg/li.gif); background-repeat:no-repeat; background-position:0px 6px;}
table { border-collapse:collapse; }
table td {margin:0px; padding:0px; vertical-align:top;}
div {display:block; position:static; margin:0px; padding:0px; width:auto; height:auto; background-repeat:no-repeat;}
#B0 {border-collapse:collapse; margin : 0px auto;}
#B1 , #B2 , #B3 {vertical-align:top; margin:0px; padding:0px;}
#B1 {width:15px; text-align:right; background-image:url(primg/slid_l.gif); background-repeat:repeat-y; background-position:right;}
#B2 {background-color:#FFF;}
#B3 {width:15px; text-align:left; background-image:url(primg/slid_r.gif); background-repeat:repeat-y; background-position:left;}
#B1 img {text-align:right;}
#body {width:1400px; margin:0px auto; padding: 0px 15px 0px 15px; background-color:#FFFFFF; background-image:url(primg/slide_bottom.gif); background-repeat:repeat-y; background-position:0px 0px;}
#slider {position:absolute; width:100%; left:0px; top:0px; overflow:visible;}
#slider_cnt {position:absolute; left:50%; margin-left:-515px; width:1030px; height:10px; overflow:inherit;}
#slider_left  {position:absolute; width:15px; height:650px; left:0px; right:auto; top:0px; background-image:url(primg/slide_left.gif);  background-repeat:no-repeat; float:left;}
#slider_right {position:absolute; width:15px; height:650px; left:auto; right:0px; top:0px; background-image:url(primg/slide_right.gif); background-repeat:no-repeat; float:right;}
#top {position:relative; left:0px; top:0px; width:100%; height:363px;}
#top_00 {position:relative; left:0px; top:0px; width:1000px; height:363px; margin:0px auto;}
#top_01 {position:absolute; left:0px; top:0px; width:728px; height:346px; background-image:url(primg/top_01.jpg);}
#top_02 {position:absolute; left:728px; top:0px; width:272px; height:314px; background-image:url(primg/top_02.jpg);}
#top_actions {position:absolute; left:5px; top:27px; width:245px; height:22px;}
#top_actions a {position:absolute; display:block; top:0px; width:29px; height:22px; background-image:url(primg/hr_v.gif); background-repeat:repeat-y; background-position:0px 0px;text-decoration:none;}
#top_actions b {position:absolute; display:block; top:5px; left:14px; margin:0px; padding:0px; width:12px; height:12px; background-image:url(primg/actions.gif); background-repeat:no-repeat; font-size:8pt;}
#eeeflash {display:block; position:relative; left:6px; top:-3px; margin:0px; padding:0px;}
a#act_home {left:0px;}
a#act_mail {left:40px;}
a#act_find {left:80px;}
a#act_smap {left:120px; width:90px;}
#act_home b {background-position:0px 0px;}
#act_mail b {background-position:0px -13px;}
#act_find b {background-position:1px -26px;}
#act_smap b {background-image:none; font-weight:normal; width:70px; text-decoration:underline; left:17px; top:3px;}
#top_intro {position:absolute; left:6px; top:71px; width:245px;}
#titletext , #titletext * {display:block; position:absolute; text-decoration:none; font-weight:bold;}
#titletext {left:35px; top:71px; width:190px; height:33px; cursor:pointer;}
#titletext u {left:15px; top:1px; font-size:12pt; color:#989898;}
#titletext i {left:3px; top:22px; font-style:normal; font-size:8pt; color:#1D1D1F;}
#titletext b {left:86px; top:0px; font-size:28pt; color:#2C7DD9;}
#menu {position:relative; margin:0px auto; top:0px; width:100%; height:auto; padding-bottom:32px;}
#menu table {width:100%;}
#menu_00 {width:4%;}
#menu_01 {width:21%; vertical-align:middle;}
#menu_02 {width:75%;}
#menu_02 table td {margin:0px; padding:0px 22px; text-align:left; background-image:url(primg/hr_v.gif); background-repeat:repeat-y; background-position:0px 0px;}
#line_01 {position:relative; margin:0px auto; width:1000px; height:55px; background-image:url(primg/line_01.jpg);}
#con {padding:18px 0px 26px 10px; width:100%; margin:0px auto;}
#con td {border:0px solid #ff0;}
#con_01 { width:252px; height:213px; background-image:url(primg/con_01.jpg); }
#portfolio_list { width:auto; padding: 0px 15px 0px 25px; margin: 0px auto; }
#portfolio_list_index { width:auto; padding: 0px 15px 0px 25px; margin: 0px auto; }
#portfolio_list h5 { width:67%; }
#portfolio_list h5 a { white-space:normal; }
#greenline {position:absolute; left:0px; top:316px; height:11px; background-color:transparent; background-image:url(primg/grinbg.gif); background-repeat:repeat-x;}
#blueline {position:absolute; top:10px;}
#bottom {position:relative; width:100%; height: 25px;}
.line {width:100%; height:5px; margin:0px; padding:0px; line-height:5px; font-size:3px; background-image:url(primg/hr_h.gif); background-repeat:repeat-x;}
.line_green {width:100%; height:10px; background-color:#99CC34;}
.line_blue {width:100%; height:5px; background-color:#2C7DD9; line-height:5px; font-size:5px;}
#copy {position:absolute; width:344px; left:50%; top:4px; margin-left:-172px; background-color:#FFFFFF; text-align:center;}
.bd {border:1px solid #F00;}
.bdt td {border:1px solid #00F !important;}
.off {display:none !important;}
.big_green {color:#99CC33; font-size:17pt; font-weight:bold;}
.pixel {height:1px !important; line-height:1px !important; font-size:1px !important;}
#content {margin:0px;padding:0px 0px;}
.documentContent {margin:0px;padding:0px 11px;font-size:9pt;}
#megabottom {position: relative; left: 0px; width: 100%; height: 22px; background-image: url(primg/mx.gif); background-position: 0px 0px; background-repeat: repeat-x; background-color:#ccf; overflow: visible; }
#megabottom * { position: absolute; top: 0px; width: 27px; height: 22px; background-image: url(primg/mx.gif); }
#m1 { left: -15px; right: auto; background-position: 0px -44px; background-repeat: no-repeat; }
#m2 { left: auto; right: -15px; background-position: 0px -22px; background-repeat: no-repeat; }
#down {width : 100%; height : 50px; background-color : #FFF; }
/* */
div.pr_block {background-color: #DEFFDE;}
h5.pr_block { padding-left: 3px; border-left: 1px solid #000; }
a.pr_block { font-size: 7pt; display: block; margin-bottom: 10px;}
/* */
#jgal { list-style: none; width: 450px; border: 0px solid #f00}
#jgal li { opacity: 0.5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 4px; margin-bottom: 4px; }
#jgal li img { position: absolute; top: 14px; left: 470px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: 0.99 /* */ }
#mainImg {position: absolute; top: 14px; left: 450px; padding: 10px;}
.pbd td , #cell5 td { border : 1px solid #AAA; padding : 5px; }
#cell5 img { display : none; }
.column_separator {background-image : url(primg/hr_v.gif); background-repeat : repeat-y; background-position : right;}
.studcont {
border : 2px solid #AAA;
margin : 10px;
padding : 10px;
}
.image-in-text td {
padding: 10px;
}
}