/* This stylesheet was designed and developed by Svetlena V. Kobzeva, e-mail: svet---17@yandex.ru  */

@charset "UTF-8";

body {
	background: url("/public/img/fon_top.png") repeat-x scroll 50% 0 rgba(0, 0, 0, 0);
	background-size:content;
	font-family: 'Roboto', 'sans-serif';
	font-size: 90%;
	color:#000;	
	text-align: left;
	font-weight:300;

}

h2, h3, h4, h5 {
	color:#0084c5;

}

h2 {
font-size: 240%;
	font-weight:400;
	margin-bottom:0.5em;
	text-align: center;
}

h4 {
font-size: 150%;
	font-weight:400;

}

h5 {
font-size: 120%;
font-weight:200;
}

/* links */

a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #000;
}
	
a:hover , a:active{
	color: #e4e4e4;
}
	
cite {
	font-style: italic;
}
	
strong {
	font-weight: bold;
}
	
.clear {
	clear:both;
}
.float_l{
	float:left;
}

hr{
	display: block;
	height: 1px;
	width:97%;
	margin:1.5em auto 1.5em auto; 
    border: 0; 
	border-top: 1px solid #cddee7;

 
}

ul {
	line-height:1.8em;
}

ul li em img {
	height: 12px;
    left: 0;
    top: 0;
    vertical-align: center;
    width: 7px;
	margin-right:10px;
}
.red {
	color:red;
}

.red a:link, .red a:visited {
	text-decoration: underline;
	color:red;
}
	
.red a:hover , .red a:active{
	text-decoration: none;
}



/* page structure 
--------------------------------------------- */

.body{
	margin: 0 auto;
	width:1024px;
	clear:both;
	background-color:#f1f4f1;
	text-align:justify;
	
}
.tempus_top{
	margin-left:600px;
	margin-top:20px;
	width:25%;
}
 .lang_nav {
	float:right;
	margin-right:4%;
	text-align: center;
	margin-top:10px;
	color:#fff;
}

.lang_nav li{
	float:left;
	display: inline;
	margin:0 auto;

}

.lang_nav li  a{
	padding:0 0.7em;
	color:#fff;
}

.lang_nav li  a:hover{
	text-decoration: underline;
}


.main_fixed{
	box-shadow: 0 9px 3px -3px rgba(0,0,0,0.4);
 
}

.main_header{
	text-align:right;
	display:block;
	margin: 0 auto;
}

.main_header img{
	width:17%;
	height: auto;
	float:left;
	margin: -1em 10em 2em 3em;
}

h1{
	padding-top: 0.5em;
	font-size: 24px;
	color: #cc2f2e;
	line-height:1em;
	font-weight:900;
	display:block;

}

