/*общие насройки*/  
 
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.a{
  width: 960px;
  max-width:960px;
  margin:0 auto;
  min-height:1200px; 
}
table.a td.left_column{
  width:640px;
  min-width:320px;
  padding:0px;
}
table.a td.right_column{
  width:320px;
  height:1200px;
  box-sizing: border-box;
  padding:10px 0px 0px 10px;
}

/* Логотип и заголовок */ 

div.header{
   width:640px;
   margin:0px 0px 5px 0px;
   box-sizing: border-box;
   background-color:#53565a;
   min-height:80px;
}
div.logo_header img{
    width:60px;
    height:60px;
    background-color:#ffffff;
    border-radius:4px;
    margin:10px 0px 0px 10px;
}
div.logo_header{
  width:70px;
  background-color:#53565a;
  float:left;
}
div.text_header {
  margin-left:70px;
  color:#ffffff;
  background-color:#53565a;
  padding:5px 20px;
  text-align:center;
}
div.text_header h1,h2{
  color:#ffffff;
  padding:0px;
  margin:0px;
  line-height: 120%; 
  font-weight:400;
  font-family: Arial,Georgia,Times,serif; 
}
div.text_header h1{
  font-size: 23px;
}
div.text_header h2{
  font-size: 21px;
}
/* меню */

div.menu{
  max-width:640px;  
  text-align:center;
}
div.menu div{
  width:135px;
  height:40px;
  line-height:40px;
  text-align:center;
  margin:5px 10px;
  display: inline-block; 
  border-radius:5px;
  background-color:#eedfac; 
}
div.menu div   a {
    text-decoration: none;
    color:#000;
    display:block;
} 
div.menu div  a:visited{ 
    text-decoration: none;
    color:#000;
    display:block;
    
} 
div.menu div  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;
}
}

/*подвал*/

div.bottom{
    max-width:640px;  
    margin:0px;
	box-sizing: border-box;
	padding:200px 0px 30px 0px;
}
div.bottom div{
    text-align:center;
}
div.bottom div.button{
    margin:0px 0px 150px 0px;  
}
div.bottom div.about{
    margin:0px 10px;   
}


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

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

div.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:98%;
	margin: 30px auto 0 auto; 
}
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%;
}
/* тест по ПДД*/ 

div.test{
  width:600px;
  max-width:600px;
  margin:0px 0px 0px 20px;
  box-sizing: border-box;	
}
div.test1 {
    height:40px;
}
div.test1   a {
    text-decoration: underline;
    color:#000;
    margin-right:20px;
    line-height:40px;
	display: inline-block; 
} 
div.test1  a:visited{ 
    text-decoration: underline;
    color:#000;
    margin-right:20px;
    line-height:40px;
	display: inline-block; 
} 
div.test1  a:hover {
    text-decoration: underline;
    color:#00961C;
    margin-right:20px;
    line-height:40px;
	display: inline-block; 
}
div.test2{
    padding-top:5px;
    min-height:33px;
    
} 
div.test2   a {
    text-decoration: none;
    color:#000;
    display:block; 
     
} 
div.test2  a:visited{ 
    text-decoration: none;
    color:#000;
    display:block;
} 
div.test2   a:hover {
    text-decoration: underline;
    color:#00961C;
    display:block;
}
div.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; 
}
div.test3{
	 padding-top:5px;
     height:22px;
}
div.test3 div.left {
     width:250px;
	 height:22px;
     float:left;  
}
div.test3 div.right{
     margin-left:250px;
	 height:22px;
	 text-align:right;
}
div.test4{
     height:20px;
}
div.test5{
     height:23px;
	 line-height:23px;
}
div.test6 {
     font-size: 16px;
     font-weight:bold;
     padding:10px 0px;
}
div.test7 div.left {
     width:20px;
     vertical-align:top; 
     padding:10px 0px;
     float:left;  
}
div.test7 div.right{
     margin-left:20px;
}
div.test7 span{
     padding:10px 0px; 
     display:block; 
}
div.test7 a {
    text-decoration: none;
    color:#000; 
    padding:10px 0px;
    display:block; 
} 
div.test7 a:visited{ 
    text-decoration: none;
    color:#000;
    padding:10px 0px;
    display:block; 
} 
div.test7 a:hover {
    text-decoration: none;
    color:#000;
    padding:10px 0px;
    display:block;
    background-color:#f0f0f0;
}
div.test8 {
    padding-top:10px;
    height:30px;
}
div.test8 button{
	height:30px;
}
.green{
  color:#00961C;
  line-height:23px;
}
.red{
   color:red;
   line-height:23px;
}

@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.a{
  width:640px;
  margin:0 auto; 
}
table.a td.right_column{
  width:0px;
  display: none;
}
}

@media screen and (max-width:680px) {
table.a, table.a td.left_column, div.header, div.bottom, div.index{
  width:100%;	
}
div.test{
	width:94%;
	margin:0 auto;
}
div.test4{
     height:10px;
}
div.test6{
  font-size:14px;
}
div.header h2{
  font-size:17px;
}

div.header h1{
  font-size:19px;
}
}