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

.senior
{
    background: url('../images/background_morro.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.books
{
    background: url('../images/background.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.language
{
	background-color:#FF7C3D;
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-weight:bold;
	font-size:21px;
	color:#ffffff;
	border:none;
	padding:10px;
	margin-top:27px;
}

.language_link,
.language_link:visited,
.language_link:active
{
	margin-left:5px;
	color:#ffffff;
	font-family:Arial,'Helvetica Neue', Helvetica, sans-serif;
}

.language_link:hover,
.language_link:focus {
  color: #ffffff;
  text-decoration: underline;
}
.language_link:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#LogIn
{
	height:610px;
	background-color:#4C1B0F;
	border-radius:20px;
	z-index:1;
	margin-top:120px;
}

#register
{
	height:1100px;
	background-color:#4C1B0F;
	border-radius:20px;
	z-index:1;
	margin-top:50px;
}
.register {
	height: 1010px;
	background-color: #4C1B0F;
	border-radius: 20px;
	z-index: 1;
	margin-top: 50px;
}

input
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:3px;
}

*::-webkit-input-placeholder {
    font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:3px;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:3px;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:3px;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:3px;
}

input[type=text]
{
	height:60px;
	background-color:#9B390B;
	border:none;
	color:#ffffff;
}

input[type=email]
{
	height:60px;
	background-color:#9B390B;
	border:none;
	color:#ffffff;
}

input[type=password]
{
	height:60px;
	background-color:#9B390B;
	border:none;
	color:#ffffff;
}

.code
{
	width:100%;
	background-color:#ffffff;
	height:60px;
    position: relative;
}

.code span
{
    position: absolute;
    right: 5px;
    top: 5px;
}

input[type=submit]
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	height:65px;
	background-color:#5CEBB5;
	border:none;
	width:45%;
	border-radius:10px;
	color:#008474;
}

input[type=submit]:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:27px;
	height:65px;
	background: -moz-linear-gradient(left, rgba(92,235,180,1) 0%, rgba(0,132,117,1) 55%, rgba(0,132,117,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,235,180,1)), color-stop(55%, rgba(0,132,117,1)), color-stop(100%, rgba(0,132,117,1)));
    background: -webkit-linear-gradient(left, rgba(92,235,180,1) 0%, rgba(0,132,117,1) 55%, rgba(0,132,117,1) 100%);
    background: -o-linear-gradient(left, rgba(92,235,180,1) 0%, rgba(0,132,117,1) 55%, rgba(0,132,117,1) 100%);
    background: -ms-linear-gradient(left, rgba(92,235,180,1) 0%, rgba(0,132,117,1) 55%, rgba(0,132,117,1) 100%);
    background: linear-gradient(to right, rgba(92,235,180,1) 0%, rgba(0,132,117,1) 55%, rgba(0,132,117,1) 100%);
	border:none;
	border-radius:10px;
	color:#5CEBB5;
}

input[type=reset]
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	height:65px;
	background-color:red;
	border:none;
	width:45%;
	border-radius:10px;
	color:#ffffff;
	margin-left:10px;
}

input[type=reset]:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:27px;
	height:65px;
	background: -moz-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,101,36,1)), color-stop(55%, rgba(219,70,11,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
	border:none;
	border-radius:10px;
	color:#ffffff;
}

.training
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
}

.small_text
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:right;
}

.link_log
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5CEBB5;
	text-align:right;
}

.link_log:visited
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5CEBB5;
	text-align:right;
}

.menu_text
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
}

.menu_text:visited
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	color:#ffffff;
	margin-top:10px;
}

.agent_info
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:13px;
	color:#ffffff;
	margin-top:15px;
}

.img-circle {
  border-radius: 50%;
  width:36px;
  height:36px;
  margin-top:15px;
}

.text_welcome
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:87px;
	color:#ffffff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.38);
	margin-top:-20px;
}

.text_welcome_short
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:39px;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.38);
	line-height: 130%;
	margin-top:-35px;
}

#LnkStart, #LnkRespond, #LnkNext
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:40px;
	color:#ffffff;
	width:100%;
	margin-top:20px;
	background-color:#07B543;
    border-radius: 0px;
    text-decoration: none;
    display: block;
}

#LnkStart:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:40px;
	color:#ffffff;
	width:100%;
	margin-top:20px;
    background:	-moz-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173,196,60,1)), color-stop(40%, rgba(7,181,68,1)), color-stop(90%, rgba(7,142,104,1)));
    background: -webkit-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
    background: -o-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
    background: -ms-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
    background: linear-gradient(to right, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
    border-radius: 0px;
    text-decoration: none;
    display: block;
}

.title
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:39px;
	font-weight:bold;
	color:#E86121;
}

.congrats
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:70px;
	font-weight:bold;
	font-style:italic;
	color:#E86121;
}

.congrats_text
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:66px;
	color:#E86121;
	line-height: 120%;
	margin-top:-30px;
}

.level
{
	font-weight:bold;
}

#LnkRepeat, .repeat
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	font-weight:bold;
    text-decoration: none;
	color:#ffffff;
	line-height: 120%;
	width:45%;
	background-color:#F26524;
	border:2px solid #ffffff;
    display:block;
}

#LnkRepeat:active, .repeat:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	font-weight:bold;
    text-decoration: none;
    display:block;
	color:#ffffff;
	line-height: 120%;
	width:45%;
	border:2px solid #ffffff;
	background: -moz-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,101,36,1)), color-stop(55%, rgba(219,70,11,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(242,101,36,1) 0%, rgba(219,70,11,1) 55%, rgba(231,56,39,1) 100%);
}

