html {
margin:0;
padding:0;
width:100%;
height:100%;
}
body {
margin:0;
padding:0;
width:100%;
height:100%;
background:#575455;
font-family:Century Gothic, Tahoma, Arial, Verdana;
font-size:100%;
color: #575455; 
}
div#Splash {
background:#D0D0D0;
width:850px;
height:640px;
position:absolute;
top:50%;
left:50%;
margin-top:-320px;
margin-left:-425px;
}

#text {
position:absolute;
margin:0;
font-size:80%;
top:-0px;
color:gray;
}

/* #text  {
position:absolute;
margin:0;
font-size:80%;
top:-500px;
color:gray;
}
*/ 

input {
margin: 5px 0px 5px 0px
}

img{
border:0
}
img.preload {
display: none;
}

a {
text-decoration: none;
color: #575455;
}

#loader {
visibility: visible;
}
#contentAll {
visibility: hidden;
}

.hidden{
background:#575455;
overflow:hidden; 
background:url('/images/load.gif') center no-repeat;
}

.hidden #main{
visibility:hidden;
}
#main{height:0px;}

/* контакты */
div#contct{
height:280px;
width:115px;
float:left;
margin:10px;
font-size:75%;
line-height: 1.3em;
}

.contnr2{
position: absolute;
float: left;
top: 45px;
left: 80px;
width:700px;
height: 1px;
}

div.mail {
position: absolute;
margin-left: 102px;
margin-top: -80px;
}

.submit {

margin-left: 16px;
margin-top: 40px;
width: 110px;
height: 110px;
z-index: 101;
background: url('/images/submitWite.gif') no-repeat;
}

input [type='image'] {
width: 110px;
height: 110px;
margin-left: 548px;
margin-top: 158px;
border: solid 0px;
float: left;
background: url('/images/submitWite.gif') no-repeat;
z-index: 102;
}
input[type='image']:hover{
position: absolute;
margin-top: 2px;
background: url('/images/submitBlack.gif') no-repeat;
z-index: 103;
}

/* скроллинг фото */
div.scroll{
margin:0 auto;
width:298px;
}

#left{
height:42px;
width:20px;
float:left;
background: url('/images/srollPht_lrtt_bgr.gif') no-repeat;
}

#photos{
height:42px;
width:246px;
background:#d8d8d8;
float:left;
padding: 6px 6px 0px 6px;

}
#right{
height:42px;
width:20px;
float:left;
background: url('/images/srollPht_rgt_bgr.gif') no-repeat;
}

/* элементы закругления */
.inner-box {
padding:1em; 
}

.r1, .r2, .r3, .r4, .r5 {
display: block;
height: 1px;
overflow: hidden;
font-size:1px;
}
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/*

возможные комбинации

r3 r1 r1 вверху
r1 r1 r3 внизу

r5 r3 r2 r1 r1 вверху
r1 r1 r2 r3 r5 внизу

r10 r7 r5 r4 r3 r2 r2 r1 r1 r1 вверху
r1 r1 r1 r2 r2 r3 r4 r5 r7 r10 внизу

*/

.inner-box, b { background-color: #ffffff; }

/* уменьшаем отступы по мере роста радиуса закругления */
#rounded-box-3 .inner-box { padding: 1em;}
#rounded-box-5 .inner-box { padding: 0.7em 1em;}
#rounded-box-10 .inner-box { padding: 0.4em 1em;}


.Layers {
 position: absolute;
 left: 50%;
 top: 50%;
 border: solid 0px;
}

#ovalLayer {
 width: 630px;
 height: 508px;
 margin-left: -315px;
 margin-top: -254px;
}

#centerLayer {
 width: 325px;
 height: 340px;
 margin-left: -160px;
 margin-top: -230px;
 padding: 0px;
 overflow: auto;
}

#downLayer {
 width: 42px;
 height: 50px;
 margin-left: -20px;
 margin-top: 170px;
}

#hedrLayer {
text-align: center;
font-size: 28pt;
height: 70px;
margin-top: -430px;
}

#leftLayer {
 width: 630px;
 height: 40px;
 margin-left: -315px;
 margin-top: -20px;
}

#science {
 width: 490px;
 height: 446px;
 margin-left: -315px;
 margin-top: -254px;
}

#text1 {
 width: 300px;
 height: 0px;
 position: absolute;
 top: 160px;
 visibility:hidden;
 Z-INDEX: 10
}

