/**********************/
/***** TABLET CSS *****/
/**********************/

/**** TABLET ORIZONTAL ****/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


	/********* INDEX *********/

    .botonexito {
        height: 100%;
    }

    .botonexitosel {
        height: 100%;
    }
  

  #click1, #click2, #click3, #click4 {
    width: 50%;
  }
   .proceso8 {
      width:225px;
      /*margin-top: 30%;*/
   }
   #proceso1b img, #proceso2b img, #proceso3b img, #proceso4b img {
      width: 30%;
     margin-top:-50px;
      margin-left:30px;
   }
    .cifra1, .cifra2, .cifra3, .cifra4, .cifra5, .cifra6 {
        font-size: 0.9em;
    } 

    /** FORMACION **/

    #formaciondifusion img {
        max-width: 100%;
    }

    /** OPC **/

    #gama img {
        width: 90%;
    }   

    /***** EDITORIAL *****/

    #internacional img, #equipo img {
    	display: inherit!important;
    }

    .wrapMatronas_mobile {
      width: 97%!important;
    }
    .wrap7dias_mobile, .wrapActa_mobile, .wrapMatronas_mobile, .wrapFarma_mobile, .wrapFarmaJ_mobile, .wrapFarmaH_mobile, ,
    .wrapSuelo_mobile,
    .wrapFolia_mobile,
    .wrapAHP_mobile,
    .wrapForumF_mobile {
      width: 95%!important;
    }

    /*-- ICONES --*/
        .wrap1_mobile, .wrap2_mobile {
            left: 34%;
        }

        .wrap1_mobile, .wrap2_mobile {
            position: absolute;
            overflow: hidden;
            top: 0%;
            right: 0%;
            width: 200px;
            bottom: 55px;
            padding: 30px 10px;
            display: block;
            border-radius: 4px;
            transform: translateY(20px);
            transition: all 0.5s;
            visibility: hidden;
        }
        .wrap1_mobile .content, .wrap2_mobile .content {
          opacity: 0;

        }

        .wrap1_mobile:before, .wrap2_mobile:before {
          position: absolute;
          width: 1px;
          height: 1px;
          background:#2a4968;
          content: "";
          bottom: 10px;
          left: 50%;
          top: 95%;
          color: #ffffff;
          border-radius: 50%;
          -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .wrap1_mobile.active, .wrap2_mobile.active {
          display: block;
          visibility: visible;
          box-shadow: 2px 3px 16px silver;
          transition: all 600ms;
          transform: translateY(0px);
          transition: all 0.5s;

        }
        .wrap1_mobile.active:before, .wrap2_mobile.active:before {
          height: 2000px;
          width: 2000px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          margin-left: -1000px;
          margin-top: -1000px;
          display: block;
          -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .wrap1_mobile.active .content, .wrap2_mobile.active .content {
          position: relative;
          /*z-index: 1;*/
          opacity: 1;
          transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        span.button {
            padding: 9px 9px 11px 11px;
            outline: none;
            border-radius: 50%;
            background: #007fed;
            color: #fff;
            font-size: 18px;
            left: 55%;
            bottom: 100px;
            top: auto;
            margin-left: -25px;
            transition: transform 0.25s;
            z-index: 1000;
        }
        span.button:hover {
          text-decoration: none;
          background: #2198ff;
        }
        span.button.active {
          transform: rotate(135deg);
          transition: transform 0.5s;
        }

        .titulolibros, .subtitulolibros {
        padding: 0 15px;
    }

    /***** PUBLICIDAD *****/

    #section1 img {
        max-width: 100%;
    }
	
	/***** LOGOS *****/

	#logoswebmayo img {
        width: 100%;
    }

    .logoswebmayo {
        margin:0px!important;
    }

    .direccion {
    	display: inherit!important;
    }

}


