body { margin:0 auto; max-width:1000px; padding:7px; font-family:  "Comic Sans MS", "Courier New", "Nimbus Mono L", monospace; color: #000000;} 
 p { font-size:17px; text-align:justify; line-height: 1.2; text-indent:25px; margin: 5px; padding: 0;} 
 h1 { display:table; margin:0 auto; text-indent:0; text-align:center; padding: 30px; border: 3px solid #999; border-radius: 12px;} 
 h2 { text-align: center; margin: 0;} 
 h3 { text-align: center; margin: 55px auto 20px;} 
 h4 {text-align: center; margin: 0;}
 a {text-decoration: none;}
 i {font-size: 105%;}
 sup, sub {line-height: 0;}
 b {color: #336;}
 .auth {font-weight:600;}
 .api {display:table; width: 30%; text-align:right; margin: 0 0 10px auto; font-size: 90%; font-weight:500; line-height:100%;}
 .api p {font-style: italic; font-size: 100%; text-indent:0;}
 .api50 {display:table; width: 50%; text-align:right; margin: 0 0 10px auto; font-size: 90%; font-weight:500; line-height:100%;}
 .api50 p {font-style: italic; font-size: 100%; text-indent:0;}
 .center {display:table; margin: 10px auto; text-indent: 0; padding: 0px;}
 .center p {line-height: 1.0; font-style: italic;}
 .citataC {font-size: 110%; display: table; margin: 15px auto; text-indent: 0px; text-align: center;  padding: 20px; font-weight:500; background: #fffff0; border: 1px solid #c99; border-radius: 20px;}
 .citataC p {text-indent: 0px; text-align:center;}
 .elf {background-color: #ffe;}
 .left {text-indent:90px;}
 .breadcrumbs {font-size: smaller; color:  #606; text-indent:0; line-height: 100%; padding: 0; margin:0; font-weight:500;}

 @media screen and (max-width: 820px) {	
 .api {display:table; width:  50%;}
	 }
 @media screen and (max-width: 620px) {	

 body { padding:3px;}
 p, h2, h3 {font-size: 100%;}
 p { text-align:left; 
 h4 {font-size: 100%;}
 .api50 {display:table; width:  70%;}
 .breadcrumbs {font-size: 80%;}
 	 }