﻿#s4-workspace > row {
	margin-right: 0px;
	margin-left: 0px;
}
#navbar{
    background-color: #000000;
}

#s4-bodyContainer{
	margin-top: 7%;
}
.dropdown-item > a:visited{
	color: #4682b4;
}
#acordeon {
  display: flex;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
      min-height: 50vh;
}

#acordeon > li {
  flex: 1;
  display: flex;
  align-items: stretch;
  background: #cc8A00;
  cursor: pointer;
  transition: all .5s ease;
  border-left: solid;
  border-color: #ffffff;
  border-width: 1px;
}
#acordeon > li:hover {
  background: #cc8A00;
}
#acordeon > li.active {
  flex: 5;
  background: #fff;
  cursor: default;
}
#acordeon > li.active h2 {
  color: #E74C3C;
}
#acordeon > li.active .section-content {
  flex: 4;
  opacity: 1;
  transform: scaleX(1);
  color: #E74C3C;

}
#acordeon > li .section-title {
  flex: 1;
  display: flex;
  align-items: center;
  width: 1vw;
  margin-right: 30px;
  padding: 0;
  text-align: center;
  color: white;
}
#acordeon > li .section-title h2 {
  margin: 0;
  transform: rotate(-90deg);
  font-size:2rem;
  white-space: nowrap;
}
#acordeon > li .section-content {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: all .25s .1s ease-out;
}
.active > .section-title {
    border-right: solid;
    border-color: #cc8A00;
    border-width: 1px;
    width: 6vw !important;
}

  .breadcrumb {
    display: flex;
   
    overflow: hidden;
    margin: auto;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 75px;
   
    z-index: 1;
    background-color: #000000 !important;
    font-size: 14px;
  }
  
  .breadcrumb a {
    position: relative;
    
    flex-grow: 1;
    text-decoration: none;
    margin: auto;
    height: 100%;
       padding-right: 0;
      }
  
  .breadcrumb a:first-child {
    padding-left: 15.2px;
  }
  
  .breadcrumb a:last-child {
    padding-right: 15.2px;
  }
  
  /*.breadcrumb a:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 77px;
    height: 70px;
    top: 0;
    right: -28.1481481481px;
    background-color: #1d2625;
    border-top-right-radius: 5px;
    -webkit-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    box-shadow: 1px -1px rgb(255, 255, 255);
    border-right: solid;
    border-top: solid;
    border-color: #ffffff;
    z-index: 1;  }*/
  
  .breadcrumb a:last-child:after {
    content: none;
  }
  
  .breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
  }
  
  .breadcrumb__title {
    font-size: 1rem;
    text-transform: uppercase;
    text-align:left;
  }
  .breadcrumb > a:hover{
	color: #ffffff !important;
}
.ms-rte-layoutszone-inner{
	border:none !important;
	margin:0px;
	padding:0px;
}
#ctl00_PlaceHolderMain_WikiField > .ms-wikicontent{
	padding-right:0px !important;
}
  @media all and (max-width: 1000px) {
    .breadcrumb {
      font-size: 12px;
    }
  }
  @media all and (max-width: 710px) {
    .breadcrumb__desc {
      display: none;
    }
  
    .breadcrumb {
      height: 38px;
    }
  
    .breadcrumb a {
      padding-left: 25.3333333333px;
    }
  
    .breadcrumb a:after {
      content: "";
      width: 38px;
      height: 38px;
      right: -19px;
      -webkit-transform: scale(0.707) rotate(45deg);
              transform: scale(0.707) rotate(45deg);
    }
  }
  
/* CSS Cursos */
.location{            

            background-repeat: no-repeat;
            float: right;
            position: absolute;
            padding: 8px;
            margin-left: -8px;
        }


        .jornada{
            margin-top: -2px;
            float: left;
            padding-right: 4px;
        }

        .duracion {
        
        display: block;
        width: 80px;
        height: 117px;
        border-radius: 6px;
        float: right;
        color: #FFFFFF;
        font-weight: bold;
        background-color: #cc8A00;
        padding: 10px;
        text-align: left;
        line-height: 100%;
        clear: both;
        margin-top: 0;
        padding-top: 8px;
        padding-left: 20px !important;
        }
        .subDuracion{
            color: #fff;
            font-size: 11px;
            display: block;
            margin-top: -5px;
        }
        
        /*-------------------------------------------*/
        
        /*--- Modificacion Date Noticias ----*/
        .ms-blog-postBoxDate{
	
	height:65px !important;
}
        /*-----------------------------------*/

/*-------- CSS Top --------*/

 /*-----------------------------------*/