/*   прелоад для перехода вправо или влево   */

a.roll{ 
 display:block; 
 width:42px; 
 height:28px; 
 overflow:hidden; 
 cursor:link; 
} 

a.roll img{ 
 visibility:hidden; 
} 
a.roll:hover{ 
 background:0; 
} 
a.roll:hover img{ 
 visibility:visible; 
 border:0; 
}

#up {
 background: url('/images/sreda_up_wt.png') no-repeat;
}
#down{
 background: url('/images/sreda_dn_wt.png') no-repeat; 
}

#srd_up {
 background: url('/images/srd_up_wt.png') no-repeat; 
}
#srd_down {
 background: url('/images/srd_dn_wt.png') no-repeat; 
}

/*   события hover  */

.picTop{
 margin-top: 110px;
}

.activScroll{
border:2px solid #0060ff;
}

a:link .img2{
border:0px solid #000000;
}
a:visited .img2{
border:0px solid #000000;
}
a:hover .img2{
border:2px solid #0060ff;
}
a:active .img2{
border:2px solid #0078ff;
}

a:link .img3{
border:0px solid #000000;
}
a:visited .img3{
border:0px solid #000000;
}
a:hover .img3{
border:2px solid #0060ff;
}
a:active .img3{
border:2px solid #0078ff;
}

/*   среда обитания скролл текст   */

.scrollLine{
margin-top: -4px;
}

#downLayer {
 width: 42px;
 height: 50px;
 margin-left: -20px;
 margin-top: 170px;
}

a.clickleft{
text-decoration:none;
font-size: 14px;
height: 42px;
display:block;
float:left;
padding: 12px 10px 14px 58px;
background:
 url('/images/left_wt.png')
 repeat-y;
}

a.clickright{
text-decoration:none;
font-size: 14px;
height: 42px;
display:block;
float:right;
text-align: right;
padding: 12px 54px 14px 0px;
background: url('/images/righ_wt.png')
}
a:hover.clickleft {
background: url('/images/left_bl.png') no-repeat;
}
a:hover.clickright {
background: url('/images/righ_bl.png') no-repeat;
}

/* Gallery */

.scrollPt {
position: relative;
height: 42px;
}

#galleryContainer {
margin: 0;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
}

/* overflow:hidden; */
#motionGallery {
margin: 0;
white-space: nowrap;
}

a:link .imgGlg {
border: 1px solid #7e7e7e;
}
a:hover .imgGlg {
border: 1px solid #7e7e7e;
}
a:visited .imgGlg {
border: 1px solid #7e7e7e;
}
a:active .imgGlg {
border: 1px solid #7e7e7e;
}

/*-- "style=\'border:1px solid #0060ff\' --*/
a.imgBl: link {
border: 1px solid #0060ff;
}
a.imgBl:hover {
border: 2px solid #0060ff;
}

#center5 { 
margin-left: -100px;
margin-top: -300px;
position: absolute;
text-align: center;
width: 900px;
height: 700px;
background: #575757;
z-index: 303;
}

.mail_from_site {
padding-top: 300px;
font-size:100%;
color: #C0C0C0; 
}

/*-- тень для фото --*/
.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 18px 0;
background: url('/images/hint-t.png') no-repeat left top;
//background: none;
}
.framed .f_r
{
left: 30px;
background: url('/images/hint-r.png') no-repeat right top;
//background: none;
}
.framed .f_b
{
top: 30px;
background: url('/images/hint-b.png') no-repeat right bottom;
//background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 13px; top: -18px;
padding: -2px 0px; margin: 0 0px -4px 0;
}
.framed .f_l
{
left: -30px;
padding: 0 0;
background: url('/images/hint-l.png') no-repeat left bottom;
//background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb *,
* html .framed .f_ll,
* html .framed .f_ll *
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/hint-t.png,sizingMethod=crop);
}
* html .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/hint-r.png,sizingMethod=crop);
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb *
{
width: 2600px; height: 30px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/hint-b.png,sizingMethod=crop);
}
* html .framed .f_ll *
{
width: 30px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/hint-l.png,sizingMethod=crop);
}


/* наука обр */

#up_down {
 width: 42px;
 height: 50px;
 margin-left: 290px;
 margin-top: 214px;
}

#science {
 width: 490px;
 height: 446px;
 margin-left: -245px;
 margin-top: -254px;
 padding: 0px;
 overflow: auto; /* Добавление полосы прокрутки */
}

