body
{background-image: url("fon2.png");
}
/*---------MENU---------------*/
#main
{
position:relative;
margin: 0px auto;
background: none;
width:820px; 
}
.top
{
margin-left: 10px;
margin-bottom: 10px;
width:800px; 
height: 95px;
/*background-image: url("fof.png");*/
background: #393E46;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#f7ed2a',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0293', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
font-family: Garamond, serif;
line-height: 1em;
color: #EEEEEE; /*galvenais virsraksts*/ /*2b0345*/
font-weight:bold;
text-align: center;
font-size: 90px;
}
.left
{
width:200px; 
margin-left: 10px;
/*height: 414px;*/
/*background-image: url("fof.png");*/
background: #222831;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 }
.classname {
	background-color:#2b0345; /* #27023d */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#dab5f0;
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 13px;
	text-decoration:none;
	border-size: 15px;
	margin: 0.5px;
}.classname:hover {
	background-color:#6d6273; /*#6d6273*/
}.classname:active {
	position:relative;
	top:1px;
}
.right
{
padding: 10px; 
margin-left: 10px;
height:750px;
/*background-image: url("fof.png");*/
background: #222831;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.bot
{
width:130px;
margin-right: 10px;
margin: 10px;
height: 20px;
/*background-image: url("fof.png");*/
background: #222831;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: right;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 }
.rightcom
{
padding: 10px; 
margin-left: 10px;
/*background-image: url("fof.png");*/
background: #222831;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #23026e /* #DAB5F0 */
}
.rightvietas
{
padding: 10px; 
margin-left: 10px;
/*background-image: url("fof.png");*/
background: #222831;
width:570px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
}
.rightleja
{
padding: 10px; 
margin-left: 10px;
/*background-image: url("fof.png");*/
background: #222831;
width:780px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: right;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
 display: -webkit-flex; /* Safar */
 -webkit-align-items: center; /* Safari 7.0+ */ 
 display: flex;
 align-items: center;
}
.leftreklam
{
width:200px; 
margin-left: 10px;
height: 414px;
/*background-image: url("fof.png");*/
background: #222831;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 }
.reztabula
{
padding: 10px; 
margin-left: 10px;
background-image: url("fof.png");
width:590px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
}
.reztabvieta {
	background-color:#dab5f0; /* violeta #27023d rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	border-size: 5px;
	margin: 0px;
	text-link: none;
}.reztabvieta:hover {
	background-color:#00ff00; /*#6d6273*/}
.reztabvieta:active {
	position:relative;
	top:1px;}
.registr {	background-color:#dab5f0; /* violeta #27023d rozaa #dab5f0*/	-moz-border-radius:13px;	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/	display:inline-block;	color:#2b0345;	font-family:Comic Sans MS;	font-size:11px;	font-weight:bold;
	padding:4px 8px; 	text-decoration:none;	border-size: 5px;	margin: 0px;	text-link: none;}
.registr:hover {	background-color:#00ff00; /*#6d6273*/}
.registr:active {	position:relative;	top:1px;}
.dual {
	background-color:#ff0000; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	-moz-border-size: 5px;
	-webkit-border-size: 5px;
	margin: 0px;
	text-link: none;
	border-width: 100%; /* force to expand to container's width */
	-moz-border-height: 100%;
	-webkit-border-width: 100%; 
}
.dual:hover {background-color:#00ff00;} /*#6d6273*/
.dual:active {
	position:relative;
	top:1px;}
.bisk {
	background-color:#ff8080; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	-moz-border-size: 5px;
	-webkit-border-size: 5px;
	margin: 0px;
	text-link: none;
	border-width: 100%; /* force to expand to container's width */ 
	-moz-border-height: 100%;
	-webkit-border-width: 100%;
}
.bisk:hover {background-color:#00ff00; }/*#6d6273*/
.bisk:active {
	position:relative;
	top:1px;}
.nesk {
	background-color:#dab5f0; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	-moz-border-size: 5px;
	-webkit-border-size: 5px;
	margin: 0px;
	text-link: none;
	border-width: 100%; /* force to expand to container's width */ 
	-moz-border-height: 100%;
	-webkit-border-width: 100%;
}
.nesk:hover {background-color:#00ff00;} /*#6d6273*/
.nesk:active {
	position:relative;
	top:1px;}
.labvieta {
	background-color:#cccccc; /* violeta #27023d rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 14px;
	text-decoration:none;
	border-size: 15px;
	margin: 0.5px;
}.labvieta:hover {
	background-color:#dab5f0; /*#6d6273*/
}.labvieta:active {
	position:relative;
	top:1px;
}
.kreisvieta {
	background-color:#cccccc; /* #dab5f0 */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 14px;
	text-decoration:none;
	border-size: 15px;
	margin: 0.5px;
}
.kreisvieta:hover {
	background-color:#dab5f0; /*#6d6273*/
}.kreisvieta:active {
	position:relative;
	top:1px;
}
.log{
	/*background-color:#2b0345; /* #27023d */
	/*-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px; /* radius*/
	/*display:inline;
	color:#dab5f0;
	font-family:Comic Sans MS;
	font-size:10px;
	font-weight:bold;*/
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: -5px;
    left: 10px;
    width: 0px;
    height: 0px;
    border: 0px solid #cccccc;

	}
.logi{
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: 244px;
    right: 320px;
    width: 120px;
    height: 0px;
    border: 0px solid #cccccc;
}
.logii{
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: 0px; /*10*/
    right: 160px; /*160*/
    width: 45px;
    height: 0px;
    border: 0px solid #cccccc;
}
.iepaz {
	background-color:#27023d;/*#27023d */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#dab5f0;
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 13px;
	text-decoration:none;
	border-size: 15px;
	margin: 0.5px;
	opacity: 0.88;
}.iepaz:hover {
	background-color:#ff4466; /*#6d6273*/
}.iepaz:active {
	position:relative;
	top:1px;
}
.lol{
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: 388px;
    left: 0px;
    width: 00px;
    height: 0px;
    border: 0px solid #cccccc;

	}
	<style type="text/css">
@media screen and (max-width: 980px) {
    .a2a_floating_style.a2a_vertical_style { display: none; }
}
.tiptop {
	background-color:#27023d;/*#27023d */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px; /* radius*/
	display:inline-block;
	color:#dab5f0;
	font-family:Comic Sans MS;
	font-size:10px;
	font-weight:normal;
	padding:0px 0px;
	text-decoration:none;
	border-size: 5px;
	margin: 0.5px;
	opacity: 0.88;
}.tiptop:hover {
	background-color:#ffffff; /*#ff4466*/
}.tiptop:active {
	position:relative;
	top:10 px;}
.toptip
{
margin-left: 10px;
margin-bottom: 10px;
width:800px; 
height: 50px;
background-image: url("fof.png");
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#f7ed2a',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0293', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
font-family: Garamond, serif;
line-height: 1em;
color: #2b0345; /*galvenais virsraksts*/
font-weight:bold;
text-align: center;
font-size: 50px;
}
.toptipam
{
margin-left: 10px; margin-bottom: 10px; width:800px; height: 99px; background-image: url("fof.png");
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#f7ed2a',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0293', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 10px; -webkit-border-radius: 10px;
 border-radius: 10px; font-family: Garamond, serif; line-height: 1em; color: #2b0345; /*galvenais virsraksts*/ font-weight:bold; text-align: right; font-size: 66px;
}
.righti
{padding: 10px; margin-left: 10px; background-image: url("fof.png"); width:780px; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #27023d /* #DAB5F0 */
}
.rightvietaa
{
padding: 10px; 
margin-left: 10px;
background-image: url("fof.png");
width:570px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
}
.lot{
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: 110px;
    left: 544px;
    width: 0px;
    height: 0px;
    border: 0px solid #cccccc;

	}
	<style type="text/css">
@media screen and (max-width: 980px) {
    .a2a_floating_style.a2a_vertical_style { display: none; }
}
.rig
{
padding: 10px; 
margin-left: 10px;
height:394px;
background-image: url("fof.png");
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ed2a', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 color: #27023d /* #DAB5F0 */
}
.reg {
	background-color:#f4f4f4; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	margin: 0px;
	text-link: none;
}
.reg:hover {background-color:#f6f6f6;} /*#6d6273*/
.reg:active {
	position:relative;
	top:0px;}
.tests {
	background-color:#f4f4f4; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	margin: 0px;
	text-link: none;
}
.tests:hover {background-color:#f8f8f8;} /*#6d6273*/
.tests:active {
	position:relative;
	top:1px;}
.norm {
	background-color:#f4f4f4; /* gandriz rozaa #dab5f0*/
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	-moz-text-decoration-color: red; /* Code for Firefox */
    	text-decoration-color: red;
	border-size: 5px;
	margin: 0px;
	text-link: none;
}
.xol {
	background-color:#393E46; /* #27023d un 2b0345 */
	-moz-background-color:#2b0345; /* #27023d */
	-webkit-background-color:#2b0345; /* #27023d */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#EEEEEE; /*  dab5f0 */
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 13px;
	text-decoration:none;
	margin: 0.5px;
	text-align: center;
	width: 85%; /* force to expand to container's width */ 
        border: none;
}.xol:hover {
	background-color:#6d6273; /*#6d6273*/
}.xol:active {
	position:relative;
	top:1px;}
.kas {
	background-color:#fffff8; /* #27023d */
	-moz-background-color:#fffff8; /* #27023d */
	-webkit-background-color:#fffff8; /* #27023d */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#2b0345;
	font-family:Comic Sans MS;
	font-size:17px;
	font-weight:bold;
	padding:4px 13px;
	text-decoration:none;
	margin: 0.5px;
	text-align: center;
	width: 86%; /* force to expand to container's width */ 
}
.regis {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
.lox {
	background-color:#80ff00; /* #27023d */
	-moz-background-color:#80ff00; /* #27023d */
	-webkit-background-color:#80ff00; /* #27023d */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px; /* radius*/
	display:inline-block;
	color:#000000;
	font-family:Comic Sans MS;
	font-size:24px;
	font-weight:normal;
	padding:4px 13px;
	text-decoration:none;
	margin: 0.5px;
	text-align: center;
	width: 85%; /* force to expand to container's width */ 
        border: none;
}.lox:hover {
	background-color:#6d6273; /*#6d6273*/
}.lox:active {
	position:relative;
	top:1px;}
.gamer{
	text-align: left;
	opacity: 0.99;
    filter: alpha(opacity=40);
	padding:0px 0px;
	text-decoration:none;
	border-size: 0px;
	margin: 5px;
    position: absolute; /*ahunski atrodas kur grib*/
    top: 230px;
    left: -15px;
    width: 00px;
    height: 0px;
    border: 0px solid #cccccc;

}