*{
  margin:0 auto;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}


.menu-nav{
        width: 100%;
        height: 230px;
        /*border:1px solid black;*/
}

.idioma{
      margin-bottom:10px;
}

.btn-success{
          background:#00a900;
          color:white;
          border-radius: 4px;
          border:1px solid rgb(52, 203, 82);
          text-shadow: 0px 0px 1px #898686;

}

.btn-success:hover{
                 color:red;
                 font-size:14px;     
                 border-radius:4px;
                 border:1px solid rgb(52, 203, 82);
                 box-shadow: 2px 2px 3px rgb(135, 156, 153);

                 

}

/**********************   carrusel ************************/

.logo{
    position:absolute;
    background-image:url("../img/logo/logo200_concorona.png");
    /*background-color: blueviolet;*/
    width: 200px;
    height: 199px;
    top:28%;
    left:5%;
}

.banner{
      position:relative;
      /*background:red;*/
      /*background-image: url("../banner/img/banner01_2000.png");*/
      /* medidas reales */
      /*width:2000px;*/
      /*height:409px;*/
      /*border:2px solid green;*/
      /*background-size:cover;*/
      max-width: 2000px;
      height: 480px;
}

.banner iframe{
            width: 100% !important;
            max-width: 2000px;
            height: 500px;

}


.nav-bg{
      padding:0 0px;
      height: 35px;
      width: auto;
      border: 1px solid #00a900;
      background:#00a900;
      z-index:1;
}

.navegacion-principal{
      width: 1000px;
      height: 40px;
    
      display:flex;
      
}

.titulo-nav{
      display: inline;
      height: 30px;
      width: 160px;
      color:#fff;
      text-decoration:none;
      font-family: arial;
      font-size: 20px;
      border-radius: 8px 8px 8px 8px;
      padding-top:5px;
      
}

.navegacion-principal a:hover{
      color:black;
      font-size:20px;
      background-color:rgb(52, 203, 82);
      text-shadow: 0 0 30px #fff;
}

/*****************************   NAV  *****************************/
.titulo{
     font-family: arial;
     font-size:60px;
     margin-top:60px;
     margin-bottom:20px;
}

main h2{
       margin-top:35px;
       font-size: 26px;
}

main p{
       font-size: 24px;
       margin-top:15px;
       width: 1000px;
       text-align: justify;
       padding-top:20px;
       padding-bottom: 20px;
}

.maestro-productos{
                 width: 1000px;
                 height: 1070px;
                 border:3px solid #3d2e04;
                 border-radius: 8px;
                 margin-bottom:20px;
}

.fila{
    position:relative;
    width: 940px;
    height: 323px;
    border-radius: 8px;
    /*border:2px solid red;*/
    margin-top:20px;
    display:flex;
    

}

.columna{
       width: 300px;
       height: 300px;
       /*background-color: blueviolet;*/
       border:1px solid black;
       border-radius: 8px;
       margin-top:10px;
}

.columna h3{
        font-family: 'Courier New', Courier, monospace;
        font-style: italic;
        font-size: 20px;
        color:#3d2e04;
}

.columna img{
         width: 80%;
         height: auto;
         padding-top:20px;
         border-radius:100%;
}

/* tablet */
@media (max-width:480px){ 

      .titulo{
              font-family: arial;
              font-size:35px;
              margin-top:30px;
              margin-bottom:10px;

      }

      .banner{
            position:relative;
            width: 100%;
            height: 400px;
            
      }
    
      .banner iframe{
                   width: 400px; 
                   height: 340px;
                   /*border:4px solid green;*/
                  
            
      }
    
      .logo{
            position:absolute;
            background-image:url("../img/logo/logo200_concorona.png");
            /*background-color: blueviolet;*/
            width: 200px;
            height: 199px;
            top:30%;
            left:27%;
          
      }
    
      /* cambios en el menu*/
      .nav-bg{
            padding:0 0px;
            height: auto;
            width: 100%;
            border: 1px solid #00a900;
            background:#00a900;
            z-index:1;
      }

      .navegacion-principal{
                            width: 480px;
                            height: auto;
                            /*border:1px solid red;*/
                            display:block;
            
      }

      .titulo-nav{
                  display: block;
                  text-align: left;
                  height: 30px;
                  width: 400px;
                  color:#fff;
                  margin-left:5px;
                  text-decoration:none;
                  font-family: arial;
                  font-size: 20px;
                  /*border:2px solid rgb(52, 203, 82);*/
                  border-radius: 8px 8px 8px 8px;
                  padding-top:5px;
                  padding-left:10px;
            
      }

  

      .navegacion-principal a:hover{
                                   color:black;
                                   font-size:20px;
                                   background-color:rgb(52, 203, 82);
                                   text-shadow: 0 0 30px #fff;
     
      }

      .menu-nav{
                margin:0px;
                padding:0px;
                width: 400px;
                height: 450px;
                /*border:1px solid black;*/
                border:0px;
              
      }

      main h2{
              margin-top:15px;
              font-size: 16px;
      }

      main p{
            font-size: 18px;
            margin-top:15px;
            width: 400px;
            text-align: justify;
            padding-top:20px;
            padding-bottom: 20px;
      }

      .maestro-productos{
                       width: 440px;
                       height: 800px;
                       border:3px solid #3d2e04;
                       border-radius: 8px;
                       margin-bottom:20px;
      }

      .fila{
            position:relative;
            width: 400px;
            height: 220px;
            border-radius: 8px;
            /*border:2px solid red;*/
            margin-top:20px;
            display:flex;
      }

      .columna{
              width:150px;
              height: 200px;
              /*background-color: blueviolet;*/
              border:1px solid black;
              border-radius: 8px;
              margin-top:10px;
      }
 
      .columna h3{
                  font-family: 'Courier New', Courier, monospace;
                  font-style: italic;
                  font-size: 15px;
                  color:#3d2e04;
      }
 
      .columna img{
                   width: 80%;
                   height: auto;
                   padding-top:20px;
                   border-radius:100%;
      }


}

.frame_servicio{
              width: 100%;
              height: 240px;
}


/********************************* footer **************/
footer{
        width: auto;
        height: 220px;
        background-color:#00a900;
        margin-top:100px;
    }
    
    #direccion{
            margin:0 auto;
    }
    
    #direccion .tel{
                 height: 20px;
                 width: auto;
                 position:absolute;
                 /*border:2px solid black;*/
                 margin-left:-45px;
    }
    
    #direccion .reloj{
                 height: 20px;
                 width: auto;
                 position:absolute;
                 /*border:2px solid black;*/
                 margin-left:-35px;
    }
    
    #direccion .face{
                  height: 19px;
                  width: auto;
                  position:absolute;
                  /*border:2px solid black;*/
                  margin-left:-35px;
    }
    
    #direccion .inta{
                  height: 20px;
                 width: auto;
                  position:absolute;
                  /*border:2px solid black;*/
                  margin-left:15px;
    }