.title{
	background: url("/public/img/fon_h1.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
	background-size:contain;
	height:1.5em;
	margin-left: 30%;
	display: block;
	
}
.project_number{
	color: #cc2f2e;
	margin-right:10px;
}

.clear{
clear:both;
}
.nav_container{
}
.nav_container_fixed{
	z-index:9999;
	position:fixed;
	background-color:#0084c5;
	top:0;
	width:1024px;
	border-bottom:5px solid #cddee7;
	border-top:1.5em solid #0084c5;
	padding-bottom:1em;
	box-shadow: 0 9px 3px -3px rgba(0,0,0,0.4);
	
} /* this makes my menu fixed */


 
 .nav{
	background: url("/public/img/fon_menu.png") no-repeat  rgba(0, 0, 0, 0);
	background-size:cover;
	width:83%;
	height: 100%;
	float:left;	
	margin:0.3em;
	text-align:center;
} 

  .nav_fixed{
	background: none;
	background-size:cover;

} 
 .nav ul{
	margin-left: 6em;
	text-align: center;
}

 .nav ul li{
	float:left;
	display: inline;
	margin:0 auto;

}
 .nav a{
	padding:0.3em 0.4em;
}


 .nav a:link,  .nav a:visited{
	color: #fff;
	text-decoration: none;
	display: inline-block;

}

 .nav  a:hover {
	text-decoration: underline;
	color: #fff;
}
.nav ul li .current{
	text-decoration: underline;
	color: #fff;
}



.reserved{
	margin-left: 85%;
	
	text-align:center;
	background: url("/public/img/fon_reserved.png") no-repeat scroll 50%  rgba(0, 0, 0, 0);
	display:block;
	background-size:cover;
	line-height:3em;
}




.reserved_fixed{
	background: url("/public/img/fon_reserved_fixed.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
	margin-left: 82%;
	margin-right: 3%;
	margin-top:0;
	line-height:2.8em;
	text-align:center;
	display:block;
	background-size:contain;
}
.reserved a:link,  .reserved a:visited{
	color: #fff;
}

.reserved_fixed a:link,  .reserved_fixed a:visited{
	color: #0084c5;
}

.reserved a:hover,  .reserved a:active{
	text-decoration: underline;
}

#main {
	display:block;
	margin:0 auto;
	background-color:#fff;
	padding:1em 0;
}

section {
	margin-bottom: 35px;
	width:95%;
    margin-right:auto;
    margin-left:auto;
	margin-top: 10px;
}

footer {
	text-align:center;
	display:block;
	margin:0 auto 3em auto;
}
.tempus{
	width: 70%;
	text-align:justify;
	color: #336699;
	margin: 0 4em 2em 3em;
	float:left;
}

.tempus a{
	color: #336699;
}
.tempus .logo_tempus{	
	display:block;
	position: relative;
	width:35%;
	height:auto;
	margin-right:1em;
	float:left;
}
.tempus p{
	margin-left: 37%;
}

.counter{
	display:block;
	width:16%;
	margin-left:80%;
	margin-top: 2em;
	color: #336699;
}

.copyright{
	color:#fff;
	background: url("/public/img/fon_copyright.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}

.copyright a{
	color:#fff;
	padding-bottom:2em;
}
.centred
{
position:relative;
width:93%;
margin:0 auto;
height:80%;

}
.ii > h4 {
	margin: 0 auto;
	text-align: center;
}

.left {
	margin: 0 0 0 84%;
	width:15%;
}

.box{
width: 270px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      border: 1px solid #cddee7;
	  background-color:#cddee7;
	  float:left;
	  margin:1em;
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
	
}

.box:hover{ background-color:#fff;
box-shadow: 0 0 0px rgba(0,0,0,0);} 
.box span{
color:#000;
     display: inline-block;
      vertical-align: middle;    
      line-height: normal;

	
}


/* index
----------------------------------------------- */
.index_news{
width:95%;
margin:0 auto;
}

.index_news div {width:22%; margin: 15px 5px 5px 15px; float:left;}

.index_news div  img{width:100%;margin: 10px 5px 5px 0px;}

 .index_reseved{
	padding: 0 49px;
}


#about table {
		text-align:left;
		table-layout: fixed;
		margin-top:25px;
}
#about table  td{
		padding:0 15px;
		width:20%;
}

#partners_list_menu {
	list-style-type: disc;
	margin-left:0.3em;
	font-size: 94%;
 
}
 #map {
	float:left;
	width: 56%;
	height:90%;
	margin-right:1em;
}

.contacts {
	margin-left:58%;
	width:42%;
}

.contacts > h4 {
	margin: 0 auto;
	text-align: center;
}

.table_contacts td{
	border-collapse: separate;
		padding: 15px;
}

 #map hr{
	display: block;
	height: 1px;
	width:90%;
	margin:0.5em; 
    border: 0; 
	border-top: 1px solid #cddee7;
}


 table.events {
		border: 1px solid #FFFFFF;
		border-collapse: separate;
		margin: 3em 0 0.5em 0;
		width:98%;
		text-align: left;

}

 table.events thead{
	text-align: center;
	background-color: #0084c5;
	border-bottom: 0 none;
	border-width:0;
	padding:2px 3px;
	color: #FFF;
	font-weight:bold;
	
}

 table.events tbody{
	background-color:#D7DFFF;
		padding:1ex;

	
}


 table.events  td{
		border: 2px solid #FFFFFF;
		border-collapse: separate;
		padding:10px;

}
.news_item{
	margin-bottom:3em;
}
#news .news_img {
	float: right;
	width:28%;
 } 
 
 .news_img img {
	display: block;
	width:100%;
	height:auto;
	border: 2px solid #cddee7;
 }
#news .index_news_2{
width:72%;
margin-right:30%;
	
}
#news .news_block{
	display: block;
	width:72%;
	
	margin-left:19%;
}

#news hr{
	display: block;
	height: 1px;
	width:100%;
	margin: 0.5em 0; 
    border: 0; 
	border-top: 1px solid #cddee7;
}

