@charset "UTF-8";
/* CSS Document */
*{
      color:white !important ;
    
}



.window {
	position:absolute;
	float:right;
	height:400px;
	width:400px;
    top:150px;
    left:345px;


	overflow: hidden;
}

#questions{
    position: absolute;
    left: 50px;
    top: 185px;
    width: 230px;
	font-size:16px;
  background-color:rgba(90,50,10,.6);
    padding:  10px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius:9px;
    
    -webkit-box-shadow: 6px 6px 9px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    6px 6px 9px rgba(50, 50, 50, 0.75);
box-shadow:         6px 6px 9px rgba(50, 50, 50, 0.75);

}

#questions li{
list-style-type: none;
display: none;
color:white;
text-shadow: black 0px 1px 15px;
}

#questions li:first-child{
display: inline;
}


#quizReel {
	position: absolute; 
	top: 0;
	left: 0;
}



#quizReel > * {
	position:relative;
	display:block;

	padding-top: 75px;
	float: left;	
	width:400px;
	height:400px;

}

#quizReel form{

	margin: 0 auto;
	margin-top:-55px;
	width: 400px;
	height: auto;



}


.quizSection label{
    font-size:18px;
display: block;

    color: white;
    margin: 5px auto;
padding:10px;
clear: right;
padding-bottom:10px;
background-color:rgba(70,70,50,.7);
text-shadow: black 0px 1px 15px;


-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:9px;




}





.paging * {
	font-size:18px;
	padding:5px;
	text-decoration: none;
	color: #fff;
	
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;		
}


.okPag{
	font-weight: bold;
	background: green;
	border: 1px solid white;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	}

.wrongPag{

	font-weight: bold;
	background: red;
	border: 1px solid white;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	}

.okNum{
	color:green;
	font-weight:bold;
	
	}
	
.wrongNum{
	color:#CCC;
	
	}
	
.wrongBackNum{
	color:#CCCCCC
	}


.paging a.active {
	
	border: 1px solid #F93;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
	color:#99CC00;
	
}
#quizPages {

position: absolute;
left: 70px;
top: 20px;
display: block;
width: 100%;
height: 35px;


}

#quizPages li{
background-color:#30150D !important;
font-family: Arial, Helvetica, sans-serif;
     display:block;
    float: left;
	text-align:center;
	opacity: .8; 
-moz-opacity:0.8;
	


    border: solid 2px rgb(255, 255, 255);
	font-size:22px;
	cursor: pointer;
	list-style-type:none;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius:  50%;
	margin:1.9%;	
    width:30px;
	height:30px;	
}



#quizButtons{
position: absolute;
left: 50px;
top: 467px;
width: auto


}

#quizButtons > *{

margin-right: 10px;

}


#quizRetro{
 position:relative;
 display:block;
display: none;
clear: both;
float:right;
background-color:#683609;
width: 440px;
padding:10px;
margin-top: -25px;
right:-30px;
border-radius:9px;
box-shadow:#000 1px 1px 10px 1px;
opacity: .8; 
-moz-opacity:0.8;


}

#quizRetroError{
 position:relative;
 display:block;
display: none;
clear: both;
float:right;
background-color:#dd491a;
width: 440px;
padding:10px;
margin-top: -25px;
right:-30px;
border-radius:9px;
box-shadow:#000 1px 1px 10px 1px;
opacity: .8; 
-moz-opacity:0.8;


}

#quizRetroOk{
 position:relative;
 display:block;
display: none;
clear: both;
float:right;
background-color:#3D98CB;
width: 440px;
padding:10px;
margin-top: -25px;
right:-30px;
border-radius:9px;
box-shadow:#000 1px 1px 10px 1px;
opacity: .8; 
-moz-opacity:0.8;

background-position:left top;

}

.okLabel{

	border: dashed white 1px;
	background-color: rgba(9, 4, 90, 0.7);
}


.currentQuiz{
	font-weight:bold;
	
	}