/* AAR Software Manager CSS */

h2.descargas{
  margin: 0.2em 0em 0.4em 0.5em;
  font-size: 1.5em;
}


#content div#cuadrado-backup p, 
#content div#cuadrado-fidelizacion p,
#content div.cuadrado-estadisticas p{
  display: inline-block;
}
#content div.cuadrado-estadisticas2 p{
  display: inline-block;
}
#content div.div-overflow{
  width: 55em;
  margin: 0.5em;
  padding: 0.5em;
  /*border: 0.1em solid #CCC;*/
  border-radius: 0.1em;
  background: #FFF;
}

#content div#cuadrado-manager{
  margin: 1em 0em;
  overflow: auto;
}

#content div#cuadrado-manager div{
  width: 26em;
  margin: 0.4em;
  padding: 0.5em;
  border: 0.1em solid #CCC;
  border-radius: 0.3em;
  float: left;
  background: #FFF;
}

#content div#cuadrado-manager div img{
  padding-bottom: 1.4em;
}

#content div#cuadrado-manager div.descargas{
  width: 54.8em;
  margin: 0.5em;
  padding: 0.5em;
  border: 0.1em solid #CCC;
  border-radius: 0.3em;
}

/*****/

#content div#cuadrado-sms{
  margin: 1em 0em;
  overflow: hidden;
}

#content div#cuadrado-sms p{
  text-align: left;
}

#content div#cuadrado-sms div{
  float: left;
  width: 9em;
  margin: 0em 2em;
  padding: 0.45em;
  border: 0.1em solid #BBB;
  border-radius: 0.3em;
  text-align: center;
}

#content div#cuadrado-sms .letra-pequeña{
  font-size: 0.75em;
}

/*****/

#content div#cuadrado-sms div:nth-child(1){
  background: #EFE;
}

/*****/

#content div#cuadrado-sms div:nth-child(2){
  background: #cef9ce;
  /*border: 0.1em solid #BBB;*/
}

#content div#cuadrado-sms div:nth-child(2) hr{
  background: #BBB;
}

/*****/

#content div#cuadrado-sms div:nth-child(3){
  background: #91ddab;
  /*border: 0.1em solid #BBB;*/
}

#content div#cuadrado-sms div:nth-child(3) hr{
  background: #999;
}

/*****/

#content div#cuadrado-sms div:nth-child(4){
  background: #69bb83;
  /*border: 0.1em solid #BBB;*/
}

#content div#cuadrado-sms div:nth-child(4) hr{
  background: #777;
}

/*****/

#content div#cuadrado-sms hr{
  margin: 0.5em 0;
}

#content div#cuadrado-sms img{
  padding-bottom: 2em;
}

#content div.no-border{
  border: none;
  background: none;
}

/****************/


#content div#cuadrado-backup{
  margin: 1em 0em;
  overflow: auto;
}

#content div#cuadrado-backup div.div-overflow{
  padding: 0em 0em 0.5em 0.5em;
  background: #FFF;
}

#content div#cuadrado-backup div.div-overflow div.titulo{
  float: right;
  width: 45em;
  background: #204a22;
  padding: 0.5em;
  border-radius: 0 0.2em 0 0.3em;
  margin: 0em;
  border: none;
  color: #FFF;
}

#content div#cuadrado-backup img{
  border-radius: 0.5em 0.5em 0.5em 0.5em;
}


/****************/

#content div#estadisticas-toggle{
  overflow: auto;
  text-align: center;
  padding: 0.5em 0;
}

#content div#estadisticas-toggle h2{
  float: left;
  margin: 0em 3em;
  cursor: pointer;
  color: #F90;
}

#content div.cuadrado-estadisticas{
  overflow: auto;
}


#content div.cuadrado-estadisticas div.div-overflow{
  padding: 0em 0em 0.5em 0.5em;
  background: #FFF8E5;
  line-height: 1.4em;
  font-size: 0.8em;
  width: 96%;
}


#content div.cuadrado-estadisticas div.div-overflow div.titulo{
  float: right;
  width: 100%;
  background: #B9DBBA;
  padding: 0.5em;
  /*border-radius: 0 0.2em 0 0.3em;*/
  margin: 0em;
  border: none;
  color: rgb(100,100,100);
  text-align: center;
}

#content div#est-empleados, #content div#est-empresa{
  display: none;
}

#content div#estadisticas-toggle h2.est-focused{
  color: #333;
  cursor: default;
}