.alop-top-2 {

}

.alop-top-container-2 {

}

.container-fluid{
	margin-left:0px;
	margin-right:0px;
}

.alop-header-bar {
  margin-top: 5px;
  height: 150px;
  background: #181D30;
}

section {
  display: none;
  padding: 20px 0 0;
  
}

/*
input {
  display: none;
}*/

.label-group  {
    position:absolute;
    background-color: #ccc;
    border-top: 1px solid #7E9EC4;
    border-bottom: 1px solid #7E9EC4;
    height: 150px;
    width: 70%;
}

#alop-tabs {
    border: 1px solid #708DAD;
}

.alop-tabs-grupo {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    border-bottom: 1px solid #708DAD;

    /*height: 150px;*/
}

.tab-activo {
    background-color: #7E9EC4;
}

.tab-content {
    display:none;
    padding: 15px;
}

label {
    flex: auto;
   /*display: block; */
  /* align-self: stretch; */
  /* position: absolute; */
  /* height: 100%; */
  /* width: 25%; */
  /* float:left; */
   /*margin: 0 0 -1px -1px; */
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  /* background-color: #cc0; */
  margin:0 !important;
  /* border: 1px solid #7E9EC4; */

}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  /*margin-right: -1px;*/
}

label[for*='1']:before { content: '(1)'; /*'\f1cb';*/ }
label[for*='2']:before { content: '(2)'; /*'\f17d';*/ }
label[for*='3']:before { content: '(3)'; /*'\f16b';*/ }
label[for*='4']:before { content: '(4)'; /*'\f1a9';*/ }

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  /*border: 1px solid #ddd; *()
  /* border-top: 2px solid orange;
  border-bottom: 1px solid #fff; */
  background-color: #7E9EC4;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 10px;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}