html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

footer, header, menu, nav, section {
	display: block;
}

#header
{
	background:#F1F1F1;
        position:absolute;	
        width:100%;
        right:1px;
        padding-top:20px;
        z-index:500;      
}
.navline {
	margin: 10px 0 2px 0; 
	PADDING: 2px 5px 3px 5px;
	width:100%; 
	display:block;
	BACKGROUND: #FFFFFF; 
	BORDER: solid 1px #A9B8C2; 
  text-align:center;
  vertical-align:middle;
}
.navline:hover, .navline:active{
  text-decoration: none;
  color: #FFF;
  BACKGROUND: #FF0033;
}
.navcontainer {
PADDING-LEFT: 10px; BACKGROUND: #FFFFFF; HEIGHT: 32px
}
#nav {
	HEIGHT: 32px
}
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav {
	MARGIN-BOTTOM: 1px
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI A {
	PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 0px 6px 0px 0px; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, Sans-serif; TEXT-DECORATION: none
}
#nav LI A:link {
	PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 0px 6px 0px 0px; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, Sans-serif; TEXT-DECORATION: none
}
#nav LI A:hover {
	DISPLAY: block; BACKGROUND: #FF0033; COLOR: #fff; TEXT-DECORATION: none
}
#nav LI A:active {
	DISPLAY: block; BACKGROUND: #FF6600; COLOR: #fff; TEXT-DECORATION: none
}
#nav LI.current-cat A {
	BACKGROUND: #00AA00; COLOR: #fff
}
#nav LI:hover {
	POSITION: static
}
#nav LI.sfhover {
	POSITION: static
}	

body > #header
{
      position:fixed;
}

#header_menu
{
	background: url(bg_header.gif) repeat top center;
        width:100%;
        border-bottom:1px #fff solid;
	position:fixed;
        font-family: Arial Black, Gadget, sans-serif;
        font-color:#bbb;
        font-size:12px;
	top:0px;
        left: 0px;     
	z-index:10000;       	
}

#ctr {
  text-align:center;
  vertical-align:middle;
}
#container, #container-home{
  width:1000px;
  max-width:100%;
  min-width:200px;
  margin:0 auto;
  padding-top:50px;
  *zoom: 1; /* IE6-7 clearfix */
}
*{
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
         box-sizing: border-box;
}
html, body{
  margin:0;
  padding:0;
  color:#FFFFFF;
  -webkit-text-size-adjust:none; /* mobile resizing */
  text-rendering: optimizeLegibility;
  font:12pt "Georgia", "Helvetica", sans-serif;
  background:#263643 url(fon.jpg) fixed;
}
img{
  display:block;
}
p{
  margin:0;
  padding:0 0 5px 10px;
}
.ots {
margin-left: 5px;
text-indent: 15px;
margin-right: 5px;
line-height: 1.5;
}
p.dd{
  font-weight: normal;
  margin-left: 13px;
  margin-right: 5px;
  margin-top: 1px;
  margin-bottom: 5px;
}
.lfl {
	margin: 0;
	float: left;
	color: black;
	white-space: normal;
	font-size: 10px;
 }
.rfl {
	margin: 0;
	float: right;
	color: black;
	white-space: nowrap;
	font-size: 10px;
 }
.wh {
  font-size: 11px;
  font-weight: normal;
  color: black;
  text-align:left;
  vertical-align:middle;
  padding:3px 0 0 10px;
  margin-left: 6px;
  margin-right: 0%;
  margin-top: 1px;
  margin-bottom: 5px;
  text-shadow: 1px 1px 2px brown;
 }

