table, html { height:100%; }
img { border:0px}
table { height:100%; }

html, body{
            width: 100%; padding: 0; margin: 0;
            font-family: "Candara";
        }
#all { width:100%; background: linear-gradient(to top right, #cfd2c9 10%, #E4E4D8 30%, #FFFFFF 60%); height:150px; }
  
#title1 { background: url(img/title.png) center right no-repeat; width: 48%; padding:0px; margin:0px;  height: 100%; display:block; float: left; 
-moz-background-size: 98% auto; /* Firefox РґРѕ 4.0 */
   -webkit-background-size: 98% auto; /* Safari Рё Chrome */
   -o-background-size: 98% auto; /* Opera до версии 10.53 */
  background-size: 98% auto; }  
  
#title2 { background: url(img/right.jpg) top left no-repeat; width:50%; height: 100%; display:block; float: right; -moz-background-size: auto 100%; /* Firefox РґРѕ 4.0 */
   -webkit-background-size: auto 100%; /* Safari Рё Chrome */
   -o-background-size: auto 100%; /* Opera до версии 10.53 */
  background-size: auto 100%;  }

#spiski { margin: 0 28px; border-left:1px solid #6a644e; border-right:1px solid #6a644e; }
#spiski a { font-family: "Candara", serif; font-weight: bold; 
  }
#spiski a:link { text-transform: none;  text-decoration: none;  color: #6a644e;
	}  
#spiski a:activ { text-transform: none; text-decoration: none; color: #da400e; border-bottom: 1px solid #6a644e; 	}
#spiski a:hover { text-transform: none; text-decoration: none; color: #da400e; border-bottom: 1px solid #6a644e; 	} 
#spiski a:visited { text-transform: none; text-decoration: none; color: #6a644e; border-bottom: 1px solid #6a644e;
	}
#spiski p {background-color: rgba(255, 255, 255, 0.4); padding: 5px 5px 5px 15px; font-size:120%; text-shadow: #fff 1px 1px 0, #fff 0 0 2px; color:#20464f;}

.black { color: #000000; text-shadow: #000000 0 0 1px; }

#spiski li {
    list-style-type: none; /* Убираем маркеры */; padding-bottom:5px; font-weight: bold; color: #6a644e;
   }

#spiski h2 { padding: 5px 5px 5px 15px; font-size:150%; text-shadow: #fff 1px 1px 0, #fff 0 0 2px; color:#20464f;background:#f3f3ee; }

#footer { display: inline-block; position: fixed; bottom:0; left:0; width:100%; background-color: rgba(100, 100, 100, 0.3); font-size: calc(0.9vw + 0.6vh); font-family: "Istok Web", sans-serif; color:#ffffff; }

#footer a { color:#ffffff; border-bottom:1px solid #ffffff; text-decoration: none; }

#footer p {
	text-align: center; letter-spacing: 1px; margin:0; line-height:1.2; padding:15px 0;
}

.stroke { text-shadow: #fff 1px 1px 0, #fff 0 0 2px; 
   }
   
.center { text-align:center; font-style:italic; letter-spacing:3px;  }   
.red { color:#da400e; font-weight:bold; }	

#breadcrumbs { color:#20464f; padding-left:3px; letter-spacing:1px; padding-bottom: 20px; }
#breadcrumbs a { color:#20464f;  }

#links { display:inline-block; text-align:center; width:100%; letter-spacing:5px; }
#links a { font-family: "Candara", serif; font-style:italic; font-weight:bold; font-size:110%;  }
#links a:link { text-transform: none;  text-decoration: none; color: #6a644e; }  
#links a:activ { text-transform: none; text-decoration: none; color: #da400e; border-bottom: 1px solid #6a644e; 	}
#links a:hover { text-transform: none; text-decoration: none; color: #da400e; border-bottom: 1px solid #6a644e; 	} 
#links a:visited { text-transform: none; text-decoration: none; color: #6a644e; border-bottom: 1px solid #6a644e;
	}
.ad-menu ul { width:100%; display:inline-block; text-align:center; margin:0; padding: 5px 0; }
.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: content-box; 
}
.ad-menu li {
  display: inline-block;
  background: rgb(218,212,180);
background: linear-gradient(360deg, rgba(222,222,222,1) 62%, rgba(255,255,255,1) 38%); 
  font-size: 1.4em;
  text-align: center;
  width: 24%; padding:5px 0; 
}
.ad-menu li a {
  display: block; font-weight:bold;
  text-decoration: none;
  width: 100%;
}

.ad-menu a:link { text-transform: none;  text-decoration: none; color: #20464f;	}  
.ad-menu a:activ { text-transform: none;  text-decoration: none; color: #20464f;	 	}
.ad-menu a:hover { text-transform: none;  text-decoration: none; color: #20464f;	 	} 
.ad-menu a:visited { text-transform: none;  text-decoration: none; color: #20464f;	
	}
.ad-menu li:hover {
  background: #dedede; border:1px solid #f8f8f8; margin:-1px;
}

@media screen and (max-width: 1700px) {

}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1300px) {
#all { width:100%; background: linear-gradient(to top right, #cfd2c9 10%, #E4E4D8 30%, #FFFFFF 60%); height:100px; }

}
@media screen and (max-width: 920px) {
.ad-menu li {
    
  }
  
}
@media screen and (max-width: 720px) {
#all { width:100%; background: linear-gradient(to top right, #cfd2c9 10%, #E4E4D8 30%, #FFFFFF 60%); height:62px; }
.ad-menu li {
    width: 48%;
}

}