h1.despliegue_titulo {
font-weight: normal;
}

div#caja-calculadora-ponderacion {
width: 645px;
height: auto;
float:left;
clear:both;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}

div#caja-calculadora-ponderacion h3 {
background-color: #333333;
height: 25px;
line-height: 25px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-indent: 15px;
font-size: 12px;
}

div#puntajes {
height: 180px;
width: 645px;
background-color: #d9583b;
position: relative;
}

div#puntajes:after {
content: '';
position: absolute;
bottom:-11px;
width: 24px;
height: 11px;
background-image: url(../img/triangulo.png);
left: 310.5px;
z-index: 10;
}

div#puntajes ul.cajas-puntajes {
padding:0px;
margin:0px;
list-style-type: none;
padding-left: 10px;
}

div#puntajes ul.cajas-puntajes li {
float:left;
width: 100px;
height: 76px;
margin-right:5px;
padding-top:13px;
color: #fff;
font-size: 12px;
text-align: center;
position: relative;
}

div#puntajes ul.cajas-puntajes li input {
font-family: 'Archivo Narrow', Arial, sans-serif;
width: 98px;
height: 46px;
line-height: 46px;
background-color: #eccdc5;
position: absolute;
bottom:-8px;
left:0px;
text-align: center;
color: #613405;
font-weight: bold;
font-size: 27px;
border-radius: 5px;
border: 1px solid #eccdc5;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

div#puntajes ul.cajas-puntajes li:nth-child(n+3) input {
background-color: #e9ab76;
border: 1px solid #e9ab76;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

div#puntajes ul.cajas-puntajes li span {
position: absolute;
left:0px;
bottom:44px;
width: 100px;
}

div#puntajes ul.cajas-puntajes li input:hover {
border: 1px solid #fff;
background-color: #eed2cb;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

div#puntajes ul.cajas-puntajes li:nth-child(n+3) input:hover {
background-color: #efb482;
border: 1px solid #fff;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

div.selectores {
height: 53px;
width: 645px;
position: absolute;
bottom:8px;
left:0px;
}

div.selectores h4 {
color: #fff;
font-size: 12px;
text-transform: uppercase;
text-indent: 13px;
}

div.selectores select {
width: 304px;
height: 27px;
line-height: 27px;
margin-top:4px;
float:left;
margin-left:13px;
padding:0px 5px;
color: #dd723b;
font-weight: bold;
}

div.selectores select option {
color: #dd723b;
font-weight: bold;
display: block;
}

div#calcular-resultados {
width: 645px;
height:196px;
background-color: #a9a7a8;
position: relative;
background-image: url(../img/fondo_calculadora.jpg);
background-repeat: no-repeat;
}

div#calcular-resultados a:link,
div#calcular-resultados a:visited {
width: 197px;
height: 38px;
line-height: 38px;
text-decoration: none;
color: #f79c6b;
text-transform: uppercase;
display: block;
text-align: center;
background-color: #333333;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
position: absolute;
left:214px;
top:70px;
transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
}

div#calcular-resultados a:hover {
background-color: #222222;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

/*Ponderaciones para carrera*/

#resultados-ponderacion {
min-height: 356px;
width: 645px;
background-color: #eae8e9;
display: none;
}

#resultados-ponderacion h5 {
background-color: #cccccc;
width: 645px;
padding-top:20px;
padding-bottom:10px;
text-align: center;
color: #666666;
text-transform: uppercase;
}

#resultados-ponderacion h5 span {
width: 645px;
display: block;
padding: 3px 0px;
font-size: 11px;
font-weight: normal;
}

#resultados-ponderacion ul.ponderaciones,
#resultados-ponderacion ul.resultados {
margin:0px;
padding:0px;
list-style-type: none;
padding-left: 10px;
}

#resultados-ponderacion ul.ponderaciones {
height: 100px;
}

#resultados-ponderacion ul.ponderaciones li {
float:left;
width: 100px;
height: 65px;
margin-right:5px;
padding-top:20px;
color: #666;
font-size: 12px;
text-align: center;
position: relative;
}

#resultados-ponderacion ul.ponderaciones li span {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
left:0px;
bottom:46px;
width: 100px;
font-size: 11px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}

#resultados-ponderacion ul.ponderaciones li div {
font-family: 'Archivo Narrow', Arial, sans-serif;
width: 98px;
height: 48px;
line-height: 48px;
background-color: #f9f7f8;
position: absolute;
bottom:-8px;
left:0px;
text-align: center;
color: #ce6535;
font-size: 18px;
border-radius: 5px;
border: 1px solid #e3e2e3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}

/*Resultados del cálculo*/

#resultados-ponderacion ul.resultados {
height: 120px;
}

#resultados-ponderacion ul.resultados li {
float:left;
height: 90px;
margin-top:10px;
margin-right:5px;
font-size: 12px;
text-align: center;
position: relative;
}

#resultados-ponderacion ul.resultados li span {
position: absolute;
left:0px;
bottom:78px;
font-size: 12px;
color: #666666;
width: 100%;
font-weight: bold;
}

#resultados-ponderacion ul.resultados li div {
font-family: 'Archivo Narrow', Arial, sans-serif;
height: 78px;
line-height: 78px;
background-color: #f9f7f8;
position: absolute;
bottom:-8px;
left:0px;
text-align: center;
color: #ce6535;
border-radius: 5px;
border: 1px solid #e3e2e3;
width: 100%;
}

#resultados-ponderacion ul.resultados li.ultimo-matriculado {
width: 197px;
}

#resultados-ponderacion ul.resultados li.ultimo-matriculado div {
color: #999999;
font-size: 55px;
font-weight: bold;
}

