/* задаем общие параметры тела */
* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url('bgimg.png');
}
a {
	color:#553010;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #957050
}

p {
	margin: 0 0 8px;
	text-indent:18px

}

img {
	border: none;
}
#wrapper {
	min-width: 900px;
	max-width: 1400px;
	margin: 0 auto;
}
iframe {
	overflow:hidden;
}


/* стилизация основных блоков */

#header {
     border-bottom:4px #553010 double;  /* нижний бордюр шапки сайта */
     text-align: center;  /* выравнивание текста по центру */
     width: 100%;  /* ширина шапки сайта */
     height: 100px;  /* высота шапки сайта */
     background-image:url('../css/bg_top.jpg');
}
#header p {text-indent:0px!important; color:#553010; font-family:"Times New Roman", Times, serif; font-size:50px; font-weight:bold; line-height:100px; font-style:italic; text-shadow:2px 2px 3px #ddd;}
 
#container {
     margin: auto auto;  /* отступы относительно окна браузера */
     width: 100%;  /* ширина блока container */
}

#telo {
	 width: 100%;  /* ширина блока telo включающий блоки menu и content */
}
#menu {
     border-right:1px #553010 solid;  /* правый бордюр блока menu, разделительная линия между блоком menu и блоком content */
     text-align: center;  /* выравнивание текста по центру */
     width: 300px;  /* ширина блока menu */
     margin-bottom:14px;  /* отступ от блока снизу */
     margin-right:20px;
     position:absolute;
}
#menu a { display:block; margin:0; padding:5px 1px}


#content { 
	margin-left:310px;
     text-align:justify;  /* выравние текста по ширине */
     padding-right:10px;  /* отступ от края блока до текста справа */
     margin-bottom:10px;  /* отступ снизу до блока footer */
}

#content p { 
	 text-indent:22px;  /* отступ красной строки абзаца */
	 margin-bottom:5px  /* межабзацовый интервал */
}

#clear {
     clear: both;  /* сброс обтекания перед блоком footer */
}
 
#footer {
    border-top: 2px #DCDCDC solid;  /* верхний бордюр блока footer, разделительная линия между блоком telo и блоком footer */
	width: 100%;  /* ширина блока footer */
	height: 50px;  /* высота блока footer */
}

#footer p {	
	margin-left:22%;  /* отступ слева текста блока footer */
	margin-right:30px  /* отступ справа текста блока footer */		
}

#rekl1 {display:block;}
#rekl2 {display:none;}
#rekl3 {display:block;}
#rekl4 {display:none;}

.rekl1 {display:block;}
.rekl2 {display:none;}
.rekl3 {display:block;}
.rekl4 {display:none;}

#img1 {display:block;}
#img2 {display:none;}
.img1 {display:block;}
.img2 {display:none;}

.vin {width:60%;}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
}
#text_blok{border-left:1px black dotted; padding:10px 10px 0px 20px}
/* стилизация главного блока контента  */
.text {
	margin:5px 8px 5px 90px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;
	color:#000000;
}

.text_1 {
	margin:5px 8px 5px 8px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	color:#000000;
}

.text_2 {
	margin:5px 8px 5px 8px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px; 
	text-align:justify;
	color:#000000; 
}

.text_center {
    text-align:  center;
    font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000000;
}

.epig {
	margin:5px 15px 5px 50%;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
	font-size:14px;
	text-align:justify;
	color:#000000;
}
.avtor {
	text-align:right;
	font-style: italic;
	font-weight:bold;
	margin-right:25px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	color:#000000;
}
.scroll {
	overflow-x:scroll;
}

/* классы и переопределенные теги контента */
h1 {
	text-align:center;
	font-family:georgia, serif;
	font-size:30px;
	font-style:normal;
	font-weight:bolder;
	color:#000000;
	
}
h2 {
	text-align:center;
	font-family:times, serif;
	font-size:28px;
	font-style:normal;
	font-weight:bolder;
	color:#553010;
	
}
h3 {
	text-align:left;
	font-family:georgia, serif;
	font-size:17px;
	font-style:normal;
	font-weight:bolder;
	color:#553010;
	
}
h4 {
	text-align:center;
	font-family:georgia, serif;
	font-size:18px;
	font-style:normal;
	font-weight:bolder;
	color:#553010;
	
}
h5 {
	text-align:right;
	font-family:georgia, serif;
	font-size:16px;
	font-style:normal;
	font-weight:bolder;
	color:#000000;
	
}
h6 {
	text-align:center;
	font-family:georgia, serif;
	font-size:15px;
	font-style:normal;
	font-weight:bolder;
	color:#000000;
	padding-bottom:5px
}

#text_blok {
	text-indent:20px;
	font-family:"Tahoma", sans-serif;
	font-size:15px;
	text-align:justify;
	color:#000000;
}

.text_tabl {
	font-family:georgia, serif;
	font-size:14px;
	text-align:center;
	color:#000000;
}
.marker_1{
	color:#0033cc;
	font-weight:bold;
}
.marker_2 {
	color:#0078FF;
	text-decoration:underline;
	font-style:italic;
	font-weight:bolder;
}

.marker_2_p {
	color:#0000FF;
	font-style:italic;
	font-weight:bolder;
	border-left:solid 3px #003366;
	padding-left:10px;
	margin-left:30px;
	margin-right:20px
}

.marker_3_p {
	border-left:solid 3px #003366;
	padding-left:10px;
	margin-left:30px;
	margin-right:20px
}
.marker_4_p {
	text-align:right;
	color:#000000;
	font-style:italic;
	font-weight:bold;
	border-top:solid 1px black;
}
/* расположение картинок в тексте */
.pic_cont_left  {
	float:left;
	text-indent:0px;
	}
	
