@charset "utf-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}

body {
	margin:0;
	font-family: Segoe UI;
	font-size:16px;
	color:#333;
	background:url(images/New/backgraound.png) right bottom no-repeat;
}
a
{
	text-decoration:none;
	color:#FFF;}
p {
	font-size:16px;
	font-family: 'WOL_SB','Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;
	margin-top:5px;
	color:#333;
	}


.span01 {width:115px}
.span02 {width:860px;
margin-right:60px}
.span03 {width:575px}

.span1 {
	width:215px;
	}
.span2 {
	width:608px
	}
.span4 {
	margin:0 auto;
    overflow:hidden;
    width:1300px;
}
.span5 {
	width:100%
	}



#ContainerCenter {
  margin:0 25% 0 25%;
  width:50%;
}

#ContainerCenter2 {
  margin:0 15% 0 15%;
  width:70%;
  padding-top:30px;
}

/* Меню */
#menu {
z-index:10;
width:100%;
height:30px;
background-color:#000;
position:fixed;
margin-top:-2px; }

#navbar {
	font-family: Segoe UI;
	}

     #navbar ul{
        display: none;
        background-color: #666;
        position: absolute;
        top: 100%;
      }
      #navbar li:hover ul { display: block; }
      #navbar, #navbar ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbar {
        height: 30px;
        background-color: ;
        padding-left: 25px;
        min-width: 470px;
      }
      #navbar li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbar li a {
        display: block;
		padding:4px 20px 4px 20px;
        width: auto;
        color: #fff;
        text-decoration: none;
        text-align: center;
      }
      #navbar ul li { float: none; }
      #navbar li:hover { background-color: #df3520; border-top: 2px solid #FFF; /* border-bottom: 2px solid #FFF; */}
	  #navbar a:hover {color:#fff}
      #navbar ul li:hover { background-color: #000; }
/* Меню */



/* Блок ИНФЫ */
#MainBorder {
padding-top:9px;
border-top: 1px solid #df3520; 
opacity:0.5;
width:940px;
}

#BorderInfo
{  border-bottom:1px solid #d2d2d2; 
   padding-bottom:3px; 
   width:600px;
}

#InfoHeaderDiv
{
 margin-top:20px;
 margin-right:-4px;
 width:280px; 
 float:right; }
#InfoHeaderP{
 color:#fff;
 padding:5px 5px 5px 5px;
 background-color:#363636;	
}
/*Captions*/
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }


#page-wrap { width: 960px; margin: 100px auto; position: relative;  }

#learninz {
	position: absolute;
	top: 0; right: 0; width: 200px;
}

body style, pre { display: block; white-space: pre; }
figure img { display: block; }
figure:nth-child(4) { clear: both; }

/*CSS CAPTION!*/
figure { 
  display: block; 
  position: relative; 
  float: left; 
  overflow: hidden; 
}
figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px; 
  opacity: 1;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before { 
  content: "Ремонт"; 
  position: absolute; 
  font-weight: 800; 
  background-color: #CCC; 
  text-shadow: 0 0 5px white;
  color: black;
  width: 80px;
  height: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 1;	
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }



/*Для php файлов*/

.leftmenu ul li a { 
color:#fff	;
text-decoration: none;
display: block;
font-size:10.5px;
padding:5px;

}
.leftmenu li { 
list-style-type: none;
background:#363636;
margin-bottom:5px;
padding:5px;
text-indent: 0px;
-moz-transition: background-color 0.3s 0.1s ease;
-o-transition: background-color 0.3s 0.1s ease;
-webkit-transition: background-color 0.3s 0.1s ease;
cursor: pointer;
}

.leftmenu ul li { float: none; }
      .leftmenu li:hover { background-color: #df3520; /* border-bottom: 2px solid #FFF; */}
	  .leftmenu a:hover {color:#fff}
      .leftmenu ul li:hover { background-color: #df3520; }


table {
        border-collapse: collapse;
    }
    table th,
    table td {
        padding: 0 5px;
    }
    table th,
    table td {
        border: 2px solid #ccc;
    }


/*Ссылка на HelpIT*/

#HelpIT 
{background:url(images/logo.png) no-repeat; 
height:80px;
-moz-transition: background 0.3s 0.1s ease;
-o-transition: background 0.3s 0.1s ease;
-webkit-transition: background 0.3s 0.1s ease;
cursor: pointer;
margin-top:10px;
margin-left:15px;
	}
#HelpIT:hover {
	 background:url(images/logo_color.png) no-repeat;
	}