a.home {
 position: relative;
 display: block;
 width: 115px;
 height: 43px;
 margin-left: -9px;
 margin-top: -48px;
 border: solid 0px;
 background: url('/images/home_wt.gif') no-repeat;
 border: 0px
}

a.home:hover {
 background: url('/images/home_bl.gif') no-repeat;
}

a.preview {
 position: absolute;
 display: block;
 width: 42px;
 height: 20px;
 margin-left: -9px;
 margin-top: 22px;
 float: left;
 border: solid 0px;
 background: url('/images/sreda_up_wt.png') no-repeat;
 border: 0px
}

a.preview:hover {
 background: url('/images/sreda_up_bl.png') no-repeat;
}

a.scrollLeft {
 position: relative;
 display: block;
 width: 20px;
 height: 43px;
 background: url('/images/srollPht_lft_wt.gif') no-repeat;
 border: 0px
}

a.scrollLeft:hover {
 background: url('/images/srollPht_lft_bl.gif') no-repeat;
}

a.scrollRight {
 position: relative;
 display: block;
 width: 20px;
 height: 43px;
 background: url('/images/srollPht_rgt_wt.gif') no-repeat;
 border: 0px
}

a.scrollRight:hover {
 background: url('/images/srollPht_rgt_bl.gif') no-repeat;
}

.cont {
margin:0 auto;
width:600px;}

a.home {
 position: relative;
 display: block;
 width: 115px;
 height: 43px;
 margin-left: -9px;
 margin-top: -48px;
 border: solid 0px;
 background: url('/images/home_wt.gif') no-repeat;
 border: 0px
}

a.home:hover {
 background: url('/images/home_bl.gif') no-repeat;
}

.scrolling {
position: absolute;
margin-left: 180px;
margin-top: -22px;
}

.pic {
position: absolute;
margin-left: 206px;
margin-top: 112px;
}

.picLat {
position: absolute;
width: 700px;
margin-left: -14px;
margin-top: 38px;
}

.pic2 {
position: absolute;
margin-left: -36px;
margin-top: -58px;
}

.lupa {
position: absolute;
margin-left: 635px;
margin-top: 68px;
}

.lupaLat {
position: absolute;
margin-left: 634px;
margin-top: 0px;
}

a.lupa{
 display: block;
 width: 56px;
 height: 39px;
 border: solid 0px;
 background: url('/images/lupa.gif') no-repeat;
 border: 0px
}

a.lupa:hover {
 background: url('/images/lupa_bl.gif') no-repeat;
}

a.LupaLat{
 display: block;
 width: 56px;
 height: 39px;
 border: solid 0px;
 background: url('/images/lupa.gif') no-repeat;
 border: 0px
}

a.lupaLat:hover {
 background: url('/images/lupa_bl.gif') no-repeat;
}

.lupa2 {
position: absolute;
margin-left: -8px;
margin-top: 68px;
}

a.lupa2 {
 display: block;
 width: 56px;
 height: 39px;
 border: solid 0px;
 background: url('/images/lupa.gif') no-repeat;
 border: 0px
}

a.lupa2:hover {
 background: url('/images/lupa_bl.gif') no-repeat;
}

/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb *
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll *,
* html .framed .f_bb,
* html .framed .f_bb *
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }

/*   help   */

h3{font-weight:bold}

div.nc_bbcode_list {margin-left:1em; text-indent:-.65em;}
span.nc_bbcode_color {}
span.nc_bbcode_size {}
a.nc_bbcode_url_1 {}
a.nc_bbcode_url_2 {}
img.nc_bbcode_img {}
span.nc_bbcode_s {}
a.nc_bbcode_cut_link {}

/* листинг */
.listing{
vertical-align:bottom;
position:relative;
float:right;
margin-right: -20px;
bottom: -60px; 
/* background-color: #c0c0c0; */
}

/* рамка с тенью для фото */
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -2px;
top: -2px;
}
#shadow-container .shadow1 {
background: #c1c1c1;
}
#shadow-container .shadow2 {
background: #b1b1b1;
}
#shadow-container .shadow3 {
background: #7e7e7e;
}
#shadow-container .container {
border: 0px solid #646464;
padding: 0px;
}

/* описание фото для разделов с фотогалерее */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 293px;
padding: 2px;
visibility: hidden;
z-index: 100;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.helptext {
padding: 0px 20px 0px 20px;
font-size:80%;
}


/* шар 1 */

