/* SVGCONTAINER */
/* ============ */
@namespace SVGcontainer url(http://www.w3.org/2000/svg);		
.SVGcontainer {
width:100%;
height:100%;
}

SVGcontainer|a text,
text SVGcontainer|a {
  fill: blue; /* Даже для текста SVG использует заливку */
  /* text-decoration: underline; */
}

SVGcontainer|a:hover, SVGcontainer|a:active {
  /* outline: dotted 2px blue; */
  fill: red;
}
SVGcontainer|text {
font-family:Arial; 
text-anchor:middle;
}



/* ТЕКСТ СВЕРХУ КАРТИНКИ -убрал */
/* ====================== */
.tekst_sverhu_kartinki_1 {
	position: absolute;
	TOP: 3PX;
	RIGHT: 2PX;
	width: 30%;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	background: #FFFFFF;
}
.tekst_sverhu_kartinki_1 span {
	color: #000000;
}

/* ТАБЫ ДЛЯ МАРШРУТОВ -убрал*/
/* ================== */
.tabs { width: 100%; padding: 0px; margin: 0 auto; text-align: center; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
	position: relative;
    padding: 2px;
    border: 1px solid #C0C0C0;
	border-radius: 5px;
    background: #FFFFFF;
	text-align: CENTER;	
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 1px 1px 4px 4px;
    text-align: center;
    color: #666666;
    border: 1px solid #C0C0C0;
	border-radius: 4px;
    background: #FFFFFF;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #ff0000;
    background: #FFFF00;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5 { display: block; }
input[type=radio] {
  display: none;
}

/* КНОПКИ ВЫБОРА МАРШРУТОВ */
/* ============= */
input[type=radio]+label {
  display: inline-block;
  margin: -2px;
  padding: 4px 12px;
  margin-bottom: 6px;
  
  font-size: 14px;
  line-height: 20px;
  color: #0035C7;		/* 27-02-24 */
  text-align: center;
  /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */
  vertical-align: middle;
  cursor: pointer;
  background-color: white;
  background-repeat: repeat-x;
  border: 1px solid black;
  border-radius: 4px;
}

input[type=radio]:checked+label {
  background-image: none;
  /* font-weight: bold; */
  outline: 0;
  /* background-color: #ffff008c; */
  border: 3px solid red;
}

input[type=radio]:hover+label {
  color: #fc9a15;
}
/* СКРЫТЫЕ БЛОКИ */
/* ============= */
		.nono {
		  width: 100%;
		  padding: 20px 0;
		  text-align: center;
		  /* background-color: lightblue; */
		  margin-top: 20px;
		  display: none;
		}
		

/*  меню АРХИВ НОВОСТЕЙ и ПРЕССА О */
/* =============================== */
.y-dropbtn {
    background-color: #f2f2f2; <!-- РАМКА СЕРАЯ-->
    color: white;
    padding: 4px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.y-dropdown {
    position: relative;
    display: inline-block;
}

.y-dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.y-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.y-dropdown-content a:hover {background-color: #f1f1f1;}
.y-dropdown:hover .y-dropdown-content {display: block;}
.y-dropdown:hover .y-dropbtn {background-color: #d3d3d3} <!-- РАМКА СИНЯЯ --> 


/** LIGHTBOX MARKUP не помню! **/
/* =========================== */
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 9991;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.86);
}
.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 95%;
	margin-top: 1%;
}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;
	/** Unhide lightbox **/
	display: block;
}

/** IFRAME не помню!   **/
/* ==================== */
	.box {
		position: relative;
		width: 100%;
		height:2260px;
	}
	iframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

/* BOX-CREW наклейки 6 шт  **/
/* ======================== */
.box-crew{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 135px;
    left: 60px;;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew:hover span{
top:0;
}

/*
    box-crew1
    ------------------------------------------------------------------------- */
.box-crew1{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 135px;
    left: 300px;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew1 span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew1:hover span{
top:0;
}

/*
    box-crew2
    ------------------------------------------------------------------------- */
.box-crew2{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 135px;
    left: 540px;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew2 span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew2:hover span{
top:0;
}

/*
    box-crew3
    ------------------------------------------------------------------------- */
.box-crew3{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 135px;
    left: 780px;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew3 span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew3:hover span{
top:0;
}

/*
    box-crew4
    ------------------------------------------------------------------------- */
.box-crew4{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 135px;
    left: 1020px;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew4 span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew4:hover span{
top:0;
}

/*
    box-crew5
    ------------------------------------------------------------------------- */
.box-crew5{
background-color:#fff;
border:1px solid #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    top: 202px;
    left: 60px;
height:60px;
position:absolute;
width:230px;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.box-crew5 span{
background-color:#fff;
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#444;
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0;
display:block;
width:100%;
}
div.box-crew5:hover span{
top:0;
}