.f2418f{
/*background-color: #82F6F3;*/
/*background-color: #E7FFFF;*/
background-color: #009CB2;
position:relative;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/*z-index:1;*/
}

.f9c2e6{
background-color: #f9c2e6;
}

.container-fluid  .container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.height100{
min-height:100%;
}

.height70{
min-height:70px;
}

.clearBotch{
clear:both;
}

.positionRelative{
position: relative;
overflow:hidden;
}

.positionAbsolute{
position: absolute;

}

.borderRight{
	border-right: 1px dashed #A0A0A0;
}

.borderLeft{
	border-left: 1px dashed #A0A0A0;
}

.borderBottom{
	border-bottom: 1px dashed #A0A0A0;
}

.floatRight{
float:right;
}

.floatLeft{
float:left;
}

.tableTat{
	display:table;
	width:100%;
}

.tableCell{
	display:table-cell;
}

.overflowHidden{
overflow:hidden;
}

.paddingRight10{
	padding-right: 10%;
}

.inlineBlock{
	display:inline-block;
}

.logo {
	margin-top: 0px;/*Немного выше, чем по центру*/
	/*position:absolute;
	top:50%;*/
}

.firstText{
	font-size: 16px;
}

.borderBody{
	-moz-box-shadow: 1px 9px 9px 9px #02cdea;
	-webkit-box-shadow: 1px 9px 9px 9px #02cdea;
	-o-box-shadow: 1px 9px 9px 9px #02cdea;
	box-shadow: 1px 9px 9px 9px #02cdea;	
}

.borderBottomTat {
	border-bottom: 5px solid #2E9AFF;
}

.headTablica{
	text-align: center;
	/*padding-top:10px;*/
	/*text-shadow: 0px 1px 0px rgba(0,0,0,0.75);*/	
	-moz-box-shadow: 1px 1px 9px 9px #02cdea;
	-webkit-box-shadow: 1px 1px 9px 9px #02cdea;
	-o-box-shadow: 1px 1px 9px 9px #02cdea;
	box-shadow: 1px 1px 9px 9px #02cdea;	
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	-o-border-radius: 15px 15px 0 0;
	-ms-border-radius: 15px 15px 0 0;
	-khtml-border-radius: 15px 15px 0 0;	
	border-radius: 15px 15px 0 0;	
}

h4{	
	font-size: 16px;
}

.headTablica h4{	
	font-weight:bold;	
	color: #551a8b;
	text-align: left;
	font-size: 16px;
}

.panel h4{	
	margin-bottom: 0px;
}

.panel a{	
	font-weight:bold;	
}

.panel p{	
	line-height: 1.5;
}

.frame p{	
	line-height: 1;
}

.frame p.ps{	
	line-height: 1.5;
	margin-bottom: 2px;
}

.pageTat .panel p{	
	line-height: 1;
}

.pageTat .panel h4{	
	margin-top: 0px;
}

p.smalTat{	
	font-size: 11px;
	line-height: 1;
	margin: 0px;
}

p.marginTop{	
	margin-top: -6px;
}

.panel .row p.marginBottom{	
	margin-bottom: 10px;
}

 p.marginBottomMinus5{	
	margin-bottom: -5px;
}

.columnPrimer a{
	display: block;
	cursor: default;
}

.columnPrimer a img{
	margin: auto;
	cursor: pointer;
}

.columnPrimer h4{
	text-align: center;	
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);*/
	font-weight:bold;
	color: #777;/*#787888;*/
	font-size: 17px; 
}

.columnPrimer p{
	padding-left:8px; 
}

.headerTat{
	padding-top:10px;
	padding-bottom:2px;
	color: #e1e064;
	font-weight:bold;
	font-size: 16px;
}

.headerTat span{
	padding-left:10px;	
}

.headerTat a{	
	/*font-weight:normal;*/
	font-size: 12px;
}

header .headerTat div p{
	margin: 0;
	line-height: 1.2;
	padding: 0 1px 0 10px;	
}

.headerTat .row  img{
	max-width:50%;
	margin-bottom:5px;
}

.headerTat a  img{
	max-width:100%;
	/*margin-left:10px;*/
	margin-left:1%;
}


.border{
top:0px;
left:50%;
}

.rowSpoiler p:nth-last-of-type(1){
	margin-bottom: 1px;
}