#resultados-ponderacion ul.resultados li.puntaje-simulado {
width: 197px;
}

#resultados-ponderacion ul.resultados li.puntaje-simulado div {
color: #fff;
font-size: 55px;
font-weight: bold;
background-color: #e25333;
}

#resultados-ponderacion ul.resultados li.diferencia {
width: 107px;
}

#resultados-ponderacion ul.resultados li.diferencia div {
color: #e25333;
font-size: 35px;
font-weight: bold;
background-color: #fff;
}

#resultados-ponderacion ul.resultados li.vacantes {
width: 107px;
}

#resultados-ponderacion ul.resultados li.vacantes div {
color: #989898;
font-size: 35px;
font-weight: bold;
background-color: #fff;
}

/*Anotaciones caja resultados y recalcular*/

div.caja-resultados-anotaciones {
width: 645px;
height: auto;
position: relative;
border-top: 1px solid #cccccc;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
}

div.caja-resultados-anotaciones ul {
padding:10px;
margin:0px;
list-style-type: none;
display: table;
width: 380px;
}

div.caja-resultados-anotaciones ul li {
min-height: 30px;
line-height: 16px;
font-size: 11px;
padding-left:40px;
padding-right:5px;
background-position: 4px 0px;
background-size: 30px 30px;
background-repeat: no-repeat;
display: table-cell;
color: #666;
width: 50%;
box-sizing: border-box;
}

div.caja-resultados-anotaciones ul li b {
color: #000;
}

div.caja-resultados-anotaciones ul li.aprueba {
background-image: url(../img/ok.png);
}

div.caja-resultados-anotaciones ul li.desaprueba {
background-image: url(../img/not.png);
}

div.caja-resultados-anotaciones ul li span {
font-weight: bold;
color: #444;
}

div.caja-resultados-anotaciones a:link,
div.caja-resultados-anotaciones a:visited {
width: 197px;
height: 38px;
line-height: 38px;
text-align: center;
font-weight: bold;
font-size: 12px;
background-color: #333333;
color: #fff;
border-radius: 5px;
display: block;
position: absolute;
top:20px;
right: 10px;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

div.caja-resultados-anotaciones a:hover {
background-color: #222222;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

/* Alertas */

ul.cajas-puntajes div {
display: none;
position: absolute;
top:100px;
left:-15px;
padding:10px 5px;
width: 110px;
line-height: 14px;
color: #000;
background-color: #fff;
z-index: 10;
font-size: 11px;
border-radius: 5px;
border: 1px solid #cf4425;
}

ul.cajas-puntajes div:before {
content: '';
position: absolute;
top:-10px;
left:48px;
background-image: url(../img/tri-blanco.png);
background-repeat: no-repeat;
width: 24px;
height: 11px;
}

div.selectores div.alerta {
display: none;
position: absolute;
top:50px;
left:150px;
text-align: center;
font-size: 11px;
color: #666;
background-color: #fff;
padding:5px 10px;
z-index: 12;
border: 1px solid #cf4425;
border-radius: 5px;
}

/*Intro*/

div#intro-ponderacion {
display: block;
width: 645px;
height: 401px;
background-image: url(../img/bg-negro.png);
background-repeat: repeat;
position: absolute;
left:0px;
top:0px;
z-index: 20;
}

div#intro-ponderacion ul {
list-style-type: none;
padding:0px;
margin:0px;
width: 252px;
background-color: #fff;
background-color: rgba(255,255,255,0.9);
position: absolute;
top:90px;
left: 188px;
padding:0px 18px;
padding-top:11px;
padding-bottom:14px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border-radius: 5px;
}

div#intro-ponderacion ul li {
width: 100%;
float:left;
clear:both;
margin-top:7px;
height: 27px;
line-height: 27px;
}

div#intro-ponderacion span {
width: 23px;
height: 23px;
line-height: 23px;
display: block;
background-color: #ff950f;
color: #3d383f;
border-radius: 25px;
text-align: center;
font-weight: bold;
float:left;
margin-right: 10px;
border: 2px solid #302f34;
}

div#intro-ponderacion ul div.cargando {
float:left;
clear:both;
margin-top:14px;
height: 29px;
width: 100%;
background-image: url(../img/loader.gif);
background-repeat: no-repeat;
background-position: center center;
}

div#intro-ponderacion ul a:link,
div#intro-ponderacion ul a:visited {
display: none;
width: 100%;
background-color: #f2950c;
float:left;
clear:both;
margin-top:14px;
height: 29px;
line-height: 29px;
text-align: center;
border-radius: 5px;
text-decoration: none;
color: #222;
text-transform: uppercase;
font-weight: bold;
}

div#intro-ponderacion ul a:hover {
background-color: #f2830c;
}

#intro-ponderacion span.primerpaso,
#intro-ponderacion span.segundopaso,
#intro-ponderacion span.tercerpaso {
width: 30px;
height: 30px;
line-height: 30px;
display: block;
background-color: #ff950f;
color: #3d383f;
border-radius: 25px;
text-align: center;
font-weight: bold;
margin-right: 10px;
border: 2px solid #302f34;
position: absolute;
}

#intro-ponderacion span.primerpaso {
top: 82px;
left:12px;
}

#intro-ponderacion span.segundopaso {
top: 160px;
left:12px;
}

#intro-ponderacion span.tercerpaso {
top: 285px;
left:200px;
}

div.credito-app {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
padding: 3px 0px;
text-align: right;
width: 100%;
margin-top:5px;
margin-bottom:5px;
float:left;
clear:both;
}