.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #2A2C2E;
    border-color: #2A2C2E transparent #2A2C2E transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader {
  	display: none;
  }

  .text-retorno {
  	color: #a94442;
  	background-color: #f2dede;
  	border-color: #ebccd1;
  	padding: 15px;
  	border: 1px solid transparent;
  	border-radius: 4px;
  	display: none;
  }

  .text-retorno-1 {
  	color: #3c763d;
  	background-color: #dff0d8;
  	border-color: #d6e9c6;
  	padding: 15px;
  	border: 1px solid transparent;
  	border-radius: 4px;
  	display: none;
  }

#header{
  /*Novamente definimos a largura da div*/
  width:1000px;
  /* altura da div */
  height:50px;
  /* Cor de fundo da div */
  }

#header h4 {
    text-align: center;
    font-weight: bold;
}

#conteudo{
  /*Novamente definimos a largura da div*/
  width:1000px;
  /* altura da div */
  height:500px;
  /* Cor de fundo da div */

}

#conteudo-left{
  /*Novamente definimos a largura da div*/
  width:300px;
  /* altura da div */
  height:300px;
  /* O atributo Float é utilizado para fazermos o nosso bloco(div) literalmente flutue e se posicione onde queremos na página, quando escolhemos left, dizemos que esse bloco irá se posicionar na parte esquerda da página */
  float:left;
  margin-top: -10px;
  /* Cor de fundo da div */

}

#conteudo-left h5 {
    border: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-weight: bolder;
}

#conteudo-left p {
    border: 1px solid #ccc;
    font-weight: bolder;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -11px;
    margin-bottom: 10px;
}

#conteudo-right{
  /*Novamente definimos a largura da div*/
  width:700px;
  /* altura da div */
  height:300px;
  /* Pode parecer meio estranho usarmos o mesmo atributo left para o bloco em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo em cascata, nossa div conteúdo definimos a largura de 1000px e na conteudo-left 500px,
automaticamente ao definirmos o conteudo-right com 500px e à esquerda também, ele ficou à direita do conteudo-left, pois o máximo que a div filha poderá ter é 1000px, sendo 500+500=1000px */
  float:left;
  /* Cor de fundo da div */
  /*background-color:#F00;*/
}

.series {

}

#conteudo-right p {
    border: 1px solid #ccc;
    padding-top: 1px;
    padding-bottom: 7.5px;
    text-align: center;
    font-weight: bolder;
    margin-top: 0px;
    margin-right: 600px;
    margin-bottom: 0;

}