@charset "utf-8";
/* CSS Document */

#Naloga{
	margin: 30px auto 30px auto;
}

#Nalogaresitve{
	margin: 30px auto 30px auto;
	min-height:450px; 
}

.okvirNaloge {
	margin:auto; 
	max-width:430px; 
	min-height:450px; 
	padding:10px; 
	text-align:center; 
	font-size:xx-large;	
}

.InputNaloge {
	background-color: transparent; 
	text-align:center; 
	padding:0px; 
	margin:0px; 
	width: 5ch	
}

.desno30 {
	padding-right:40%;	
}

.CrtaEnako { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 50%;
    margin-right: 40%;
    border-style:solid;
    border-width: 2px;
} 

.slikaFade {
	position:absolute;
	top:0px;
	left:0px;
}

.wrap{width:130px; height:140px; margin:10px auto; position:absolute; top: 0px; right:0px; border:medium solid #0C87D5; border-radius:15px; padding:15px; background-color:#FFFCFC}
#dice_napis{display:block}
.dice{width:90px; height:90px; background:url(dice.png) no-repeat; cursor:pointer;}
.dice_1{background-position:-5px -4px}
.dice_2{background-position:-5px -107px}
.dice_3{background-position:-5px -212px}
.dice_4{background-position:-5px -317px}
.dice_5{background-position:-5px -427px}
.dice_6{background-position:-5px -535px}
.dice_t{background-position:-5px -651px}
.dice_s{background-position:-5px -763px}
.dice_e{background-position:-5px -876px}
p#result{text-align:center; font-size:16px}
p#result span{font-weight:bold; color:#f30; margin:6px}
#dice_mask{width:130px; height:140px; background:#fff; opacity:0; position:absolute; top:0; left:0; z-index:999}

@media (max-width: 992px) {
	.wrap{width:65px; height:65px; margin:5px auto; position:absolute; top: 0px; right:0px; border:medium solid #0C87D5; border-radius:15px; padding:10px; background-color:#FFFCFC}
	#dice_napis{display:none}
	.dice{width:45px; height:45px; background:url(dice_small.png) no-repeat; cursor:pointer;}
	.dice_1{background-position:-3px -2px}
	.dice_2{background-position:-3px -54px}
	.dice_3{background-position:-3px -106px}
	.dice_4{background-position:-3px -159px}
	.dice_5{background-position:-3px -214px}
	.dice_6{background-position:-3px -267px}
	.dice_t{background-position:-3px -325px}
	.dice_s{background-position:-3px -380px}
	.dice_e{background-position:-3px -438px}
	p#result{text-align:center; font-size:16px}
	p#result span{font-weight:bold; color:#f30; margin:6px}
	#dice_mask{width:130px; height:140px; background:#fff; opacity:0; position:absolute; top:0; left:0; z-index:999}
}

#NalogaGibb1 {
	position:absolute; border:medium solid #0C87D5; border-radius:15px; padding:15px; background-color:#FFFCFC; width:600px; right:140px; top:20px;
}

@media (max-width: 992px) {
	#NalogaGibb1 {
		position:absolute; border:medium solid #0C87D5; border-radius:15px; padding:15px; background-color:#FFFCFC; width:90%; right:5%; top:5px;
	}
}