.containerSpoiler article:nth-last-of-type(1){
	/*border-bottom: 1px dashed #A0A0A0;*/
	margin-bottom: 40px;
	-moz-box-shadow: 1px 0px 9px 9px #02cdea;
	-webkit-box-shadow: 1px 0px 9px 9px #02cdea;
	-o-box-shadow: 1px 0px 9px 9px #02cdea;
	box-shadow: 1px 0px 9px 9px #02cdea;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius:  0 0 15px 15px;
	-o-border-radius:  0 0 15px 15px;
	-ms-border-radius:  0 0 15px 15px;
	-khtml-border-radius:  0 0 15px 15px;	
	border-radius:  0 0 15px 15px;
}

.frame{
	-moz-box-shadow: 1px 1px 9px 9px #02cdea;
	-webkit-box-shadow: 1px 1px 9px 9px #02cdea;
	-o-box-shadow: 1px 1px 9px 9px #02cdea;
	box-shadow: 1px 1px 9px 9px #02cdea;
	margin: 30px auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
	/*border: 1px solid #02cdea;*/
/*background:#dcd630;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="dcd630", endColorstr="eeeb96"); 
background-image: -webkit-gradient(radial,center center,0,center center,100, from(#dcd630), to(#eeeb96)°;
background-image: -moz-radial-gradient(center center, circle contain, #dcd630, #eeeb96);*/
}

h3 a span, h3 a:hover span, h3 a:visited span, h3 a:active span, a.spoilerLink h3 span, a:hover.spoilerLink h3 span, a:visited.spoilerLink h3 span, a:active.spoilerLink h3 span{    
    font-size: 11px;
    font-weight: normal;
    color:#777;
    margin-left:1%; 
    /*text-decoration: none !important;*/
}

h3 a, h3 a:hover, h3 a:visited , h3 a:active{ 
  display: block;
}

.arrow{
display:inline-block;
margin:12px 0 0;
/*margin-right:3%;
/*float: right;*/
/*width:41px;
height:auto;*/
}

.linkArrow {
   display:block;
	margin:10px 0;
}

.activSpoiler .arrow{
	-moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

a.collapsed a.activSpoiler{
	display: block;
} 

a.go{
	font-weight:bold;
	font-size:14px;
	margin:10px 0 10px 200px;
	display:block;
}

p.go{	
	font-size:14px;
	margin:10px 0 0px;	
	text-align: left;
}

.footer{
		padding:40px 0 50px;
	}

	
@media (max-width: 980px ), and (min-width: 362px) {/* max-width: 980px? */ 
  .headerTat a img {
   /* max-width: 40%;*/
   max-width: 90%;
}

.headerTat .row  img{
	max-width:100%;
}


.headerTat, .firstText {
    font-size: 14px;
  }  


.headerSpan{
  	margin: 5px 0 0 0;  	
  }  


}


@media (max-width: 361px) {/*для сотовых*/
 
  body, .firstText {
    font-size: 12px;
	line-height: 1;
  } 
  
  .frame p.ps {
  line-height: 1.1; 
}
  
  header .headerTat div p {
  margin: 0;
  line-height: 1;
  padding: 0 1px 0 10px;
}

.panel p {
  line-height: 1.1;
}

.columnPrimer h4, .headTablica h4{
    	font-size: smaller;
    	text-shadow: none;
    	/*color: #333;*/
		color: #551a8b;
 }  

  h3, h4, h3 a, h4 a, h3 a:hover, h3 a:visited, h3 a:active, a.spoilerLink h3, a:hover.spoilerLink h3, a:visited.spoilerLink h3, a:active.spoilerLink h3{
    font-size: 14px;
	font-weight:bold;
	margin-bottom: 0px;
    margin-top: 0px;
	line-height: 1.1;
  }
  
a.spoilerLink h3 span, a:hover.spoilerLink h3 span, a:visited.spoilerLink h3 span, a:active.spoilerLink h3 span{
  	display: none;
  }
  
    
 .headerTat div{
    font-size: 12px;
	font-weight:bold;
  }
  
  .headerTat a img{
	  /* max-width: 70%;*/
    max-width: 140%;
}

.container .row  img.img-responsive{
	max-width:135%;
}
  
  p {
    margin: 0 0 1px;
}

.logo {
    margin-top: 0px;
}

.footer {
    padding: 20px 0 0px;
}


.headerSpan{
  	margin: -5px 0 0;  	
  }
  
}



@media (max-width: 321px) {/*для совсем маленьких сотовых*/
 .headerTat div{
    font-size: 10px;
	font-weight:bold;
  } 
  
   body, .firstText {
    font-size: 10px;
	line-height: 1;
  } 
  
  .frame p.ps {
  line-height: 1.1; 
}
 
}

@media (min-width: 1920px) {

	.container {
    width: 1880px;
  }
  
  .headerSpan{
  	margin: 10px 0 0 0;  	
  }  
}