body {background-color: #FFD300}
h1, h2 {font-family: impact; text-align:center; font-weight: normal; margin: auto}
h1 {font-size:60pt; line-height:150%}
h2 {font-size:10pt; margin: -136px auto 90px auto;}
.wrapper {width: 630px; margin: auto;text-align:center;  font-family: Helvetica,Arial,sans-serif;}
.wrapper.top {width:auto}

.button, .button:visited { margin: 5px auto; background: #FFB515 url(sprite.png) no-repeat 4px -54px; font-size: 14px; padding: 8px 14px 9px 34px; font-weight: bold; line-height: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); display: inline-block; color: white; text-decoration: none; -moz-border-radius: 6px;  -ms-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); box-shadow: 0 1px 3px rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; }
.button:hover{background-color: #FC9200;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);}
.explain {color: #A68900; text-shadow: 1px 1px 1px #FFE773; font-size: 12px;}
.section{ color: #A65400; width: 200px;  float: left; text-align:left;  height: 232px; background: #fff;   margin-right: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px; -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); box-shadow: 2px 2px 9px rgba(0,0,0,0.3);margin-top: 2em  }
.section h3 {width: 180px; -x-height: 50px; background: #FF8100; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; text-align: center; font: 300 30px/50px; padding:10px; margin:0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);}
.section ul {font-size: 9pt;padding: 20px; margin:0; list-style-type: square;}
.section ul li {margin: 0 0 1em 10px; line-height: 1.5em; }
.section ul li a {color: #200772}
.section ul li a:hover {color: #876ED7; text-decoration: none;}
.section ul li a:visited {color: #739D00}
.fb-comments {margin:3em auto;}
.hosting {margin-left:-50px;}

#valja, #nevalja {display:none; width: 100%; height:8em;-webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px; -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); box-shadow: 2px 2px 9px rgba(0,0,0,0.3);margin-top: 2em; }

#oibField  {font-size: 32px; width:100%;
    text-align: center;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; text-shadow: 4px 2px 2px #A68900; font-size: 40pt;
}
#nevalja { color: #E1F80C; text-align:left;  background-color: #ff0000;  margin-right: 10px;  padding-top: 1em;  }
#nevalja ul {margin: 1em 0 0 3em;}
#valja {background-color:#31D531; color:#F8E50C;padding-top: 1em;}
.hacking {font-size:2em; font-family: 'Comic Sans MS', cursive, Arial, Helvetica; }