.news_date{
	font: italic;
	background-color: #0084c5;
	text-align:center;
	font-size: 120%;
	float: left;
	color:#fff;
	margin-right:1em;
	padding: 1.1em;
	width:10%;
	
}
.news_date span{
font-size: 130%;
font-weight:bold;
}

.news_title {
	font-weight:bold;
	font-size: 120%;
	color:#0084c5;
	
}

.news_title a:link, .news_title  a:visited{
	font-weight:bold;
	font-size: 100%;
	color:#0084c5;
	
}


 table.pub {
		border-top:1px solid #cddee7;		
		border-collapse: separate;
		margin: 3em 0;
		width:98%;
		text-align: left;

}

 table.pub  td{
		border-collapse: separate;
		padding:10px;
		border-bottom:1px solid #cddee7;

}

 table.pub  td.r_border{
		border-right:1px solid #cddee7;

}

/* RESEVED AREA
_______________________________*/
.reserved_area {
	display:block;
	margin:1em auto;
	background-color:#fff;
	padding: 45px 5px;
}
.shadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	padding: 20px;
	margin-bottom:20px;
}
#reserved_nav_menu{		
	float:left;	
	margin:0.3em;

}

#reserved_nav_menu  ul{
	text-align: center;
}

#reserved_nav_menu ul li{
	background-color:#eee;
	float:left;
	display: inline;
	margin:0 auto;

}
#reserved_nav_menu  a{
	
	padding:0.3em 0.7em;
}


#reserved_nav_menu a:link,  #reserved_nav_menu a:visited{
	text-decoration: none;
	display: inline-block;

}

#reserved_nav_menu a:hover,  #reserved_nav_menu a:active,
#reserved_nav_menu .active a:link,  #reserved_nav_menu .active a:visited{
	text-decoration: underline;
	color: #fff;
}



ul.rm_list{
	list-style-type: disc;
	margin-left:3em;
}

.block{
	display: block;
	margin-left:19%;
}

/* FORUM
_______________________________*/
.forum{
	float: right;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	padding: 20px;
	margin-bottom:20px;
	margin-left:20px;
	background-color:#0084c5;
	font-size: 150%;
	color:#fff;
}
.forum a:link, .forum a:visited {
	text-decoration: none;
	outline: none;
	color: #fff;
}
	
.forum a:hover , .forum a:active{
	color: #e4e4e4;
}

/* LOGIN POPUP 1
_______________________________*/
/*
.lightbox .box1 {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width:500px;
    margin:30% auto;
    padding:20px;
    background-color:#FFF;
    box-shadow: 0px 1px 26px -3px #777777;
    }
 
    .lightbox .title1 {
        margin:0;
        padding:0 0 10px 0px;
        border-bottom:1px #ccc solid;
        font-size:22px;
        }
 
    .lightbox .content {
        display:block;
        padding:10px 0 0 0px;
        font-size:18px;
        line-height:22px;
        }
 
    .lightbox .close {
        float:right;
        display:block;
        text-decoration:none;
        font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size:22px;
        color:#858585;
        }
		
	.lightbox {
    /** Hide the lightbox */
/*    display: none;
 
    /** Apply basic lightbox styling */
 /*   position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color:#333333;
    }
		.lightbox:target {
    /** Show lightbox when it is target **/
 /*   display: block;
    outline: none;
}
_______________________________*/

/* LOGIN POPUP 2
_______________________________*/
.h { margin-top: 0; }

.button {
  display: inline-block;
  margin: 0;
  padding: 10px 15px;
  background-color: #0084c5;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.button:hover { box-shadow: inset 0 -2.5px rgba(0, 0, 0, 0.4); }

.hero {
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.state {
  position: absolute;
  top: 0;
  left: -100vw;
}

.state:checked ~ .content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.state:checked ~ .backdrop {
  bottom: 0;
  opacity: 1;
  z-index: 1;
}

.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
}

.lightbox .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 500px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.lightbox .header,
.lightbox .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lightbox .header .h,
.lightbox .footer .h { margin: 0; }

.lightbox .header .button:not(:first-child),
.lightbox .footer .button:not(:first-child) { margin-left: auto; }

.lightbox .header { padding-bottom: 10px; }

.lightbox .footer { padding-top: 20px; }

.lightbox .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: scroll;
}

.lightbox .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}