body {
    font-family: 'Trebuchet MS', sans-serif; /* 'Trebuchet MS'*/
    font-size: 16px;
    color:#000;
}

a, a.ajaxlink { color: #2980b9; }
a:hover, a.ajaxlink:hover { color: #d35400; }

a.ajaxlink { text-decoration:none; border-bottom: dashed 1px #2980b9; }
a.ajaxlink:hover { text-decoration:none; border-bottom: dashed 1px #d35400; }

h1 { padding:0; margin-top:0px; margin-bottom: 10px; font-size:28px; }
h1 span { color:#BDC3C7; }
h1 a { color:#BDC3C7; }
h1 a:hover { color:#d35400; }h1, h2, h3, h4, h5, h6 { color:#34495e; font-weight: normal; margin-bottom: 10px; }

p { line-height:20px;margin:0;padding:0 }

pre {
    display:block;
    overflow: auto;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: inset 0 0 .5em #CCCCCC;
    padding: 10px;
    margin:0;
}

code pre {
    display:block;
    overflow: auto;
    border: 1px solid #CCCCCC;    
    border-radius: 2px;
    background: #F8F8F8;
    padding: 5px 15px;
    box-shadow: none;
    margin:0;
    font-size:12px;
    line-height:20px;
}

blockquote {
    padding:6px 10px;
    background:#F9F9F9;
    border-left:solid 4px #EDEDED;
    color:#666;
    font-style: italic;
    margin:0;
}

ul {
    margin:0 20px;
    padding:0;
}
img {
    max-width:100%
}
.positive { color:green; }
.negative { color:red; }

img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}

.picture111 {
    width: 95%;
	height: 95%;

   /*  float: left;
   position: relative;
    right: -50px;
    margin-left: -40px;     с запасом в 10px - чтобы не вплотную к тексту */
}


.knopka1{
background-color: #5cb85c;
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
	    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
	    color: #fff;
    
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
   
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
 
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
	    -webkit-appearance: button;
		text-decoration: none;
}
a.knopka1:hover { background: #419641; 
  color: #000;} 
  
  [href$="doc"]{
	padding-left:20px;
	background-image:url(../../../icon.png);
	background-repeat:no-repeat;
	margin-right:30px;
	 
}

[href$="doc"]{
	background-position:-16px -16px;
}

  [href$="pdf"]{
	padding-left:20px;
	background-image:url(../../../icon.png);
	background-repeat:no-repeat;
	margin-right:30px;
	 
}
[href$="pdf"]{
	background-position:-32px 0;
}