/**** TABLET VERTICAL ****/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        .proyectos-pc {
            display: none;
        }

        #proyectos-mobile {
            display: inherit;
        }

        #carousel-proyectos {
            width: 75%;
            margin-left: auto;
            margin-right: auto;
        }

        .carousel-caption {
            font-size: 10px;
            background-color: rgba(45, 75, 107, 0.63);
        }

        #proceso1a, #proceso2a, #proceso3a, #proceso4a {
            width: 50%;
        }

        #proceso1b img, #proceso2b img, #proceso3b img, #proceso4b img {
          width: 30%;
          margin-top:-80px;
          margin-left:30px;
       }

       .proceso8 {
          width: 330px;
          /*margin-top: 25%;*/
       }

          .col-proceso {
            min-height: 400px;
          }

        /** FORMACION **/

        .presentacion-texto2 {
            font-size: 0.65em;
            min-height: 215px;
            margin-top: -215px;
        }

        /** EDITORIAL **/

        #revistas .hide1, #revistas .hide2, #revistas .hide3 {
          height: 430px;
          margin-left: 30%;
        }

        /*-- ICONES --*/
        .wrap1_mobile, .wrap2_mobile {
            left: 30%;
        }

        .wrap1_mobile, .wrap2_mobile {
            position: absolute;
            overflow: hidden;
            top: 0%;
            right: 0%;
            width: 185px;
            bottom: 55px;
            padding: 30px 10px;
            display: block;
            border-radius: 4px;
            transform: translateY(20px);
            transition: all 0.5s;
            visibility: hidden;
        }
        .wrap1_mobile .content, .wrap2_mobile .content {
          opacity: 0;

        }

        .wrap1_mobile:before, .wrap2_mobile:before {
          position: absolute;
          width: 1px;
          height: 1px;
          background:#2a4968;
          content: "";
          bottom: 10px;
          left: 50%;
          top: 95%;
          color: #ffffff;
          border-radius: 50%;
          -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .wrap1_mobile.active, .wrap2_mobile.active {
          display: block;
          visibility: visible;
          box-shadow: 2px 3px 16px silver;
          transition: all 600ms;
          transform: translateY(0px);
          transition: all 0.5s;

        }
        .wrap1_mobile.active:before, .wrap2_mobile.active:before {
          height: 2000px;
          width: 2000px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          margin-left: -1000px;
          margin-top: -1000px;
          display: block;
          -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .wrap1_mobile.active .content, .wrap2_mobile.active .content {
          position: relative;
          /*z-index: 1;*/
          opacity: 1;
          transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

        span.button {
             padding: 9px 9px 11px 11px;
            outline: none;
            border-radius: 50%;
            background: #007fed;
            color: #fff;
            font-size: 18px;
            left: 70%;
            bottom: 100px;
            top: auto;
            margin-left: -25px;
            transition: transform 0.25s;
            z-index: 1000;
        }
        span.button:hover {
          text-decoration: none;
          background: #2198ff;
        }
        span.button.active {
          transform: rotate(135deg);
          transition: transform 0.5s;
        }

    }

/**** TABLET ORIZONTAL Y VERTICAL ****/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	nav img {
        height: 100%;
    }

    .navbar-nav {
        font-size: 12px;
    }

    .nav li {
        font-size: 16px;
        text-align: center;
        margin-top: 0;
    }

    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-collapse.collapse.in{
      display:block !important;
    }
    
     .idioma {
        margin-top:0px;
        margin-left:0px;
    }
    
    .color1{
        background-color: #e6f6fd;
    }

    .color2 {
        background-color: #ffffff;
    }
    
    .container {
        width: 100%;
    }

    /** INDEX **/
    .quienessomos {
        height: 100%;
        min-height: 100%;
    }
    .carousel-caption {
        
    }

    .cifra1, .cifra2, .cifra3, .cifra4, .cifra5, .cifra6 {
        height: 100%;
        font-size: 0.6em;
        padding-top: 10px;
    }
    
    /* NUESTRA HISTORIA */

    .historiaimagen {
        float: none;
        max-width: 100%;
    }

    .estitulotitulo1 {
        font-size: 40px;
    }
    
    /* FORMACION **/
    #programasespecificos img {
        max-width: 100%;
    }

    /*** DIGITAL ***/

    #desarrolloweb img {
        max-width: 100%;
    }

    /** EDITORIAL **/
    .cabeceraseccion {
    	min-height: 100%;
    }
    #editorialmovil {
        display: inherit!important;
    }

    #cabeceras, #colecciones {
        display: none;
    }

    #internacional img, #equipo img {
    	display: none;
    }

    .wrap7dias_mobile .content,
    .wrapActa_mobile .content,
    .wrapMatronas_mobile .content,
    .wrapFarma_mobile .content,
    .wrapFarmaJ_mobile .content,
    .wrapFarmaH_mobile .content,
    .wrapSuelo_mobile .content,
    .wrapFolia_mobile .content,
    .wrapAHP_mobile .content,
    .wrapForumF_mobile .content {
        opacity: 0;
    }
    .wrap7dias_mobile,
    .wrapActa_mobile,
    .wrapMatronas_mobile,
    .wrapFarma_mobile,
    .wrapFarmaJ_mobile,
    .wrapFarmaH_mobile,
    .wrapSuelo_mobile,
    .wrapFolia_mobile,
    .wrapAHP_mobile,
    .wrapForumF_mobile {
        position: absolute;
        overflow: hidden;
        top: 0px;
        width: 92%;
        height: 100%;
        padding: 30px 10px;
        display: block;
        border-radius: 4px;
        transform: translateY(20px);
        transition: all 0.5s;
        visibility: hidden;
    }

    .wrapSuelo_mobile,
    .wrapFolia_mobile,
    .wrapAHP_mobile,
    .wrapForumF_mobile {
      width: 95%!important;
    }
    .wrap7dias_mobile.active,
    .wrapActa_mobile.active,
    .wrapMatronas_mobile.active,
    .wrapFarma_mobile.active,
    .wrapFarmaJ_mobile.active,
    .wrapFarmaH_mobile.active,
    .wrapSuelo_mobile.active,
    .wrapFolia_mobile.active,
    .wrapAHP_mobile.active,
    .wrapForumF_mobile.active {
        display: block;
        visibility: visible;
        box-shadow: 2px 3px 16px silver;
        transition: all 600ms;
        transform: translateY(0px);
        transition: all 0.5s;
    }
    .wrap7dias_mobile:before,
    .wrapActa_mobile:before,
    .wrapMatronas_mobile:before,
    .wrapFarma_mobile:before,
    .wrapFarmaJ_mobile:before,
    .wrapFarmaH_mobile:before,
    .wrapSuelo_mobile:before,
    .wrapFolia_mobile:before,
    .wrapAHP_mobile:before,
    .wrapForumF_mobile:before {
        position: absolute;
        width: 1px;
        height: 1px;
        background: rgba(42, 73, 104, 0.85);
        content: "";
        bottom: 10px;
        left: 50%;
        top: 95%;
        color: #ffffff;
        border-radius: 50%;
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wrap7dias_mobile.active:before,
    .wrapActa_mobile.active:before,
    .wrapMatronas_mobile.active:before,
    .wrapFarma_mobile.active:before,
    .wrapFarmaJ_mobile.active:before,
    .wrapFarmaH_mobile.active:before,
    .wrapSuelo_mobile.active:before,
    .wrapFolia_mobile.active:before,
    .wrapAHP_mobile.active:before,
    .wrapForumF_mobile.active:before {
        height: 2000px;
        width: 2000px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        margin-left: -1000px;
        margin-top: -1000px;
        display: block;
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wrap7dias_mobile.active .content,
    .wrapActa_mobile.active .content,
    .wrapMatronas_mobile.active .content,
    .wrapFarma_mobile.active .content,
    .wrapFarmaJ_mobile.active .content,
    .wrapFarmaH_mobile.active .content,
    .wrapSuelo_mobile.active .content,
    .wrapFolia_mobile.active .content,
    .wrapAHP_mobile.active .content,
    .wrapForumF_mobile.active .content {
        position: relative;
        /*z-index: 1;*/
        opacity: 1;
        padding-top: 80px;
        transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .wrapFarma .boton-revistas span.button,
    .wrapFarmaJ .boton-revistas span.button,
    .wrapFarmaH .boton-revistas span.button {
        top:-15px!important;
    }


    /** PUBLICIDAD **/

    #publicidad img {
        max-width: 100%;
    }

    /** CONTACTO **/

    #formulariocontacto {
        height: 100%;
    }

    /** FOOTER **/
    #mapaweb {
    	display: none;
    }

    #logoswebmayo {
        margin-top: 25px;
        text-align: center;
    }
    .logoswebmayo {
        margin:5px;
    }

    .direccion {
        display: none;
    }

}