html    {height: 100%; overflow-y: scroll;}
body	{background-color: #FFFFFF; padding: 0; margin: 0; height: auto; font-family: "Arial", sans-serif;}
body td	{font-size: 78%; font-family: "Arial", sans-serif; color: #000000;}
form {display: inline;}

.mid	{font-size: 95%;}
.sm, small	{font-size: 70%;}
.b	{font-size: 95%; font-weight: bold; font-family: Arial;}
.i	{font-size: 95%; font-style: italic; font-family: Georgia, Garamond, "Times New Roman";}
.px	{font: normal 1px/1px sans-serif;}

.logo img {display: block; background: no-repeat url(/i/logo-gray.gif) top left; width: 177px; height: 33px; position: relative; margin: 12px 0 0 -35px;}

.head {border-bottom: 1px solid #e5e5e5; background-color: #ededed;}

.head a.menu-item:link,
.head a.menu-item:visited {color: #333333;}
.head a.menu-item:hover {color: #0d70bd}

.head .selected a.menu-item:link,
.head .selected a.menu-item:visited {background-color: #111111; color: #ffffff; position: absolute; padding: 10px; margin: -10px 0 0 -10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.head .selected img {display: none;}

.head .drop {padding-top: 41px;}

.drop-menu {position: absolute; margin: 25px 0 0 -10px; z-index: 100;}
.drop-menu div {margin-bottom: 0px}
.drop-menu div a:link,
.drop-menu div a:visited {
 display: block;
 border: 1px solid #e1e1e1;
 background-color: #ffffff;
 padding: 8px 10px; 
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 color: #333333;
 text-decoration: none;
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.drop-menu div a:hover {
 background-color: #eeeeee;
 color: #000000;
}

.footer {border-top: 1px solid #cccccc; padding-top: 40px; padding-bottom: 50px}

.submenu {padding-top: 1em; padding-bottom: 2em;}
.portfolio-sections {margin-right: 1.2em;}
a.portfolio-sections-selected:link,
a.portfolio-sections-selected:visited {margin-right: 1.2em; color: #000; font-weight: bold; text-decoration: none}

.block-title h1.with-sections {margin-top: 0.6em}

/*.submenu b.selected {color: #111111; background-color: #ffffff; display: block; padding: 5px 0 0 0; border-bottom: 5px solid #eeeeee}*/

.left-menu {padding-top: 0.5em}
.left-menu p.selected span {background-color: #000000; color: #ffffff; padding: 0.3em 0.3em; position: relative; left: -0.3em} 

.bgpale {background-color: #ededed;}

.screen {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);}

.nav {position: absolute; margin: 0px 0 0 456px; width: 44px; height: 22px}
.nav a.prev:link,
.nav a.prev:visited {display: block; background: no-repeat url(/i/prev-tr.gif) top left; width: 22px; height: 22px; float: left;}
.nav a.prev:hover {background-image: url(/i/prev.gif);}
.nav a.next:link,
.nav a.next:visited {display: block; background: no-repeat url(/i/next-tr.gif) top left; width: 22px; height: 22px; float: left;}
.nav a.next:hover {background-image: url(/i/next.gif);}

.play a.next:link,
.play a.next:visited,
.play a.next:hover {background-image: url(/i/next-on.gif);}

a:link img, a:visited img {border: 0;}

a.no {text-decoration: none;}

.js {border-bottom: 1px dotted; cursor: pointer;}
a.js:link, a.js:visited {text-decoration: none; line-height: 1.35em; cursor: pointer;}

.border {border-bottom: 1px solid;}
a.border:link, a.border:visited {text-decoration: none; line-height: 1.35em;}


a:link,
a:visited	{color: #0d70bd;}
/*a:visited	{color: #0080ff;}*/

a:hover,
a.js:hover,
a.dark:hover,
.hl, 
a.hl:link,
a.hl:visited	{color: #dd2f12;}

.dark,
a.dark:link,
a.dark:visited	{color: #000000;}

.pale,
a.pale:link,
a.pale:visited	{color: #939393;}

.delimiter {margin: 0 0 0px 0; border-top: 1px dotted #aaaaaa}

.rounded {width: 100%; background: #f6f7ec url(/i/title_back.gif) top left repeat-x;}
.rounded b.l1,
.rounded b.l2,
.rounded b.r1,
.rounded b.r2,
.rounded b.c1, 
.rounded b.c2 {height: 1px; display: block; overflow: hidden; font-size:1px; background: transparent; border: solid #FFFFFF;}
.rounded b.c1 {border-width: 0 1px;}
.rounded b.c2 {border-width: 0 2px;}

.rounded b.l1 {border-width: 0 0 0 1px;}
.rounded b.l2 {border-width: 0 0 0 2px;}

.rounded b.r1 {border-width: 0 1px 0 0;}
.rounded b.r2 {border-width: 0 2px 0 0;}

h1,
h2	{color: #000000; font-size: 145%; font-family: "Arial", sans-serif; font-weight: normal; margin: 0.2em 0 0 0; padding: 0;}
h3	{color: #000000; font-size: 127%; font-family: "Arial", sans-serif; font-weight: normal; margin: 0.2em 0 0 0; padding: 0;}

.m00	{padding: 0em; margin: 0em;}
.mb05	{padding: 0em; margin: 0 0 0.5em 0;}
.pt05   {padding: 0.5em 0 0 0; margin: 0em;}
.pt08   {padding-top: 0.8em}
.pt15   {padding-top: 1.5em}
.pb03   {padding-bottom: 0.3em}
.pb05   {padding-bottom: 0.5em}
.pb08   {padding-bottom: 0.8em}
.pb10   {padding-bottom: 1.0em}
.pb15   {padding-bottom: 1.5em}
.pl08   {padding-left: 0.8em}
.pr15   {padding: 0 1.5em 0 0; margin: 0em;}
.mt05 {margin-top: 0.5em;}
.mt08 {margin-top: 0.8em;}
.mt10 {margin-top: 1em;}

.button {height:1.8em; border: 1px outset; background-color: #0f73c2; color: #FFFFFF; letter-spacing: 0px; font-family: arial, sans-serif;}

.tline {border-top: 1px #777777 solid;}
.bline {border-bottom: 1px #777777 solid;}
.tline-gray {border-top: 1px #dddddd solid;}
.bline-gray {border-bottom: 1px #dddddd solid;}

table.middle {background: url(/i/mid_back.gif) repeat-x bottom; border-bottom: 1px solid #FFFFFF;}

.block-out {width: 980px;}
.block-out-pad {width: 156px;}
.block {width: 900px;}
.block-l {width: 67%;}
.block-r {width: 33%;}
.block-title {margin-top: 30px}

/*    */
table.bottom {background: #f9faf2 url(/i/bottom_back.jpg) repeat-x bottom; border-top: 1px solid #e1e2d7;}
table.bottom td.daily {width: 40%;}
table.bottom td.daily a.js:link,
table.bottom td.daily a.js:visited {color: #222222;}
table.bottom td.daily a.js:hover {color: #EE0000;}

/* */
table.photo_first h2 {font-size: 120%; color: #3c495e;}
table.photo_first .rounded {background: #f6f7ec;}
table.photo_first table.pre {margin-bottom: 1em;}
table.photo_first table.pre td {padding-right: 1em;}

table.border  {}
.tl {border-top: 1px solid #555555}
.bl {border-bottom: 1px solid #555555}

/**/
td.descr {padding: 2em 0em 1em 2em;}
td.descr p,
td.descr td {line-height: 135%;}
td.descr .text {padding: 2em 0em 1em 2em;}

.text-big p {line-height: 125%; font-size: 110%}
p.descr {padding-left: 450px; font: italic normal 135%/130% "Times new Roman", serif;} 


td.descr td ul {margin: 0 0 0 1.3em; padding: 0em;}  
td.descr td li {margin-bottom: 0.6em;}

/* hint */
.hint {position: absolute; width: 9em; background: transparent;}
.hint table {width: 100%;}
.hint b {height: 1px; display: block; overflow:hidden; font-size:1px; background: #BB0000; margin: 0 1px 0 1px;}
.hint div {color: #FFFFFF; display:block; background: #BB0000; font: 75% Arial; text-align: left; padding: 0.2em 0.5em;}

.text {line-height: 135%;}
.big-text {line-height: 135%; font-size: 95%}

.fb-button {float: left; width: 90px} 
.vk-button {float: left; width: 90px} 

.first-pages {left: 0; top: 260px; position: absolute; width: 20px; z-index: 110; font-size: 25px;}
.first-pages a:link,
.first-pages a:visited {display: block; background: #000; padding: 1px 1px 1px 5px; margin-bottom: 3px;
color: #fff; line-height: 20px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; text-shadow: 0 -1px 0 #000; text-decoration: none;

-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;

-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;

-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.40); 
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.40); 
box-shadow:  0 2px 2px 0px rgba(0, 0, 0, 0.40);

zoom: 1
}

.first-pages a:hover {color: #fff !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.first-pages a.selected:link,
.first-pages a.selected:visited {background: #fff; color: #444 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}


#lab-also {position: absolute; width: 100px; border: 1px solid #ddd; background-color: #f2f2f2; padding: 10px} 
#lab-also a:link,
#lab-also a:visited {display: block; padding: 5px;}
#lab-also a:hover {background-color: #e1e1e1;}
