/* Устройства с шириной от 0px до 319px (телефоны с крохотным разрешением) - начало медиазапроса */

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

body {
width: 100%;
min-width: 0px;
max-width: 319px;
overflow-x: hidden;
}

.header {
width: 100%;
height: 300px;	
}

.navi {
display: block;
width: 100%;
height: 320px;
background-color: #42613A;
}

.navi > ul {
width: 100%;
padding-top: 10px;
margin: 0;
}

.navi > ul > li {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0;
font-weight: bold;
font-family: Garamond, serif;
font-size: 38px;
letter-spacing: 4px;
color: #ffd700;
text-align: center;
vertical-align: middle;
border-top: 1px solid #ffd700;
border-bottom: 1px solid #ffd700;
}

.navi > ul > li:hover {
background-color: #A25840;}

.navi > ul > li > a:link {
text-decoration: none;
color: #ffd700;
}

.navi > ul > li > a:active {
color: #ffd700;
}

.navi > ul > li > a:visited {
color: #ffd700;
}

.top {
display: none;	
}

.tagline {
display: none;
}

.sidebar {
width: 100%;
display: block;
background-color: #FFFFFF;
background-image: url(/fg_brand/images/scroll_texture.jpeg);
background-repeat: repeat;
background-size: auto;
}

.sidebar_top {
width: 100%;
height: 40px;
background-color: #42613A;
font-family: 'AA American Captain', sans-serif;
font-size: 31px;
text-align: center;
vertical-align: middle;
color: #ffd700;
padding-top: 2px;
-webkit-box-shadow: 1px 2px 6px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 2px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 2px 6px 0px rgba(50, 50, 50, 0.75);
}

.sidebar_top a {
color: #ffd700;
text-decoration: none;
}

.sidebar_top a:link {
color: #ffd700;
text-decoration: none;
}

.sidebar_top a:visited {
color: #ffd700;
text-decoration: none;
}

.sidebar_content {
width: 100%;
font-size: 18px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
line-height: 1.5;
}

.uMenuV > ul {
padding-top: 10px;
padding-left: 10px;
list-style-type: none;
}

.uMenuV > ul > li {
padding-bottom: 3px;
}

.uMenuV > ul > li > a {
color: #42613A;
border-bottom: 2px dotted #42613A;
}

.uMenuV > ul > li:hover > a:hover {
color: #42613A;
background-color: #ffd700;
}

.uMenuV > ul > li > a:link {
text-decoration: none;
color: #42613A;
}

.uMenuV > ul > li > a:visited {
color: #42613A;
}

.uMenuV ul li ul {
display: none;
}

.page {
width: 100%;
background-color: white;
}

.content {
width: 90%;
overflow-x: hidden;
padding-top: 25px;
margin-left: 5%;
margin-right: 5%;
text-align: justify;
font-family: Arial, sans-serif; 
font-size: 16px;
line-height: 2;
text-indent: 30px;
}

/* СОКРЫТИЕ ТАБЛИЦ НА САМОМ МАЛЕНЬКОМ РАЗРЕШЕНИИ */

body > article > .page > .content > table {
display: none;
}

/* СОКРЫТИЕ ТАБЛИЦ НА САМОМ МАЛЕНЬКОМ РАЗРЕШЕНИИ */

footer {
width: 100%;
}

.foot1 {
display: none;
}

.foot2 {
display: none;
}

.foot3 {
display: none;
}

.foot4 {
width: 100%;
display: none;
}

.foot5 {
width: 100%;
display: none;
}

.foot6 {
width: 100%;
display: none;
}

/* ВИД МАТЕРИАЛОВ В РАЗНЫХ МОДУЛЯХ - НАЧАЛО */

.material_preview {
display: none;
width: 100%;
height: auto;
margin-bottom: 10px;
font-weight: bold;
font-family: 'PT Sans', serif;
overflow: hidden;
}

.material_name {
width: 100%;
height: 40px;
font-size: 20px;
font-weight: bold;
color: #ffd700; 
text-align: center; 
vertical-align: middle;
background-color: #42613A
background-repeat: repeat-x;
border: 1px dashed #ffd700;
-webkit-box-shadow: 2px 2px 1px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 1px 0px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 1px 0px rgba(50, 50, 50, 0.75);
overflow: hidden;
}

.material_colcontainer {
width: 100%;
height: auto;
border: 1px solid #42613A;
background-image: url(/fg_brand/images/scroll_texture.jpeg);
overflow: hidden;
}

.material_leftcol {
width: 100%;
height: 100%;
}

.material_leftcol p {
/*display: block;*/
width: 100%;
padding: 2px;
border-bottom: 1px dashed #42613A;
overflow: hidden;
font-size: 12px;
color: #42613A; 
text-align: left;
}

.material_leftcol p a {
color: #42613A;
border-bottom: 1px dashed #42613A;
overflow: hidden;
}

.material_rightcol {
width: 100%;
height: 100%;
/*margin-left: 20%;*/
background-color: white;
font-size: 14px;
overflow: hidden;
}

.material_rightcol > p > a {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
text-align: center;
vertical-align: middle;
overflow: hidden;
}

.material_rightcol > p > a > img {
display: block;
width: auto;
height: auto;
min-width: 320px;
max-width: 639px;
/*text-align: center;*/
vertical-align: middle;
-webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);
overflow: hidden;
}

/* ВИД МАТЕРИАЛОВ В РАЗНЫХ МОДУЛЯХ - КОНЕЦ */

/* БЛОК КАТЕГОРИЙ В РАЗНЫХ МОДУЛЯХ - НАЧАЛО */

.catsTable {
height: auto;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 10px;
margin-bottom: 8px;
overflow: hidden;
font-size: 19px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
line-height: 1.5;
color: #42613A; 
}

.catsTd {
width: 100%;
}

.catName {
font-size: 19px;
color: #42613A; 
}

.catName > a {
color: #42613A;
text-decoration: none;
border-bottom: 1px dotted  #42613A;
}

.catName > a:link {
color: #42613A;
text-decoration: none;
}

.catName > a:visited {
color: #42613A;
text-decoration: none;
}

.catNumData {
font-size: 14px;
}

.catDescr {
font-size: 12px;
}

/* БЛОК КАТЕГОРИЙ В РАЗНЫХ МОДУЛЯХ - КОНЕЦ */

}

/* Устройства с шириной от 0px до 319px (телефоны с крохотным разрешением) - конец медиазапроса */