#LnkDoIt, .doIt
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;
	line-height: 120%;
	width:45%;
	background-color:#07B543;
	border:2px solid #ffffff;
    display:block;
    text-decoration: none;
}

#LnkDoIt:active, .doIt:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	font-weight:bold;
    display:block;
	color:#ffffff;
	line-height: 120%;
	width:45%;
    text-decoration: none;
	background-color:#07B543;
	background:	-moz-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173,196,60,1)), color-stop(40%, rgba(7,181,68,1)), color-stop(90%, rgba(7,142,104,1)));
background: -webkit-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -o-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -ms-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: linear-gradient(to right, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
}

#back_general
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	background-color:#F26524;
	width:100%;
	height:100%;
}

.title_quiz
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:39px;
	font-weight:bold;
	color:#ffffff;
}

.text_quiz
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#F26524;
}

.general_text
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:20px;
	color:#682C0F;
}

.start_quiz
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:40px;
	color:#ffffff;
	width:80%;
	margin-top:20px;
	background-color:#07B543;
}

#back_general_line
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	border-top:4px solid #F26524;
	border-bottom:4px solid #F26524;
	width:100%;
	height:100%;
	padding:10px;
}

.title_quiz_orange
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:35px;
	font-weight:bold;
	color:#F26524;
	margin-top:20px;
}

.text_red
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:red;
}

.question
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#F26524;
}

input[type=radio]
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:20px;
	color:#682C0F;
}

.button_quiz
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:30px;
	color:#ffffff;
	width:80%;
	margin-top:20px;
	background-color:#07B543;
}

.button_quiz:active
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:30px;
	color:#ffffff;
	width:80%;
	margin-top:20px;
	background:	-moz-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173,196,60,1)), color-stop(40%, rgba(7,181,68,1)), color-stop(90%, rgba(7,142,104,1)));
background: -webkit-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -o-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: -ms-linear-gradient(left, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
background: linear-gradient(to right, rgba(173,196,60,1) 0%, rgba(7,181,68,1) 40%, rgba(7,142,104,1) 90%);
}

.menu_left
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:25px;
	color:#ffffff;
	height:100%;
}

.levels
{
	background-color:#FF8417;
	border:3px solid #ffffff;
	padding:10px;
    display:block;
    text-decoration:none;
    color:#ffffff;
    white-space:nowrap;
}

.levels:active
{
	background: -moz-linear-gradient(left, rgba(255,96,23,1) 0%, rgba(255,96,23,1) 28%, rgba(255,131,23,1) 88%, rgba(255,131,23,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,96,23,1)), color-stop(28%, rgba(255,96,23,1)), color-stop(88%, rgba(255,131,23,1)), color-stop(100%, rgba(255,131,23,1)));
background: -webkit-linear-gradient(left, rgba(255,96,23,1) 0%, rgba(255,96,23,1) 28%, rgba(255,131,23,1) 88%, rgba(255,131,23,1) 100%);
background: -o-linear-gradient(left, rgba(255,96,23,1) 0%, rgba(255,96,23,1) 28%, rgba(255,131,23,1) 88%, rgba(255,131,23,1) 100%);
background: -ms-linear-gradient(left, rgba(255,96,23,1) 0%, rgba(255,96,23,1) 28%, rgba(255,131,23,1) 88%, rgba(255,131,23,1) 100%);
background: linear-gradient(to right, rgba(255,96,23,1) 0%, rgba(255,96,23,1) 28%, rgba(255,131,23,1) 88%, rgba(255,131,23,1) 100%);
	border:3px solid #ffffff;
    color:#ffffff;
	padding:10px;
    display:block;
    text-decoration:none;
    white-space:nowrap;
}

.dlgErrorIcon
{
    color: red; 
    font-size: 3em; 
    vertical-align: middle;
}

.dlgOkIcon
{
    color: lightgreen; 
    font-size: 3em; 
    vertical-align: middle;
}
.countdown {
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  margin: .1em 0 1.2em;
}
.countdown .part {
  display: inline-block;
  position: relative;
}
.countdown .part.days:after,
.countdown .part.hours:after,
.countdown .part.minutes:after,
.countdown .part.seconds:after {
  position: absolute;
  content: attr(data-day-text);
  text-align: center;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: .6em;
  color: inherit;
}
.countdown .part.disabled .digit {
  opacity: .3;
  box-shadow: none;
}
.countdown .digit,
.countdown .divider {
  display: inline-block;
  padding: .3125em .625em;
  background-color: #1ba1e2;
  color: #ffffff;
  cursor: default;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.countdown .digit,
.countdown .divider {
  margin-left: 4px;
}
.countdown .divider {
  padding: .125em .25em;
  color: #1d1d1d;
  background-color: transparent;
  box-shadow: none;
}
.countdown.tick .divider {
  opacity: 0;
}
.countdown.labels-top {
  margin: 1.2em 0 .1em;
}
.countdown.labels-top .part.days:after,
.countdown.labels-top .part.hours:after,
.countdown.labels-top .part.minutes:after,
.countdown.labels-top .part.seconds:after {
  top: 0;
  left: 0;
  margin-top: -1.5em;
}
.countdown.rounded .part .digit {
  border-radius: .5em;
}
.countdown .digit.scaleIn {
  transition: all 0.5s ease;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.error_404
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:90px;
	color:#E86121;
	line-height: 120%;
	margin-top:70px;
}

.error_500
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:50px;
	color:#E86121;
	line-height: 120%;
	margin-top:70px;
}


.error_little
{
	font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size:30px;
	color:#E86121;
	line-height: 120%;
}