/*
*
*
*   EJERCICIOS
*
*
*/

.ejercicio
{
    color: #4566AF;
    text-align: center;
    /*min-height: 370px;*/

}

.texfont {
    font-size: 28px;
}

.ejercicio td
{
    font-size: 18pt;
}

.ejercicio hr
{
    margin-bottom: 2px;
    margin-top: 2px;
    border: 1px solid #4566AF;
    width:auto;
    height: 1px;
    color: #4566AF;
    background-color: #4566AF;
}

.ejercicio p
{
    font-size: 12pt;
}

.ejercicio .problemaImg
{
    width: auto;
    height: 180px;
}

#ejercicio-table
{
    border: 0px;
    width: 100%;
    /*text-align: center; td tr*/
}

.ejercicio table td 
{
    width: 100%;
}

#ejercicio-table,
#ejercicio-table tr,
#ejercicio-table td { border: 0; }

#ejerciciosbar 
{
    /*background-color: #D9E020; /* verdesito */
    /*margin-bottom: 20px;*/
    height: 50px;
}

#ejerciciosbar table 
{
    width: 100%;
    border: 0px;
}

#ejerciciosbar table td
{
    width: 33%;
    border: inherit;
}

#ejerciciosbar span
{

}

.warningbar
{
    background-color: Orange;
    color: White;
    width: auto;
}

.titulo
{
    padding: 10px;
    margin: 5px;
    color: black;
    font-size: 10pt;
}

.correct
{
    background-color: #ACE7B6;
}

.barItem
{
    padding: 5px;
    margin: 5px;
    color: White;
    font-size: 16px; /* 10pt */
    min-width: 50px;
    text-align: center;
    line-height: 20px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.barItem img
{
    width: 20px;
    height: 20px;
}

.resourceSimple
{
	background:#4567af;
}

.resourceSimple a, .resourceSimple a:hover{
	color: White;
	text-decoration: none;
}

.resource
{
	background:#4567af;
	position:relative;
	cursor:pointer;
}

.resource:hover, .resourceSimple:hover
{
	background:#063db0;
}

.wrong
{
    background-color: #F09191;
}

.resp 
{
    padding: 5px;
    color: White;
}

.comment
{
    font-size: 10pt;
}
.time
{
    /*background-color: black;*/
    padding: 10px;
    margin: 5px;
    color: black;
    font-size: 18pt;
}
.timeDiv
{
    background-color: White;
}

.leftAligment
{
    text-align: left;
}

.rightAligment
{
    text-align: right;
}

.centerAligment
{
    text-align: center;
    margin: 0 auto;
}

.justifyAligment
{
    text-align: justify;
}

.fullWidth
{
    width:100%;
}

.pauseDiv
{
    background-color: #EE4444;
}

.beginDiv 
{
    /*color: White;
    background-color: #EE4444;
    height: auto;*/
    width: 200px;
    /*text-align: center;*/
    font-size: 24pt;
    padding: 10px;
}

.multiplicacionAvanzada
{
    text-align: right;
    margin: 0 auto;   
}

.multiplicacionAvanzada tr td
{
    text-align: right;
}

.inputEjercicio
{
    width: 60px;
    text-align: center;
    height: 25px;
    font-size: 12pt;
    padding: 0;
}
.inputEjercicio2
{
    width: 60px;
    text-align: center;
    height: 25px;
    font-size: 12pt;
    padding: 0;
}

.inputChico {
    width:14px;
}

.inputEjercicioSmall
{
    width: 30px;
    text-align: center;
    height: 25px;
    font-size: 12pt;
    padding: 0;
}

.casita
{
    border-left: 2px solid #4566AF;
    border-top: 2px solid #4566AF;
}

.agrupacionesyresiduos
{
    width: 100%;
    
}

.agrupacionesyresiduos td
{
    width: 33%;
}

.agrupacionesyresiduos img
{
        height: 24px;
        width: auto;
}

/* tabla */
.fracciones
{
    width: 300px;
}

.fracciones th
{
    background-color: #337ab7;
    color: White;
    font-size: 12pt;
}

.fracciones td, .fracciones th
{
    height: 20px;
    border: 1px #2e6da4;
}

.table td, .table th {
   text-align: center;   
}

/* MODALES */

/* Ajuste modal boostrap modal 3 */
/*.modal-dialog
{
  width: 900px;
}*/


/* Ajuste modal boostrap 2 */
#modal-ejerciciopreview_old{
    /* new custom width */
    width: 900px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -450px;
}

/* Ajuste modal boostrap 2*/
#modal-votar_old{
    /* new custom width */
    width: 900px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -450px;
}

/* ROT TEXT */
.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}