.buttona {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
}

#forkongithub a
{
	background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#e50000), to(#990000));
	background-image: -webkit-linear-gradient(top, #e50000, #990000);
 	background-image: -moz-linear-gradient(top, #e50000, #990000);
 	background-image: -ms-linear-gradient(top, #e50000, #990000);
 	background-image: -o-linear-gradient(top, #e500007, #990000);
 	background-image: linear-gradient(to bottom, #e50000, #990000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e50000, endColorstr=#990000);

	// background:#84B317;
	color:#fff;
	text-decoration:none;
	font-family:arial,Century Gothic, Arial, Courier New, Sans-Serif;
	text-align:center;
	font-weight:bold;padding:1px 30px;
	font-size:1rem;
	line-height:2rem;
	position:relative;
	transition:0.5s;
}
#forkongithub a:hover
{
 background-color: #F7F714; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F714), to(#ED9716));
 background-image: -webkit-linear-gradient(top, #F7F714, #ED9716);
 background-image: -moz-linear-gradient(top, #F7F714, #ED9716);
 background-image: -ms-linear-gradient(top, #F7F714, #ED9716);
 background-image: -o-linear-gradient(top, #F7F714, #ED9716);
 background-image: linear-gradient(to bottom, #F7F714, #ED9716);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F714, endColorstr=#ED9716);
	color:#fff;
}
#forkongithub a::before,#forkongithub a::after
{
	content:"";
	width:100%;
	display:block;
	position:absolute;
	top:1px;
	left:0;
	height:1px;
	background:#fff;
}
#forkongithub a::after
{
	bottom:1px;
	top:auto;
}
@media screen and (min-width:800px)
{
	#forkongithub
	{
		position:fixed;
		display:block;
		top:0;
		right:0;
		width:200px;
		overflow:hidden;
		height:200px;
		z-index:-1;
	}
	#forkongithub a
	{
		width:200px;
		position:absolute;
		top:60px;
		right:-60px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		box-shadow:4px 4px 10px rgba(0,0,0,0.8);
	}
}

tr.today {
    cursor:pointer;
    display: table-row;
}
tr.day {
    display: none;
}
.ui-dialog-title {
    display:none;
}

.ui-dialog-titlebar {
    background:transparent;
    border:none;
}

.ui-dialog .ui-dialog-titlebar-close {
    right:0;
}

@font-face {
font-family: GraublauWeb;
src: url("../fonts/pfbeausanspro.ttf") format("opentype");
}
 
@font-face {
font-family: GraublauWeb;
font-weight: bold;	
src: url("../fonts/pfbeausanspro.ttf") format("opentype");
}
fh6{
	font-family: GraublauWeb;
        font-size: 20px;
	font-weight: bold;
        font-weight: normal;
	color:gray;
        margin:3px;
}

ffh6{
        font-family: GraublauWeb;
        font-size: 20px;
        font-weight: bold;
        font-weight: normal;
        color:white;
        margin:3px;
}

fh6menu{
        font-family: GraublauWeb;
        font-size: 20px;
        font-weight: bold;
        font-weight: normal;
        color:#365d96;
        margin:3px;
}

fh3{
        font-family: GraublauWeb;
        font-size: 16px;
        font-weight: bold;
        font-weight: normal;
        color:#365d96;
        margin:0px;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}




h2 { 
        font-size: 20px;
}
h5 {
        font-family: Century Gothic, Arial, Courier New, Sans-Serif; 
        font-size: 13px;
        font-weight: normal;
        margin:3px;
}
points{
        font-family: Century Gothic, Arial, Courier New, Sans-Serif; 
        font-size: 13px;
        font-weight: normal;
        margin:3px;
}
body{
  background:#eff3f6;
}
.lada
{
    background:#fefefe;
    border: 1px solid #C3D4DB;
        border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 12px;
        overflow:hidden;
}

.box
{
    background:#fefefe;
    border: 1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 12px;
	overflow:hidden;
}
.box.login
{
    width:332px;
	position:absolute;
	left:50%;
	top:45%;
	margin:-130px 0 0 -166px;
	z-index: 1;
}
.box.register
{
    width:332px;
        position:absolute;
        left:50%;
        top:35%;
        margin:-100px 0 0 -166px;
}
.box.menu
{
    width:332px;
        position:absolute;
        left:50%;
        top:35%;
        margin:-100px 0 0 -166px;
}
.box.fifa
{
    width:290px;
        position:absolute;
        left:2%;
        top:2%;
        margin:0px 0 0 0px;
}

.lada.wc
{
   width:95%;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.result
{
   width:725px;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.score
{
   width:325px;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.predict
{
        left:10%;
        top:20%;
        margin: 10px 0 px 10px;
}


.boxBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}
.menuBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}
.box header
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:0px 0px;
    width: 100%;
    overflow:hidden;
        height:32px;
}


.box footer
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.box label
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	vertical-align:middle;
	margin-right:10px;
}
.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox
{
    border:6px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 14px;
    width:250px;
    display:block;
    text-align: left;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#999;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}

.btnLogin
{
    width:100px;
 border:1px solid #365d96; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#365d96), to(#364896));
 background-image: -webkit-linear-gradient(top, #365d96, #364896);
 background-image: -moz-linear-gradient(top, #365d96, #364896);
 background-image: -ms-linear-gradient(top, #365d96, #364896);
 background-image: -o-linear-gradient(top, #365d96, #364896);
 background-image: linear-gradient(to bottom, #365d96, #364896);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#365d96, endColorstr=#364896);
 margin-left:12px;
 float:right;
 padding:7px 21px;
 font-family: GraublauWeb;
 font-size:14px
}
.btnMenu
{
width:100%;
border:1px solid #365d96; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
border-radius: 15px;
font-size:12px;font-family:GraublauWeb, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#365d96), to(#364896));
 background-image: -webkit-linear-gradient(top, #365d96, #364896);
 background-image: -moz-linear-gradient(top, #365d96, #364896);
 background-image: -ms-linear-gradient(top, #365d96, #364896);
 background-image: -o-linear-gradient(top, #365d96, #364896);
 background-image: linear-gradient(to bottom, #365d96, #364896);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#365d96, endColorstr=#364896);

 margin-left:12px;
 margin-top: 20px;
 float:right;
 text-align:center;
 padding:7px 28px;
 font-family: GraublauWeb;
 font-: bold;
 font-size: 14px ;
}
.btnWc
{
    width:180px;
  border:1px solid #365d96; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;
font-size:12px;
font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#365d96), to(#364896));
 background-image: -webkit-linear-gradient(top, #365d96, #364896);
 background-image: -moz-linear-gradient(top, #365d96, #364896);
 background-image: -ms-linear-gradient(top, #365d96, #364896);
 background-image: -o-linear-gradient(top, #365d96, #364896);
 background-image: linear-gradient(to bottom, #365d96, #364896);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#365d96, endColorstr=#364896);
 
margin-left:12px;
 margin-top: 20px;
 text-align:center;
 padding:7px 28px;
 font-family: GraublauWeb;
 font-size: 14px ;
 }

.btnWc:hover,
.btnMenu:hover,
.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active{
border:1px solid #cccc07;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #F7F714; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F714), to(#ED9716));
 background-image: -webkit-linear-gradient(top, #F7F714, #ED9716);
 background-image: -moz-linear-gradient(top, #F7F714, #ED9716);
 background-image: -ms-linear-gradient(top, #F7F714, #ED9716);
 background-image: -o-linear-gradient(top, #F7F714, #ED9716);
 background-image: linear-gradient(to bottom, #F7F714, #ED9716);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F714, endColorstr=#ED9716);
  font-family: GraublauWeb;
 font-size: 14px ;
}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}
footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:100%;
}
header#main{
        position:fixed;
        left:0;
        top:10px;
        text-align:center;
        font:normal 11px/16px Arial, Helvetica, sans-serif;
        width:100%;
}