body {margin:0px; font-size:small; font-family:Arial, Helvetica, sans-serif; color:#000000; background-image:url('graf/bg.jpg');}



.cls {clear:both;}



#logo {margin-left:auto; margin-right:auto; text-align:center; width:770px; height:100px;}

#logo img {border:0px;}



#pod {width:770px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}



#menu {width:200px; float:left;}

#menu ul {margin: 0px; padding: 0px; list-style-type: none;}

#menu li {margin: 0px; width:180px; height:21px; text-align:letf; background-image:url('graf/menu.jpg'); font-weight:bold; padding-left:20px; padding-right:0px; padding-top:4px; padding-bottom:0px; overflow: hidden;}

#menu ul .gmenu {margin: 0px; width:200px; height:23px; text-align:center; background-image:url('graf/menu2.jpg'); font-weight:bold;  font-size:120%; color:#000000; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px}



#menu li a {color:#3366FF; font-size:110%; text-decoration:none;}

#menu li a:hover {color:#FFFF00; text-decoration:underline;}



#page {width:554px; padding:3px; margin:3px; float:right; border:solid 1px #FFCCFF; text-align:center;}

#page img {border: solid 1px #FF99FF; padding:2px; margin:0px;}

#page .numer {border: 1px solid #FF99FF; padding:2px; margin:4px; font-weight:bold; font-size:110%; background-image:url('graf/bg2.gif');}

#page .numer form {padding:0px; margin:0px; border:0px;}

#page .numer input {padding:0px; margin:0px;}

#page .numer a {color:#000000; text-decoration:underline;}

#page .numer a:hover {color:#FFFF00; text-decoration:underline;}

.numer h1 {padding:2px; margin:2px; font-size:140%;}

#page .left {float:left;}

#page .left2 {float:left; padding:4px 5px 0px 0px;}

#page .right {float:right; font-size:80%; padding:2px;}

#page .right2 {float:right; font-size:80%; padding:6px 5px 0px 0px;}

#end {clear:both; text-align:center; background-color:#D0C6D5; color:#FFFFFF; padding:3px; font-weight:bold; width:764px;}



.formcom {background-image:url('graf/tap.jpg'); background-position: left 50%; background-repeat:no-repeat; margin:5px; background-color:#EDF5FE; border:1px solid #0DA5AE; }

.formcom form {padding:0px; margin:0px; border:0px;}

.formcom input {width:200px; margin:3px;}

.formcom textarea {width:200px; height:100px; margin:3px;}

.autor {font-weight:bold; padding:3px;}

.com {padding:5px; margin:5px; background-color:#EDF5FE; border:solid 1px #0DA5AE; overflow: hidden; text-align:left;}



#mobi {clear: both;font-size:70%; text-align:left; border: solid 1px #FF99FF;}

#mobi .mobile2 {float:right; width:200px; border: solid 1px #FF99FF; margin-left:5px;}

#mobi .mobile strong {text-decoration:underline;}

#mobi .mobile p, #mobi .mobile2 .tit {border: 1px solid #FF99FF; padding:3px; margin:0px; font-weight:bold; font-size:120%; background-image:url('graf/bg2.gif');}

#mobi .mobile2 p {padding:3px; margin:0px; font-size:120%;}

#mobi .mobile2 img {border:0px;}



#page .gryjava {padding:4px; text-align:left;}

#page .gryjava img {float:left; margin:3px; }

#page .jpay {float:right; width:160px; border: solid 3px #FF99FF; padding:3px; margin:3px; font-size:110%; text-align:center; font-weight:bold;}