*{
    margin:0 auto;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, 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;/*450*/
              

}

/**************************   fin del carrusel ********/

/**************************   nav ********************/
.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;
 
}

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

        header img{
                  width: 60%;
        }

        .titulo{
                font-family: arial;
                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;
                  
      }

        
    
}

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





/************************************ sugerencias **********************/
.h2-form{
        width: auto;
        height: 50px;;
        margin-top:20px;
        /*border:2px solid red;*/

}

table{
      /*border:2px solid black;*/   
      width: 300px;
      height: 300px;

}

table tr td{
        /*border: 2px solid red;*/
        text-align: center;
        
}

.form-contacto{
                margin:0 auto;
                margin-top:40px;
                width: 350px;
                height: 260px;   
                /*border:2px solid green;*/
}

.form-contacto .correo-form{
                     width: 335px;
                     height: 25px;
                     border-radius: 5px 5px;
                     box-shadow: 5px 5px 7px #999; 
}

.form-contacto textarea{
                        width: 335px;
                        height: 150px;
                        border-radius: 5px 5px;
                        box-shadow: 5px 5px 7px #999; 
}

.form-contacto tr td input{
                           margin:0 auto;
}

.form-contacto .btn{
                    border-radius:8px 8px 8px 8px;
                    background-color: #4CAF50;
                    color:white;
                    margin-top:20px;
                    width: 100px;
                    height: 40px;
                    box-shadow: 5px 5px 7px #999;  
                                       
}

.form-contacto .btn:hover{
                        border-radius:8px 8px 8px 8px;
                        background-color: #6ab86d;
                        color:white;
                        margin-top:20px;
                        width: 100px;
                        height: 40px;
                        border:1px sold white;
                        box-shadow: 5px 5px 7px #999; 

}
/********************************* 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;
    }