/*общие насройки*/  
 body{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   color:#000;
   line-height: 1.4;
   min-height:1200px;
   padding: 0;              
   margin: 0;    
}
table{
  border-collapse: collapse; 
  border-spacing: 0;        
  padding: 0;              
  margin: 0;  
}
td{
  text-align:left;
  vertical-align:top; 
  padding: 0;             
  margin: 0;              
  border: none; 
}
img{
  border: none;
  outline: none;
}
a{
    text-decoration: underline;
    color:#000;
} 
a:visited{ 
    text-decoration: underline;
    color:#000;
} 
a:hover {
    text-decoration: underline;
    color:#00961C;
}

/* наружний контур*/

table.b{
  width: 960px;
  max-width:960px;
  margin:0 auto;
  min-height:1200px; 
}
table.b td.l{
  width:640px;
  min-width:320px;
}
table.b td.r{
  width:320px;
  height:1200px;
  box-sizing: border-box;
  padding:10px 0px 0px 10px;
}
/* Логотип и заголовок */

table.header{
   width:640px;
   margin:0px 0px 5px 0px;
}
table.header td{
  vertical-align:middle; 
  text-align:center;
}
table.header td.logo img{
    width:60px;
    height:60px;
    background-color:#ffffff;
    border-radius:4px;
    margin:0px 0px 0px 10px;
    }
table.header td.logo{
  width:70px;
  height:80px;
  background-color:#53565a;
}
table.header td.text {	
  height:80px;
  color:#ffffff;
  background-color:#53565a;
  padding:3px 10px;
}
table.header h1,h2{
  color:#ffffff;
  padding:0px;
  margin:0px;
  line-height: 120%; 
  font-weight:400;
  font-family: Arial,Georgia,Times,serif;
  }
table.header h1{
  font-size: 23px;
}
table.header h2{
  font-size: 21px;
}
/* меню */

table.header td.menu{
  height:0px;
}
table.header td.menu div{
  width:140px;
  height:40px;
  line-height:40px;
  text-align:center;
  margin:5px;
  display: inline-block; 
  border-radius:5px;
  background-color:#eedfac; 
}
table.header td.menu   a {
    text-decoration: none;
    color:#000;
    display:block;
} 
table.header td.menu  a:visited{ 
    text-decoration: none;
    color:#000;
    display:block;
} 
table.header td.menu  a:hover {
    text-decoration: underline;
    color:#00961C;
    display:block;
}

/*реклама Adsense под вопросами*/

.ads_b{
    width:322px;
	height:102px;
    margin:30px auto;
}
.ads_b td{
    width:322px;
	height:102px;
}
@media screen and (max-width:330px){
.ads_b{
    width:320px;
	height:100px;
    margin:30px auto;
}
.ads_b td{
    width:320px;
	height:100px;
}
}

/*подвал*/

table.bottom{
    width:640px;
}
table.bottom td{
	width:100%;
    text-align:center;
}
table.bottom div.button{
    margin:0px 0px 150px 0px;  
}
table.bottom div.about{
    margin:150px 0px 30px 0px;   
}

/*главная страница*/

table.index{
	width:640px;
}
table.index td{
	box-sizing: border-box;
    padding:0px 10px;
}
table.index div.txt{
    padding:10px 10px;
}
table.txt{
	width:99%;
}
table.txt td{
   width:100%;	
   text-align:center;
   padding:0px; 
}
table.txt div.tickets {
  width:80px;
  height:40px;
  line-height:40px;
  text-align:center;
  margin:5px 3px;
  display: inline-block; 
  
}
table.txt div.tickets a {
    text-decoration: underline;
    color:#000;
    display:block;
    
} 
table.txt div.tickets a:visited{ 
    text-decoration: underline;
    color:#000;
    display:block;
} 

table.txt div.tickets  a:hover {
    text-decoration: underline;
    color:#00961C;
    display:block;
}


div.txt2{
    padding:0px; 
	margin:5px 0px;
	text-align:center;
}
div.txt2 a {
    text-decoration: underline;
    color:#000;
    display:block;
    padding:10px 0px;
} 
div.txt2 a:visited{ 
    text-decoration: underline;
    color:#000;
    display:block;
	padding:10px 0px;
} 

div.txt2  a:hover {
    text-decoration: underline;
    color:#00961C;
    display:block;
	padding:10px 0px;
}
table.info{
    width:99%;
	margin:30px 0px; 
}
table.info td{
    text-align:center;
	vertical-align:middle; 
	border:1px solid black;
	box-sizing: border-box;
	width:auto;
	padding:2px 10px; 
}
table.info td.a{     
	width:70%;
}
table.info td.c{
	width:10%;
}