#lt{
margin-left: 10px;
text-align:left;
vertical-align:middle;
}
#rt{
margin-right: 10px;
text-align:right;
vertical-align:middle;
}
#sk{
  margin-top: 6px;
  padding:0 10px 0 40px;
  font-size: 12px;
  text-shadow:0 1px 0 #FFFFFF;
  float: left;
  text-align:left;
}
#wi{
  padding:24px 10px 0 10px;
	color: #000;
  text-shadow:0 1px 0 #fff;
}
#ws{
  text-shadow:0 1px 0 #FFFFFF;
}
#wwp{
  margin:0;
  padding:10px 15px 8px 15px;
}
h1, h2, h3, h4, h5{
  margin:0 0 22px 0;
  padding:0;
}
h1{
  margin:10px 0 10px 0;
  font-size:30px;
  line-height:32px;
  color:#000;
  text-shadow:0 -1px 0 #ccc;
}
h2{
  margin:0 0 5px 0;
  font-size:26px;
  font-weight: bold;
  color:#000022;
  text-shadow:0 -1px 0 #99CC66;
  line-height: 1.2;
}
h3{
  margin:0 0 5px 0;
  font-size:24px;
  font-weight:bold;
  color:#CCC;
  text-shadow:0 -1px 0 #CC0033;
}
h4, h5{
  margin:2px 0;
  color:#000022;
  font-size:16px;
  text-shadow:0 1px 0 #FFFFFF;
}
h6{
  margin:2px 0;
  font-size:17px;
  font-weight:400;
  text-shadow:0 -1px 0 #333;
}
ul{
  margin:0 0 10px 0;
  padding:0 0 0 20px;
  list-style:none;
}
ol{
  margin:0 0 10px 0;
  padding:0 0 0 20px;
}
li{
  margin-bottom:10px;
}
strong{
  font-size:105%;
  font-weight: bold;
  text-shadow:0 1px 0 #CC0033;
}
i{
  text-shadow:0 1px 0 #99CC66;
}
b{
  font-weight: bold;
}
#upper{
  margin-bottom:5px;
  text-transform:uppercase;
  text-shadow:0 1px 0 #CCC;
}
#lin img {
	BORDER: 3px solid #FFF;  
}
.mnvl{
  margin:1px 8px;
  padding:1px 5px;
  color:#000022;
  font-size:1.1em;
  font-weight: bold;
  }

