/*Pag. Servicios*/

body
{
  margin: 0;
  /*background: rgb(0, 0, 0);*/
  font-family: Arial, Helvetica, sans-serif;
}

.servicios
{
  background-color: rgb(181,206,239);
  height: 80px;
}

.servicios h1
{
  color: rgb(99,90,82);
  padding-left: 5rem;
  padding-top: 1.5rem;
  width: 90%;
  margin: 0 auto;
}

.serv_desc
{
  width: 80%;
  margin: 0 auto;
}

.acordionleft
{
  float: left;
  width: 100%;
}

.acordionright
{
  float: right;
  width: 45%;
}


.accordion 
{
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover 
{
  background-color: #ccc;
}

.accordion:after 
{
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after 
{
  content: "\2212";
}

.panel 
{
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.serv_desc .footer
{
  margin: 0 auto;
  margin-top: 25rem;
  
}

.serv_desc .footer a 
{
  text-decoration: none ;
  background-color: rgb(0, 0, 0);
  color: white;
  padding: 0.3rem;
  border-radius: 25px;
}

/*Movil*/
@media screen and (max-width: 600px)
{
  .servicios h1
  {
    padding-left: 0rem;
  }
}