@charset "utf-8";

/* Fonts Google */

@import url(http://fonts.googleapis.com/css?family=Nunito);
@import url(http://fonts.googleapis.com/css?family=Luckiest+Guy);


*{margin:0;padding:0;}
html{
height:100%;background:url("../assets/bg_cabeza.png") #f4b833 repeat;
  -webkit-background-size: repeat;
  -moz-background-size: repeat;
  -o-background-size: repeat;
  background-size: repeat;}


body{font-family: 'Nunito', sans-serif; background:transparent;color:#fff;font-size:18px;
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

h1{font-size:34px;color: #4b4b40;margin-bottom: 30px;}
h2{font-size:34px;color: #f2b115;margin-bottom: 30px;}
div, p, a, li, td { -webkit-text-size-adjust:none; }
p{font-size:20px;line-height:21px;margin-bottom:12px;color:#fff;  font-family: 'Nunito', sans-serif;}
p:last-child{margin-bottom:0px;}
input{background:#f5a604;font-size:34px;font-weight:bold;color:#fff;padding:6px 10px 6px 10px;border:none;-webkit-appearance:none;border-radius:10px; -moz-border-radius:100px;font-family: 'Nunito', sans-serif; margin: 0 auto;}
img{display:block; margin: 0 auto;} /* remove bottom padding */ 

.font{font-size: 25px;}
 
}

.passbg{background:transparent url("") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.failbg{background:transparent url("") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.timesupbg{background:transparent url("") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.title{border:2px solid #0069a9; border-radius: 0px; background: #fff;}

.orangebg{background:rgba(253, 199, 70, 1);}
.border{border:2px solid transparent;}
.lightBox{background:rgba(255,255,255,0.9);padding:20px;border-radius:0px; -moz-border-radius:0px;border:1px solid #ddd;}

#timeoutContainer{height:100%;} /* allows for vertical alignment */
#scoreContainer{height:100%;} /* allows for vertical alignment */
.glow{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.white{color:#fff;}
.black{color:#111;}
.grey{color:#666;}
.orange{color:#f5a604;}
.cent{text-align:center;}

.p_16{font-size:16px;line-height:21px;}
.p_24{font-size:35px;line-height:50px;}
.p_30{font-size:30px;line-height:35px;}
.p_32{font-size:32px;line-height:40px;}
.p_42{font-size:42px;line-height:40px;}


.mcqRadioBtn{width:12px;height:12px;background:#fff;border:1px solid #999;border-radius:10px; -moz-border-radius:10px;}
.optionBox{background:#f5a604;padding:20px;border:none;border-radius:10px; -moz-border-radius:10px;overflow:hidden !important;box-shadow: 0 6px #DA9408;}
.optionOverCss{background:#f5a604;padding:20px;border:none;border-radius:10px; -moz-border-radius:10px;box-shadow: 0 6px #DA9408;}
.optionOverCss p{color:;}
.optionOutCss{background:#f5a604;color:#fff;padding:20px;border:none;border-radius:10px; -moz-border-radius:10px;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;box-shadow: 0 6px #DA9408;}

.btnOverCss input{background:#f5a604; color:#fff; border: 2px solid #f5a604; font-family: 'Nunito', sans-serif; border-radius: 10px; font-size: 30px; box-shadow: 0 6px #DA9408;}
.btnOutCss input{background:#f5a604; color:#fff; border: 2px solid #f5a604; font-family: 'Nunito', sans-serif; font-size: 30px;
-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    border-radius: 10px; 
    box-shadow: 0 6px #DA9408;
}
.btnOverCss:hover input{
outline: 0px! important;
-webkit-appearance: none;
    
}
.btnOutCss:hover input{
outline: 0px! important;
-webkit-appearance: none;    

}

.vertical-align {
  position: relative !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* timer */
#timerContainer{text-align: center;}
#timer{margin-top:150px;background:transparent none no-repeat 0px 0px;display:none;opacity:0.5;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) ;-moz-opacity:0.5;position:relative !important;}

@media (max-width: 992px) {
  #col1{margin-top:110px;} /* pushes the question down allowing space for the timer */
  #timerRow{width:100%;}
  #timerContainer{text-align: center;width:100%;}
  #timer {margin-top:50px;zoom:0.35;-moz-transform: scale(0.35);-moz-transform-origin: top center;}
  #txt1{margin-top:100px;}
}


/* nav */
#nav{position:absolute;z-index:99;}

/* preloader */
.preloader{
    width:34px;
    height:34px;
    display:inline-block;
    padding:0px;
    
    border-radius:100%;
    border:2px solid;
    border-top-color:rgba(0,0,0, 0.8);
    border-bottom-color:rgba(0,0,0, 0.2);
    border-left-color:rgba(0,0,0, 0.8);
    border-right-color:rgba(0,0,0, 0.2);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}