/** happy code & cms by OKC.Service. http://okc-service.ru **/

 /** common rules **/
body {color:#434343; margin:0; padding:0; background-color:#ffffff; font-family: Dosis, Tahoma, sans-serif; font-size:0.8em;-webkit-text-size-adjust: none; }

p {line-height:1.3em;}

h1 {font-size:2.5em; font-weight:normal; color:#000; }
h2 {font-size:1.4em; text-transform: uppercase; font-weight:normal; color:#000; margin: 2em 0 1em 0;}

li {margin: 0.5em 0;}

blockquote {font-size:3.5em; text-transform: uppercase; font-weight:normal; color:#a5a5a5; margin:10px 0; padding:0;}

a {color:#bcbcbc;}
/*a:visited {color:#999;}*/
a:hover {color:#000;}
p {line-height:1.6em;}

/*.menu a {color:#bcbcbc;}*/

section {clear:both; display:block; width:100%;}
img {border:none;}

div.clear {clear:both; width:100%; height:1px; overflow:hidden;}
div#preloader {position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; border:1px solid #000;  top:20px; height:20px; width:200px; height:200px;overflow:hidden;}

/** header **/

header {position:fixed; top:0; left:0; width:100%; display:block; z-index:100;}
header .wrapper {margin:0 auto; width:100%; max-width:1209px; height:108px; background:url(/i/s.png) bottom center no-repeat;}
header .wrapper div.in {background-color:#ffffff; height:98px; width:100%;}
header .wrapper .in div.c {width:1000px; margin: 0 auto; position:relative;}
header .logo {position:absolute; top:9px; left:50%; margin-left:-75px;}
header .menu {position:absolute; top:52px; left:0; width:100%; }
header .menu .item {width:178px; position:absolute; top:0; left:41px;}
header a.mainmenu {display:block; margin-left:40px; height:46px; text-decoration:none; font-weight:bold; text-transform: uppercase; font-size:1.2em;}
header .mainmenu span {cursor:pointer;margin-left:-11px; color:#000; padding:5px 10px; }
header .menu .dropdown { display:none; position:absolute; top:46px; left:0; padding: 20px 40px 20px 20px;  box-shadow: 0 2px 1px 1px rgba(0,0,0,0.2); background:url(/i/s.png) top center no-repeat #fff;/*
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   opacity: 0;*/
}
header .menu .dropdown a {text-transform: uppercase; display:block; text-decoration:none; border-top:1px dashed #666; padding:0.5em 0.5em 0 0.5em; margin-bottom:0.5em;
 }
 
header .menu .dropdown a:first-child {border:none;} 
  
/*header .item:hover .dropdown {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100%)"; filter: alpha(opacity=100%); opacity: 1;}*/
#m2 {left:240px;}
#m3 {left:605px;}
#m4 {left:790px;}

/** arrows nav **/

.arrows {position:absolute; top:140px; right:50px; }
.arrows a {opacity:0.5; filter: alpha(opacity=50%); position:relative;  -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.arrows a:hover {opacity:1; filter: alpha(opacity=100%);}
.arrows a div {display:block; height:25px; line-height:25px; overflow:hidden;  width:180px; position:absolute; top:0; left:-130px;
	  -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;
   opacity:0; filter: alpha(opacity=0);
}
.arrows a:hover div {opacity:1; filter: alpha(opacity=100%);}
.arrows a span {display:block;text-align:right; height:25px;  line-height:25px; padding:0 10px 0 10px; overflow:hidden;  width:100px; background:#fff; }
.arrows a.right {width:20px; height:25px; display:block;  background:url(/i/arrows.png) 0 4px no-repeat; }
.arrows a.left {width:20px; height:25px; display:block;  background:url(/i/arrows.png) 0 -21px no-repeat;}



/** home **/

section#home {margin-top:98px;}
#home .slide {width:100%; min-width:1000px; height:580px; background:url(/i/covers/1.jpg) top center no-repeat #fefefe;}
#home .newslide {display:none; width:100%; min-width:1000px; height:580px; background:url(/i/covers/1.jpg) top center no-repeat #fefefe; position:absolute; top:98px; left:0;}
#home .in {width:1000px; margin: 0 auto; position:relative;  }
#home .preloader {display:none;width:100%; height:580px; position:absolute; top:98px; left:0; background:url(/i/preloader.gif) center center no-repeat #eee; background-color:rgba(0,0,0,0.6);}
.shade {height:12px; background:url(/i/shade.jpg) top center no-repeat; width:100%; min-width:1000px;}
#home .homemenu {position:absolute; top:270px; left:0; width:1000px; height:300px; overflow:hidden;}
#home .homemenu .item:first-child {margin-left:62px;}
#home .homemenu .item {display: none; float:left; width:105px; margin-top:178px; margin-right:10px; position:relative;}
#home .homemenu .item a.i {display:inline-block; width:103px; height:103px; border:1px solid #515151;}
#home .homemenu .item a.i:hover { border:3px solid #fff; margin: -2px 0 0 -2px; }
#home .homemenu .item .popup { display:none;width:196px; height:293px; overflow:hidden; background-color:#fff; box-shadow: 0 0px 2px 2px rgba(0,0,0,0.2); position:absolute; top:0; left:-43px;  }
#home .homemenu .item .popup div {margin:148px 15px 15px 15px;text-transform: uppercase; }
#home .homemenu h2 {margin:0; line-height:1.2em;}


/** section layout **/

section#layout {margin-top:70px;}
#layout .slide {width:100%; min-width:1000px; height:217px; background:url(/i/about.jpg) bottom center no-repeat #fefefe;}
#layout .noslide {height: 48px;}
#layout .wrapper {width:1000px; margin:0 auto; color:#666; }
#layout .wrapper .inside {width:940px; margin:20px 0 20px 0; position:relative; color:#666; }
#layout .leftmenu {float:left; width: 150px; margin-left:70px; }
#layout .content {float:left; width:710px; color:#000; font-size:1.1em;}
#layout .leftmenu ul {margin:0; padding:0; list-style-type: none;}
#layout .leftmenu li {line-height:1.6em; font-size:1.2em;}
#layout .leftmenu a {text-decoration: none; margin-left:11px; text-transform: uppercase;}
#layout .leftmenu span {color:#000; font-weight:bold; padding:5px 10px;text-transform: uppercase; }
#layout .title {background:url(/i/ovalshadow.png) bottom left no-repeat; padding:0 0 20px 80px;}
#layout .title h1 {margin:0 0 20px 0;}
#layout .common {padding:0 0 94px 80px;}
#layout .content a {color:#0985c6;}

/** footer **/

footer {display:block; height:100px;}
footer .wrapper {width:1000px; margin:0 auto; position:relative; color:#666;}
footer .wrapper .menu {position:absolute; top:20px; left:86px;}
footer .wrapper .time {position:absolute; top:20px; left:878px;}
footer a, footer .menu span { text-decoration:none; margin-right:3em;}