

@media screen and (min-width: 1000px) {   /*PC/*

      /*Parte texto-----------------------------------------------*/
      .Contenedor-texto{
         font-size: 50px;
         background-color: #b85503;
         /* top  right bottom left */
         margin: 100px 0px 50px 0px;
         padding: 5px 150px 5px 150px;
         flex-grow: 1;
         
      }
      .texto{ 
         margin: 20px;
         color: #fff;
         font-family:Verdana, Geneva, Tahoma, sans-serif cursive;
       
         
         animation: movimientoTexto 4s  ;
      } 
       
      /*animacion de texto*/
      @keyframes movimientoTexto {
         from {
            transform: translateX(-400px);
         }
      }

      /*Fin texto-------------------------------------------------------*/




      /* imagenes principales---------------------------------*/
      .slider{
         width: 940px;  height: 500px;  margin: 50px auto 0; overflow: hidden;  
       }
      .slider ul{
         display: flex;  padding: 0px;  animation: cambio 30s infinite alternate ease-in-out;
         width: 700%;   /*es la distancia maxima en recorrido (debe ser 100% mayor a el ultimo margin-left del keyframes)*/
      }
      .slider li{
         width: 100%;  list-style: none;  /*Para quitar viñetas que trae por defecto la lista*/
      }
      .slider img{
         width: 100%;  height: 100%; 
         
      }
      @keyframes cambio {
         0%{margin-left: 0%;}
         14%{margin-left: 0%;}
         
         21%{margin-left: -100%;}
         28%{margin-left: -100%;}
         
         35%{margin-left: -200%;}
         42%{margin-left: -200%;}

         49%{margin-left: -300%;}
         56%{margin-left: -300%;}

         63%{margin-left: -400%;}
         70%{margin-left: -400%;}

         77%{margin-left: -500%;}
         84%{margin-left: -500%;}
 
         91%{margin-left: -600%;}
         100%{margin-left: -600%;}
       } 
      /*Fin imagenes principales--------------------------------------------------*/
      /* Logo---------------------------------------------*/
      .form-img {  flex:1;display: flex;padding: 10px;min-width: 100px; max-width: 200px;order: 2;} 
      .img-container div{background: white; /*EL color del fondo del logo*/border-radius: 50%;text-align: center;padding: 15px;}
      .img-container{margin: auto;}
      .form-img img{/*imagen especifica*/ width: 80%;}            
      /*fin Logo---------------------------------------*/

      /*Imagenes de bloque --------------- */

      .contenedor-cajas{
            padding-left: 150px;  
            padding-right: 150px;
            padding-bottom: 50px;
            
      }
      .flex-container{
         display: flex;
         height: 210px;
         margin: 3px;  
           
      }
      .flex-item{ 
         background:  #fff;
         padding: 10px;
         margin: 5px;
         height: 200px;	
         border: #b85503 solid;
         flex-grow: 1; 
         
      }
      .flex-item img {
         width: 250px;
         height: 130px;
      }
   
      /*Fin imagenes de bloque*/
      
   }  