/*_________the Slider background________*/
      div[id ="slider_body"]{
           margin: auto;
           padding:auto;
           width:100%;
           height:100%;
           overflow:hidden;
           background:black;
           position:absolute;
       }
       img[id ="primary"],[id ="secondary"]{
          width:100%;
          height:100%;
          position:absolute;
          opacity:1;
       }
       img[id ="primary"]{
         opacity:1.0;
         transform:translate(-250%, 0px);
         transition:transform 6.5s, opacity 6.5s;
       }
       img[id ="secondary"]{
         transform:translate(0%, 0px);
         transition:transform 8.5s, opacity 8.5s;
       }
      /* div[id ="slider_body"]:hover img[id ="secondary"]{
           transform:/*translate(-250%, 0px) scale(1.8);
           opacity:0.0;
       }*/

   /*________the search engine___________*/
       ul[id ="sismo"]{
          position:absolute;
          z-index:5;
       }
       div[id ="curva"]{
         margin:auto;
         padding:8px;
         width:75.6%;
         height:auto;
         background:rgba(0, 0, 0, 0.3);
         border-radius:5px;
         margin-top:200px;
         border:1.8px white solid;
         transition:all 1.2s;
         -webkit-transition:all 1.2s;
         position:relative;
         /*box-shadow:4px 2px 5px black;*/
       }
       h1[id = "titula"]{
          font-size:2.5vw;
          font-family:impact;
          text-shadow:1px 5px 2px white;
          color:rgba(102,100,0,0.7);
          cursor:pointer;
          letter-spacing:8px;
        }
        h4[id = "titula"]{
           color:blue;
           text-transform:uppercase;
           font-family:arial black;
           letter-spacing:4.2px;
           text-shadow:1px 2px 3px white;
           font-size:1.2vw;
         }
         input[name ="find"]{
          width:55vw;
          background:rgba(0, 0, 0, 0.2);
          position:absolute;
          margin-top:-32px;
          transition:transform 0.8s;
          -webkit-transition:transform 0.8s;
       }
       input[name ="find"]:focus{
          background:linear-gradient(rgba(0, 0, 0, 0.2), cyan);
       }
       div[id ="dedalos"]{
          width:55.4vw;
          overflow:hidden;
          position:relative;
          /*background:blue;*/
       }
       button[name ="dga"]{
         background:rgba(0, 0, 0, 0.3);
         height:50px;
         width:12.4vw;
         margin-top:-32px;
         position:absolute;
         transform:translate(-150%, 0px);
         transition:transform 0.8s;
         -webkit-transition:transform 0.8s;
       }
       div[id ="centro"]{
          margin:auto;
          padding:auto;
          width:100%;
          height:0px;
          overflow-y:scroll;
          margin-top:2px;
          background:rgba(0, 50, 120, 0.8);
          display:none;
          /*border-top:1.8px solid white;*/ 
           opacity:0.0;
          transition:height 1.2s, opacity 1.2s;
         -webkit-transition:height 1.2s, opacity 1.2s;
       }
        p[id ="sesto"]{
             font-size:2.1vw;
             color:white;
        }

   /*______javaScript propurse________
       button[id ="sobre"]{
          transform:translate(105%, 0px);
       }
        button[id ="galio"]{
          transform:translate(210%, 0px);
       }
        button[id ="account"]{
          transform:translate(315%, 0px);
       }*/

   /*_____________Photo cars display________________*/
         div[id ="menes"]{
          margin:auto;
          padding:auto;
          height:0px;
          position:relative;
          overflow:hidden;
        }
        div[id ="culva"]{
          margin:auto;
          padding:auto;
          position:relative;
          width:280px;
          height:auto;
          border:solid 1.5px white;
          border-radius:5px;
          margin-top:5px;
          background:rgba(210, 210, 210, 0.6);
        }
        button[name ="logos"]{
            width:278px;
            height:72px;
            border-radius:5px;
            background:rgba(100, 200, 200, 0.6);
            cursor:pointer;
            position:relative;
            overflow:hidden;
        }
        button[name ="logos"]:active img[id ="laos"]{
           transform:scale(0.8);
        }
        img[id ="laos"]{
           width:100px;
           height:68px;
        }
        img[id ="regio"]{
           width:278px;
           height:218px;
        }
        h4[id ="vais"]{
           text-align:center;
        }

   /*_________Baner Of decoration____________*/
         div[id ="cuva"]{
          margin:auto;
          padding:auto;
          position:relative;
          width:88%;
          height:105px;
          border-radius:5px;
          overflow: hidden;
          /*background:white;*/
          transition:height 1.2s;
          -webkit-transition:height 1.2s;
         }
          div[id ="colada"]{
          margin:auto;
          padding:auto;
          position:absolute;
          width:0%;
          height:88px;
          border-radius:5px;
          background:rgba(0, 0, 0, 0.2);
          overflow: hidden;
          margin-top:2px;
         }
         div[id ="dicono"],[id ="bicono"]{
              margin:auto;
              padding:auto;
              position:absolute;
              width:100%;
              height:85px;
              overflow:hidden;
              padding:10.8px;
              white-space:nowrap;
              transform:translate(0%,0px);
              transition:transform 6.2s;
              -webkit-transition:transform 6.2s;
          }
            div[id ="bicono"]{
               margin-top:7.5px;
            }
            img[id ="pricipal"],[id ="sigo"]{
              width:80px;
              height:65px;
              position:relative;
              padding:6px;
            }
            img[id ="pricipal"],[id ="sigo"]{
              animation:corre 25s linear alternate infinite;
            }
            @keyframes corre {
               
              /* 0%{margin-left:0%;}

              10%{margin-left:-320%;}

              100%{margin-left:-356%;}*/

              from{
                transform:translate(2150%,0px);
              }
              to{
                  transform:translate(-3715%,0px);
              }
            }
            img[id ="carrito"]{
              width:180px;
              height:84px;
              position:relative;
              padding:8px;
              animation:pnacho 25s linear alternate infinite;
            }
            @keyframes pnacho {
               
                from{
                  transform:translate(-3580%,0px);
                   
                }

                to{
                   transform:translate(680%,0px);
                }

               
            }
 
 /*/////////////////////////////////////////////////
 //////////___Mobile view_____////////////////////*/
    
       @media screen and (max-width:680px) {
            div[id ="curva"]{
               width:98.5%;
            }
            h1[id = "titula"]{
               font-size:5.2vw;
            }
            h4[id = "titula"]{
               font-size:3.2vw;
             }
            div[id ="dedalos"]{
              width:100%;
              height:65px;
            }
            input[name ="find"]{
                width:98.8%;
               margin-top:-5px;
            }
            button[name ="dga"]{
              margin-top:-5px;
              width:22.0vw;
              font-size:4.2vw;
            }
            div[id ="cuva"]{
              width:100%;
            }
         }