.contnr{
position: absolute;
float: left;
margin-left: 0px;
 top: 45px;
 width: 1px;
 height: 1px;
}

#layer1 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 16px;
 margin-top: 0px;
}
#layer2 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 240px;
 margin-top: 0px;
}
#layer3 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 528px;
 margin-top: 0px;
}

#layer4 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: -20px;
 margin-top: 260px;
}

#layer5 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 310px;
 margin-top: 190px;
}

#layer6 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 498px;
 margin-top: 260px;
}

#layer7 {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 300px;
 margin-top: 376px;
}

/* размещаем подразделы раздела интерьеры */

#layer2_0 {
position: absolute;
width: 100px;
height: 100px;
margin-left: 2px;
margin-top: -23px;
}

#layer2_1 {
position: absolute;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: 130px;
}

#layer2_2 {
position: absolute;
width: 100px;
height: 100px;
margin-left: 268px;
margin-top: 106px;
}

#layer2_3 {
position: absolute;
width: 100px;
height: 100px;
margin-left: 491px;
margin-top: 140px;
}

/* показываем фото после нажатия кнопки лупа */
#lightbox{
background-color:#eee;
padding: 0px;
border: 2px solid #666;
Z-INDEX: 200
}
#lightboxDetails{
padding-top: 0.4em;
}

#keyboardMsg{
float: right;
}
#closeButton{
right: -50px;
position:absolute;
bottom:-14;
}

#lightbox img{
border: none;
clear: both;
} 
#overlay img{
border: none;
}

#overlay{
background-image: url(/js/overlay.png); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/js/overlay.png", sizingMethod="scale");
}

.imgOp {
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
  }
  


/* размещаем слои для раздела Латино */
.picLatino {
position: absolute;
margin-left: 15px;
margin-top: 82px;
}

.lupaLatino {
position: absolute;
margin-left: 220px;
margin-top: 40px;
}

a.LupaLatino{
 display: block;
 width: 56px;
 height: 39px;
 border: solid 0px;
 background: url('/images/lupa.gif') no-repeat;
 border: 0px
}

a.lupaLatino:hover {
 background: url('/images/lupa_bl.gif') no-repeat;
}

.LayerLatino{
position: absolute;
margin-left: 332px;
margin-top: 112px;
}
.LayersLatino{
position: absolute;
margin-left: 332px;
margin-top: 56px;
width: 360px;
}

.ScrollLatino{
position: absolute;
margin-left: 332px;
margin-top: 26px;
}

#up_downLatino {
position: absolute;
margin-left: 696px;
margin-top: 450px;
}

#up_downLatino1 {
position: absolute;
margin-left: 686px;
margin-top: 452px;
}

.lupaLatino1 {
position: absolute;
margin-left: 280px;
margin-top: -10px;
}

a.LupaLatino1 {
 display: block;
 width: 56px;
 height: 39px;
 border: solid 0px;
 background: url('/images/lupa.gif') no-repeat;
 border: 0px
}

a.lupaLatino1:hover {
 background: url('/images/lupa_bl.gif') no-repeat;
}

.picLatino1 {
position: absolute;
margin-left: 14px;
margin-top: 32px;
}

.LayerLatino1{
position: absolute;
margin-left: 364px;
margin-top: 32px;
}

.LayersLatino1{
position: absolute;
margin-left: 364px;
margin-top: 36px;
width: 360px;
}

#scienceLatino {
 width: 356px;
 height: 352px;
}

#PicText {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 220px;
 margin-top: 14px;
}

#Text{
height:460px;
width: 684px;
position: absolute;
margin-left: 0px;
margin-top: 132px;
}

#picblago {
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: -50px;
 margin-top: 56px;
}

#textblago {
height:460px;
width: 684px;
position: absolute;
margin-left: 0px;
margin-top: 56px;
}

#AboutPic {
position: absolute;
 width: 474px;
 height: 327px;
 margin-left: 109px;
 margin-top: 30px;
}

#AboutText {
position: absolute;
 width: 474px;
 height: 100px;
 margin-left: 110px;
 margin-top: 30px;
}

#scienceLatino1 {
 width: 470px;
 height: 100px;
}

.LayersAbout {
 position: absolute;
 border: solid 0px;
}

#About{
position: absolute;
margin-left: 324px;
margin-top: 500px;
}

#soundAbout{
position: absolute;
margin-left: 620px;
margin-top: 500px;
}

