@viewport { width: device-width;}

body	{ font-family: Verdana, Tahoma, Arial Cyr, Arial, Times New Roman, Helvetica, sans-serif; monospase; 
      background-color: #fff; }
table	            { border: 0;}
td		{ align: left; margin: 10px;}
td.ramka1                              {border-right-width:1px; border-right-style:solid; border-right-color:gray;  background-color: #FFF8ED;}
td.ramka2                                 {border-left-width:1px; border-left-style:solid; border-left-color:gray; background-color: #FFF8ED;} 
td.ramka3                                  {border-top-width:1px; border-top-style: solid; border-top-color:gray;} 
td.ramka4                         {border-bottom-width:1px; border-bottom-style: solid; border-bottom-color:gray;} 

a:link		{ color: #0044FF; text-decoration:underline; font-weight: bold;} 
a:active		{ color: #0044FF; text-decoration: underline; font-weight: bold; }
a:visited		{ color: #455663; text-decoration: underline; font-weight: bold; }
a:hover		{ color: #00AADD; text-decoration: underline; font-weight: bold; }
 
H1           {font-family: "Times New Roman"; color: #000000; font-weight: bold; font-size: 18px; margin-left: 40px;}
H2		{ color: #00AACC;  font-weight: bold; font-size: 18px;} 
H3		{ color: #CC6600;  font-weight: bold; font-size: 13px; margin-left: 10px;} 
H4		{ color: #FF00BB;  font-weight: bold; font-size: 16px; margin-left: 30px; margin-top: 10px;} 

p		{ margin-left: 10px; margin-right: 10px; margin-top: 10px; font-size: 14px; } 
p.otstup1                  { color: #000000; font-family: "Times New Roman"; font-size: 18px;  margin-left: 20px;}  
                                                          
p.sample1                 { font-family: Verdana,Tahoma; monospase; font-size: 14px; margin: 10px;}
p.sample2                 { font-family: "Times New Roman"; font-size: 15px; font-style:italic; margin-right: 10px;}
p.sample3                { font-family: Verdana,Tahoma; monospase; font-weight: bold; font-size: 14px;}
p.sample4                 { font-family: "Times New Roman"; font-size: 14px; font-style: italic;}
img 		{border: 0;  padding: 5px; }

@media (max-width: 992px) {
	p {font-size: 16px; margin-top: 15px;}
	 p.sample2 {font-size: 16px; margin-top: 15px;}
	a:link {font-size: 16px;}
	a:active {font-size: 16px;}
}

@media (max-width: 820px) {
	p {font-size: 17px; margin-top: 15px;}
	p.sample2 {font-size: 17px; margin-top: 15px;}
	td.ramka1 {display: none;}
	td.ramka2 {background-color: #FFF;}
	}
@media (max-width: 600px) {
	p {font-size: 18px; margin: 15px 10px;}
	p.sample2 {font-size: 18px; margin: 15px 10px;}
	td.ramka1 {display: none;}
	td.ramka2 {background-color: #FFF;}
	}