.pic_cont_left img {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:7px;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

/* без бордюра */

.pic_cont_left_bb  {
	float:left;
	}
	
.pic_cont_left_bb img {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:7px;
}

.pic_cont_left_50_bb  {
	float:left;
	}
	
.pic_cont_left_50_bb img {
	width:50%;
}

/* с бордюром */

.pic_cont_left_25  {
	float:left;
	text-indent:0px;
	}
	
.pic_cont_left_25 img {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:7px;
	width:25%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}



.pic_cont_left_50  {
	float:left;
	text-indent:0px;
	}
	
.pic_cont_left_50 img {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:7px;
	width:50%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

.pic_cont_left_75  {
	float:left;
	text-indent:0px;
	}
	
.pic_cont_left_75 img {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:7px;
	width:75%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

.pic_cont_right  {
	float:right;
	}

.pic_cont_right img {
	margin: 5px 7px 7px 7px;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

/* без бордюра */

.pic_cont_right_bb  {
	float:right;
	}
	
.pic_cont_right_bb img {
	margin: 5px 7px 7px 7px;
}

.pic_cont_right_50  {
	float:right;
	}

.pic_cont_right_50 img {
	margin: 5px 7px 7px 7px;
	border:solid 3px #DCDCDC;
	border-radius:9px;
	width:50%;
}


.pic_cont_center_10 {
	text-align:center;
}
.pic_cont_center_10 img {
	text-align:center;
	width:10%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}



.pic_cont_center_20 {
	text-align:center;
}
.pic_cont_center_20 img {
	text-align:center;
	width:20%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}


.pic_cont_center_35 {
	text-align:center;
}
.pic_cont_center_35 img {
	text-align:center;
	width:35%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

.pic_cont_center_50{
	text-align:center;
}
.pic_cont_center_50 img {
	text-align:center;
	width:50%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}


.pic_cont_center_60{
	text-align:center;
}
.pic_cont_center_60 img {
	text-align:center;
	width:64%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

.pic_cont_center_75{
	text-align:center;
}
.pic_cont_center_75 img {
	text-align:center;
	width:75%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}


.pic_cont_center_90{
	text-align:center;
}
.pic_cont_center_90 img {
	text-align:center;
	width:94%;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}

.pic_cont_center{
	text-align:center;
}
.pic_cont_center img {
	text-align:center;
	border:solid 3px #DCDCDC;
	border-radius:9px;
}



/* подъемник позиционирование по экрану */
#Go_Top { 
 position: fixed;
 bottom: 25px;
 left: 176px;
 cursor:pointer;
 display: none;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* фильтры для IE 5.5+ */
    -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    }
#Go_Top:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* фильтры для IE 5.5+ */
    -moz-opacity: 1; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}

/*///////////////// таблица Менделеева */
.index_form sup, .index_form sub {font-size:11px;display:block; width:21px; text-align:right}
.index_form span {font-size:24px; font-weight:bold;}
.index_form .form_ss {width:21px; float:left; margin-right:3px}
.index_form {float:left; font-size:24px;}

.index_form_text sup {font-size:11px;  }
.index_form_text sub {font-size:11px;margin-left:-14px}
.index_form_text span {font-size:20px; font-weight:bold;}

/*////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 550px){
	
	.text { font-size:larger}
/* задаем общие параметры тела */
#wrapper { width:100%;margin: 0 auto;	min-width: 320px}

#menu {float:none; width:100%; position:relative;}
#menu a {font-size:large; padding:7px}
#menu a:hover {background-color: white}
#content {margin-left:0px;}
#rekl1 {display:none;}
#rekl2 {display:block;}
#rekl3 {display:none;}
#rekl4 {display:block;}
#img1 {display:none;}
#img2 {display:block;}

.vin {width:98%;}

.rekl1 {display:none;}
.rekl2 {display:block;}
.rekl3 {display:none;}
.rekl4 {display:block;}
.img1 {display:none;}
.img2 {display:block;}

}
/* Header
-----------------------------------------------------------------------------*/
#header {
     text-align: center;  /* выравнивание текста по центру */
     width: 100%;  /* ширина шапки сайта */
     height: 65px;  /* высота шапки сайта */
}
#header p {font-size:28px; line-height:65px;}


.headercolls {
	background-image: url('leftcollst_bg.jpg');
	background-repeat:repeat;
	margin-left:5px;
	margin-right:5px;
	margin-top:7px;
	border:solid 4px #8F8B93;
	border-radius: 10px; height:90px
}
.header_left {
 display:none
}
.header_right {
display: none
}

.head3{
	position:relative; top:0;
	text-align:center;
	font-family:georgia, serif;
	font-size:28px;
	font-style:italic;
	font-weight:bolder;
	color:#0033CC;
	text-align:center;
	text-shadow:#00135D 1px 1px 4px;

}
.head3 table { display:none}


/* стилизация главного блока контента  */
.text_conent {
background-image: url('leftcollst_bg.jpg');
	background-repeat:repeat;
	margin:5px;
	border:solid 4px #8F8B93;
	border-radius: 18px;
	overflow:hidden;

}
			
/* классы и переопределенные теги контента */
.text {
	margin:5px;
}
.big_text {
	margin:5px;
	font-size:;
}
}

/* строка переходов между страницами */
#row_links {margin:5px 8px 5px 8px;	font-family:"Times New Roman", Times, serif; font-size:16px; text-align:justify; color:#533010}
#row_links a {color:#533010!important}