/* 3photos */

.photo {
margin:0;
position: absolute;
}

#photo1 {
margin:0;
position: absolute;
 width: 125px;
 height: 94px;
 margin-left: 50px;
 margin-top: 170px;
}
#photo2 {
margin:0;
position: absolute;
 width: 124px;
 height: 93px;
 margin-left: 68px;
 margin-top: 218px;
}
#photo3 {
margin:0;
position: absolute;
 width: 74px;
 height: 99px;
 margin-left: 136px;
 margin-top: 264px;
}

#photo4 {
margin:0;
position: absolute;
 width: 74px;
 height: 99px;
 margin-left: 86px;
 margin-top: 266px;
}

a.photo:link{
border:1px solid #000000;
}
a.photo:hover{
border:2px solid #fdfdfe;
}
a.photo:visited{
border:1px solid #000000;
}

.shadow{
position: absolute;
filter:Shadow(Color="#5c5c5c", Direction="150", Strength=4)
} 

/* титульная */

div#Splash1 {

width:850px;
height:640px;
position:absolute;
top:50%;
left:50%;
margin-top:-320px;
margin-left:-425px;
}

#index1 {
margin:0;
position: absolute;
 width: 94px;
 height: 648px;
 margin-left: -4px;
 margin-top: 0px;
}
#index2 {
margin:0;
position: absolute;
 width: 94px;
 height: 648px;
 margin-left: 758px;
 margin-top: 0px;
}
#index3 {
margin:0;
position: absolute;
 width: 100px;
 height: 100px;
 margin-left: 102px;
 margin-top: 204px;
}

.index4{
position: absolute;
margin-left: 574px;
margin-top: 476px;
}

a.index4 {
 display: block;
 width: 210px;
 height: 115px;
 border: solid 0px;
 background: url('/images/skobbl8.gif') no-repeat;
 border: 0px
}

a.index4:hover {
 background: url('/images/skobbl_hvr.gif') no-repeat;
}

.index5{
position: absolute;
margin:0;
margin-left: -58px;
margin-top: 614px;
}

a.index5 {
display: block;
width: 56px;
height: 36px;
border: solid 0px;
background: url('/images/skobbl6.gif') no-repeat;
}

a.index5:hover {
 background: url('/images/skobbl6_hvr.gif') no-repeat;
}


.index6{
position: absolute;
margin:0;
margin-left: 850px;
margin-top: 608px;
}

a.index6 {
display: block;
width: 56px;
height: 36px;
border: solid 0px;
background: url('/images/skobbl3.gif') no-repeat;
}

a.index6:hover {
background: url('/images/skobbl3_hvr.gif') no-repeat;
}

.index9{
position: absolute;
margin:0;
margin-left: 16px;
margin-top: 92px;
}

a.index9 {
 display: block;
 width: 13px;
 height: 140px;
 border: solid 0px;
 background: url('/images/design.gif') no-repeat;
 border: 0px
}

a.index9:hover {
 background: url('/images/designActiv.gif') no-repeat;
}

#index7 {
position: absolute;
margin:0;
margin-left: 40px;
margin-top: 543px;
}

#soundL {
position: absolute;
margin:0;
margin-left: 620px;
margin-top: -42px;
}

#Splash2 {
width:300px;
position:absolute;
}

.contact{
position: absolute;
margin:0;
margin-left: 850px;
margin-top: -32px;
}

a.contact {
display: block;
width: 56px;
height: 36px;
border: solid 0px;
background: url('/images/skobbl3.gif') no-repeat;
}

a.contact:hover {
background: url('/images/skobbl3_hvr.gif') no-repeat;
}

/* меп_навиг */
#mapnav {border:0px;}
#mapnav table{border-top:0px;}
#mapnav td{border:0px;}
#mapnav h2{background: none;}
#mapnav ul{font-size:1em;list-style:none; padding-left:15px;margin:0px; padding-top:0px;padding-bottom:0px;background: none;}
#mapnav ul li{line-height:1.8em;background: none;margin:0px; padding:0px;}

#cinema1 {
margin:0;
position: absolute;
 width: 442px;
 height: 308px;
 margin-left: 126px;
 margin-top: 54px;
}
#cinema2 {
margin:0;
position: absolute;
 width: 442px;
 height: 100px;
 margin-left: 40px;
 margin-top: 400px;
}

.video {
position: absolute;
margin:0;
margin-left: 180px;
margin-top: 120px;
}