body {background:#ffffff url(img/bg1.png);padding:0px;margin:0px;}
p,ul,li {font-size:0.8em;font-family:arial,sans-serif; color:#333333;}
h1 {color:#333333;padding:0px;margin:0px;font-size:1.0em;font-family:arial,sans-serif;}
h2 {font-size:18px; color:#333333;}
h3 {font-size:15px; color:#333333;}
.main {background: url(img/bg2.png);width:100%;border:0px; height:100%;padding:0px;margin:0px;}
.top{padding:0px;margin:0px;border:0px;width:100%;height:310px;background: url(img/kosti.png) no-repeat right top;}
.topright {background: url(img/kosti.png) no-repeat right top; height:326px; width:302px;padding:0px;margin:0px;border:0px;}
div.loginform {width:260px; background: url(img/bgloginform.png);margin-left:10px;border:1px solid #e77924;}
div.loginform:hover {width:260px; background: url(img/bgloginformact.png);margin-left:10px;border:1px solid #e77924;}
div.regform {width:460px;background: url(img/bgloginform.png);border:1px solid #e77924;}
div.pinkodform{width:460px;background: url(img/bgloginform.png);padding:20px;font-size: 12px; color:#000;font-family: tahoma, verdana, arial, sans-serif; text-align:left;}
a:link { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
a:visited { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
a:active { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
a:hover { color: #ff3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
div.newsplace {width:260px; background: url(img/bgnewsplace.png);margin-left:10px;border:1px solid #fff;}
div.newsplacebtn {width:260px;margin-left:10px;margin-top:10px;}
.namefield {font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.reg:link { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; padding:10px;}
a.reg:visited { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; padding:10px;}
a.reg:active { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; padding:10px;}
a.reg:hover { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; padding:10px;}
.date {font-size: 10px; color:#000;font-family: tahoma, verdana, arial, sans-serif; background: #999;font-weight:bold;padding:2px;margin-top:15px;}
.copy {font-size: 12px; color:#666;font-family: tahoma, verdana, arial, sans-serif;font-weight:normal;}
p.news {font-size: 12px; color:#333333;font-family: tahoma, verdana, arial, sans-serif; margin:5px;}
a.more:link { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.more:visited { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.more:active { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.more:hover { color: #ff3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.copyright:link { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.copyright:visited { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.copyright:active { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.copyright:hover { color: #ff3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.made:link { color: #666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; }
a.made:visited { color: #666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; }
a.made:active { color: #666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; }
a.made:hover { color: #666; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; }

a.support:link { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; }
a.support:visited { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; }
a.support:active { color: #ff3300; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; }
a.support:hover { color: #ff3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; }

a.topmenu:link {padding:5px; margin:10px;color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.topmenu:visited {padding:5px; margin:10px;color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.topmenu:active {padding:5px; margin:10px;color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
a.topmenu:hover {padding:5px; margin:10px;color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;}

.error{color:#ff0000;font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold; }
.ok {
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
		font-weight:bold; 
        color: #336633;
        border:1px solid #336633;
        width: 500px;
        padding:30px;
		margin-left:150px;
        background: #f2f2f2;}
.robosux{
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #336633;
        border:1px solid #336633;
        width: 500px;
        padding:10px;
        background: #f2f2f2;}
.no{
        font-family: Arial, Helvetica, sans-serif;
        font-size:12;
        color: #ff0000;
        border:1px solid #ff0000;
        width: 500px;
        padding:10px;
        background: #f2f2f2;}		
.btn{font-family: tahoma, verdana, arial, sans-serif;font-size:12px; font-weight:bold;color: #000;padding:5px;}
.inpt{border:1px solid #e77924;background:#fff;font-family: tahoma, verdana, arial, sans-serif;font-size:12px; font-weight:bold;color: #000;padding:3px;}
.primech{font-family: Arial, Helvetica, sans-serif;font-size:10px;color: #333;}
.stat{border:1px solid #666;}
a.topin:link { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.topin:visited { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.topin:active { color: #fff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}
a.topin:hover { color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; float:right;}



.item {padding-top:12px;
	width:150px;
	height:116px;	
	border:0px;	
	margin:0px;
	padding-bottom:30px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}


.item .caption {

	width:150px;
	height:116px;
	background:#fff;
	color:#000;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0033CC;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

#img img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}