body
{
display:block;
margin:0px auto;
padding:0px;
background-color:#F0F0F0;
color:#484E46;
font-family:arial,sans-serif,tahoma;
font-size:16px;
text-align:left;
line-height:1.5em;
}
#stranica
{
max-width:1020px;
margin:10px auto 30px auto;
background-color:#FFFFFF;
border-radius:20px;
}
#soderzhanie
{padding:10px;}
img
{border:none;}
a:link, a:visited
{
text-decoration:none;
color:#3243AE;
font-weight:bold;
cursor:pointer;
}
a:hover
{color:#008000;}
#verh
{margin-bottom:22px;}
#logotip-saita
{
float:left;
margin:0px 30px 0px 0px;
}
#menyu
{padding-top:28px;}
#menyu ul
{
list-style-type:none;
margin:0px;
}
#menyu li
{
display:inline-block;
vertical-align:top;
margin:0.5em 1.5em 1.5em 0em;
}
#menyu a:link, #menyu a:visited
{
color:#FFFFFF;
background:#008000;
padding:0.5em 1.2em;
border-radius:1.5em;
}
#menyu a:hover
{color:#F9E707;}
#liniya-pered-materialom, #liniya-posle-materiala
{
margin:5px 0px 5px 0px;
height:3px;
background-color:#F0F0F0;
border-radius:10px;
}
.liniya-v-materiale
{
margin:0px;
height:3px;
background-color:#F0F0F0;
border-radius:10px;
}
h1
{
text-align:center;
font-weight:bold;
font-size:20px;
margin:20px 0px 0px 0px;
}
h2, h3, h4, h5, h6
{
text-align:center;
font-weight:bold;
font-size:18px;
}
#logotip-magazina
{text-align:right;}
.spisok-v-tekste ul
{
padding:0px 0px 0px 30px;
list-style-type:disc;
}
.spisok-v-tekste li
{
margin-bottom:10px;
display:list-item;
}
.spisok-v-tekste li::marker
{color:#008000;}
.knopka, .smotret-katalog, .katalogi-magazinov-goroda
{text-align:center;}
.knopka a:link, .knopka a:visited, .smotret-katalog a:link, .smotret-katalog a:visited, .katalogi-magazinov-goroda a:link, .katalogi-magazinov-goroda a:visited
{
color:#FFFFFF;
background:#008000;
padding:0.5em 1.2em;
border-radius:1.5em;
line-height:2em;
}
.knopka a:hover, .smotret-katalog a:hover, .katalogi-magazinov-goroda a:hover
{color:#F9E707;}
.obratnaya-svyaz, .primechanie
{
padding:0.5em 1.2em;
background-color:#F0F0F0;
border-radius:1em;
}
.primechanie span
{color:#FF0000;}
#niz
{
margin-top:1em;
padding:0.5em 1.2em;
background-color:#F0F0F0;
border-radius:1em;
line-height:1.2em;
}
.forma-obratnoi-svyazi
{text-align:center;}
.bukvy-alfavita ul
{
list-style-type:none;
padding:0px;
margin:0px 0px 5px 0px;
}
.bukvy-alfavita li
{display:inline-block;}
.bukvy-alfavita a:link, .bukvy-alfavita a:visited
{
color:#FFFFFF;
background:#008000;
padding:0.8em;
margin:0.3em 0.3em 0.1em 0.3em;
float:left;
border-radius:1.5em;
line-height:0.6em;
}
.bukvy-alfavita a:hover
{color:#F9E707;}
#ar, #br, #vr, #gr, #dr, #er, #zh, #zr, #ir, #jr, #kr, #lr, #mr, #nr, #or, #pr, #rr, #sr, #tr, #ur, #fr, #hr, #cr, #ch, #sh, #sch, #eh, #yu, #ya
{
list-style-type:none;
font-size:20px;
}
.stolbec-v-spiske
{
margin:5px 0px 5px 0px;
height:7px;
background-color:#F0F0F0;
border-radius:10px;
list-style-type:none;
}
.spisok-gorodov ul
{
display:inline-block;
vertical-align:top;
width:190px;
margin:0px 0px 5px 0px;
padding:0px 3px 0px 3px;
color:#008000;
font-weight:bold;
list-style-type:disc;
list-style-position:inside;
line-height:2em;
}
.spisok-magazinov ul
{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
line-height:1.2em;
}
.spisok-magazinov li
{
display:inline-block;
text-align:center;
vertical-align:top;
margin:0px 0px 4px 0px;
}
.spisok-magazinov a:link, .spisok-magazinov a:visited
{
display:block;
width:190px;
background-color:#F0F0F0;
border:solid;
border-color:#FFFFFF;
border-radius:1em;
padding:3px 0px 5px 0px;
}
.spisok-magazinov a:hover
{border-color:#008000;}
@media screen and (max-width:770px)
{
#stranica
{margin:0px auto 10px auto;
border-radius:0px 0px 20px 20px;}
#verh
{margin-bottom:0px;}
#menyu ul 
{padding:0px;}
#menyu li
{margin:0.7em 1.5em 1.5em 0em;}
#liniya-pered-materialom
{margin:20px 0px 5px 0px;}
.spisok-gorodov ul
{line-height:2.5em;}
}
@media screen and (max-width:597px)
{
#liniya-pered-materialom
{margin:5px 0px 5px 0px;}
}
@media screen and (max-width:474px)
{
.katalogi-magazinov-goroda a:link, .katalogi-magazinov-goroda a:visited
{display:block;
padding:0.3em 1.2em;
line-height:1.5em;}
}
@media screen and (max-width:433px)
{
.spisok-gorodov ul
{margin:0px;}
.stolbec-v-spiske
{display:none;}
.spisok-magazinov ul
{text-align:center;}
}
@media screen and (max-width:284px)
{
.knopka a:link, .knopka a:visited
{display:block;
padding:0.3em 1.2em;
line-height:1.5em;}
}
@media screen and (max-width:220px)
{
#menyu a:link, #menyu a:visited
{display:block;
padding:0.3em 1.2em;
text-align:center;}
}
@media screen and (max-width:216px)
{
.smotret-katalog a:link, .smotret-katalog a:visited
{display:block;
padding:0.3em 1.2em;
line-height:1.5em;}
}