
@media (max-width:600px) {
	.pager td {width:auto!important;}
	p.menu {display:none;}
}

@media (max-width:560px) {
	.l1etters {display:list;}
	.l1etters th {display:list-item; float:left; padding:5px; border:1px solid rgba(0,0,0,.1); width:20px;}
}
@media (max-width:370px) {
	p.pod {display:none;}
	h2 {display:none;}
}

#letters {
	display: flex!important;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding:0!important;
}
#letters li {padding:3px;}

.pager td {display:block;}
.pager p {padding:0}

a:{color:#000;}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover {color:#1CC;}
a:active {color:red;}

a.ext:hover{color:#8EE;}
a.ext:active {color:red;}

a.readme:hover{color:#1CC;}
a.readme:active {color:red;}

a.readme
{
   font: 60% tahoma;
   text-align: center;
   color: #000;
}

p.sape
{
   font: 60% tahoma;
   text-align: center;
   color: #000;
}

h1 {
	background:#999;
	padding:5px;
	color:#fff;
	width:auto;
	font-family: "Courier New", Courier, monospace;
	font-size: 3.0em;
	margin: 0px;
}
h2 {
	font-style: italic;
	padding-top:4px;
	margin:0;
	color: #50A;
	height: 24px;
}
body {background-color: #c4e5e5; padding5px; margin:0;}
*#mesag {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
*#tm1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: 700  }
*#sl {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
*#tl {font-style: italic; color: #C6060C: font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em }

p.pod
{
	padding: 0em 1em;
	font: bold 60% Verdana, Arial, Helvetica, sans-serif;
	color: #50A;
}

p.dic
{
	font: 70% Verdana, Arial, Helvetica, sans-serif;
}
p.dic2
{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
p.back
{
   background-color: #1CC;
   padding: 0.4em 1.5em;
   width: 80px;
   font: bold 80% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #000;
}
p.menu
{
   background-color: #1CC;
   padding: 0.4em 1.5em;
   width: 600px;
   font: bold 70% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #000;
}
p.back2
{
   background-color: #1CC;
   padding: 0.4em 1.5em;
   width: 650px;
   font: bold 80% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #000;
}
p.coment
{
   font: bold 80% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #50A;
}
h1.sl_one
{
   background-color: #1CC;
   padding: 0.5em 1.5em;
   width: auto;
   font: bold 110% Verdana, Arial, Helvetica, sans-serif;
   color: #000;
}
div.tl_one
{
   font: 80% Tahoma;
   color: #000;
}
p.avt
{
   font: bold 70% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #50A;
}
p.read
{
   font: 80% Tahoma;
   color: #50A;
}
