* { margin:0px; padding:0px; -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; }

html { height:100%; }
body { height:100%; padding:0px; margin:0px;  height:100%; }
.bs { box-shadow: 0px 5px 5px #ddd !important; }
.ol { outline:1px solid #f00 !important; }
div { outline:0px solid #0f0; }


#iframe { position:relative; height:200px; width:98%; margin-left:1%; min-margin-top:20px; 
	background:#fff; }

.bgt { background-color:rgba(255, 255, 255, 0.7); }
.ac { clear:both; }
.bs { box-shadow: 2px 2px 10px #999; }
.ol { outline:1px solid #f00; }

#spiat { margin:0px; border-collapse:collapse; background:#fff; font-family:Verdana; font-size:75%; width:100%; }
#spiat td {  border:1px solid #999; padding:0px 3px 1px 3px; vertical-align: bottom; /*white-space:nowrap;*/ }
#spiat .hd { border-bottom-width:2px; border-bottom-color:#000; background:#fc0; }
#spiat .ra { text-align:right; padding-right:5px; }
#spiat .qid { width:30px; text-align:center; font-weight:bold; }
#spiat .cn { text-align:center; }
#spiat .editbut { width:30px;  }
table#spiat  tbody tr:hover { background: #ddd; }


#stilifrm { position:fixed; top:0px; right:5px; z-index:1000; }
#stili { border:none; background:#eee; padding-right:5px; border:0px solid #999; border-radius:5px;  }

@media all and ( max-width:500px ) {
}