* {box-sizing: border-box}

.seccion03azul {
	position: inherit;
	display:block;
	width: 100%;
	height: 75px;
	margin: 0px;
	background-color: #081420;
	opacity: 1;
}

/* Style the tab */
.tab {
  float: left;
  width: 30%;
  height: 100%;
background-color: #081420;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: #081420;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 0.95rem;
  padding: 22px 16px;
  width: 100%;
	height: 15.2vh;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  background-color: #85ADC7;
	opacity: 0.8;
  -webkit-tap-highlight-color: black;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: rgba(65, 116, 180, 0.5);
}

/* Style the tab content */

.tabcontent {
  float: left;
  padding: 0px 0 0 0px;
  width: 70%;
  border-left: none;
  height: 100%;
	background-color: white;
}

.tabcontent1 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
	background-image: url(../images/bg_capacitacion.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}

.tabcontent2 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
	background-image: url(../images/bg_automotriz.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}

.tabcontent3 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
	background-image: url(../images/bg_herramientas.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}

.tabcontent4 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
	background-image: url(../images/bg_aplicada.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}

.tabcontent5 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
		background-image: url(../images/bg_otro.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}

.tabcontent6 {
  float: left;
  padding: 0px 0px;
  width: 100%;
  border-left: none;
  height: 100%;
		background-image: url(../images/bg_otro.jpg);
	background-repeat: none;
	backface-visibility: visible;
	background-size: cover;
	opacity: 0.8;
}



.fondo-azul-tab{
	top: 0vh; 
	left: 29.9vw; 
	background-color: #4174B4; 
	opacity: 0.3; 
	width: 70vw; 
	height: 100%; 
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.bullets-capacitacion {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 500; 
	font-size: 0.95rem; 
	text-align: left;
	line-height: normal; 
	margin: 5rem 0 0 5rem;
	color: white;
	width: 70%;
}


.bullets-capacitacion li {
	margin-bottom: 0rem;
	list-style-image: url(../images/righ-arrow.svg);
	padding: 0px 0 13px 0;
}

.bullets-capacitacion a {
	color: #00ff7c;
	font-weight: 500; 
}

.bullets-capacitacion a:hover {
	color: white;
	text-decoration: underline;
}

.two-columns {
	width: 100%;
	
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-gap: 6rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 6rem; /* Firefox */
    column-gap: 6rem;
}

.cols-capacitacion {   /*-------------------------Tab 1 capacitación-------------------------*/
    display: grid;
    grid-template-rows: 100% 100%;
    grid-row-gap: 30%;
   justify-content: center;
   align-items: center;
	margin-top: 4rem;
	padding: 0;
}

.cols-capacitacion-div {   /*-------------------------Tab 1 capacitación-------------------------*/
    display: grid;
    grid-template-rows: 100% 100%;
    grid-row-gap: 30%;
   justify-content: center;
   align-items: center;
	margin-top: 4rem;
	padding: 0;
	background-color: #1a5d89;
	opacity: 0.7; 
	height: 30%;
}




.cols-capacitacion-div h6 {
	font-family: 'Open Sans', sans-serif; 
	font-size: 2.2rem; 
	font-weight: 300; 
	color: #ffffff; 
	line-height: normal;
	vertical-align: middle;
	text-align: center;
}