/* сброс стилей браузера */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 
/* конец кода сброса стилей браузера */

}/*для видимости в браузере*/
html {
	padding-top: 15px;
}
body {
	width: 80%;
	padding: 10px;
	margin: 0 auto;
}
#page {
	overflow: auto;
	background-color: #E1EDEB;
}	
#header { /*заголовок*/
	height: 100px;
	overflow: hidden;
	background-image: url("gallery1/map.png");	
}
.sitebranding {
	font-size: xx-large;
    padding-top: 0.7em;
	padding-bottom: 0.1em;
	padding-right: 10px;
    margin: 0;
	text-align: right;
	font-style: italic;
	font-weight: bold;
}
#content { /*основное содержимое*/

	overflow: auto;

	padding: 5px;
}
#pane { /*панель левая*/

	width: 24%;
	float: left; /*обтекание*/
	overflow: auto;

}
#menu, #menu1, #menu2 {


	width: 80%;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menu {
	display: block;
	background: #00aaff;
	border: solid 1px;
	border-color: #000aa;
}
a {
	margin: 2px 30px;
	color: red;
	text-decoration: none;/*чтобы ссылки не подчеркивались*/ 
}
a:link {color:red}
a:visited {color:blue}
a:hover {color:#ffff00}
a:active {color:#00ffff}
table.events {
	text-align: left;
	margin: 0 auto;
}
#text { /*основное содержимое*/
	width: 75%;
	float: left; /*обтекание*/
	padding: 5px;
	overflow: auto;

	border: solid 2px white;
}
#pane2 {


	overflow: auto;

}
.tgr{
    font-weight: bold;
	font-style: italic;
	color: red;	
}
.blue{
	color: blue;
	font-weight: bold;
}
.orange{
	color: orange;
	font-weight: bold;
}
.green{
	color: green;
	font-weight: bold;
}
#additional {
	padding-top: 5px;
}
h1, h2, h3 {
	padding: 0.2em;
    text-align: center;
    margin: 0;
}
h1{
	font-size: x-large;
}
h2{
	font-size: large;
	border-top: 2px white solid;
	padding-top: 15px;
}
h4{
	padding-left: 10px;;
}
p {
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 3px;
}
ol {
	padding-left: 35px;

}	
#table {
	margin: 2px auto;
    width: 80%;
}

table.events th, table.events td {
    padding: 4px;
    border: #c0c0c0 solid 1px;
	font-size: smaller;
	vertical-align: middle;


}
table.events th {
	text-align: center;
	margin: 0;
}

table {
	border-spacing: 2px;
	border-collapse: separate;
	line-height: 1.0em;
}
table tr:nth-child(odd) { background-color: #D9F0FF; } tr:nth-child(even) { background-color: #FFFFFF; }
table.events a {
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
}
img.figure{
	border: 1px solid #c0c0c0;
	background-color: #CCC;
	padding: 3px;
}
figure { 
     float: right; 
	 width: 222px; 
	 margin: 15px 5px 5px 5px;
	 padding-right: 20px;
}	
figcaption {
	text-align: center;
	font-size: smaller;
}
figcaption ol{
	text-align: left;
}	
#footer { /*подвал*/
    height: 70px;
	overflow: hidden;
	background: gray;
}
#metrika {
	padding-right: 10px;
	float: right;
	font-size: medium;
	margin-right: 5px;
	
}