*{
    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  *****************************/

.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);

           

}

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


.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{
       font-family: arial;
       font-size:60px;
       margin-top:60px;
       margin-bottom:20px;
}

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:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',  Verdana, sans-serif;
             font-size:20px;
             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: 22px;
            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;
}