.note {
  padding: 10px 2px 5px 2px;
  margin: -22px 0 10px 0;
  background-color: #000066;
	color: #FFFFFF;
	BORDER: 1px solid #336699;  
  -webkit-border-radius: 21px;
     -moz-border-radius: 21px;
          border-radius: 21px;
}
.note2 {
  padding: 10px 1px 5px 15px;
  margin: -25px 0 10px 0;
  line-height: 1.4;
  font-size: 11pt;
	color: #F7F7F7;
	border-top: 1px solid #D7D7D7; 
	background-color: #99BB66; 
/*  background:#99CC66 url(footballfil.jpg) no-repeat top left;*/
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
.note3 {
  padding: 10px 5px 5px 10px;
  margin: -22px 0 10px 0;
  background-color: #000060;
  line-height: 1.4;
  font-size: 12pt;
	color: #FFFFFF;
	BORDER: 1px solid #336699;  
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
hr {
margin-top: 1; 
margin-bottom: 1;
}
input {
 color:#000033;
 background-color: #FFFFFF;
 border-color: #263643;
 border-style: solid;
 border-width: 1px;
 padding-left: 5px;
 padding-right: 5px;
}
input.point{
 margin: 5px; 
 padding: 3px 6px;
 color:#000033;
 cursor:pointer;
 background-color: #E7E6E4;
 border-color: green;
 border-style: solid;
 border-width: 1px;
}
input:active, textarea:active {
outline: none;
}
:focus {
outline: none;
}
input.point45:hover {
background-color:#CC0033;
}
.clear
{
  margin-top: 3pt;
  margin-bottom: 3pt;
	clear:both;
}
.ln {
  margin:3px 2px 3px 15px;
  text-align:left;
  vertical-align:middle;
}
/* default */
a:link, a:visited, a:active{
  color:#000011;
  font-size: 105%;
  text-decoration:none;
  -webkit-transition: color .2s ease;
     -moz-transition: color .2s ease;
          transition: color .2s ease;
}
a:hover {color:#AA0033; text-decoration:none;}

a.vln:link {text-decoration: none; color:#FFFF66;font-size: 105%;}
a.vln:visited {text-decoration: none; color:#99CC66;font-size: 105%;}
a.vln:hover, a.vln:active {text-decoration: none; color:#FF0033;font-size: 105%;}

a.border:link {
 margin:10px;
 padding: 2px 0;
 font-size: 120%;
 color:#FFFF66;
 -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
                }
 a.border:visited{
 margin:10px;
 padding: 2px 0;
 font-size: 120%;
 color:#99CC66;
 background-color: #000066;
 -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
 }
 a.border:hover, a.border:active{
 font-size: 120%;
 text-decoration: none;
 color:#F1F1F1;
 background-color: #FF0033;
}
                 
a.btn.tan{
	display:block;
  text-shadow:0 1px 0 #FF0033;
  border:1px solid #C0C0C0;
  background: #FBFBFA url(bg_header.gif) repeat-x;
  -webkit-box-shadow:0 1px 0 #CCCCCC;
     -moz-box-shadow:0 1px 0 #CCCCCC;
          box-shadow:0 1px 0 #CCCCCC;
}
a.btn.tan:hover{
  background:#FFFFFF;
}

a.btn.green{
	display:block;
  font-size: 1.1em;
  text-shadow:0 -1px 0 #77AD25;
  background:#99CC66;        
  -webkit-box-shadow: 0 2px 0 #629219;
     -moz-box-shadow: 0 2px 0 #629219;
          box-shadow: 0 2px 0 #629219;
}
a.btn.green:hover{
  color:#000080;
  text-decoration: none;
  background:#FF0033;
}

#nav a:link, #nav a:visited, #nav a:active {color:#F7F7F7;}
#nav a:hover {color:#FFFFFF; text-decoration:none;}
#nav a.selected {
  color:#FFFFFF;
  padding-bottom:19px;
  border-bottom:1px solid #FFFFFF;
}

#subnav a:link, #subnav a:visited, #subnav a:active {color:#F7F7F7;}
#subnav a:hover {color:#FFFFFF; text-decoration:underline;}
#subnav a.selected {
  margin:0 -10px 0 10px; /* compensate for text shift */
  padding:6px 10px 4px 10px;
  color:#FFFFFF;
  text-shadow:0 -1px 0 #d26f20;
  background:#FB8425;
  -webkit-border-radius: 21px;
     -moz-border-radius: 21px;
          border-radius: 21px;
  -webkit-box-shadow: 0 -1px 0 #FFAA65, 0 2px 0 #9F4F0E;
     -moz-box-shadow: 0 -1px 0 #FFAA65, 0 2px 0 #9F4F0E;
          box-shadow: 0 -1px 0 #BB621C, 0 1px 0 #679ECE;
}

a.btn{
  margin:4px 10px;
  text-align:center;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
}
a.btn:hover{
  text-decoration:none;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
table {
  padding: 1px;
}
table.wbl {
  width:100%;
  text-align:center;
  background:#263463;
}
table.w80 {
  width:88%;
  border-spacing:1;
  border:1px solid #888888;  
  text-align:center;
}
td {
	padding: 1px;
}
td.c20 {
  width:20%;
  text-align:center;
  vertical-align:middle;
}
td.l25 {
  width:25%;
  text-align:left;
  vertical-align:middle;
}
td.md {
  text-align:center;
  vertical-align:middle;
}
td.w3 {
  width:30px;
  text-align:center;
  vertical-align:middle;
}
caption, th {
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}
#tabm {
  vertical-align:bottom;
}
#tabml {
  margin-left:20px;
  vertical-align:bottom;
}
#tabmr {
  text-align:right;
  vertical-align:bottom;
}
#tabt {
  vertical-align:top;
}
#tc {
	opacity: 0.9;
}
.rows{
  background:#99BB66;
  text-align:center;
}
.row1{
  background:#F6F5F3;
}
.row2{
  background:#F1F1F1;
}
.row3{
  background:#263643;
}
.row.dark{
  background:#F6F5F3;
  border-top:1px solid #E4E3DF;
}
.row.light{
  background:#FAFAF8;
  border-top:1px solid #FFFFFF;
}
.row.lgreen{
  background:#8FCA36;
  border:1px solid #78AF25;  
  }
