body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica;
}
header{
	height:30px;
	padding: 10px 20px;
	font-size:1.2em
	
}
#content-wrapper {
	position:relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
}
#content{
	position:absolute;
	width: 530px;
	left: 10px;
}
#content p{
	display:block;	
	position:relative;
	padding: 0 15px;
	margin:5px;
}

#content p span{
	font-family:Arial, Helvetica;
}

#pitanje_wrapper{
	position:relative;
	display:block;
	height: 40px;
	margin:5px auto 0 auto;
	padding: 0 3px;
}

.br{
	font-family:Arial, Helvetica;
	float:right;
	display:inline-block;
	height:33px;
	width: 38px;
	padding-top:5px;
	font-weight:bold;
	font-size: 1.3em;
	text-align:center;
	color: #777;
	cursor:pointer;
}

.pitanje{
	position:absolute;
	height:20px;
	width: 690px;
	color: #777;
	font-size: 15px;
	font-family:Arial, Helvetica;
	//font-weight: bold;
	display:none;
	background:#fff;
	border:solid thin #ddd;
	padding:5px 30px 5px 10px;
}
.pitanje p{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	width:auto;
}
.close{
	color: #777;
	font-family:Arial, Helvetica;
	display:inline-block;
	position:absolute;
	top:1px;
	right:5px;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	padding: 0 10px;
	margin: 3px -1px 2px 30px;
	background:#fff;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none;
}

.close:hover{color:#ccc; background:#fafafa; color: #555;}

input.char_click {
  width:36px;
  height: 36px;
  line-height: 36px;
  font-size: 32px;
  text-align: center;
  margin: -1px 0 0 -1px;
  border: 1px solid #369c9d;
  padding:0;
}
input.char_click:focus {
  margin: -1px 0 0 -1px;
  border: none;
  border: 1px solid #369c9d;
}
table {
  border-collapse: collapse;
}
td{
  padding: 0;
  margin:0;
}
h1 {
  font-size: 12px;
  color: #999;
  background: #e8f2f3;
}

input[type='text'].odgovor {
  background: #fbf9cc;
}

.provjeri {
  outline: none;
  border: 0;
  background: url('provjeri_mali.png') no-repeat center center;
  width: 135px;
  height: 45px;
  overflow: hidden;
  direction: ltr;
  display: inline-block;
  text-indent: -999em;
  float:right;
}
.provjeri:focus, .provjeri.ponovo:focus {
  outline: none;
  border: 0;
}
.provjeri.ponovo {
   outline: none;
  border: 0;
  background: url('pokusaj-ponovo_mali.png') no-repeat center center;
  width: 175px;
  height: 45px;
}
#odgovor {
  height: 30px;
  line-height: 45px;
  border: none;
  width: 50px;
  padding:0 10px 0 10px;
  margin: 0 30px;
  text-align:left;
  border-bottom: solid thin #ccc;
  
}
input[type='text'].break.odgovor {
  border-top: 3px solid #369c9d;
  margin-top: -3px;
}

input[type='text'].break-left {
  border-left: 3px dotted #369c9d;
  margin-left: -3px;
}

#izvrsno {
  display: none;
  width: 216px;
  height: 72px;
  background: url('izvrsno.png') no-repeat center center;
  position: absolute;
  left: 400px;
  top: 270px;
  margin-left: -108px;
}
.ok {
  width: 26px;
  height: 26px;
  background: url('kvacica.png') no-repeat center center;
  display: block;
  float: left;
}
.controls{
	width:530px;
	padding:0 15px!important;
}