@font-face {  
    font-family: PFDinTextCondPro-Light; /* Гарнитура шрифта */
    src: url(fonts/PFDinTextCondPro-Light.ttf); /* Путь к файлу со шрифтом */
   }
   
   @font-face {
    font-family: PFDinTextCondPro-Medium; /* Гарнитура шрифта */
    src: url(fonts/PFDinTextCondPro-Medium.ttf); /* Путь к файлу со шрифтом */
   }
   
   * {
   font-family: PFDinTextCondPro-Light,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

td {
  padding: 10px;
  padding-left: 20px;
}


   .body { background: radial-gradient(#bf4446, #840b00); margin: 0 0 0 0;font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;}
   a {cursor: url(images/cursor.cur), pointer;}
   .my-pano { 
   
    min-width: 1500px;
	position:relative;
	width:100%;
	height:100%;
	background: radial-gradient(#bf4446, #840b00);
   }
   .my-pano-index{ 
   
position: absolute;
min-height:900px;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			min-width: 1500px;
	background: radial-gradient(#bf4446, #840b00);
	z-index: -1000;
   }   
   
   .gagarin-index{ 
position: absolute;
			bottom: 0;
			left: 32%;
			
			width: 25%;
			min-width:700px;
	z-index:100;
   }   
.earth-index {position: fixed;
			top: 0%;
            left: 10%;
			width: 80%;
	z-index:-1;
	        opacity: 0.2;
        filter: alpha(opacity=20); /*для IE8 и более ранних версий*/
}
   .my-zagolovok { 
font-size:  x-large;
   }
   
   .my-top { 
    position:relative;
	min-width:1300px;
	width:90%;
	height:220px;
	margin:0 auto;
   }
  
   
   .my-logo { 
     color: #FFFFFF;
    font-size:  large;
    padding: 10px;
    width:450px;
    text-align: right;
    position:absolute;
	top:0;
	left:5%;

   }
   .my-logo-index {     color: #FFFFFF;    font-size:  large;    padding: 20px;    width:25%;    position:absolute;	top:0;	left: 37%; z-index:10;  }
   .my-bot-text { 
     color: #FFFFFF;
    font-size:  large;
    height: 220px;
    width: 1300px;
    position:absolute;
	top:0;
	left:0;
   }
  
   .my-top-img {position:absolute;width:1300px;height:220px;margin: 0 0 0 0px;}   
   .my-midle {min-height:800px;min-width:1300px;display: flex;width: 90%;position:relative;margin:0 auto;border-radius:20px;}
   .my-midle-index {display: flex;min-height:100%;width: 100%;position:relative;margin:0 auto;border-radius:20px;}     
   .my-mdle-left {min-width:350px;min-height:800px;overflow: hidden;padding: 0px;position:relative;top:0;bottom:0;float:left;width:25%;heght: 100%;}
   .my-mdle-left-index {min-width:350px;min-height:100%;padding: 10px;position:relative;top:0;bottom:0;float:left;width:25%;height: 100%; z-index:11;}
   .my-mdle-right-index {min-width:350px;min-height:800px;padding: 0px;position:absolute;top:0;bottom:0;left:1300px;width:25%;heght: 100%; }   
   
   .my-mdle-midle {   overflow: hidden; box-shadow: -10px 10px 10px -10px #000000;-moz-box-shadow:-10px 10px 10px -10px #000000; -webkit-box-shadow:-10px 10px 10px -10px #000000;  font-size:  large;min-height:2000px;text-align:justify; padding: 40px; position:relative;top:0;bottom:0;margin: auto; width: 75%;heght: 100%; border-radius:20px;background: linear-gradient(to left, #f8f2d0,#efe3d3 );}


   .my-bottom {border: 10px;position:relative;width:1300px;height:220px;margin:0 auto;}
   .my-bottom-img {position:relative;width:1300px;height:100%;margin:0 auto;}
   .menu-img {position:relative;width:100%;height:100%;}
   
   
   
   
 
 .my-mdle-midle .my-link i{
   margin-right: 5px;
   margin-left: 5px;
 }
 .my-mdle-midle .my-link {
    font-family: PFDinTextCondPro-Medium,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 } 
  .my_path {
    width:100%;
	font-size:  large;
    font-family: PFDinTextCondPro-Medium,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 } 
.menubigtxt{
    color:white;
	text-align: center;
	font-size:  x-large;
    font-family: PFDinTextCondPro-Medium,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
 } 
 
 .gagarin_text{ 
    text-align:right;
	color: #f8f2d0;
	padding:20px;
	font-size:  large;
   }
	
div.role-selector {
	border-radius: 0.3em;
	cursor: url(images/cursor.cur), pointer;

width: 40%;
	color: white;
display: table-cell;
}

div.role-selector.active {
margin-left: 5%;
width: 40%;

	color: white;
	background-color: #86bfcf;
}
div.login-marker {
	vertical-align: middle;
	
	display: none;
}

div.role-selector.active div.login-marker {
	display: table-cell;
}


	

	
.mylink  {
  color: #fb943b;
  font-size:  large;
}

.my-link-big  {
  color: #fb943b;
  font-size:  x-large;
}


ul { list-style-type: none; }

a {
  color: #fb943b;
  text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/


h1 {
  color: #FFF;
  font-size:  x-large;
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
}

h1 a {
  color: #c12c42;
  font-size:  large;
}

.accordion {

  width: 100%;
  max-width: 360px;
  margin: 30px auto 20px;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kalendar {
  position:absolute;
  width:500px;
  left:550px;
  top:0;z-index: 1000;
  color:#FFFFFF;
}

.accordionK {
  font-family: PFDinTextCondPro-Medium,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
  font-size:  large;
  width: 100%;
  max-width: 550px;
  margin: 20px auto 20px;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 10px;
  background: radial-gradient(#bf4446, #840b00);
  padding: 10px;
  box-shadow: 10px 10px 10px -10px #FFFFFF;
  -moz-box-shadow:10px 10px 10px -10px #FFFFFF; 
  -webkit-box-shadow:10px 10px 10px -10px #FFFFFF; 
}
.accordionK li:first-child .link { border-top: 0; }
.accordionK li  {
  font-family: PFDinTextCondPro-Light,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
font-size:  large;
margin-bottom: 10px;
border-bottom: 1px solid #CCCCCC;  position: relative;


}
.red{
  color: #fb943b;
}
.redsquare{
  background-color: #fb943b;
  display:inline-block;
  border-radius:5px;
  width:12px;
  height:12px;
  margin-top: 4px;
  margin-right: 4px;  
}
.whitesquare{
  
  display:inline-block;
  border-radius:5px;
  width:12px;
  height:12px;
  margin-top: 4px;
  margin-right: 4px;
  border: 1px solid #FFFFFF;
}

.kalendar-text{
  position: relative;
  display: inline-block;
  margin-left: 80px;
}

.accordion .link {
  font-family: PFDinTextCondPro-Light;
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #FFFFFF;
  font-size:  large;
  font-weight: 700;
  border-top: 1px solid #CCCCCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:first-child .link { border-top: 0; }


.menutxt {
  margin-left: 5%;
}
.accordion li i {
  position: absolute;
  
  top: 16px;
  left: 0;
  font-size:  large;
  color: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion a{
  color: #FFFFFF;
}


.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size:  large;
}

.accordion li.open .link { color: #fb943b; }

.accordion li.open i { color: #fb943b; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;

  font-size:  large;
}


.submenu li {}

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #fb943b;
  color: #FFF;
}

.submenu input[type="submit"] {
    font-family: PFDinTextCondPro-Light,'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
	color: white;
	background-color: #fb943b;
	
	border: 0px solid black;
	
	border-radius: 0.3em;
	font-family: Arial;
	padding: 5%;
	font-size: 30px;
	cursor: url(images/cursor.cur), pointer;
}

.submenu input[type="text"], input[type="password"] {
        right: 5%;
		width: 90%;
		border: 0px solid black;
		outline: 0px;
		border-radius: 0.4em;
		height: 30px;
		line-height: 100%;

		padding: 0px;
		font-size:  large;
		padding-left: 0.4em;
		
		color: rgb(145, 145, 145);
	}
.submenu input {
		margin-bottom: 1%;
		margin-left: 5%;
		margin-right: 5%;
	}	
.fa-database:before {
    content: "\f1c0";
}

.my-mdle-midle img{
  padding-top: 1%;
  padding-bottom: 1%;
  
}


@media screen and (orientation: portrait) {
	.my-mdle-left-index {width:100%;left:0;position:relative;}
	.my-mdle-left{width:100%;left:0;min-height: 0;position:relative;}
	.accordion { width: 90%;  min-width: 90%;  max-width: 90%;}
	.gagarin_text{display:none;height:0;}
	.earth-index{display:none;height:0;}
	.gagarin-index{display:none;}  
	.my-logo-index{left:0;top:0;width:90%;position:relative;}
	.my-logo{left:0;top:0;width:90%;position:relative;}
	.my-mdle-right-index{display:none;}  
	.my-pano-index{ min-width: 0px;   }   
	.my-pano{ min-width: 0px;   }   
    .my-midle {display: block;min-width:0;}	
	.my-mdle-midle{margin:0;width:100%;min-height:0;}
	.vkinsta{display:none;height:0;}  

	.project{display:none;height:0;}  
	
	.my-top{display:none;height:0;}
	.fonpict{display:none;}
	.my-bottom{display:none;}
	.kalendar{display:none;}
	
}