/* Sliders */
main.empresa .slider
{
    height: 400px!important;

}
main.empresa .slider img
{
    max-height: 400px!important;
}

main.empresa .slider .indicators

{
z-index: 9;
bottom: 12px;
}


main.empresa .slider .indicators .indicator-item.active

{background-color: #FFF;opacity: 0.8;width: 10px;height: 10px;}


main.empresa .caption

{left: 10%!important;top: 20%!important;width: 45%!important;}


main.empresa .slider .slides li .caption {width: 80%!important;top: 22%!important;left: 10%!important;padding: 2rem;line-height: 1.2;}

main.empresa td
{
	padding: 10px 5px;
	line-height: 1.2;
}

main.empresa .linea-naranja
{
	width: 15%;
}

section.timeline-section * {

  margin: 0;

  padding: 0;

}



section.timeline-section {

  background: #FFFFFF;

  font-family: 'montserrat';
  
  color: #fff;
  
  font-size: 16px;


}



section.timeline-section a {

  color: #1F6758;

  text-decoration: none;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transition: 0.5s;

}

  section.timeline-section a:hover,

  section.timeline-section a.selected {

    color: #1F6758;

  }



section.timeline-section h1,section.timeline-section h2,section.timeline-section h4,section.timeline-section h5,section.timeline-section h6 {

  text-align: center;

  color: #ccc;

  text-shadow: #000 1px 1px 2px;

  margin-bottom: 5px;

}

  section.timeline-section h1 {

    font-size: 18px;

  }

  section.timeline-section h2 {

    font-size: 15px;

  }

section.timeline-section .sociales {

  text-align: center;

  margin-bottom: 20px;



}



  section.timeline-section #timeline {

    width: 90%;

    max-width: 1000px;

    height: auto;

    overflow: hidden;

    margin: auto;

    position: relative;

    background: url('../img/lineadetiempo/dot.gif') left 45px repeat-x;

  }

    section.timeline-section #dates {

      width: 800px;

      height: 60px;

      overflow: hidden;



    }

      section.timeline-section #dates li {

        list-style: none;

        float: left;

        width: 100px;

        height: 50px;

        font-size: 20px;

        text-align: center;

        background: url('../img/lineadetiempo/biggerdot.png') center bottom no-repeat;

      }

        section.timeline-section #dates a {

          line-height: 38px;

          padding-bottom: 10px;

        }

        section.timeline-section #dates .selected {

              font-size: 38px;

              font-weight: 600;

              padding-bottom: 19px;

              

        }

    

    section.timeline-section #issues {

      width: 90%;

      width: 1000px;

      height: auto;

      overflow: hidden;



    } 

      section.timeline-section #issues li {

        width: 90%;

        width: 1000px;

        height: auto;

        list-style: none;

        float: left;

      }

        section.timeline-section #issues li.selected img {

          -webkit-transform: scale(1.1,1.1);

          -moz-transform: scale(1.1,1.1);

            -o-transform: scale(1.1,1.1);

            -ms-transform: scale(1.1,1.1);

            transform: scale(1.1,1.1);

        }

        section.timeline-section #issues li img {

          float: left;

          margin: 10px 30px 5px 50px;

          background: transparent;

          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   

          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      

          zoom: 1;

          -webkit-transition: all 2s ease-in-out;

          -moz-transition: all 2s ease-in-out;

          -o-transition: all 2s ease-in-out;

          -ms-transition: all 2s ease-in-out; 

          transition: all 2s ease-in-out;

          -webkit-transform: scale(0.7,0.7);

          -moz-transform: scale(0.7,0.7);

            -o-transform: scale(0.7,0.7);

            -ms-transform: scale(0.7,0.7);

            transform: scale(0.7,0.7);

        }

        section.timeline-section #issues li h1 {

          color: #fff;

          font-size: 48px;

          font-weight: 500;

          margin: 20px 0;

          text-shadow: #000 1px 1px 2px;

        }

        section.timeline-section #issues li p {

          width: auto;

          font-size: 15px;

          text-align: center;

          margin-right: 10%;

          margin-left: 10%;

          font-weight: normal;

          line-height: 22px;

          color: #464646;

          /*text-shadow: #000 1px 1px 2px;*/

        }

    

    section.timeline-section #grad_left,

    section.timeline-section #grad_right {

      width: 100px;

      height: 350px;

      position: absolute;

      top: 0;

    }

      section.timeline-section #grad_left {

            left: 0;

            background: url('../img/lineadetiempo/grad_left.png') repeat-y;

      }

      section.timeline-section #grad_right {

            right: 0;

            background: url('../img/lineadetiempo/grad_right.png') repeat-y;

      }

    

    section.timeline-section #next,

    section.timeline-section #prev {

      position: absolute;

      top: 0;

      font-size: 70px;

      top: 170px;

      width: 22px;

      height: 38px;

      background-position: 0 0;

      background-repeat: no-repeat;

      text-indent: -9999px;

      overflow: hidden;

    }

      section.timeline-section #next:hover,

      section.timeline-section #prev:hover {

        background-position: 0 -76px;

      }

      section.timeline-section #next {

        right: 0;

        background-image: url('../img/lineadetiempo/next.png');

      }

      section.timeline-section #prev {

        left: 0;

        background-image: url('../img/lineadetiempo/prev.png');

      }

        section.timeline-section #next.disabled,

        section.timeline-section #prev.disabled {

          opacity: 0.2;

        }



/* LINEA DE TIEMPO */

@media only screen and (max-width: 810px) 

{
    main.empresa .slider .slides li .caption
    {
        width: 90%!important;
        top: 20%!important;
        left: 5%!important;
    }

    main.empresa .fs30

    {
        font-size: 19px!important;
    }

    main.empresa .fs52

    {
        font-size: 42px!important;
    }  
}

@media (min-width: 811px) and (max-width: 1024px) and (orientation: landscape) 

{

    .slider .slides li .caption 

    {

    width: 80%!important;
    left: 20%;

    }
    
    main.empresa div .fs30

    {
        font-size: 26px!important;
    }

    main.empresa .fs52

    {
        font-size: 55px!important;
    }   
}