* {
margin: 0;
padding: 0;
}


body{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 13;
}

a {
	text-decoration: none;
	color: 111111;
  cursor: pointer;
}
a:hover {
	color: #3f75a1;
}
h1 {
text-align: center;
font-size: 20px;
font-weight: 900;
color: #0C6A8D;	
}

h2 {
text-align: center;
font-size: 20px;
font-weight: 900;
color: #0C6A8D; 
}

p {
  line-height: 1.5;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}
.shapkaDiv{
	position: relative;
    top: 15px;
    left: 435px;
    margin-top: -100px;
    width: 140px;
    height: 120px;
    display: table;
}
.iconGrop{
	width: 30px;
	height: 30px;
	margin: 3px;

}
.master {
width: 1008px;
background-color: #2a567a;
}

.sidebar {
float: left;
width: 249px;
padding-left: 3px;

padding-top: 6px;
padding-bottom: 8px;
background-color: #2a567a;
}

.menu{
text-align: left;
font-size: 16px;
width: 224px;
background-color: #EEF1F1;
border-radius: 10px; 
margin: 5px;
padding: 8px;
}

.menuimg{
width: 20px;
height: 20px;
position: relative;
top: 4px;
margin-top: -4px;
visibility: hidden;

}
.content {
 
float: right;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 5px;
background-color: #2a567a;
width: 751px;

}

.contentCenter {
height:auto; 
width: 744px;
background-color: #EEF1F1;
border-radius: 10px;
text-align: left; 
padding-top: 10px;
padding-bottom: 10px;
}
.contentCenter2 {
height:auto; 
width: 744px;
background-color: #EEF1F1;
border-radius: 10px;
text-align: left; 
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}
.footer {
font-size: 12px;
background-color: #8325aa;
width: 988px;
height: 100px;
padding: 10px;
}


.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 1em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
} 
.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

input[type="text"] {
    width:  250px;
    height: 30px;
    padding: 5px 5px 5px 5px;
    border:1px solid #46a3eb;
    font-size:16px;
    font-family: Tahoma;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:3px solid #1f5ca8;
}

.imgContentBio{
margin: 0px 10px 10px 15px;
width: 250px;
height: 250px;
border: 2px solid #0C6A8D;
}
.imgContentOnline{
margin: 0px 10px 10px 15px;
width: 300px;
height: 220px;
border: 2px solid #0C6A8D;
}
.imgContentPc{
margin: 0px 10px 10px 15px;
width: 250px;
height: 250px;
border: 2px solid #0C6A8D;
}
.imgMult{
margin: 0px 10px 10px 15px;
width: 250px;
height: 300px;
border: 2px solid #0C6A8D;
}
.imgSmall{
margin: 0px 15px 10px 15px;
width: 210px;
height: 180px;
border: 2px solid #0C6A8D;
}

.linkDownload{
text-decoration: underline;
text-align: center;
font-size: 18px;
font-weight: 800;
color: #f86c06;

}

.linkDownload:hover{
text-decoration: none;
color: #f86c06;
}

.linkOnline{
text-decoration: underline;
text-align: center;
font-size: 18px;
font-weight: 800;
color: #01a104;

}

.linkOnline:hover{
text-decoration: none;
color: #01a104;
}


.linkOnline2{
text-decoration: underline;
text-align: center;
font-size: 18px;
font-weight: 800;
color: #326bc1;

}

.linkOnline2:hover{
text-decoration: none;
color: #326bc1;
}



.linkOrder{
text-decoration: underline;
text-align: center;
font-size: 18px;
font-weight: 800;
color: red;


}

.linkOrder:hover{
text-decoration: none;
color: red;
}
.textScreen{
color: #0C6A8D;
font-size: 18px;
margin-left: 21px;
font-weight: 600
}



#feedbackP{
  width : 300px;
  height : 552px;
  position : fixed; /* фиксируем позицию в окне */
  z-index : 50;
  /* сдвигаем панель вправо вниз: */
  top : 100%; 
  left : 100%;
  /* выдвигаем краешек: */  
  margin-top : -30px;
  margin-left : -295px;


  
  
  padding: 0px;
  
  /*задаем эффект движения: */
  -moz-transition:margin 0.3s linear; 
  -o-transition:margin 0.3s linear; 
  -webkit-transition:margin 0.3s linear;  
  -ms-transition:margin 0.3s linear;  
  transition:margin 0.3s linear;  
}
#feedbackP:hover{  
  /* выдвигаем панель на всеобщее обозрение: */ 
  margin-top : -552px;
  margin-left : -295px;
  /*задаем эффект движения: */  
  -moz-transition:margin 0.3s linear; 
  -o-transition:margin 0.3s linear; 
  -webkit-transition:margin 0.3s linear;  
  -ms-transition:margin 0.3s linear;  
  transition:margin 0.3s linear;  
}

/*Делаем заголовок панели, как уголок папки с бумагами: */
#feedbackButton{
  font-weight : bold;
  margin-left : 170px;
  margin-top : -6px;


  text-align : center;
  width : 100px;

}

#feedBackIframe{
  width : 390px;
  height : 240px;
  border : 1px solid;
}