/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/* Core */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
body.bg{background:#f1f1f1 url(http://910960.ru/fon.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ č Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Ńîâđĺěĺííűĺ áđŕóçĺđű */
    .min-width: 900px;
   }
body{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
a{text-decoration:none;}
#sp-maincol {background: #fff; min-height: 500px;}
a:hover,a:active,a:focus{text-decoration:none;}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both;margin-bottom:10px}
.main-bg {}
.us {color:#fff;}
.top-bg{background:#f1f1f1;padding-top:10px}
a.us:hover,a.us:visited	a.us:active,a.us:focus
{
	color: #fff; }
	
/*top bar*/
#sp-top-bar {margin-top:10px;}
#sp-banner,
#sp-share,
#sp-search,
#members-area{float:right}

#sp-top-menu{margin-top:10px;float:left}
#sp-top-menu ul.menu {margin:0;padding:0;}
#sp-top-menu li{display:inline-block;list-style:none;border-left:1px solid #ccc;padding:0 5px;line-height:12px}
#sp-top-menu li a{color:#6f6f6f}

/*Header Area*/
#header {position:relative}
a#logo,#logo-text{float:left}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

/*Module positions user1-user6*/
#sp-bottom{color:#888;font-size:90%}

/*search*/
#sp-search .mod-search input#mod-search-searchword, 
#sp-search .mod-search input#mod-finder-searchword{background:#fff url(../images/search.png) no-repeat 97% 50%;padding:6px 12px;margin:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 6px rgba(0,0,0,.1) inset;
}

/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0}
#sj-br{position: absolute; top: 0px; left: -5500px;}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#sp-breadcrumbs .sp-inner {padding:0}
#sp-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}

/* Footer */
#sp-footer{background:#F1F1F1;padding:10px 0}
#sp-footer .cp {float:left;}

/*Footer Navigation*/
#sp-footer-nav{float:right}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#sp-footer-nav li{background:none;padding:0;display:inline} 
#sp-footer-nav .nav > li > a:hover {background:none;}
#sp-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px;color:#838181}
a#topofpage{float:right;color:#838181}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #e5e5e5}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* clr */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}


.left-panel {
    position: fixed;
    top: 20%;
width: 250px;
  left: -195px;
  -webkit-animation-name: myLeft;
  animation-name: myLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}

@-webkit-keyframes myLeft {
    0% {
        left: -270px;
    }
    100% {
        left: -175px;
    }
}
@keyframes myLeft {
    0% {
        left: -270px;
    }
    100% {
        left: -175px;
    }
}

#panel-sidebar {
    position: relative;
}
.left-panel li {
    display: block;
    height: 60px;
    list-style: none;
    margin-bottom: 3px;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    line-height: 0px;
    margin: 0px;
    float: left;
}
.left-panel li:hover {
    margin-left: 128px;
}

#ico1 li {background: url("/images/glav.png") no-repeat; width: 215px;}
#ico2 li {background: url("/images/bux.png") no-repeat; width: 215px;}
#ico3 li {background: url("/images/kadr.png") no-repeat; width: 215px;}
#ico4 li {background: url("/images/lic.png") no-repeat; width: 215px;}
#ico5 li {background: url("/images/mark.png") no-repeat; width: 215px;}
#ico6 li {background: url("/images/reg-lic.png") no-repeat; width: 215px;}
#ico7 li {background: url("/images/sro.png") no-repeat; width: 215px;}

#ico1:hover li {margin-left: 145px !important;}
#ico2:hover li {margin-left: 145px !important;}
#ico3:hover li {margin-left: 145px !important;}
#ico4:hover li {margin-left: 145px !important;}
#ico5:hover li {margin-left: 145px !important;}
#ico6:hover li {margin-left: 145px !important;}
#ico7:hover li {margin-left: 145px !important;}


.dark-window {
  width: 100%;
  height: 100%;
  background: rgba(107, 107, 107, 0.69) none repeat scroll 0% 0%;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.clickClose {
  float: right;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  margin-right: 20px;
}
.clickClose:hover {
  color: red;
}
.inner-window {
  width: 700px;
height: 300px;
top: 165px;
left: 25%;
background: #FFF;
box-shadow: 0px 1px 5px #fff;
border: 2px solid #A7A7A7;
}
.block-window {
width: 170px;
height: 200px;
background: #DDD none repeat scroll 0% 0%;
float: left;
margin: 50px 30px;
position: relative;
overflow: hidden;
box-shadow: 0px 5px 5px rgb(75, 75, 75);
border-bottom: 1px dashed #FFF;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
.block-window:hover p {
  left: 5px;
  opacity: 1;
}
.block-window:hover img {
  top: 300px;
  opacity: 0;
}
.block-window h3 {
  padding: 10px;
background: rgb(0, 0, 117) none repeat scroll 0% 0%;
color: rgb(255, 255, 255);
font-size: 14px;
text-align: center;
text-shadow: 0px 1px 5px rgb(180, 180, 180);
margin: 0px;
}
.block-window p {
  color: #000;
font-size: 12px;
margin: 5px;
text-align: justify;
opacity: 0;
position: absolute;
left: -200px;
width: 145px;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
.block-window img {
  position: absolute;
top: 55px;
left: 20px;
width: 130px;
opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
.head-window {
    width: 700px;
height: 100px;
top: 50px;
left: 25%;
background: #FFF;
box-shadow: 0px -1px 5px #fff;
border: 2px solid #A7A7A7;
}
.head-window img {
  width: 80px;
margin: 10px 30px;
float: left;
}
.head-window h3 {
  color: #4D4D4D;
font-size: 27px;
margin-top: 10px;
text-align: center;
}

.pdf-block {
width: 160px;
height: 160px;
background: #DDD none repeat scroll 0% 0%;
margin: 50px 0px 0px 20px;
float: left;
border: 1px solid;
position: relative;
}
.pdf-block:hover p {
  margin-top: 0px;
  background: transparent;
  color: #000;
  border: none;
  text-shadow: none;
  width: 100%;
  box-shadow: none;
  margin: 0px;
}
.pdf-block:hover a {
  opacity: 1;
}
.pdf-block p {
width: 90%;
font-size: 21px;
text-align: center;
margin: 50px 7px;
background: #909090 none repeat scroll 0% 0%;
color: #FFF;
padding: 10px 0px;
box-shadow: 0px 0px 5px #3E3E3E;
text-shadow: 0px 1px 3px #000;
border: 1px solid #FFF;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}

.pdf-block a {
position: absolute;
top: 90px;
left: 43px;
padding: 5px 10px;
background: #2D63A1;
color: #fff;
opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
.pdf-block a:hover {
  color: inherit;
}