body {
    background-image: url(/images/fon3.png); /* Путь к фоновому изображению */
	 }

.input {
    width:400px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.anketa {
    width:250px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.kiru {

    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.duris {
    width:80px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.button {
    background: #2e8ce3;
    padding: 4px 30px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: solid 1px #73c8f0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}

.button:active {
	position:relative;
	top:1px;
}

.content {
	margin: auto;
	width: 80%;
    background: white;
    border-radius: 10px;
	padding: 5px;
  }

.content2 {
	margin: auto;
	width: 98%;
    background: white;
    border-radius: 10px;
	padding: 5px;
  }	  

.contentmain {
	margin: auto;
	width: 98%;
	height: 98%;
    background: white;
    border-radius: 10px;
	padding: 5px;
  }	

.contentmain2 {
	margin: auto;
	width: 98%;
    background: white;
    border-radius: 10px;
	padding: 5px;
  }	


.block2 {
	float: right;
	width: 200px;
    background: #cfe7ff;
    border-radius: 10px;
	padding: 5px;
  }

.block3 {
	float: right;
	width: 200px;
    border-radius: 10px;
	padding: 5px;
  }

.kurs {
	margin: auto;
	width: 98%;
    background: #cfe7ff;
    border-radius: 10px;
	padding: 5px;
  }
	
	
.block0 {
padding-left: 50px;
	width: 65%;

  }	
	  
a { /* обычная ссылка */
    text-decoration: none;
    color: #183080;
  }
	
a { /* анимация */
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
	
a:hover { /* цвет при наведении */
   color: red;
   text-decoration: underline;
  }

.a4 {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/ramka1.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }

.newramka {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/new_ramka.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }

.newramkagold {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/new_ramka_gold.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }


.a4olymp {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/olympfon.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }

.newamufon {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/newamufon.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }



.a4olymp2 {
        width: 1160px;   /* ширина */
        height: 720px; /* высота */
        padding: 80px 80px 80px 80px; /* внутренние отступы - верх, право, низ, лево */
        margin: auto;  /* выравнивание по центру */
        box-shadow: 0px 0px 0px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
		background-image: url("/images/olympfon2.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
        font-family:  "Times New Roman"; /* нужный шрифт */
		font-size: 16pt;
      }


.a4knijnaya {
        width: 835px;   /* ширина */
        height: 1154px; /* высота */
        padding: 1px 20px 30px 50px; /* внутренние отступы - верх, право, низ, лево */
        margin: 50px auto;  /* выравнивание по центру */
        box-shadow: 5px 5px 10px #efefef; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
        font-family:  "Times New Roman"; /* нужный шрифт */
      }
	  
	  
  .nedeist {
		background-image: url("/images/nedeist.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	    background-position: top center;
      }	  
	  
	  

/* selected link */
a:active {
    color: yellow;
}

.demotable {
  border-collapse: collapse;
  counter-reset: schetchik;  /* счётчик с названием "schetchik" работает в рамках класса .demotable */
}
.demotable tr {
  counter-increment: schetchik;  /* при встрече тега tr счётчик с названием "schetchik" увеличивается на единицу */
}
.demotable td,
.demotable tr:before {
  padding: .1em .5em;
  border: 1px solid #E7D5C0;
}
.demotable tr:before {
 /* значение счётчика с названием "schetchik" записывается в первую клетку строки */
  display: table-cell;
  vertical-align: middle;
  color: #978777;
}

.center {
    margin: auto;
    width: 800px;
    padding: 10px;
}


#block_2{display:none;}
#block_1:hover #block_2{display:block;}




.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}