/*Основной*/
html, body, img, form {margin: 0px; padding: 0px; border: none;}

html, body {height:100%;}

body {background: url(/files/14/images/pattern.gif) 20px -29px #fff;}

body, td {font: 12px Verdana, Arial, sans-serif; color: #393c41;}

a {color: #1b8388;	text-decoration: underline;}

a:hover {color:#8cb500;}

table {border: 0px; border-collapse: collapse;}

td {vertical-align: top;}

p {padding: 0px; margin: 0px 0px 12px 0px; line-height:140%}

object {outline:none;}



.clear {clear:both;}

.none {line-height:0;}

.relative {position: relative;}



h1 {font:normal 26px Verdana; color:#1b8388; margin:0 0 15px 0;}

h2 {font:bold 12px Verdana; color:#393c41; margin:5px 0 15px 0;}



.main-cont { min-width:997px; min-height:100%; position: relative; height:auto}



/* ***main page*** */

.conteiner {width:638px; float:left;}



.logo {width:114px; height:129px; position: absolute; z-index:20; top:90px; left:84px; cursor: move;}



/* top menu */

.top-menu {height:47px;}

.conteiner .top-menu {padding:20px 0 0 52px;}

.top-menu ul {margin:0; padding:0; list-style-type: none; cursor: default;}

.top-menu li {margin:0; padding:0; float:left; margin:0 9px 0 0;}

.top-menu ul a {display: block; float: left;  text-decoration: none; padding:2px 23px; color:#fff; background-color: #9ee34a;}

ul .tm1 a {background-color:#c6f034;}

ul .tm2 a {background-color:#9ee34a;}

ul .tm3 a {background-color:#7ed85c;}

ul .tm4 a {background-color:#5acd70;}

ul .tm5 a {background-color:#2fbf84;}

.top-menu ul a:hover {background-color:#393c41; color:#393c41;}



/* main links */

.main-links {height:225px;}

.main-links ul {margin:0 0 0 243px; padding:0; list-style-type: none;}

.main-links li {margin:0; padding:0; font:bold 45px "Trebuchet MS"; }

.main-links a {color:#393c41; text-decoration:none; padding:0 55px 0 0; background: url(/files/14/images/arrow1.gif) right 23px no-repeat; outline: none;}

.main-links a:hover, .main-links .active a {color:#c5f033;}

.main-links a span {border-bottom:2px dashed #393c41;}

.main-links a.label1:hover {color:#c6f034; background: url(/files/14/images/arrow1.gif) right bottom no-repeat;}

.main-links a.label2:hover {color:#9ee34a; background: url(/files/14/images/arrow2.gif) right bottom no-repeat;}

.main-links a.label3:hover {color:#7ed85c; background: url(/files/14/images/arrow3.gif) right bottom no-repeat;}



.main-links a.label1:hover span {color:#c6f034; border-bottom-color:#c6f034;}

.main-links a.label2:hover span {color:#9ee34a; border-bottom-color:#9ee34a;}

.main-links a.label3:hover span {color:#7ed85c; border-bottom-color:#7ed85c;}



.mp-descr {height:160px; padding:0 0 0 52px;}

.mp-banner {height:150px; padding:0 0 0 52px;}



/* portfolio list */

.mp-portfo {padding:14px 0 30px 52px; }

.portfo {padding:9px 0 0 0;}

.mp-portfo div, .portfo div {width:192px; height:228px; float:left; overflow: hidden;}

.mp-portfo img, .portfo img {margin:0 !important;}

.mp-portfo span, .portfo span {display:block; margin:20px 30px 0 0;}

.mp-portfo a, .portfo a {outline: none; line-height:140%}



/* cubes */

.cube-field {height:630px; margin:0 0 0 638px; /*background: url(/files/14/images/setka.gif) left 47px no-repeat;*/}

.pixel {width:66px; height:76px; position: absolute; cursor: move;}

.cube1 {background: url(/files/14/images/cube_1.png);}

.cube2 {background: url(/files/14/images/cube_2.png);}

.cube3 {background: url(/files/14/images/cube_3.png);}

.cube4 {background: url(/files/14/images/cube_4.png);}

.cube5 {background: url(/files/14/images/cube_5.png);}

.cube6 {background: url(/files/14/images/cube_6.png);}

.cube7 {background: url(/files/14/images/cube_7.png);}





/* ***inner page*** */

.conteiner2 .top-menu, .conteiner3 .top-menu {padding:20px 0 0 52px;}

.logo-small {width:62px; float:left; margin-top:-5px;}

.logo-small a {outline:none;}





.conteiner2 {width:785px;}

.conteiner2 .padding {padding:10px 0 20px 52px; min-height:350px;}

.content ol {margin: 10px 23px; padding:0;}

.content ul {margin: 10px 0; padding:0; list-style-type: none;}

.content li {margin:5px 0 0 0;}

.content ul li {background: url(/files/14/images/marker_line.gif) left 7px no-repeat; padding:0 0 0 17px;}

.content img {margin:0 0 20px 0;}



.conteiner3 {width:945px;}

.conteiner3 .padding {padding:10px 0 20px 52px; min-height:350px;}



/* menu lvl2 */

.menu-lvl2 {height:80px; margin-top:-5px;}

.menu-lvl2 ul {display: inline; margin:0; padding:0;}

.menu-lvl2 li {display: inline; margin:0; padding:0 15px 0 0 !important; background: none !important;}

.menu-lvl2 a {font:bold 45px "Trebuchet MS"; text-decoration: none; color:#b7bbc1; border-bottom-width:2px;  border-bottom-style:dashed;}

.menu-lvl2 a.label1:hover {color:#c6f034; border-bottom-color:#c6f034;}

.menu-lvl2 a.label2:hover {color:#9ee34a; border-bottom-color:#9ee34a;}

.menu-lvl2 a.label3:hover {color:#7ed85c; border-bottom-color:#7ed85c;}

.menu-lvl2 a.label4:hover {color:#5acd70; border-bottom-color:#5acd70;}

.menu-lvl2 .active a, .menu-lvl2 .active a:hover {color:#393c41; border: none;}



/* portfolio page */

.portfo-carousel {margin:30px 0 0 0;}

.portfo-carousel .crs-next, .portfo-carousel .crs-prev {width:88px; height: 425px; float: left;}

.portfo-carousel .crs-next a, .portfo-carousel .crs-prev a {display: block; width:53px; height:20px; padding: 10px 0 0 0; text-align: center; margin-top: 180px; text-decoration: none; color:#393c41; outline: none;}

.portfo-carousel .crs-next a {background: url(/files/14/images/arrow1_2.gif) left -4px no-repeat;}

.portfo-carousel .crs-prev a {background: url(/files/14/images/arrow1.gif) left -4px no-repeat; margin-left:20px;}

.portfo-carousel .crs-next a:hover, .portfo-carousel .crs-prev a:hover {background-position:left bottom; color:#8cb500;}

.portfo-carousel-b {width:700px; float:left; overflow: hidden;}

.portfo-carousel .crs-cont {float: left;}

.portfo-carousel .crs-cont div {width:700px; float:left; overflow: hidden; height:auto}

.portfo-carousel .crs-cont img {margin:20px 0;}



/* pages nav */

.pages-nav {height:45px; margin:20px 0 0 0; cursor: default; word-spacing:7px;}

.pages-nav a {font-size: 12px; color:#393c41; text-decoration: none;}

.pages-nav a:hover {color:#393c41/*#8cb500*/;}

.pages-nav a.active {font-size: 45px;}



/* infobox */

.infobox {background: url(/files/14/images/qbox.gif) 55px top no-repeat; padding-top:5px; position: absolute; top:-20px; left:0;}

.infobox .ib-closed {background: url(/files/14/images/qbox.gif) 0 -5px no-repeat #00a7b2; width:20px; height:0; padding:18px 0 0 0; overflow: hidden; margin:0 0 0 55px; cursor: pointer;}

.infobox .ib-opened {}

.infobox .ib-opened-b {width:580px; background: url(/files/14/images/ib_shad1.png) right repeat-y;}

.infobox .ib-opened-c {background-color: #00a7b2; color:#fff; font-size:13px; line-height:1.6; width:476px; padding:15px 70px 15px 30px;}

.infobox .ib-close-but {display: block; width:10px; height: 10px; background: url(/files/14/images/close.gif) no-repeat; position: absolute; top:-8px; right:-60px;}

.infobox .ib-closed div {display: none;}

.infobox h2 {font-size:17px; color:#fff; font-weight: normal; margin:0 0 7px 0; padding:5px 0;}

.infobox p {margin:0 0 14px 0;}

.ib-shad-a {width:576px; height:3px; font-size: 1px; background-color: #00a7b2;}

.ib-shad-b {width:580px; height:4px; font-size:1px; background: url(/files/14/images/ib_shad2.png) no-repeat; }



.img404 {margin:79px 0 20px 0;}



/* museum */

.museum-a {position: relative; }

.museum-a .m-title {position: absolute; top:50%; background: url(/files/14/images/arrow4.gif) left 50% no-repeat; padding:0 0 0 70px;}

.museum-b {position: relative;}

.museum-b .m-title1 {width:130px; position: absolute; top:50%; left:255px; margin-top:-30px; background: url(/files/14/images/arrow4.gif) left 50% no-repeat; padding:0 0 0 70px;}

.museum-b .m-title2 {width:130px; position: absolute; top:50%; left:730px; margin-top:-30px; background: url(/files/14/images/arrow4.gif) left 50% no-repeat; padding:0 0 0 70px;}

.museum-b span {padding: 0 100px;}

.museum-a, .museum-b {min-height:325px;}



/* footer */

.footer {padding:20px 20px 20px 52px; width:910px;}

.foot-left {float:left;}

.foot-right {float:right; width:213px;}

#crs-cont-id {height:auto;}Н