.row.trans{
  background:transparent;
}

#nav, #subnav{
  margin:17px 0;
  float:right;
  clear:right;
  font-size:13px;
  text-align:right;
  text-shadow:0 -1px 0 #3C6281;
}
#nav a, #subnav a{
  margin-left:20px;
}
#subnav{
  min-height:22px;
  font-size:14px;
}

#wrapper.home{
  width:100%;
  height:100%;
  margin:0 auto;
  position:relative;
  background: url(bg_header.gif) repeat-x bottom center fixed;
}
#wrapper.home #subnav{
  display:none;
}

#container-home h2{
  margin-bottom:8px;
  font-size:32px;
}
#container-home h3{
  margin-bottom:5px;
  font-size:15px;
  text-transform:uppercase;
}

.floatleft{
  margin:0 10px;
  float:left;
}
.floatright{
  margin:0 10px;
  float:right;
}
.fl{float:left;}
.fr{float:right;}
.rubl {margin: 0;font-weight: normal;font-size:95%;}

.ixc {margin: 1px 5px 5px 15px;padding: 5px;overflow: hidden;width:22%;max-width: 205px;min-width: 180px;height: 390px;float: left;list-style: none;text-align: center;}
.ixc ul {margin: 0;padding: 10px;height: 300px;list-style: none;text-align: left;background: #FFF; border: 1px solid #999;}
.ixc ul:hover {background: #99CC66;border: 1px solid #FFF;}
.ixy {margin: 10px 15px;padding: 0 5px;list-style: none;text-align: left;}
.ixr {margin: 15px 5px -15px 0;padding:25px 10px 1px 0;list-style: none;text-align: center;}

#foto IMG {
  margin:0 5px 10px 5px;
	BORDER: #fff 1px solid; 
	}	
#frst {
  width:123px;
  height: 135px;
  padding:10px 1px 1px 10px;
  display:block;
  margin: 0 1px -3px 0;
	BORDER: 1px solid #ccc; 
  border-radius: 20px;
	text-align: center;
	background: #263463;
	}	
#fjs {
  width:105px;
  height: 125px;
  padding:7px 1px 1px 1px;
  display:block;
  margin: 2px 10px 10px 0;
	BORDER: 1px solid #ccc; 
  border-radius: 20px;
	float: left;
	text-align: center;
	background: #263463;
	}			
.dsg { 
    position:relative; 
    margin:0 auto; 
    height: 35px;
    width:160px;
    display: block;
}
.dsg img { 
    left: 0; 
    position:absolute; 
    bottom: 10px; 
    border: 1px solid #FFFFFF;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;      
}
  .dsg img.lister {opacity:0;filter:alpha(opacity=0);}
  .dsg:hover img.lister {opacity:1;filter:alpha(opacity=100);border:1px solid #CC0033;border-radius: 5px;}

#screenshot{
position:absolute;
border:1px solid #ccc;
border-radius: 5px;
background:#263463;
padding:8px;
display:none;
color:#fff;
}		
/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; right: 0px; z-index: 1; cursor:pointer;}
.hoverbox img { background: #EEEEEE; border-color: #93ADCA; border-style: solid; border-width: 0px; color: inherit; padding: 2px; vertical-align: top; }
.hoverbox li { background: transparent; color: inherit; display: inline; float: left; margin: 5px 10px 5px 5px; padding: 0px; position: relative; }
.hoverbox li.text { background: white; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #93ADCA; } 
/* ----------------- */
.red{color:#f00;}
.black{color:#000; font-weight: bold;}
.b3t{color:#333;}
.brown{color:brown;}
.choco{color:chocolate;}
.lime{color:lime;}
.bl66{color:#066;}
.gray{color:gray;}
.green{color:green;}
.mar{color:maroon; font-weight: bold;}
.tan{color:tan;}
.wr{color:#fff;}
.yell{color:#ff0;}
pre{font-size:120%; color:#009;}