@import url(//fonts.googleapis.com/css?family=Galdeano);

 body{
	background-color: #ddd; 
font-family:"Galdeano", sans-serif;
min-width:300px;

 }
 
 a:hover {
opacity:0.7;	 
 }

 nav,  nav div{
    height: 40px;
    line-height: 40px;
	text-align:center;
	background-color:#006699;
	position:relative;
  }
  
  nav a span {
position:relative;
top:50%;
transform:translateY(-50%);
  }
  
  nav a:hover {
opacity:0.5;	  
  }
  
.bigtitle {
	font-size: 40px;

}
.panel {
	font-size: 16pt;
	color: #09C;
	padding:4px;
	position:relative;
}

.timer {
	font-size: 18px;
	color: #999;
	border: 1px solid #CCC;
	position:absolute;
	right:10px;
	padding:2px;
}

.question {
	font-size: 18pt;
	line-height:20pt;
	color: #333;
}
.title {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.answer {
	font-size: 22px;
	color: #333;
	padding: 3px 20px;	
	cursor: pointer;
	cursor:hand;
	border-radius: 0.2em;
	margin-bottom:10px;
}

.answer::before{
}


.cellborder {
	border: 1px solid #eee;
	border-radius: 0.5em;
}
.butcls {
}
.rightline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
}

.botline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}
.instruction {
	position:relative;
	font-size: 12px;
	color: #069;
	
text-align:center;
}


.bigfont {
	font-size:36px;	
	font-weight:600;
}


.panel a:link, .panel a:active, .panel a:visited {
	color: #333;	
}



.panel a:hover {
	color: #bbb;	
}
.wt {
	border: 1px solid #CCCCCC;
	border-radius: 0.5em;
	background-color:#fff;
	max-width:900px;
	width:95%;
	margin:20px auto;
	box-shadow: 5px 5px 10px #bbb;
	padding:0 10px;
	position:relative;
	box-sizing:border-box;

}

.icoans{
margin-right:10px;
position:relative;
color:#bbb;
top:4px;
}

.wt table tr {
	border: none !important;	
}

.wt table td {
padding:10px !important;	
}

#waiting {
	font-size:24px;
	color:#069;
	font-weight:600;
}

#blocker {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
z-index:999;
background-color:#000;
opacity:0.5;
}

.username {
font-size:10px;
position:relative;
text-align:center;
color:#666;
background-color:#fff;
}

.oelthometable h1 {
font-size:2.0em;
margin:30px 0;	
top:0;
font-weight:600;	
color: #6b7770;
border-bottom:solid 2px #eee;
}

.oelthometable h2 {
font-size:1.5em;
margin:20px 0;	
top:0;
font-weight:600;	
color:darkblue;
}

.oelthometable tbody td {
	font-weight:600;	
}

.pretestwrapper h2 {
font-size:2em;
font-weight:600;
text-align:center;	
}


.pre-table {
width:98%;
max-width:800px;	
margin:auto;
border-spacing: 5px;
border-collapse: separate;
}

.pre-table td {
padding:10px 20px;	
border-radius:10px;
}

.pre-table td:first-child {
background-color:#069;
text-align:right;
}

.pre-table td:first-child div {
text-align:right;
}

.pre-table td:last-child {
background-color:#000;
color:#fff;
}


.tinytext {
font-size:10px;	
text-align:center;
}

.gowrapper {
position:relative;
margin:20px 0;	
color:#444;
font-size:1.5em;
}

.testinfo {
margin:40px 0;
color:#000;
font-size:1.7em;
text-align:center;	
	
}

.resultstable td, .resultstable th {
font-size:14px;	
}

.resultstable {
border-spacing: 3px;
border-collapse: separate;
}

.resultstable th{
border-radius:10px;	
background-color:#fff;
text-align:center;
}

.resultstable td{
border-radius:10px;	
background-color:#069;	
color:#fff;
text-align:center;
}

.resultstable tbody tr{
border:none;
}


.tlist1 td{
background-color:#000;	
color:#fff;
border-radius:10px;
text-align:center;
}

.tlist2 td {
background-color:#aaa;	
border-radius:10px;	
text-align:center;	
}

.overall_bg td {
color:#069;	
}

/*OELT TABLE STsYLES */
.oelt-wrapper {
	border: #ccc solid thin;
	background-color:#fff;
	border-radius:10px;
	margin:20px 0;
	text-align:center;
	width:100%;
	display:none;
	}

.oelt-wrapper table {
  border-width:0;
  width:100%;

}

.oelt-wrapper th,
.oelt-wrapper td {
  padding: 0.5rem 0.5rem;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  font-size:14px;
     border-left: 1px solid #e8e8e8;
}
.oelt-wrapper td {

}
.oelt-wrapper th {
  color: #000000;
  font-weight:800;
 
}


.oelt-wrapper th:first-child,
.oelt-wrapper td:first-child {
       border-left: 0px;
}



#showoelt {
	cursor:pointer;	
	border: solid thin #666;
	top:5px;
	position:relative;
	background-color:#f6f6f6;
}
.showoelt_title {
	padding-bottom:10px;
	line-height:22px;
	font-size:18px;	
	margin-bottom:20px;
}

#showinstructions {
color:#006699;	
}

#showinstructions:hover {
opacity:0.7;
cursor:pointer;
}

.helpbox {
position:absolute;
top:100px;
left:50%;
transform: translateX(-50%);
box-shadow: 5px 20px 20px #222;
background-color:#f6f6f6;
width:95%;
max-width:600px;
min-height:200px;
border-radius:4px;
display:none;
z-index:9990;
}

.helpbox .title {
	border-radius:4px 4px 0 0;
padding:10px;
color:#fff;
background-color:#222;
font-size:20px;
font-weight:500;
}

.helpbox .text {
position:relative;
padding:30px;
color:#666;
height:100%;
text-align:justify;
}



.helpbox .text .contact i{
position: relative;
top:5px;
}

.helpbox .title .helpclose {
background-color:#D41F22;
position:relative;
width:25px;
float:right;
display:inline-block;
border-radius: 5px;
cursor:pointer;
text-align:center;
}

.helpbox .title .helpclose:hover {
background-color:#444;	
}

.coolred{
background-color:rgba(143,50,52,1.00);	
}

.coolblue{
background-color:#11538c;
}

#Enviar {
font-family:inherit;
height:60px; 
width:95%; 
font-size:1.5rem !important;	
border-radius:5px;
background-color:#222;
color:#fff;
border:solid thin #666;
box-shadow:3px 3px 3px #ccc;
}

#Enviar:hover:enabled {
cursor:pointer;	
opacity:0.9;
}

#Enviar:disabled {
background-color:#ccc;
border:solid thin #ccc;	
box-shadow:none;
color:#999;
}


@media only screen and (max-width: 750px) {
.oelt-wrapper th,
.oelt-wrapper td {
  padding: 0.2rem 0.2rem;
  font-size:11px;
}

.resultstable td, .resultstable th {
font-size:11px;	
}	
	
}

@media only screen and (max-width: 375px) {
	
	
}

@media only screen and (max-width: 375px) {
.timer {
font-size:12px !important;	
}

.instruction {
font-size:10px !important;	
}

.panel {
font-size:14px	 !important;	
}



}