body { margin:0 auto; max-width:1000px; padding:7px; font-family: 'Comic Sans MS', Arial/*monospace; /*serif*/;}
p {font-size: 17px; text-align:justify; text-indent:25px; margin:5px; padding: 0;}
h1 {font-size: 45px; text-indent:0; text-align:center; margin: 20px; text-shadow: 4px 4px 2px silver;}
h2 {font-size: 20px;text-indent:0; text-align:center; margin: 0px;}
h3 {font-size: 120%; margin:30px 0 15px; padding: 0 30px; text-shadow: 5px 5px 3px silver; /*border:3px double #ccc; border-radius: 5px; background: #eee;*/}
h6 {padding: 0 5px; margin:5px;}

i {font-size: 110%;/*font-weight:500;*/}
img{ max-width:98%; height: auto; margin: 5px; }
div {max-width:100%;}
table {margin:0 auto; max-width:98%;}
td {vertical-align:top;} 

sup, sub {line-height: 0;}


 .stih { /* ������������� div class="stih" */
 display: table;
 font-size: 17px;
 margin: -1em auto 0em; /* ���� �����/���� ��� ��� ������������� display: table; �� ����� ��������� ������ ����� */ 
 white-space: pre-line; /* �� ����� <br> */ 
 word-wrap: break-word; /* ����� ����� ������������ �� ��������� ������ */ 
 padding: 10px;
 border: solid 1px #eed; /* ��������� ����� */
 border-radius: 10px;
 background: #f5f5f5; /* ���� ���� */
 font-style: italic;
 }



.minus {font-size: 60%; line-height: 90%;}

.sleft {width: 59%; float:left; /*border: solid 1px #999;*/}
.sright {width: 39%; float:right; /*border: solid 1px #999;*/}
.api {display:table; margin: 20px 0 0 auto; font-family:Calibri; font-size: 80%; font-weight:500; line-height:110%; font-style:italic; /*border:1px solid #999;*/}
.api p { text-indent:0;}
.sr {text-align:right; text-indent:0; margin-top: 7px;/*����� ����*/}

.breadcrumbs {font-size: smaller; text-indent:0; line-height: 90%; padding: 0; margin:-5px 0; text-shadow: 1px 1px 1px #f9f;}
.shopot {font-family: Courier; font-weight:600; color: #630; text-shadow: 3px 3px 5px #69f;}
.citata {font-family: Arial; text-indent: 30px; text-align: justify; margin: 5px 5px; font-weight:500; background: #f0f0f0;}
.citataC {font-family: Calibri; display: table; margin: 5px auto; text-indent: 0px; text-align: center;  padding: 20px; font-weight:500; background: #fffff0; border: 1px solid #c99; border-radius: 2px;}
.citataN {font-family: Georgia; font-size: 18px; text-indent: 20px; line-height: 140%; text-align: justify; margin: 5px; font-weight:500; background: #fffff3;}
.center {display:table; margin: 5px auto; text-indent: 0; padding: 0;}
.center img {display: block; margin: 0 auto; }
.center p {font-size: 95%;/* font-family: Monospace;*/ font-weight:500; line-height:100%;}
.mystrong {font-weight:bolder; color:#422; /*text-shadow: 2px 2px 1px silver;*/ }
.snoska {font-family: Arial;/* font-style:italic;*/ font-size: 14px; color:#222; font-weight:600; text-indent:0px; text-align: justify; margin:5px; line-height: 110%; /*text-shadow: 1px 1px 1px silver;*/}
.snoska2 {font-family: Calibri; font-size: 16px; color:#666; font-weight:600; text-indent:0; text-align: center; margin:5px; padding:10px; font-weight:600; border:3px double #ccc; border-radius: 5px; background: #eee;}
.c3zv {text-indent:0; text-align:center; margin: 20px 10px 10px 10px; font-size: 200%;}
/*.hrl50 {margin: 5px 40% 5px 5px; padding: 0; height: 0; border: none; border-top: 1px solid #000000;}*/
.hrl50 { width: 30%; margin: 5px 0 auto 0; padding: 0; height: 0; border: none; border-top: 1px solid #000000;}
.hrc100 {margin: 5px 30px; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc30 {width: 30%; margin: 5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc50 {width: 50%; margin: 5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc75 {width: 75%; margin: 5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.ctr {text-indent:0; text-align: center; margin: 0 auto; padding: 0;}
.block {max-width: 98%; margin:5px; padding:5px; display:inline-block; vertical-align: top;}
.vhr { width: 4px; background:gray; border-color: silver; margin: 0 auto; padding: 0;}
.ghr { height: 4px; background:gray; border-color: silver; margin:0;}


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

  body { padding:3px;}
 p, h2, h3, th, td, .c3zv, .shopot {font-size: 90% /*smaller*/;}
 h1 {font-size: 30px;}
  td, div {font-size: 90%;}
  .citata, .citataN, .citata0, .stih  {font-size: 15px;}
  .center p {font-size: 95%;}
  .snoska, .snoska2 {font-size: 12px;}
  .snoska2 {margin: 2px; padding: 2px}
  .sleft, .sright {display:inline; width: 100%; margin: 0 auto;}
  }