@viewport { width: device-width;}

body	{ font-family: Verdana, Tahoma, Arial Cyr, Arial, Times New Roman, Helvetica, sans-serif; }
table	            { border: 0;}
td			        {  align: left; margin: 10px;}
td.ramka1                              {border-right-width:1px; border-right-style:solid; border-right-color:gray; }
td.ramka2                                 {border-left-width:1px; border-left-style:solid; border-left-color:gray;} 
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           {color: #CC3300; font-weight: bold; font-size: 18px; margin-left: 30px;}
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", Verdana,Tahoma; monospase; font-size: 18px;  margin-left: 20px;}  
p.otstup2                  { color: #CC3300;font-family: "Times New Roman", Verdana,Tahoma; monospase; font-size: 18px; margin-top: 10px; margin-left: 40px;}    
p.otstup3                  { color: #000000;font-weight: bold; font-family: "Times New Roman"; font-size: 16px;  margin-left: 10px;}                                                            
p.sample1                 { font-family: Verdana,Tahoma; monospase; font-size: 14px;}
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;}

@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;}
	td.ramka1 {display: none;}
	td.ramka2 {background-color: #FFF;}
	}
@media (max-width: 600px) {
	p {font-size: 18px; margin: 15px 10px;}
	td.ramka1 {display: none;}
	td.ramka2 {background-color: #FFF;}
	}