/* тест по ПДД*/

table.test{
  width:600px;
  margin:0px 0px 0px 20px;
}
td.test1 {
	width:550px;
    height:40px;
    vertical-align:middle;
}
td.test1   a {
    text-decoration: underline;
    color:#000;
    margin:0px 19px 0px 0px;
    padding:10px 0px; 
	display: inline-block; 
} 
td.test1  a:visited{ 
    text-decoration: underline;
    color:#000;
    margin:0px 19px 0px 0px;
    padding:10px 0px;
	display: inline-block; 
} 
td.test1  a:hover {
    text-decoration: underline;
    color:#00961C;
    margin:0px 19px 0px 0px;
    padding:10px 0px;
	display: inline-block; 
}
td.test2{
    padding-top:5px;
    height:33px;
    
} 
td.test2   a {
    text-decoration: none;
    color:#000;
    display:block; 
     
} 
td.test2  a:visited{ 
    text-decoration: none;
    color:#000;
    display:block;
} 
td.test2   a:hover {
    text-decoration: underline;
    color:#00961C;
    display:block;
}
td.test2 div{
     width:27px;
     height:30px;
     border-radius:3px;
     border:1px solid #ddd;
     margin:0px 1px 1px 0px;
     line-height:30px;
     text-align:center;
     display: inline-block; 
}
td.test3 {
	 width:550px;
     height:25px;
     vertical-align:middle; 
}
td.test4 {
	 width:50px;
     text-align:right;
     vertical-align:middle;
}
td.test5 {
     height:180px;
}
td.test5 img {
     vertical-align:bottom; /*хрен его знает зачем*/
     max-width:100%;
	 
}
td.test55 {
     height:20px;
}
table.test #Note {
     height:30px;
     vertical-align:bottom;	 
}
td.test6 {
     font-size: 16px;
     font-weight:bold;
     padding:10px 0px;
}
table.test78 {
     width:100%; 
}
td.test7 {
     width:20px;
     vertical-align:top; 
     padding:10px 0px;   
}
td.test8 span{
     padding:10px 0px; 
     display:block; 
}
td.test8 a {
    text-decoration: none;
    color:#000; 
    padding:10px 0px;
    display:block;  
} 
td.test8 a:visited{ 
    text-decoration: none;
    color:#000;
    padding:10px 0px;
    display:block; 
} 
td.test8 a:hover {
    text-decoration: none;
    color:#000;
    padding:10px 0px;
    display:block;
    background-color:#f0f0f0;
}
td.test9 {
    padding:10px 0px 0px 0px;
    height:40px;
	box-sizing: border-box;
}
td.test9 button{
	height:30px;
}
.test_green{
  color:#00961C;
}
.test_red{
   color:red;
}

@media screen and (min-width:681px) { html {overflow-y: scroll;}}     /*от подергиваний при центрировании страницы*/
@media screen and (max-width:680px) { html,body {overflow-y: auto;}}  /*смартфоны, чтобы в одной точке зависал*/

/* убираем правую колонку с рекламой */

@media screen and (max-width:850px) {
table.b{
  width:640px;
  margin:0 auto; 
}
table.b td.r{
  display: none;
}
table.test td.test55 {
     height:5px;
}
}

@media screen and (max-width:680px) {
table.b,   table.b td.l,  table.index, table.header, table.bottom{
  width:100%;	
}
table.test{
	width:94%;
	margin:0 auto;
}
table.test td.test1, table.test td.test3{
	width:86%;
}
table.test td.test4{
	width:14%;
}
table.test td.test6{
  font-size:14px;
}
table.header h2{
  font-size:17px;
}
table.header h1{
  font-size:19px;
}
}
/* масштабирование картинки теста*/

@media screen and (max-width:600px) {
 td.test5,td.test5 img{
  height:180px;
}
}
@media screen and (max-width:560px) {
 td.test5,td.test5 img{
  height:174px;
}
}
@media screen and (max-width:520px) {
 td.test5,td.test5 img{
  height:168px;
}
}
@media screen and (max-width:480px) {
 td.test5,td.test5 img{
  height:162px;
}
}
@media screen and (max-width:440px) {
 td.test5,td.test5 img{
  height:156px;
}
}
@media screen and (max-width:400px) {
 td.test5,td.test5 img{
  height:150px;
}
}
@media screen and (max-width:360px) {
 td.test5,td.test5 img{
  height:144px;
}
}
@media screen and (max-width:320px) {
 td.test5,td.test5 img{
  height:138px;
}
}