@charset "utf-8";

body, html {  background: #2d2c38; border: 0; margin: 0; padding: 0; }

.btn { cursor: pointer; }

.pad { padding: 0 0 20px 40px; }
.nodec a { text-decoration: none; }
.nodec a:hover { text-decoration: underline; }

#mainscreen { width: 100%; height: 100%; background: #fff; position: relative; overflow: hidden; }
#mainscreen #mainbg { position: absolute; right: 0; top: 0; z-index: 2; }
#main { width: 100%; margin: 0 auto; position: relative; z-index: 600;  }
#info { width: 100%; height: 545px; overflow: hidden; }
#mainbg { display: none; }

#maincont { width: 700px; height: 150px; }

#logo { position: absolute; left: 40px; top: 44px; }
#phone { position: absolute; right: 45px; top: 52px; }
#menu { position: absolute; left: 200px; top: 40px; }
#menu a { display: block; margin: 0; float: left; }

#flashcont { position: absolute; right: 0; bottom: -75px; z-index: 20; width: 1000px; height: 725px; }
#flash { position: absolute; right: 0; bottom: 0; }

.ph { position: absolute; left: 40px; top: 160px; width: 800px; height: 38px; }
.ht h1 { position: absolute; left: 40px; top: 115px; font-weight: bold; text-transform:uppercase; }
#content { position: absolute; left: 40px; top: 205px; }
#content img.left { float: left; margin: 0 15px 15px 0; }
#content img.right { float: right; margin: 0 0 15px 15px; }

#footer { width: 100%; margin: 20px auto; color: #888; font-size: 11px;}
#footer p, #footer h2, #footer h3, #footer li { color: #fff; }
#footer p a { color: #fff; }
#footer a, #footer .co p, #footer .co p a { color: #888; }
.home #footer #left { float: left; width: 65%; }
.home #footer #right { float: left; width: 34%; }
#footer #left { float: left; width: 49%; }
#footer #right { float: left; width: 49%; }
#footer #right address, #footer #right p { font-style:normal; }
#footer #right span { font-size: 10px; float: none; padding: 7px 0 0 0; }
#footer .switch { margin: 20px 0 0 0; }
#footer .jScrollPaneContainer { margin: 0 0 20px 0; }
#footer .jScrollPaneContainer p { color: #fff; }

#footer #right address, #footer #right address a { color: #fff; }


#foottxt { width: 97%; margin: 0 0 20px 0; }

.mmaskl { position: absolute; left: 0; top: 110px; z-index: 200; }

/* work */
#works { position: absolute; left: 44px; top: 160px;  }
#worklist { height: 245px; width: 430px; }
#works .yhead { position: absolute; left: 230px; top: 60px; }
#works .yearlist { position: absolute; left: 230px; top: 10px; width: 400px; }
#works .yearlist img { display: block; float: left; margin: 0 4px 0 0; }
#works .list { position: absolute; left: 215px; top: 92px; }
#works .list ul { margin: 0; padding: 0; }
#works .list li { margin: 0; padding: 0 10px 5px 15px; list-style: none; }
#works .list li a { text-decoration: none; color: #333; }
#works .list li a:hover { text-decoration: none; }
#works .list li.a, #works .list li:hover { list-style: none; background: url(/i/arrl.png) 0 3px no-repeat; }
#works .list li.a { font-weight: bold; color: #000; font-size: 12px; }
#works .photoblock { position: absolute; left: 0; top: 95px; }
#works .photoblock .other { margin: 13px 0 0 0; }
#works .photoblock .other img { display: block; float: left; margin: 0 4px 0 0; }
#works .photo { width: 181px; height: 135px; overflow: hidden; border: 8px solid #fff; }
#works .photo .ml { position: absolute; left: 0; top: 0; z-index: 10; display: none; }
#works .photo .mr { position: absolute; right: 0; top: 0; z-index: 10;  display: none; }

#nework { position: absolute; left: 0; top: 362px; z-index: 500; width: 390px; height: 153px; }
#nework .photo { position: absolute; left: 0; top: 33px; width: 285px; height: 87px; overflow: hidden; }
#nework .photo .mask { position: absolute; right: 0; top: 0; }
#nework p { position: absolute; left: 40px; top: 130px; font: 10px/10px Arial, sans-serif; color: #888; }
#nework .bg { position: absolute; left: 0; top: 0; z-index: 0; }

/* resp */
#resp { position: absolute; left: 40px; top: 195px; }
#resptxt { height: 245px; width: 500px; }
#resplist { width: 300px; height: 245px; }
.responses h2 { font-size: 18px; padding: 10px 15px 0 0; }
.responses .openscan { margin: 10px 0; }
#resp .list { position: absolute; left: 540px; top: 80px; width: 300px; }
#resp .list ul { margin: 0; padding: 0; }
#resp .list li { margin: 0; padding: 0 10px 5px 15px; list-style: none; }
#resp .list li a { text-decoration: none; color: #333; }
#resp .list li a:hover { text-decoration: none; }
#resp .list li.a, #resp .list li:hover { background: url(/i/arrl.png) 0 3px no-repeat; }
#resp .list li.a { font-weight: bold; font-size: 12px; }

/* form */
#mfrm { z-index: 2000; display: none; position: absolute; left:20px; top: 20px; width: 940px; background: #2c2b31; }
#mfrm .head { padding: 50px 0 20px 0; }
#mfrm #close { position: absolute; right: 17px; top: 17px; cursor: pointer; }
#mfrm .form { width: 870px; padding: 35px; color: #ddd; }
#mfrm .form input.text,  #mfrm .form textarea { border: none; font: normal 10px Arial, Helvetica, sans-serif; padding: 2px; width: 270px; }
#mfrm .form input.file, #mfrm .delfile { font: normal 10px Arial, Helvetica, sans-serif; float: left; display: block; }
#mfrm .delfile { width: 20px; margin: 0 0 0 4px; cursor: pointer; }
#mfrm .row  { float: left; width: 290px; padding: 0 0 10px 0; }
#mfrm .fldline { width: 870px; }
#mfrm .clearing { clear: both; }
#mfrm .addfile { padding: 6px 0; cursor: pointer; }
#mfrm .filefield div { float: left; width: 290px; padding: 0 0 4px 0; }
#mfrm label.radio_f { cursor: pointer; }
#mfrm #mainsubmit { margin: 20px 0 0 0; }

/* form */
#sformres { z-index: 2000; display: none; position: absolute; left:20px; top: 20px; width: 940px; background: #2c2b31; }
#sformres .head { padding: 50px 0 20px 0; }
#sformres #close { position: absolute; right: 17px; top: 17px; cursor: pointer; }
#sformres .form { width: 870px; padding: 35px; color: #ddd; }
#sformres .form input.text,  #mfrm .form textarea { border: none; font: normal 10px Arial, Helvetica, sans-serif; padding: 2px; width: 270px; }
#sformres .form input.file, #mfrm .delfile { font: normal 10px Arial, Helvetica, sans-serif; float: left; display: block; }
#sformres .delfile { width: 20px; margin: 0 0 0 4px; cursor: pointer; }
#sformres .row  { float: left; width: 290px; padding: 0 0 10px 0; }
#sformres .fldline { width: 870px; }
#sformres .clearing { clear: both; }
#sformres .addfile { padding: 6px 0; cursor: pointer; }
#sformres .filefield div { float: left; width: 290px; padding: 0 0 4px 0; }
#sformres label.radio_f { cursor: pointer; }
#sformres #mainsubmit { margin: 20px 0 0 0; }


#li { position: absolute; left: -100px; top: -100px; }

#smallnews { padding: 20px 0 0 105px; position: relative; }
#smallnews h2 { font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 4px 18px; background: url(/i/arrr.png) 0 5px no-repeat; line-height: 16px; }
#smallnews h2 { padding: 7px 0 4px 0; background: none; }
#smallnews h2 a { text-decoration: none; }
#smallnews h2 a:hover { text-decoration: underline; }
#smallnews h2 span { color: #005a9c; }
#smallnews .head { position: absolute; left: 0; top: 21px; }

.mailus { margin: 10px 0 0 0; }

.innews h2 { font-size: 12px; line-height: 13px; }
.onenews h2 { line-height: 18px; }
.date { color: #005a9c; }
.infullnews .date { padding-bottom: 3px; }

#CloseNewListBox { width: 88px; height: 23px; }

.mainbar .form h2, .mainbar .form p, .mainbar .form a { color: #fff; }
.mainbar .form a { text-decoration: underline; cursor: pointer; }

.bmain { position: absolute; left: 36px; top: 205px; width: 875px; height: 175px; z-index: 50000; cursor: pointer; }
.bmain img, .bmain .bcolor { position: absolute; left: 0; top: 0; z-index: 10; }
.bmain .bbg { z-index: 5; }
.bmain .bcolor { background: #6a69ad; width: 865px; height: 164px; z-index: 6; }

#right_about_block{float: right; margin: 205px 200px 0 0 }
#open_vimeo {border: 1px solid #4c4c4d}
#orden {position: absolute; bottom: 100px; right: 140px; z-index: 1000}
#orden_text {position: absolute; bottom: 90px; right: 140px; z-index: 1001}