body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#555555; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

p.list {
margin:0.1em 0 0.2em 0; text-align:justify; padding: 0.1em 0.3em 0.2em 0.3em;}

li.sep {padding: 0 0 0.4em 0;}

b.uline {font-weight: normal; text-decoration: underline;}

h1 {
padding:0 4em 0 0; margin:0; font-size:250%; font-weight:normal; font-style:italic; 
color:#8AC038; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
background-color:#DDDDDD; color:#3B4471; font-size:100%; font-weight:normal; margin:0.2em; padding:0; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#40882A; text-decoration:underline;}
a:hover {
color:#434b70; text-decoration:none;}
a:active {
color:#40882A; text-decoration:underline;}

a img {text-decoration: none; border: 0px;}



.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:87%; min-width:770px; max-width: 1100px}

.titleblock {
padding:1.1em 0.8em 0.5em 0.8em; margin:0; text-align:left;
background-image:url(img/logo.png); background-repeat:no-repeat; background-position:right center;}

.titleblock h1 {
text-indent:1.6em;}

.titleblock p {
text-indent:12em; color:#3B4471;}



.langlink {
margin:0; text-align:right; font-size:75%; padding:0.2em 1em 0 0;}

a.lang:link, a.lang:visited {
color:#666666; text-decoration:underline;}

a.lang:hover {
color:#666666; text-decoration:none;}

a.lang:active {
color:#666666; text-decoration:underline;}



ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:0.8em; 
clear:both; margin:0; padding:0; background-color:#999999;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:14.2%; padding:0.8em 0 0.8em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:14.2%; padding:0.8em 0 0.8em 0; margin:0; 
text-decoration:none; background-color:#8AC038; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:14.2%; padding:0.8em 0 0.8em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}



.rightcontainer {
float:right; clear:both; width:15em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin:0.4em; padding:0.3em 0.2em 0.3em 0.2em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.2em;}

.linkbox a {display:block; padding:0.3em 0 0.3em 0;}



.content {
clear:left; text-align:justify; margin:0.2em 15.5em 0 0; padding:1.2em 1ex 1em 1.5ex;}

.content p {text-align:justify;}

.content h2 {text-align:left; text-indent:3em;}


.content_no_box {
clear:left; text-align:justify; margin:0.2em 0 0 0; padding:1.2em 1ex 1em 1.5ex;}

.content_no_box p {text-align:justify;}

.content_no_box h2 {text-align:left; text-indent:3em;}


.screenshots {
margin:0; text-align:center; padding:0.2em 0 0.6em 0;}

.screenshots a {
 padding:0 1.2% 0 1.2%;}

 

.footer {
color:#666666; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}



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

.container { min-width: 320px; }
.titleblock h1 { text-indent: 0; }
.titleblock p { text-indent: 0; }
.rightcontainer { width: 158px; margin: 0; }
.log_txt input { width: 128px; }
.content { margin-right:  160px; }
img { max-width: 440px; }
img.srvimg { padding-top: 20px; }

}


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

.titleblock h1 { font-size: 180%; }
.titleblock { background-image: url("img/logo_mob.png"); background-repeat: no-repeat; background-position: right center;}
.navbar td div { font-size: xx-small; }
.rightcontainer { float: none; clear: none; width: 100%; }
.rightbox { float: left; clear: none; width: 128px; }
.log_txt input { width: 106px; }
.content { margin-right: 0; width: 94%; }
.llink { font-size: x-small; }
table.dload td { display: block; float: left; clear: none; }
img { max-width: 300px; }

}